/* taille typo
 * Base           100%
 * -------------------------------------
 * 20px           1.27em
 * 19px           1.21em
 * 18px           1.15em
 * 17px           1.09em
 * 16px           1.03em
 * 15px           0.96em
 * 14px           0.88em
 * 13px           0.82em
 * 12px           0.77em
 * 11px           0.71em
 * 10px           0.65em
 *  9px           0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE

 * -------------------------------------
 * Couleurs utilisées
 * Couleurs dominantes : #003366 #40668c #8099b3 #c0ccd9
 * Couleurs toniques : #660033 #b38099 #d9c0cc
 * Troisième couleur : #666633 #b3b399 #d9d9cc
 * Typo : #000000
 * Fond de page : #ffcc99
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
   margin: 0;
   padding : 0;
   text-align:center;
   font-size: 12px;
   color: #000000;
   height: 100%;
}
/*  Définition de la couleur du fond sur les éléments concernés */
body {
   background: url("images/body_background.jpg") #ffffff;
   background-repeat: repeat-y;
   background-position: center;
}

img, table { margin: 0; padding: 0; border: 0; border-spacing:0 }

h1, h2, h3, h4, h5, h6 {
   font-weight:bold;
}

h1 {
   font-size:1.54em;
   margin: 0.5em 0px 1.2em 0px;
   }
h2 {
   font-size:1.03em;
   margin: 0.7em 0px 0.7em 0px;
}
h3 {
   font-size:0.88em;
   margin: 0.4em 0px 0.4em 0px;
}
a:link {color:#003366}
a:visited {color:#660033}
a:hover {color:#666633}
.gras {
   display:inline;
   font-weight:bold;
}
.rouge {
   display:inline;
   color:red;
}
.gris {
   display:inline;
   color:#666633;
}
.souligne {
   display:inline;
   text-decoration:underline;
}
.petit {
   font-size:8px;
   text-align:center;}

.align_center,.gras_rouge_centre, .gras_centre {
   text-align:center;
   display:block;
}
.align_right {
   text-align:right;
}
.gras_centre {
   font-weight:bold;
}
.gras_rouge_centre {
   font-weight:bold;
   color:red;
}
.photo {
   text-align:center;
}
.photo img {
   margin : 6px;
   padding : 5px;
   background-color: #ffffff;
   border: 2px solid #003366;
}
.trombi {
   text-align:center;
}
.trombi img {
   margin : 3px;
   padding : 3px;
   background-color: #ffffff;
   border: 1px solid #003366;
   width : 80%;
}

.ariane {
   margin-top:0px;
   font-size:80%;
   border-bottom: 2px solid #40668c;
   margin-bottom: 10px;
   padding-bottom:2px;
}
.ariane li {
   display:inline;
   list-style-type:none;
   background-repeat:no-repeat;
   background-position:left top;
   padding-left:12px;
   background-image: url(images/puce_fil_ariane.gif);
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
div#conteneur {
   min-height: 100%;
   position: relative;
   width: 1000px;
   margin: 0 auto;
   text-align: left;
   background-color:#ffcc99;
   border: 1px solid #000000;
}
div#bandeau{
   height: 120px;
   background: url("images/bandeau_annuaire.jpg") #8099b3;
   margin: 0px;
   padding: 0px;
}
div#colonne_gauche {
   float:left;
   width: 190px;
   padding: 5px;
   margin: 0px;
   background-color: #003366;
}
div#colonne_droite {
   float: right;
   width: 13em;
   width: 190px;
   padding: 5px;
   margin: 0px;
   background-color: #ffcc99;
   z-index:10;
}

div#pied {
   width: 1000px;
   height: 30px;
   background-color: #8099b3;
   font-size: 80%;
   margin: 0;
   text-align: center;
   clear:both;
}

/* Bloc de contenu principal et ses styles
*/
div#contenu {

   width: 590px;
   padding: 5px;
   background-color: #ffcc99;
   text-align: left;
   overflow:auto;
}
div#contenu p {
   margin: 0.5em 0em 0.5em 0em;
   line-height: 1.6em ;
   text-align: justify ;
}

/*
 * Page "Fiche personnelle" couleur de fond des cadres
 * en fonction du niveau de diffusion
 */
.encadre0,.encadre1,.encadre2, .textelibre {
   border: 2px solid #660033;
   margin: 1.8em 1.15em;
   padding: 0.65em;
   border-radius: 10px;
}
.encadre0 ul,.encadre1 ul,.encadre2 ul {
   padding: 0px 0px 0.2em 1.5em;
   margin: 0px;
   clear:left;
}
.encadre0 div,.encadre1 div,.encadre2 div, .textelibre div {
   clear:left;
}
.encadre0 ul li,.encadre1 ul li,.encadre2 ul li{
   list-style-type:none;
   background-repeat:no-repeat;
   background-position:left top;
   padding-left:12px;
   font-size:12px;
   background-image: url(images/puceC2big.gif);
}
.boite_photo0, .boite_photo1, .boite_photo2 {
   border: 2px solid #660033;
   margin: 2.2em 4px;
   padding: 0.65em;
   border-radius: 5px;
}

.bloc_titre0, .bloc_titre1, .bloc_titre2 {
   border: 1px solid #660033;
   margin-top:-1.2em;
   margin-left:0.5em;
   margin-bottom:0.8em;
   padding: 0.05em 0.5em;
   font-weight:bold;
   font-size:1.15em;
   float: left;
   border-radius: 5px;
}
.encadre0, .boite_photo0, .textelibre0 {
   background-color: #d9d9cc;
}
.bloc_titre0 {
   background-color: #b3b399;
}
.encadre1, .boite_photo1, .textelibre1 {
   background-color: #c0ccd9;
}
.bloc_titre1 {
   background-color: #8099b3;
}
.encadre2, .boite_photo2, .textelibre {
   background-color: #d9c0cc;
}
.bloc_titre2 {
   background-color: #b38099;
}
.textelibre div table tbody tr td {
   border-bottom:dotted thin #666633;
   border-top:dotted thin #666633;
   margin:0px;
   padding:0px;
   font-size:12px;
}
.encadre0 div table tbody tr td input, .encadre0 div table tbody tr td select {
   width:400px;
}

.clear {
   clear:left;
}

/*
 * Les boîtes
 */

/* Format des bo�tes */
.boite_d1, .boite_action, .boite_profil {
   border: 1px solid #b3b399;
   margin-top: 16px;
   margin-left: 4px;
   margin-right: 4px;
   margin-bottom: 16px;
   border-radius: 5px;
}

.boite_profil {
   background-color: #c0ccd9;
}
.boite_profil .boite-titre {
   background-color: #8099b3;
}
.boite_action {
   background-color: #d9c0cc;
}
.boite_action .boite-titre {
   background-color: #b38099;
}
.boite_d1 {
   background-color: #b38099;
}

/* Contenu de la bo�te */
.boite-titre {
   border-bottom: 1px dashed #666633;
   margin: 0px;
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 3px;
   padding-bottom: 2px;
   font-size: 12px;
   font-weight:bold;
}
.boite-item {
   margin: 0px;
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 1px;
   padding-bottom: 1px;
   font-size: 11px;
   text-align:left;
   display:block;
}
.boite-item ul, .gmapSidebar {
   padding: 0px 0px 0px 2px;
   margin: 0px;
}

.boite-item ul ul{
   padding-left:9px;
}

.boite-item ul li, .gmapSidebarItem, .list-puce {
   list-style-type:none;
   background-repeat:no-repeat;
   background-position:left top;
   padding-left:9px;
   background-image: url(images/puceC2.gif);
}

.boite-item select, .boite-item input {
   width: 170px;
}
img.photo_bloc {
   float:right;
   margin : 3px;
   padding : 3px;
   background-color: #ffffff;
   border: 1px solid #003366;
   width : 50px;
}



/* -------------------------------------------
 * Formulaires
 */
.formulaire_encart_profil {
   background-color: #DEDFE7;
   color: #505030;
   width: 164px;
   margin: 1px;
   padding: 2px;
   border: solid 1px #909090;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: normal;
}
.formulaire_encart_profil input {
   width: 158px;
}
/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart {
   font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif; }


/* Liste */
.list, .datagrid {
   width: 580px;
   margin-right:auto;
   margin-left:auto;
   border-collapse:collapse;
   table-layout:fixed;
}
.ligne1, .ligne2 {
   display: table-cell;
   vertical-align: top;
   font-size: 12px;
   border: 0px;
   margin: 0px;
   padding: 0px;
}
.ligne1, .lignecouleur1 {
   background-color:#b3b399;
}
.ligne2, .lignecouleur2 {
   background-color:#d9d9cc;
}

/*
 * Class datagrid pour l'affichage des tableaux de donn�es
 */
 .datagrid {
   border-spacing: 1px
 }
 .datagrid th {
   font-weight: bold;
   background-color: #d9c0cc;
   text-align: center;
   vertical-align : middle;
 }
/*
 * Infobulle par CSS Source : http://dypso.free.fr/tech/css_infobulle.php
 */
a.infobulle{
    position:relative;
    z-index:24;
    text-decoration:none}

a.infobulle:hover{
   z-index:25;
   background-color:#ff0}

a.infobulle span{display: none}

a.infobulle:hover span{
/*le contenu de la balise span ne
sera visible que pour l'état a:hover */
 display:block;
 position:absolute;
 top:2em; left:2em; width:15em;
 border:1px solid #6699cc;
 background-color:#eeeeee; color:#6699cc;
 text-align: justify;
 font-weight:none;
 padding:1px;
 z-index:25;
}