body {
background-color: #ffffff;
scrollbar-base-color:#D2DCEE;
scrollbar-arrow-color: #ffffff;}
body,td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; color: #5D687D; letter-spacing: 1px;}
.fond{background-color: #77ADFF;}
.contenu{background-color: #ffffff;}
.lizere{background-color: #5D687D;;}

/* CADRES OMBRES */
.corps {  background-color: #ffffff}

/* HORS CADRE */
.etatnav{font-size: 10px;font-weight: bold; color: #ffffff;}
.sousLogo{ font-size: 10px; color: #0000dd;}

/*LIENS*/
a {color: #5D687D; font-weight: bold; text-decoration: none}
a:hover {font-weight: bold; color: #77ADFF; ; text-decoration: none}

.lienDetail {font-size: 14px; font-weight: bold; color: #ff6600; ; text-decoration: none}
.lienDetail:hover {font-size: 14px; font-weight: bold; color: #ff3300; ; text-decoration: underline}

.lienNews {font-weight: bold; color: #ff9933; ; text-decoration: none}
.lienNews:hover {font-weight: bold; color: #ff6600; ; text-decoration: underline}

/* MENUS */
.menuFooter {font-size: 11px; font-weight: normal; color: #5D687D; ; text-decoration: none; letter-spacing: 1px;}
.menuFooter:hover {font-size: 11px;font-weight: normal; color: #77ADFF; ; text-decoration: none; letter-spacing: 1px;}
.menuFooterSelect {font-size: 11px;font-weight: normal; color: #77ADFF; ; text-decoration: none; letter-spacing: 1px;}

.menuFooterRef {font-size: 10px; font-weight: normal; color: #5D687D; ; text-decoration: none; letter-spacing: 0px;}
.menuFooterRef:hover {font-size: 10px; font-weight: normal; color: #77ADFF; ; text-decoration: none; letter-spacing: 0px;}

.menuFooterSelect:hover {font-weight: normal; color: #77ADFF; ; text-decoration: none; letter-spacing: 1px;}
.lienFooter {font-size: 10px; font-weight: normal; color: #5D687D; ; text-decoration: none; letter-spacing: 2px;}
.lienFooter:hover {font-size: 10px; font-weight: normal; color: #77ADFF; ; text-decoration: none; letter-spacing: 2px;}

.lienRecherche {font-size: 11px; font-weight: normal; text-decoration: none; letter-spacing: 0px; color: #5D687D;}
.lienRecherche:hover {font-size: 11px; font-weight: normal; text-decoration: none; letter-spacing: 0px; color: #77ADFF;}

.lienTitre1 {font-size: 14px; font-weight: bold; text-decoration: none; letter-spacing: 1px; color: #ffffff;}
.lienTitre1:hover {font-size: 14px; font-weight: bold; text-decoration: none; letter-spacing: 1px; color: #77ADFF;}


/* INTERIEUR CADRE */
.titrePage{font-size: 14px;font-weight: bold; color: #ff3300;}
h1{font-size: 18px; font-weight: normal;  letter-spacing: 4px;}
h2{font-size: 15px; font-weight: bold;  letter-spacing: 2px;}

/*MISE EN VALEUR DE TEXTE*/
.txtPetit{font-size: 10px;}
.txtIntroFamille{font-size: 14px;}
.txtCitation{font-style:italic;}
.titrePhoto{font-size: 12px; color: #3e4a60; font-weight: bold; letter-spacing: 0px;}
.copyright{font-size: 10px; color: #3e4a60; letter-spacing: 1px;}
.txtTitreAuteur{font-size: 13px; font-weight: bold;}
.txtFooter{font-size: 10px; color: #8D8786;}
.img {border:1px; border-thickness: 1px; border-color: #ffffff; border-style: solid;}

/* DIV */
.divTitreChoixTheme{
color: #5D687D;
width: 150px;
height: 12px;
padding: 2px;
font-size: 10px;
text-align:center;
}

.divChoixTheme{
overflow:auto;
width: 150px;
height: 130px;
padding: 2px;
border-color: #D2DCEE; border-width:1px; border-style:solid;
text-align:center;
}

.divChoixPhoto{
overflow:auto;
width: 150px;
height: 350px;
padding: 2px;
border-color: #D2DCEE; border-width:1px; border-style:solid;
}

.divChoixPhotoRetrospective{
overflow:auto;
width: 150px;
height: 450px;
padding: 2px;
border-color: #D2DCEE; border-width:1px; border-style:solid;
}

.divContenu{
overflow: auto;
width: 95%;
height: 520px;
padding: 10px;
}

.divContenuNews{
overflow: auto; 
width: 700px;
height: 450px;
padding: 10px;
}

.divFiche{
overflow: auto;
width: 700px;
height: 540px;
padding: 10px;
}

/*FORMULAIRES*/
select{background-color:#ffffff; color:#77ADFF;  font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding:2px;}

/*TABLEAUX*/
.tabMarquee{ padding:2px; color:#000000; font-size: 10px;}
.tabFooter{ padding:3px;}
.tabDesc{background-color: #660000; color: #77ADFF; padding:3;}
.tabCadrePhoto{ border-color: #ffffff; border-width:1; border-style:solid; padding:2px;}
.tabMotsClee{border-color: #777777; border-width:1; border-style:solid; color: #777777;font-weight:normal; padding:1px;}
.tabFond1{background-color: #EEF5FF; border-color: #ffffff; border-width:1px; border-style:solid; padding:2px;}
.tabFond2{background-color: #EEF5FF; padding:2px;}

.tabTitre1{ background-color: #5D687D; color: #ffffff; font-weight:bold; padding:2px;}
.tabPanier{ border-color: #D2DCEE; border-width:1px; border-style:solid; padding:2px;}

.tabFiche{ border-color: #D2DCEE; border-width:1px; border-style:solid; padding:5px;}
.tabNews{ border-color: #D2DCEE; border-width:1px; border-style:solid; padding:10px;}
.tabRecherche{background-color: #ffffff; border-color: #D2DCEE; border-width:1px; border-style:solid; padding:2px;}


/*BO*/
.txtTitreBo{font-size: 16px; font-weight: bold; color: #ff6600;}
.tabTitreBo{background-color: #ff6600; color: #ffffff; font-weight:bold;}
.tabNonAffiche{background-color: #999999; color: #ffffff; font-weight:bold;}
.tabStar{background-color: #ff0000; color: #ffffff; font-weight:bold;}
.cmdBo{background-color: #ff9900; color: #ffffff; font-weight:bold; padding:2px;}
.tabCouleurBo{background-color: #FFEEAA; color: #333333;}
.lienBo {font-weight: bold; color: #000000; ; text-decoration: none}
.lienBo:hover {font-weight: bold; color: #ffffff; ; text-decoration: none}
.lienBo2 {font-weight: bold; color: #ff6600; ; text-decoration: none}
.lienBo2:hover {font-weight: bold; color: #ffffff; ; text-decoration: none}
.lienBo3 {font-weight: bold; color: #000000; ; text-decoration: none}
.lienBo3:hover {font-weight: bold; color: #ff6600; ; text-decoration: none}

/* FIN STYLES POUR LE CONTENU DES PAGES ************************************************************/
/***************************************************************************************************/