body{background:#fff url(../images/site/bg.jpg) left top repeat-x;}
body,tbody{font-family:arial;font-size:12px;}
img{border:0px;}
*{padding:0px;margin:0px;}
a{color:#2D7897;text-decoration:underline;font-weight:normal;}
a:link{color:#2D7897;text-decoration:underline;font-weight:normal;}
a:visited{color:#2D7897;text-decoration:underline;font-weight:normal;}
a:hover{color:#2C96A4;text-decoration:none;font-weight:normal;}
/*==============================================*/ 
/* les patterns */
/*==============================================*/
.both{clear:both;}
.global{width:100%;background:url(../images/site/bg-ciel.jpg) center top no-repeat;}
.divh{position:absolute;width:100%;height:105px;background:url(../images/site/div-haut.jpg) center top no-repeat;}

.header{
  height:232px;
  vertical-align:top;
  color:#80D6E2;
}
.header a{color:#fff;text-decoration:none;}
.header a:link{color:#fff;text-decoration:none;}
.header a:visited{color:#fff;text-decoration:none;}
.header a:hover{color:#80D6E2;text-decoration:none;}
.header #logo{position:absolute;}
.header #logo div{position:absolute;margin-top:72px;margin-left:76px;}
.header #logo h1{font-size:90%;word-spacing:7px;}
.header #menuh{position:absolute;margin-top:43px;margin-left:400px;}
.header #menuh ul{font-size:90%;list-style-type:none;}
.header #menuh li{float:left;padding-right:20px;}

.sheader{height:45px;vertical-align:top;color:#fff;}
.sheader a{color:#fff;text-decoration:none;font-weight:bold;}
.sheader a:link{color:#fff;text-decoration:none;font-weight:bold;}
.sheader a:visited{color:#fff;text-decoration:none;font-weight:bold;}
.sheader a:hover{color:#fff;text-decoration:none;font-weight:bold;}

.sheader #news{width:394px;height:38px;position:absolute;margin-left:330px;margin-top:11px;background: url(../images/site/bg-sheader-news.gif) top left no-repeat;}
.sheader #news h2{padding-left:15px;font-size:120%;font-weight:bold;}
.sheader #left{float:left;width:18%;line-height:35px;}
.sheader #right{float:right;width:82%;line-height:35px;}

.menug{width:300px;vertical-align:top;color:#fff;}

.contenu{
  vertical-align:top;
  color:#333333;
  background-position:top left;
  background-repeat:no-repeat;
  background-image:url(../images/site/bg-contenu.png) !important;
  background-image:url(no-image);
}
.contenu #content{
  display:none;
  position:relative;
  margin-top:20px;
  padding-left:14px;
  padding-right:4px;
  vertical-align:top;
  background-position:top left;
  background-repeat:repeat-y;
  background-image:url(../images/site/content-contenu.png) !important;
  background-image:url(no-image);
}

.contenu #menu-gauche ul,#menu-gauche li{list-style:none;margin-top:10px;margin-bottom:10px;}
.contenu #menu-gauche ul{padding-left:10px;}
.contenu #menu-gauche a,#menu-gauche a.actif:hover{color: #2D7897;text-decoration: none;background: url(../images/site/fleche.jpg) bottom left no-repeat;padding-left: 20px;}
.contenu #menu-gauche a:hover,#menu-gauche a.actif{color: #2D7897;text-decoration: underline;background: url(../images/site/fleche-hover.jpg) bottom left no-repeat;}

.footer{height:257px;vertical-align:top;color:#fff;}

.copyright{width:100%;height:165px;vertical-align:top;color:#fff;background-color:#1193A6;}
.copyright a{color:#fff;text-decoration:none;font-weight:normal;}
.copyright a:link{color:#fff;text-decoration:none;font-weight:normal;}
.copyright a:visited{color:#fff;text-decoration:none;font-weight:normal;}
.copyright a:hover{color:#fff;text-decoration:none;font-weight:normal;}

a.lienmenu_admin{color:#fff;}
a.lienmenu_admin:link{color:#ffffff;font-weight:normal;text-decoration:none;}
a.lienmenu_admin:hover{color:#FFFFCC;font-weight:normal;text-decoration:none;}
a.lienmenu_admin:visited{color:#ffffff;font-weight:normal;text-decoration:none;}
/*==============================================*/
/* contenu et autres */
/*==============================================*/
.tbl-description-haut{width:327px;height:52px;line-height:52px;}
.tbl-description-haut h3{height:52px;line-height:42px;font-size:14px;font-weight:bold;color:#fff;padding-left:20px;padding-right:20px;}
.tbl-description-haut #tbl-h-bleu{background:url(../images/site/tbl-description-haut-bleu.jpg) left top no-repeat;}
.tbl-description-haut #tbl-h-vert{background:url(../images/site/tbl-description-haut-vert.jpg) left top no-repeat;}
.tbl-description-milieu{width:327px;background:url(../images/site/tbl-description-milieu.jpg) left top repeat-y;}
.tbl-description-milieu p{padding-left:20px;padding-right:20px;}
.tbl-description-bas{width:327px;height:34px;line-height:20px;font-size:1%;}
.tbl-description-bas span{line-height:14px;float:right;}
.tbl-description-bas #tbl-b-bleu{background:url(../images/site/tbl-description-bas.jpg) left top no-repeat;padding-left:20px;padding-right:20px;}
.tbl-description-bas #tbl-b-vert{background:url(../images/site/tbl-description-bas.jpg) left top no-repeat;padding-left:20px;padding-right:20px;}
/*==============================================*/
/* fleches, bullets, separateur etc */
/*==============================================*/
.separateur{background-image:url(../images/site/trait-pointille.gif);background-repeat:repeat-x;height:1px;font-size:1%;}
/*==============================================*/
/* les tableaux */
/*==============================================*/
.bord_s_c0c0c0{border:1px solid #c0c0c0;}
.bordhaut_s_c0c0c0{border-top:1px solid #c0c0c0;}
.bordbas_s_c0c0c0{border-bottom:1px solid #c0c0c0;}
.bordgauche_s_c0c0c0{border-left:1px solid #c0c0c0;}
.borddroit_s_c0c0c0{border-right:1px solid #c0c0c0;}

/* ======== les design ======== */
.tbl-degrade-h-acceuil{background-image:url(../images/site/tbl-degrade-h-acceuil.jpg);}
/*==============================================*/
/* Fond couleurs du site                        */
/*==============================================*/
.FondBlanc{background-color:#ffffff;}
.FondGrisFonce{background-color:#B0B0B0; }
.FondGrisClair{background-color:#DCDCDC;}
.FondGrisClair2{background-color:#F5F5F5;}
.FondBrunClair{background-color:#e1d9bc;}
.FondJauneClair{background-color:#EEE8AA;}
.FondJauneTCFFFFE0{background-color:#FFFFE0;}
.FondOrange{background-color:#FFA07A;}
.FondBleuFonce{background-color:#5C83AE;}
.FondBleuTC78b4dc{background-color:#78b4dc;}
.FondBleuTC87CEFA{background-color:#87CEFA;}
/*==============================================*/
/* Les styles de txt */
/*==============================================*/
h1, .style-h1 {font-family:arial;font-size:150%;font-weight:normal;}
h2{font-family:arial;font-size:195%;font-weight:normal;}
h3{font-family:arial;font-size:175%;font-weight:normal;}
h4{font-family:arial;font-size:110%;font-weight:normal;}

.arial{font-family:arial;}
p{margin:0px;padding:0px;}
form{margin:0px;padding:0px; }
/*==============================================*/
/* txt les formats et autres */
/*==============================================*/
.txtgras{font-weight: bold;}
.txtarial{font-family : arial;}
.txtcomic{font-family:Comic Sans MS;}
.txtnormal{font-weight: normal;}
.txtitalic{font-style: italic;}
.txtsouligne{text-decoration: underline;}
.txtbarre{text-decoration:line-through;}
.txtjustify{text-align : justify;}
.txtgauche{text-align:left;}
.txtcentre{text-align:center;}
.txtdroite{text-align:right;}
.txtvhaut{vertical-align:top;}
.txtvmilieu{vertical-align:middle;}
.txtvbas{vertical-align:bottom;}
/*==============================================*/
/* txt les tailles */
/*==============================================*/
.txtpetit08{font-size : 8px;}
.txtpetit09{font-size : 9px;}
.txtpetit10{font-size : 10px;}
.txtmoyen11{font-size : 11px;}
.txtmoyen12{font-size : 12px;}
.txtmoyen13{font-size : 13px;}
.txtgrand14{font-size : 14px;}
.txtgrand15{font-size : 15px;}
.txtgrand16{font-size : 16px;}
.txtgrand17{font-size : 17px;}
.txtgrand18{font-size : 18px;}
.txtgrand19{font-size : 19px;}
.txtgrand20{font-size : 20px;}

.txtrep{font-size : 11px;}
.txtalphabet{font-size : 18px;}
/*==============================================*/
/* txt couleurs */
/*==============================================*/
.txtnoir{color:#000000;}
.txtblanc{color:#FFFFFF;}
.txtgris{color:#696969;}
.txtorange{color:#F79700;}
.txtrouge{color:#cc0000;}
.txtbrun{color:#A59B85;}
.txtvert{color:#96C700;}
.txtbleu{color:#01ABC4;}
.txtbleuclair{color:#78ABBF;}
.txtviolet{color:#9A67B4;}
.txtvioletclair{color:#BB9ECA;}
.txtsaumon{color:#E7B78D;}
/*==============================================*/
.SansEspace{margin:0px;padding:0px;}
/*==============================================*/
/*==============================================*/
/* positionnement
/*==============================================*/
.margegauche{margin-left:auto;}
.margedroite{margin-right:auto;}

.wcent{width:100%;}
.w99{width:99%;}
.w95{width:95%;}
.w94{width:94%;}
.w90{width:90%;}
.w75{width:75%;}
.w50{width:50%;}
/*==============================================*/
/* les bordures ex div class="barre"
/*==============================================*/
.barre{border-bottom: 1px dashed #32628B;}
/*==============================================*/
/* txt messages d'erreurs et de reussite */
/*==============================================*/
.txterror{text-align:center;color : red;font-size : 12px;font-weight: bold;}
.txtok{text-align:center;color : green;font-size : 12px;font-weight: bold;}
.erreur{width: 80%;margin-left: auto;margin-right: auto;text-align: center;color: #FF0000;background-color: #FFB3B3;border: 1px solid #BF0000;}

/* Textes des Lois (maj 4.05.09)*/
div.lois{font-size:90%;margin-bottom:10px;color:#6F6E6E;text-align:justify;width:100%;margin-left:auto;margin-right:auto;}
div.lois p{font-weight:bold;margin-bottom:5px;border-bottom:1px solid #e3e3e3;}

div.lois a{color:#6F6E6E;font-weight:normal;text-decoration:underline;}
div.lois a:link{color:#6F6E6E;font-weight:normal;text-decoration:underline;}
div.lois a:visited{color:#6F6E6E;font-weight:normal;text-decoration:underline;}
div.lois a:hover{color:#6F6E6E;font-weight:normal;text-decoration:none;}

.diverreur{width: 450px;margin-left: auto;margin-right: auto;background-color: #FFFAFA;color: #000000;border:1px solid #FF0000;}
.diverreur a:link{color:#000000;font-weight:normal;text-decoration:underline;}
.diverreur a:hover{color:#000000;font-weight:normal;text-decoration:underline;}
.diverreur a:visited{color:#000000;text-decoration:underline;}

.divconfirmation{width: 450px;margin-left: auto;margin-right: auto;background-color: #FFFAFA;color: #000000;border: 1px solid #c0c0c0;}
.divconfirmation a:link{color:#000000;font-weight:normal;text-decoration:underline;}
.divconfirmation a:hover{color:#000000;font-weight:normal;text-decoration:underline;}
.divconfirmation a:visited{color:#000000;text-decoration:underline;}
/*==============================================*/
/* Admin formulaire */
/*==============================================*/
.FormLogin a:link {color : gray; text-decoration: none;}
.FormLogin a:visited {color : gray; text-decoration: none;}
.FormLogin a:hover {color : #ff6c00; text-decoration: underline;}

.TitreFormLogin{color : #000000;}
.input_grand{width:190px;padding-top:2px;padding-bottom:2px;border:1px solid #000;}
.go{width:22px;height:28px;border: none;}
.go:hover{cursor: pointer;}
/*==============================================*/
/* Administration                                   */
/*==============================================*/
.TitrePageMoyenGris{color:#696969;font-size : 14px;font-weight: bold;}
.Separation{width: 100%;height: 1px;border-top: 1px solid silver;}
/*==============================================*/
/* Menu accordéon récursif jquery */
/*==============================================*/
.navigation{margin:0px;padding:0px;list-style:none;background: none;color:#fff;width:294px;}
.navigation a, .navigation span{
  color:#fff; /* couleur de la rubrique */
  text-decoration:none; 
  font-size:250%;
  display:block; 
  padding-top:20px;
  padding-bottom:16px;
  padding-left:70px;
  padding-right:0px;
  background:none;
}
/* plusieurs menu différent en presentation */

#test{background:url(../images/site/aloe-vera.gif) 0px 0px no-repeat;}
#test .open a, #test .open span{background:url(../images/site/aloe-vera-hover.gif) 0px 0px no-repeat;}
#test .subMenu{background:#36CAE0;border:1px solid #01ABC4;list-style-type:none;}
#test ul.subMenu a{background:none;color:#fff;font-weight:bold;}

#test2{background:url(../images/site/ses-bienfaits.gif) 0px 0px no-repeat;}
#test2 .open a, #test2 .open span{background:url(../images/site/ses-bienfaits-hover.gif) 0px 0px no-repeat;}
#test2 .subMenu{background:#50A01A;border:1px solid #3B8D09;list-style-type:none;}
#test2 ul.subMenu a{background:none;color:#fff;font-weight:bold;}

#test3{background:url(../images/site/la-production.gif) 0px 0px no-repeat;}
#test3 .open a, #test3 .open span{background:url(../images/site/la-production-hover.gif) 0px 0px no-repeat;}
#test3 .subMenu{background:#FFCC00;border:1px solid #E2B502;list-style-type:none;}
#test3 ul.subMenu a{background:none;color:#fff;font-weight:bold;}

/* hover quand page passée en param dans url */

/* fin -plusieurs menu de presentation  */
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span{color:#fff;}
.navigation .open a, .navigation .open span{color:#fff;}
.navigation a:hover, .navigation a:focus, .navigation a:active{color:#fff;text-decoration:none;}
.navigation .subMenu{
  font-size:120%;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:25px;
  padding-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:10px;
  margin-right:10px;
}
.navigation ul.subMenu a{
  text-decoration:none;
  font-size:120%;
  background:none;
  padding:0px;
  margin:0px;
}