/* -*- Mode: CSS; tab-width: 2; indent-tabs-mode: nil; coding: utf-8 -*- */
/*Site programmé par les Zurlus*/
/*www.leszurlus.com*/

/*proprietes du corps*/
body { margin:0px; padding:0px; font:0.95em Arial, Verdana, sans-serif; color:#333333; background:url('/images/site/bg_accueil.r-1278295933.jpg');  background-position:center top; background-color:#274557; background-repeat:no-repeat; background-attachment:fixed; }
.head-etudier {margin:0px; padding:0px; font:0.95em Arial, Verdana, sans-serif; color:#333333; background:url('/images/site/bg_etudier.r-1278977534.jpg'); background-position:center top; background-color:#1c6a9a; background-repeat:no-repeat; background-attachment:fixed; }

.head-formation-continue {margin:0px; padding:0px; font:0.95em Arial, Verdana, sans-serif; color:#333333; background:url('/images/site/bg_formation.r-1282657604.jpg'); background-position:center top; background-color:#748894; background-repeat:no-repeat; background-attachment:fixed; }
.head-formation-continue div#footer { width:955px; height:167px; background:url('/images/site/bg_footer_formation.r-1279557957.jpg'); background-repeat:no-repeat; margin-left:123px; margin-right:123px; }
.head-formation-continue div#header a  { color:#333333; text-decoration:none; margin-right:5px; font-weight:bold; }
.head-formation-continue div#header a:hover { color:#8d940d; }
.head-formation-continue div#footer p { color:#333333; font-size:0.75em; text-align:center;  margin-bottom:23px; margin-top:0; }

.head-etudier div#footer { width:955px; height:167px; background:url('/images/site/bg_footer_etudier.r-1281638325.jpg'); background-repeat:no-repeat; margin-left:123px; margin-right:123px;  }
.head-etudier div#footer p { color:#f6b67a; font-size:0.75em; text-align:center;  margin-bottom:23px; margin-top:0; }

.head-etudes {margin:0px; padding:0px; font:0.95em Arial, Verdana, sans-serif; color:#333333; background:url('/images/site/bg_programmes.r-1279286895.jpg'); background-position:center top; background-color:#7d9cab; background-repeat:no-repeat; background-attachment:fixed; }
.head-etudes div#footer p { color:#333333; font-size:0.75em; text-align:center;  margin-bottom:23px; margin-top:0; }

.head-bibliotheque { margin:0px; padding:0px; font:0.95em Arial, Verdana, sans-serif; color:#333333; background:url('/images/site/bg_bibliotheque.r-1279563214.jpg'); background-position:center top; background-color:#6f8c9b; background-repeat:no-repeat; background-attachment:fixed; }
.head-bibliotheque div#footer p { color:#333333; font-size:0.75em; text-align:center;  margin-bottom:23px; margin-top:0; }
.head-bibliotheque div#header p { padding-right:75px; padding-top:11px; color:#fff; text-align:right; font-size:0.75em; margin:0px; }

.head-activites-etudiantes {margin:0px; padding:0px; font:0.95em Arial, Verdana, sans-serif; color:#333333; background:url('/images/site/bg_activites.r-1279736282.jpg'); background-position:center top; background-color:#5f7a8a; background-repeat:no-repeat; background-attachment:fixed; }
.head-activites-etudiantes div#footer p { color:#333333; font-size:0.75em; text-align:center;  margin-bottom:23px; margin-top:0; }
.head-activites-etudiantes div#header a  { color:#c7d1d4; text-decoration:none; margin-right:5px; font-weight:bold; }
.head-activites-etudiantes div#header p { padding-right:75px; padding-top:11px; color:#333333; text-align:right; font-size:0.75em; margin:0px; }
.head-activites-etudiantes div#footer { width:955px; height:167px; background:url('/images/site/bg_footer_activites.r-1281622518.jpg'); background-repeat:no-repeat; margin-left:123px; margin-right:123px; }

.head-services-aux-etudiants {margin:0px; padding:0px; font:0.95em Arial, Verdana, sans-serif; color:#333333; background:url('/images/site/bg_services.r-1281622992.jpg'); background-position:center top; background-color:#546a79; background-repeat:no-repeat; background-attachment:fixed; }
.head-services-aux-etudiants div#footer { width:955px; height:167px; background:url('/images/site/bg_footer_services.r-1281538543.jpg'); background-repeat:no-repeat; margin-left:123px; margin-right:123px; }
.head-services-aux-etudiants div#footer p { color:#333333; font-size:0.75em; text-align:center;  margin-bottom:23px; margin-top:0; }
.head-services-aux-etudiants div#header a:hover { color:#819606; }
.head-services-aux-etudiants div#footer p { color:#97b007; font-size:0.75em; text-align:center;  margin-bottom:23px; margin-top:0; }

/*proprietes du cadrage general avec effet ombre porte*/
div#centre { width:1200px; margin-left:auto; margin-right:auto; background:url('/images/site/invisible.r-1278295941.png') repeat-y; }

/*proprietes du cadrage general*/
div#main { width:1200px; margin-left:auto; margin-right:auto; }
  div#main input.searchinput { display:block;  width:109px; border:none; color:#fff; background:none; font-size:11px; margin:0; outline:0;  }
    div#main button.searchbutton { position:absolute; bottom:1px; right:8px; width:30px; height:30px; border:none; cursor:pointer; background:url('/images/site/loupe.r-1278941870.png'); margin:0; z-index:20; }
      div#main button.searchbutton:hover { background:url('/images/site/loupe2.r-1278943183.png'); }
        div#main div#colonne2 input.inputcolonne2 {  width:180px; color:#fc881a; background-color:#e7f3f6; border:none; font-size:0.75em; margin-left:40px;  outline:0; }
          div#main div#colonne2 button.buttoncolonne2 {  font-size:0.75em;  cursor:pointer; }

/*anti-flottement*/
div.nonflottant { clear:both; }

/*proprietes entete*/
div#header_wrap { width:955px; height:240px; margin-left:123px; margin-right:123px; background:url('/images/site/bg_head_accueil.r-1278943025.png');  margin-top:0; }

div#header { position:relative;  height:240px; margin-top:0; z-index:2; }
  div#header h1 { font-size:1.2em; text-align:left; color:#8cc6ed; margin-top:185px; margin-left:13px; margin-bottom:0; width:75%; }
    div#header p { padding-right:75px; padding-top:11px; color:#ca6c1c; text-align:right; font-size:0.75em; margin:0px; }
      div#header a  { color:#305367; text-decoration:none; margin-right:5px; font-weight:bold; }
        div#header a:hover, div#header a:active { color:#fff; }
          div#header div.form { position:absolute; bottom:7px; right:43px; z-index:20; }
            div#header div.medias  { position:absolute;  top:7px; right:10px; z-index:18; margin-left:10px; }
		   
/*proprietes du contenu a trois colonnes avec fond gazon vert*/
div#green_content { width:955px;  background:url('/images/site/bg_main.r-1278295938.jpg') repeat-y;  margin-left:123px; margin-right:123px; }

div#container { width:955px;  background:url('/images/site/bg_container.r-1278893388.jpg') no-repeat; }
  div#container h2 { font-size:1.2em; position:relative; text-align:right; color:#fc881a; padding-top:11px; margin:0 12px 0 0; }
					
/*proprietes de la premiere colonne*/
div#colonne1 { width:181px; float:left; padding-bottom: 40px; padding-top:3px; font-size:0.75em; }
  div#colonne1 h3 { font-size:1em; }
		                                 
/*proprietes de la deuxieme colonne*/
div#colonne2  { width:540px; float:left; }
  div#colonne2 p { color:#333333; font-size:0.8em; padding:0 40px; text-align:justify; }
    div#colonne2 h1 {  text-align: right; font-size:1.2em;  color:#4c89a6; margin:39px 15px 25px 15px; }
      div#colonne2 h2 {  text-align: left; font-size:1em;  color:#556304; margin:12px 40px 12px 40px; border-bottom:2px solid #e7f3f6; }
        div#colonne2 h3 {  text-align: left; font-size:0.9em;  color:#4c89a6;  margin:10px 40px 10px 40px; }
          div#colonne2 h4 {  text-align: left; font-size:1em;  color:#556304; margin:0 40px 5px 40px; }
            div#colonne2 h5 {  text-align: left; font-size:0.9em;  color:#4c89a6;  margin:0 40px 0px 40px; border-top:1px solid #e7f3f6; padding-top:15px; }
              div#colonne2 h6 {  text-align: left; font-size:0.9em;  color:#fff;  margin:0 40px 25px 40px; background-color: #8d940d; padding:6px; }
                div#colonne2 ul { color:#333333; font-size:0.8em; margin:20px 40px 20px 50px; text-align:justify; list-style-image: url('/images/site/square.r-1278859942.jpg'); }
                  div#colonne2 li  { margin-top:5px; }
                    div#colonne2 ol { color:#333333; font-size:0.8em; margin:20px 40px 20px 60px; text-align:justify; }
	              div#colonne2 a { color:#cf7017;  text-decoration:none; }
	                div#colonne2 a:hover { color: #8d940d; }
                          div#colonne2 table { color:#333333; font-size:0.8em; margin:20px 40px 20px 40px; text-align:left; padding:0; }
                            div#colonne2 td { margin: 0; padding: 3px 5px;  vertical-align: top; }
                              div#colonne2 td.choice { text-align: center; color:#fc881a; }
                                div#colonne2 td.code { width: 90px; text-align: left; font-weight:bold; }
                                  div#colonne2 td.titre { text-align: left; width:320px; }
                                    div#colonne2 td.heures { width: 50px; text-align: center; }
                                      div#colonne2  div#map { position:relative; margin:7px 40px 7px; 40px; width:460px; height:400px; }
                                        div#colonne2 p.next { float:right; }
                                          div#colonne2 p.prev { float:left; }
                                            div#colonne2 hr { color: #e7f3f6; margin: 0 40px 0 40px; }
                                              div#colonne2 .slogan { text-align: center; font-style: italic; margin: 10px 0; }
                                                div#colonne2 .taux { margin: 10px 0; text-align: center; font-weight: bold; font-size: 1.2em; }

/*Photos*/
div#colonne2 table.pgalsub { margin:20px 18px 20px 18px; padding: 0; }
  div#colonne2 table.pgalcat img { margin: 0; border: 0; padding: 0; display: block; margin: auto; }
    div#colonne2 table.pgalsub img { padding: 6px; border: solid 1px #ccc; }
      div#colonne2 table.pgalsub img:hover { padding: 6px; border: solid 1px #bbb; background-color:#BBD5E4; -moz-box-shadow: 3px 3px 4px #ccc; -webkit-box-shadow: 3px 3px 4px #ccc; box-shadow: 3px 3px 4px #ccc; }
        div#colonne2 table.pgalcat td.desc { vertical-align: top }

/*Offres d'emploi*/
/*div#colonne2 dd#emploitypes dt { float: left; width: 200px; outline: 1px dashed red; clear: left; }
  div#colonne2 ul#emploitypes { width: 55ex; margin: 1em 0; }
    div#colonne2 ul#emploitypes li.head { list-style-type: none; }
      div#colonne2 ul#emploitypes li span { float: right; width: 20ex; }
        div#colonne2 ul#emploitypes li { clear: right; }
          div#colonne2 #oemploi .nooffre { float: right; font-size: 1.1em; }
            div#colonne2 #oemploi .minititle { font-size: 1.6em; font-weight: bold; margin: 0 0 1em 0; }
              div#colonne2 #oemploi h2 { font-size: 1.4em; margin-bottom: 0; text-align: center; }
                div#colonne2 #oemploi .title2 { margin: 0; text-align: center; }
                  div#colonne2 #oemploi .intro { margin-top: 1.5em; }
                    div#colonne2 #oemploi .statut { margin: 1em 0; text-align: center; }
                      div#colonne2 #oemploi ul.various { list-style-type: none; margin: 1em auto; padding: 0; width: 100%; text-align:left; }
                        div#colonne2 #oemploi ul.various li { clear: both;  text-align:left; }
                          div#colonne2 #oemploi ul.various li span.key { text-align:left; font-weight: bold; }
                            div#colonne2 #oemploi ul.various li span.val { float: right; width: 74%; }
                              div#colonne2 #oemploi dl.adresse { margin: 1em 0; }
                                div#colonne2 #oemploi dl.adresse dt { margin: 0; float: left; clear: left; width: 12ex; }
                                  div#colonne2 #oemploi dl.adresse dd { margin: 0.5em 0 0.5em 17ex; }*/

/* Videos */
.fvideobox { width: 400px; margin: 1em auto; }
  #videobox { margin: 30px 70px; padding: 0; }
    .videonoflash { border: 1px solid rgb(190,190,190); background-color: rgb(220,220,220); margin: 0 auto; padding: 5px; }
      #videobox .videonoflash { width: 50%; }

/*Bottin*/
div#colonne2 div.navigbottin ul { list-style: none outside none; margin: 0; padding: 0; text-align:center; }
  div#colonne2 div.navigbottin li { display: inline; }
    div#colonne2 div.navigbottin li.dot { padding: 0 1ex; }
                                                                                            
/*Programmes - légende*/
#grillelegende { width: 432px; margin:0; padding:10px 0 20px 50px; }
  #grillelegende .title { margin: 0; padding: 0 0 10px 1ex; height: 24px; line-height: 24px; font-size: 0.9em; font-weight: normal; outline: 0; cursor: pointer; text-align: center; color:#333; border:none; }
     #grillelegende.closed .title { color:#4c89a6; }
        #grillelegende .data img { display: block; }

/*Bibliothèque*/
div#colonne2 div.bibli_livre { height:230px; }
div#colonne2 div.bibli_livre img { float: right; margin: 0 40px 0 20px; }
  div#colonne2 div.bibli_livre .date { color: rgb(51,51,119); float: right; margin:0; padding: 3px 0 0 0; }
    div#colonne2 div.bibli_livre .short { padding: 0; margin: 0 20px; text-align: left; }
      div#colonne2 div.bibli_livre_single p { margin: 3px 0 3px 10px; }
        div#colonne2 div.bibli_livre_single img { float: right; margin: 0 0 3px 5px; }

/*proprietes de la troisieme colonne*/		  
div#colonne3 { width:234px; float:right; }
  div#colonne3 p { color:#333333; font-size:0.8em; padding: 7px 20px 7px 20px; text-align:justify; }	
    div#colonne3 h1 { font-size:1.2em; color:#4c89a6; text-align:left; margin-top:0;  padding:8px 8px 8px 15px; background:white; height:21px; }
      div#colonne3 h2 { font-size:1.1em; margin:0 0 5px 0;  text-align:right; color:#fc881a; padding:20px; margin:0; }
        div#colonne3 h3 { font-size:1em; color:#4c89a6; text-align:left; padding:0 8px 0 15px;  }
          div#colonne3 h4 { font-size:1em; color:#4c89a6; text-align:center; padding:0px;}
            div#colonne3 a { color:#cf7017; text-decoration:none;  }
              div#colonne3 a:hover { color: #8d940d; }
                div#colonne3 a.coltitre { color:#4c89a6; }
                  div#colonne3 a:hover.coltitre { color:#8cc6ed }
                    div#colonne3 .navimg  { margin-left:3px; margin-bottom:5px; }
                      div#colonne3 ul { color:#333333; font-size:0.85em; margin:30px 30px 30px 0; text-align:right; list-style-type:none; }
                        div#colonne3 li  { margin-top:5px; } 
		           	    			  									 
/*proprietes du pied de page*/ 
div#footer { position:relative; width:955px; height:167px; background:url('/images/site/bg_footer.r-1278295936.jpg'); background-repeat:no-repeat; margin-left:123px; margin-right:123px; }
  div#footer p { color:#fc881a; font-size:0.75em; text-align:center;  margin-bottom:23px; margin-top:0; }
    div#footer a  { color:#fff; text-decoration:none; margin-right:10px; font-weight:bold; }
      div#footer a:hover, div#footer a:active { color:#fc881a; }
        div#footer div.text  { padding-top:140px; padding-bottom:10px; }
          div#footer div.haut { position:absolute; left:680px; top:60px; }
             div#footer div.haut a { color:#fc881a; }
               div#footer div.haut a:hover { color:#8d940d; }
                        
/*menu vertical*/ 
.navl ul.lone { list-style: none outside none; margin: 0; padding:0; }
  .navl ul.lone li { margin: 0; padding:0; border-top:1px solid white; border-bottom:1px solid white; border-left:3px solid white; border-right:3px solid white; color:#fff; display:block; font-weight:bold;}
    .nav li.current { background-color:#e7f3f6; color:#4c89a6; padding:4px; }
      .navl .lone  a { background-color:#72838f; border-top:1px solid white; border-bottom:1px solid white; border-left:2px solid white; border-right:2px solid white; color:#fff; display:block; text-indent:2px; text-decoration: none; padding:4px;  outline:0; }
         .navl li.ncurrent { background-color:#fff; color:#4c89a6; padding:0; }

 .nav li.current2 {  background-color:#fff; border-top:1px solid white; border-bottom:1px solid white; border-left:2px solid white; border-right:2px solid white; color:#fff; display:block;  text-decoration: none; padding:2px;  outline:0; }

.cats_item { border-left:3px solid white; margin:0; background-color:#fff; width:175px; padding:2px 0 2px 0; }
  .cats_item h3 { cursor:pointer; border-left:2px solid #fff; border-right:2px solid #fff; background:#879ba8 url('/images/site/collapsed.r-1278295940.png') no-repeat scroll 159px 6px; color:#fff; display:block; font-weight:bold; margin:0px; padding:4px 16px 4px 6px; text-decoration: none; outline:0; }        
    .cats_item h3:hover { background-color:#72838f; color:#fff; }
      .cats_item h3.ui-state-active { background-image: url('/images/site/expanded.r-1278295940.png'); background-color:#ca6c1c; }
        /*.cats_item h3.current { background-color:#ca6c1c; }*/
          .cats_item h3.currentphotos { background-color:#ca6c1c; }
          .cats_item ul { list-style:none outside none;  display:block; margin:0; padding:0; }
            .cats_item li { list-style:none outside none;  display:block; margin:0; padding:0; }
              .cats_item li a { display:inline-block; background-color:#fc881a; border-left:2px solid white; border-right:2px solid white; padding:6px 6px 6px 6px; outline:0; margin:0; color:#fff; text-decoration: none;  width:159px; } 
                .cats_item li a:hover { background-color:#fc9b3f; color:#fff; }
                  .cats_item li.current { color:#b05f19; background:#fcbb7e; border-top:none; border-bottom:none; padding:11px 6px 11px 6px; font-weight:bold; border-left:2px solid white; border-right:2px solid white;}

/*menu horizontal*/ 
.nav-wrap { width:955px; margin-left:123px; margin-right:123px; background-color:#2c5574; border-top: 2px solid #2c5574; border-bottom: 2px solid #333333; display:block; text-transform:uppercase; font-weight:bold;}
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#sections { margin: 0 auto; list-style: none;  position: relative; text-align: center; padding:0; }
  #sections li { display: inline; }
    #sections li { display: inline; margin:0; padding:0; }
      #sections li a { display: inline-block; color: #bbd5e4; font-size:9px; padding: 9px 9px; text-decoration: none; }
        #sections li a:hover { color:#fff;  }
          #magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #6b7d03; }
            .current_page_item a, .current_page_item_two a { color: #fa9e48 !important; }
    
/*Galleries sur accueil */
#accueilgal { width: 222px; height: 166px; margin: 0 0 0 3px; padding:0; }
  #accueilgal img { width: 222px; height: 166px; border: 0; }
    #accueilgalname { margin: 10px; 1em 8px 1em; text-align: center; line-height: 0.9em; }
      #accueilgalall { margin: 0 0 10px 0; padding:0 ; text-align: center; font-size: 0.8em; font-weight:bold; }

/*Nouvelles */
div#colonne3 div.dentry { margin: 0; padding:0; }
  div#colonne3 div.dentry:first-child { padding: 0; }
    div#colonne3 div.dentry .date { padding: 6px 12px 5px 10px; margin: 0 9px 4px 4px;  color:#556304; font-weight:bold;  background-color:#d3dde0; text-align:right; }
      div#colonne3 div.dentry .entry { margin: 7px 20px 0 15px; }
        div#colonne3 div.dentry .description { margin: 0 5px 0 0; }
          div#colonne3 div.dentrymore { font-size: 0.8em; font-weight:bold; text-align:center; }
            div#colonne3 ul.dentry { margin: 0; padding: 0 0 0 20px; list-style-type: disc outside none; }
              div#colonne3 ul.dentry li { margin: 0; padding: 0; }
                div#colonne3 div.dentry img { float: right; margin: 0 0 5px 5px; padding: 4px 3px 0 0; }

/*classes personnalisees*/ 
.bleu { color:#588aa4; }
.orange { color:#fc881a; }
.feed { float: right; padding-right:12px; }

/* Floating menu */
.ui-tabs-hide { display: none; }
  .ui-tabs-nav-wrap { margin: 20px 40px 20px 40px; background: transparent; }
    .ui-tabs-nav { margin: 0 !important; padding: 0 !important; list-style: none outside none !important; white-space: nowrap; }
      .ui-tabs-nav li { margin: 0.1em 0; padding: 0; }
        .ui-tabs-nav a { white-space: nowrap; outline: 0; }
          .ui-tabs-nav a:link, .ui-tabs-nav a:visited {}
            .ui-tabs-nav .ui-tabs-selected a { color: rgb(0,0,0); font-weight: normal; text-decoration: none; }
              .ui-tabs-nav .bullet { visibility: hidden; }
                .ui-tabs-nav .ui-tabs-selected .bullet { visibility: visible; }
                  .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
                    .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */  cursor: text; }
                     .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }
                       .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { color: rgb(0,0,0); }
                         .ui-tabs-panel { background: transparent; }

/*{{{ Formulaires */
form p.missing input, form p.missing textarea {
	background-color: rgb(200,130,130);
}
form p.missing strong {
	color: rgb(255,0,0);
}

/* Formation continue */
#fcform table {
	margin-left: 0;
	margin-right: 0;
}
#fcform td.titre input {
	width: 280px;
}
#fcform td.date input {
	width: 100px;
}

#fcform input.gen {
	width: 265px;
}
#fcform input.tel {
	width: 125px;
}
#fcform input.poste {
	width: 75px;
}

#fcform p.button {
	text-align: center;
}

/* Fix Firefox: background change layout */
#fcform input[type=text] {
	background-color: rgb(255,255,255);
}

#fcform .missing input[type=text] {
	background-color: rgb(255,180,180);
}

#fcform .missing td.label {
	color: rgb(200,0,0);
}

#fcform table {
	margin-top: 1em;
}
/*}}}*/

.navl .slider ul ul.lvl2 {
	width: auto;
	padding: 0 0 0 6px;
}

table.pgalsub td.caption {
	vertical-align: top;
	padding: .2em 0 1em 0;
	xpadding-bottom: 1em;
	margin: 0;
}