/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 10
   ============================================== */

/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

.mop {
  clear: both;
  height: 0;
}

/* TITRES, INTERTITRES */
h2.titre {
  text-align: center;
}
/* Séparateur */
hr.separateur {
  height: 2px;
  margin: -0.5em 0;
  padding: 0;
  border: 0;
}
/* --- CENTRE : TEXTE + DOCUMENTS --- */
p.chapeau {
  font-family: Arial, Verdana, sans serif; 
  line-height: 1.40em;
  font-weight: bold; 
  text-align: justify;
}
p.texte {
  margin-bottom: 5px;
  line-height: 1.40em;
  text-align: justify;
}
p.texte_maj {
  float: right;
  font-size: 0.7em;
}
ul.texte li {
  list-style: none;
  background: url(../wimages/puce_liste.gif) no-repeat 0 .1em;
  padding-left: 12px;
  margin-bottom: 5px;
  line-height: 1.4em;
}
.texte_documents { 
  text-align: center; 
  margin-top: 5px; 
  margin-bottom: 15px;
}
.texte_documents_centre { 
  clear: both; 
  width: 100%; 
  margin: auto; 
}
span.texte_documents_centre { 
  display: block; 
  margin-top: 1em; 
}
.texte_documents_gauche { 
  float: left; 
  margin-right: 15px; 
}
.texte_documents_droite { 
  float: right; 
  margin-left: 15px; 
}
p.bouton_fermeture {
  border: 1px solid #003366; 
  cursor: pointer; 
  color: #333; 
  padding: 3px; 
  width: 6em; 
  text-align: center; 
  font-size: 0.8em;
  font-weight: bold; 
}

/* --- CENTRE : ACTUALITES --- */
.actualite h2 {
  margin-top: 6px;
  font-size: 1.2em;
  font-weight: bold;
  color: #003366;
}
.actualite h2 a {
 background: transparent url(../wimages/puce_lien.png) no-repeat 0px 2px;
 padding-left: 9px;
}
.actualite {
  list-style: none;
  margin: 0;
  padding: 8px;
  text-align: justify;
}

/* --- CENTRE : ONGLETS --- */
#onglets ul {
  clear: both;
  padding: 0;
  margin: 0;
}
#onglets ul {
  /*position: relative;*/
  margin-top: 15px;
  z-index: 2;
}
#onglets ul li {
  display: block;
  float: left;
  margin-right: 10px;
}
#onglets ul li a {
  display: block;
  color: #777;
  background: #F5F5F5 url(../wimages/fleche_bas_ferm.png) no-repeat 5px 3px;
  padding: 5px 7px;
  /*border: 1px solid #003366;*/
  padding-left: 21px;
}
#onglets li a.choix {
  color: #333;
  /*background-image: url(../wimages/fleche_bas_ouvr.png);*/
  background-color: #FFFFFF;
  /*border-color: #003366;*/
  border-bottom: 1px solid #FFFFFF;
  font-style: bold;
}

/* --- CENTRE : PROGRAMME (EN LIAISON AVEC LES ONGLETS) --- */
ul.programme {
 margin: 0;
 padding: 0;
}
ul.programme {
  padding: 15px 10px 5px;
  margin-top: -1px;
  font-family: Arial, Verdana, sans serif;
}
ul.programme li {
  display: block;
  margin: 0 10px 10px;
}
ul.programme dl {
  margin: 0;
  line-height: 1.5em;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
ul.programme dt.date {
  /*background: transparent url(../wimages/puce_fleche.png) no-repeat 0 4px;*/
  /*font-weight: normal;*/
  /*padding-left: 9px;*/
  /*margin-top: 15px;*/
  /*margin-bottom: 8px;*/
  font-size: 1.1em;
  font-weight: bold;
  /*color: #3399FF;*/
  margin-bottom: 6px;
}
ul.programme dt.rubrique {
  background: transparent url(../wimages/puce_fleche.png) no-repeat 0 4px;
  font-weight: bold;
  padding-left: 9px;
}
ul.programme dt.reference {
  background: transparent url(../wimages/puce_fleche.png) no-repeat 0 3px;
  padding-left: 12px;
}
ul.programme dd.genre {
  font-style: italic;
  color: #ADD8E6;
}
ul.programme dd.auteur {
  /*font-weight: bold;*/
}
ul.programme dd.titre {
  font-weight: bold;
  letter-spacing: 0.1em;
}
ul.programme dd.resume {
  text-align: justify;
  line-height: 1.2em;
  margin-bottom: 15px;
}
ul.programme dd.lien {
 background: transparent url(../wimages/puce_lien.png) no-repeat 0 3px;
 padding-left: 9px;
}
ul.programme a.document {
  color: #003366;
  font-weight: bold;
  background: #fff url(../wimages/puce_fleche_lien.png) no-repeat 1px 4px;
  padding-left: 10px;
  position: relative;
  float: right;
}

/* --- CENTRE : FORMULAIRE --- */
.formulaire_page {
  margin-bottom: 10px;
}
.formulaire_page fieldset {
  padding: 10px 15px 15px;
  border: 1px solid #ADD8E6;
  position: relative;
  margin: 0;
  width: 600px;
  margin-top: 4px;
}
.formulaire_page legend {
  display: block;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #fff;
  font-weight: bold;
  font-size: 1.2em;
  color: #003366;
  font-family: Arial, Verdana, sans serif;
}
.formulaire_page dl {
  margin: 5px 20px 15px;
}
.formulaire_page dl dt {
  clear: both;
  float: left;
  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-top: 7px;
  width: 135px;
  text-align: right;
  color:  #003366;
}
.formulaire_page dl dd {
  margin-bottom: 15px;
}
.formulaire_page dl dd input.champ_texte {
  border: none;
  border-bottom: 1px solid #777;
  background-color: #fff;
  width: 280px;
  display: block;
  padding: 1px;
}
.formulaire_page dl dd textarea.champ_texte {
  width: 270px;
  height: 120px;
  border: 1px solid #777;
  background-color: #fff;
  padding: 6px;
  margin-top: 15px;
}
.formulaire_page dl dd input.champ_texte:focus {
  border-bottom: 1px solid #003366;
}
.formulaire_page .requis {
  font-weight: bold;
}
.formulaire_page .note {
  font-size: .9em;
  margin-left: 163px;
  margin-right: 60px;
  margin-top: 15px;
}
.formulaire_page .boutons {
  margin: 15px 0 25px 163px;
}
.formulaire_page .boutons input {
  border: 1px solid #003366;
  font-weight: bold;
  cursor: pointer;
  color: #333;
  padding: 3px;
  background-color: #ADD8E6;
}
.formulaire_page .infos {
  font-size: .9em;
  margin-bottom: 0;
}
.formulaire_page .erreur {
  color: #003366;
  font-weight: bold;
  margin-left: 5px;
}
.formulaire_page .message {
  font-weight: bold;
  margin-left: 5px;
  margin-top: 5px;
  line-height: 1.5em;
}
.formulaire_page .radiobox {
  margin-left: 155px;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-right: 50px;
  color: #666;
  line-height: 1.3em;
  font-size: .9em;
}
.formulaire_page .radiobox input {
  float: left;
  margin: 0;
  margin-right: 3px;
  margin-bottom: 5px;
}

/* --- CENTRE : AFFICHAGE MEMBRE ANNUAIRE --- */
#annuaire table {
 width:100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: small;
 background: #FFF;
}
#annuaire td.global {
  border-top: 0.1em solid #ADD8E6;
  border-left: 0.1em solid #FFFFFF;
  border-right: 0.1em solid #FFFFFF;
  border-bottom: 0.1em solid #ADD8E6;
  width: 100%;
  height: 12px;
}
#annuaire td.photo {
 border-style: none;
 width: 90px;
}
#annuaire td.geographie {
 border-style: none;
 line-height: 26px;
}
#annuaire td.fichier {
 border-style: none;
}

/* --- CENTRE : AFFICHAGE ONGLET ARRONDI --- */
div.arrondi {
  width: 444px;
  /*background: #F0F8FF;*/
  padding: 1px 8px;
  -moz-border-radius: 10px 0 0 0; 
  -webkit-border-radius: 10px 0 0 0; 
  border-radius: 10px 0 0 0;
}
div.arrondi p {
  font-size: 1.2em;
  font-weight: bold;
  /*color: #3399FF;*/
  letter-spacing: 0.1em;
}
div.arrondi li {
  font-size: 1.2em;
  font-weight: bold;
  /*color: #3399FF;*/
  /*list-style-image: url(../wimages/rub_activi/puce_rub_sous.png);*/
  letter-spacing: 0.1em;
}
div.arrondi-texte  {
  /*background-color: #F0F8FF;*/
  padding: 8px;
  -moz-border-radius: 0 0 10px 0; 
  -webkit-border-radius: 0 0 10px 0; 
  border-radius: 0 0 10px 0;
}

/* --- CENTRE : NAVIGATION INTERNE --- */
.ancrage_horizontal {
  text-align: center;
  border-bottom: 1px dotted #666666;
  border-top: 1px dotted #666666;
}
.ancrage_horizontal ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.ancrage_horizontal li {
  display: inline;
  background: transparent url(../wimages/fleche_bas_ferm.png) no-repeat;
  padding: 4px 8px 4px 15px;
}

/* --- COLONNE DROITE : MENU SECONDAIRE --- */
.encart_menu {
  margin-top: 10px;
  /*border: 1px solid #003366;*/
  width: 12em;
  /*background-color: #F0F8FF;*/
  padding: 3px;
  margin-bottom: 10px;
}
.encart_menu h4 {
  margin: 2px;
  font-size: 1.2em;
  background: #FFFFFF;
  text-align: left;
  color: #ADD8E6;
  text-align: center;
}
.encart_menu p.intermenu {
  font-size: 1.0em;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.encart_menu p.date {
  font-size: 0.9em;
  text-align: center;
  border-bottom: 1px solid #ADD8E6;
  color: #333333;
}
.encart_menu ul {
  /*list-style-image: url(../wimages/puce_niveau4.png);*/
  font-size: 0.9em;
  color: #333333;
}
.encart_menu li {
  list-style-image: url(../wimages/puce_niveau4.png);
  /*border-bottom: 1px dotted #3399FF;*/
}
.encart_menu li.choix {
  list-style-image: url(../wimages/puce_niveau4_choix.png);
  /*border-bottom: 1px solid #3399FF;*/
}

/* --- COLONNE DROITE : BULLES D'INFORMATION --- */
a.infobulle {
   position: relative;
   color: #003366;
   text-decoration: none;
}
a.infobulle div {
   display: none; /* on masque l'infobulle */
}
a.infobulle:hover {
   background: none; /* correction d'un bug IE */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle:hover div {
   /* affichage infobulle */
   display: inline; 
   position: absolute;
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */   
   /* changement valeur white-space pour eviter retour à la ligne */
   /*white-space: nowrap;*/ 
   /* position infobulle */
   left: -260px;
   width: 220px;
   top: 2px;
   background: #E1F1F8 url(../wimages/infos_bulle_top.png) top right;
   border-bottom: 3px solid #FFF;
   border-left: 3px solid #FFF;
   padding: 3px;
   color: #003366;
}
/* --- COLONNE GAUCHE : INFORMATION --- */
.encart_gauche {
  margin-top: 10px;
  margin-left: 20px;
  /*border: 1px solid #003366;*/
  width: 14em;
  background-color: #FFFFFF;
  padding: 3px;
  margin-bottom: 10px;
}
.encart_gauche h4 {
  margin: 2px;
  font-size: 1.2em;
  background: #FFFFFF;
  color: #ADD8E6;
  text-align: center;
}
.encart_gauche h4 a {
  text-decoration: none;
}
.encart_gauche p {
  margin: 0;
}
.encart_gauche ul {
  list-style-image: url(../wimages/puce_lien.png);
  font-size: 0.9em;
  color: #000000;
}
/* --- COLONNE DROITE : INFORMATION --- */
.encart_droite {
  margin-top: 10px;
  /*border: 1px solid #003366;*/
  width: 12em;
  background-color: #FFFFFF;
  padding: 3px;
  margin-bottom: 10px;
}
.encart_droite h4 {
  margin: 2px;
  font-size: 1.0em;
  background: #FFFFFF;
  text-align: left;
  color: #ADD8E6;
  text-align: center;
}
.encart_droite h4 a {
  text-decoration: none;
}
.encart_droite p {
  margin: 0;
}
.encart_droite ul {
  list-style-image: url(../wimages/puce_lien.png);
  font-size: 0.9em;
  color: #000000;
}

/* --- COLONNE DROITE : MENU RECHERCHE RAPIDE --- */
#encart_recherche_rapide, #encart_recherche_rapide ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1.8em;
}
#encart_recherche_rapide a {
  display: block;
  width: 10em;  
}
#encart_recherche_rapide li { /* tous les items de liste */
  float: left;
  width: 10em; /* largeur obligatoire, sinon opera devient fou */
}
#encart_recherche_rapide li.index { /* tous les items de liste */
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  font-family: Arial, Verdana, sans serif;
  color: #003366;
  border: 1px solid #003366;
  padding: 3px;
  margin: 0px;
}
#encart_recherche_rapide li ul { /* listes de deuxime niveau */
  position: absolute;
  background: #FFFFFF;
  width: 12.5em;
  left: -999em; /* on met left plutpt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'ecran */
  /*line-height: 1.8em;*/
  font-weight: normal;
  font-size: 0.8em;
  text-align: left;
}
#encart_recherche_rapide li:hover ul, #encart_recherche_rapide li.sfhover ul { /* listes imbriquŽes sous les items de listes survolŽs */
  left: auto;
}

/* --- COLONNE DROITE : MENU DEROULANT --- */
#menu-deroulant, #menu-deroulant ul { /* toutes les listes */
  font-family: arial, helvetica, serif;
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  margin-top: 18px;
}
#menu-deroulant a {
  display: block;
  width: 12em;
  font-family: Arial, Verdana, sans serif;  
  font-size: 1.0em;
  color: #003366;
  font-weight: bold;
  text-decoration: none;
}
#menu-deroulant a:hover {
  color: #003366;
}
#menu-deroulant li { /* tous les items de liste */
  float: left;
  width: 11.9em; /* largeur obligatoire, sinon opera devient fou */
}
#menu-deroulant li.recherche {
  /*border-top: 2px solid #ADD8E6;*/
  /*border-right: 2px solid #ADD8E6;*/
  border-left: 2px solid #003366;
  border-bottom: 2px solid #003366;
  padding: 3px;
  text-align: left;
  background: #FFFFFF url(../wimages/soumettre-bas.png) no-repeat right;
}
#menu-deroulant li ul { /* listes de deuxième niveau */
  position: absolute;
  background: #FFFFFF;
  width: 10em;
  margin-top: 6px;
  left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
#menu-deroulant li ul  a:hover {
  /*color: mediumblue;*/
}
#menu-deroulant li:hover ul, #menu-deroulant li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
  left: auto;
}


.bubbleInfo {                               
    position:relative;
}
/*Contains the popup bubble*/

.bubbleInfo:hover > #dpop, .bubbleInfo > #dpop, #dpop {                                   
    -webkit-transition-duration: .25s; 
    -webkit-transition-property: opacity,top;
}

#dpop {
    background: #E1F1F8;
    color: #003366;
    border:1px solid #a0c7ff;
/*    display:block; */
    display: none; /* on masque l'infobulle */
    left:-300px;
    opacity:0;
    width:260px;
    padding:10px;
    position:absolute;
    top:15px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:rgba(68,68,68,.5) 0px 3px 8px;
}

.bubbleInfo:hover > #dpop {
    display:block;
    left:-300px;
    opacity:1;
    padding:10px;
    width:260px;
    position:absolute;
    display:inline;
    top:15px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:rgba(68,68,68,.5) 0px 3px 8px;
}

.bubbleInfo:hover > #dpop:after, #dpop:after {
    border-color:#fff transparent transparent;
    border-style:solid;
    border-width:10px 10px;
    display:block; /* reduce the damage in FF3.0 */
    height:0;
    left:75px;
    position:absolute;
    width:0;
    }

#root_layer {
	    position:absolute;
	    background-color:white;
	    border:0px solid #333;
	    }

#handle_layer {
	      margin:2px;
	      padding:0px;
	      width: 99%;
	      background-color:transparent;
	      }

/* ---------------- Tableau images ------------------ */
table.photos {
	border-width:0px;
	width: 90%;
	text-align:center;
	margin-left:auto; 
	margin-right:auto;

}
td.photos {
	padding: 8px;
	border-width:0px;
	font-size: 9px;
}