@import url(common.css);

/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  font:11px Arial, helvetica, sans-serif;
}

.bleu {color:#618CA9 !important}
.vert {color:#41c918 !important}
.gris {color:#6b6b6b !important}
.rouge{color:#CD151B !important}
.grisfonce{color:#6b6b6d !important}
.grisclair{color:#bbb !important}


img {border:none}
p {text-align:justify}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#eee;padding:20px 0 10px 10px;color:#555}
.liste li {margin:0px 0px 10px 15px}

body{background:#eceded}

a.aBlanc{color:#fff;text-decoration:none}
a.aBlanc:hover{text-decoration:underline}

a.under{text-decoration:none}
a.under:hover{text-decoration:underline}

ul li a{height:1%}

/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/


#bghtml{background:#2697e4 url(../img/squelette/bg_html.gif) repeat-x;text-align:center;}
#graphics{background:url(../img/squelette/fond_blanc.gif) center repeat-y}
#page{background:url(../img/squelette/bg_img.gif) no-repeat top center}

#colG{float:left;width:209px;margin-left:10px;/*background:#000000*/}
#colD{float:right;width:707px;margin-right:12px;/*background:#ff0000*/}

#drapeaux{margin:26px 0 20px 23px}
#drapeaux a img{margin-right:19px;}


.conteneur {
  width:960px;
  text-align:left;
  margin:0px auto 0px auto;
}

ul#principal{background:#eee url(../img/squelette/bas_menu.gif) bottom center no-repeat;padding:0 7px 30px;margin-bottom:8px;}
ul#principal li{list-style:none;border-bottom:1px solid #d5d5d5;}
ul#principal li a{display:block;background:transparent;color:#9a9a9a;padding:10px 3px;text-align:center}
ul#principal li a:hover,ul#principal li a.actif{background:#618ca9;color:#fff}
ul#principal li a.actif{font-weight:bold}


ul#principal ul.dev{background:#618ca9;padding-bottom:3px}
ul#principal ul.dev li{border:none !important;}
ul#principal ul.dev li a{padding:7px;display:block;color:#fff;text-align:left;background:#79a2be;margin:0 3px 3px}
ul#principal ul.dev li a:hover,ul#principal ul.dev li a.actif{background:#fff;color:#618ca9;font-weight:normal}

#top{color:#fff;padding:40px 17px 0 15px}
#top .menu1 a,#top .menu2 a{padding:3px 5px;color:#fff;font-size:12px}
#top .menu1 a:hover,#top .menu2 a:hover,#top .menu1 a.actif,#top .menu2 a.actif{background:#4bb72a;color:#fff;font-size:12px}
#top .menu2 a:hover,#top .menu2 a.actif{background:#2f8714}

#header{margin-top:18px;}

#encartPres{position:relative;top:-10px;z-index:15;height:109px;background:url(../img/accueil/encartpres.gif) no-repeat;color:#fff;font-size:12px}
#encartPres p{padding:30px 25px 0;text-align:center}

#actuAccueil,#manquerAccueil,#offre,#offreAccueil{position:relative;width:350px;background:#618ca9 url(../img/accueil/bas_actu.gif) no-repeat bottom center;padding-bottom:45px}
#manquerAccueil{background:#8eaabd url(../img/accueil/bas_manquer.gif) no-repeat bottom center;}
#offre{background:#378F1D url(../img/accueil/bas_offre.gif) no-repeat bottom center;}
#offreAccueil{background:#4BB72A url(../img/accueil/bas_offre_accueil.gif) no-repeat bottom center;}
#vertClair{background:#4bb72a;padding-bottom:7px;margin-top:25px;}

#actuAccueil a{color:#FEC602;font-weight:bold;text-decoration:none}
#actuAccueil a:hover,#panneau p a:hover,#panneau2 p a:hover{text-decoration:underline}

#panneau p a,#panneau2 p a{color:#4BB72A;font-weight:bold;text-decoration:none}

#actuAccueil .content{background:url(../img/accueil/top_actu.gif) no-repeat top center}
#manquerAccueil .content{background:url(../img/accueil/top_manquer.gif) no-repeat top center}
#offre .content,#offreAccueil .content{background:url(../img/accueil/top_offre.gif) no-repeat top center}

#actuAccueil h2{color:#618ca9;font-weight:normal;}
#manquerAccueil h2{color:#8eaabd;font-weight:normal;}
#offre h2,#offreAccueil h2{margin-bottom:20px;color:#4bb72a;font-weight:normal;}
#actuAccueil h3,#manquerAccueil h3{margin:25px 0 5px 10px;color:#fff;font-size:11px}
#actuAccueil p,#manquerAccueil p{margin:7px;padding:10px 5px 5px;text-align:left;color:#fff}
#offre p,#offreAccueil p{margin:7px;padding:3px 5px 5px;text-align:justify;color:#fff}
#actuAccueil img.visu,#manquerAccueil img.visu{margin:5px 10px 5px 7px;border:5px #98b4c7 solid}
#manquerAccueil img.visu{border-color:#b5c8d4;}

#actuAccueil a.plus_ac,#manquerAccueil a.plus_ac{position:absolute;bottom:20px;right:40px}
#manquerAccueil a.plus_ac{left:40px;}
#offre h3,#offreAccueil h3{font-weight:bold}
#offre .importantInfo,#offreAccueil .importantInfo{font-size:16px;color:#fff}
#offre #sombre,#offreAccueil #sombre{background:#378f1d url(../img/contenu/separation_offre.gif) no-repeat top center;padding-top:10px;}
#sombre div.bgclair{background:#4bb72a;padding:7px;margin:5px 6px 10px}
#sombre div.bgclair img{border:#fff solid 3px;margin-right:5px;}

#panneau,#panneau2{margin-bottom:7px;margin-left:7px;background:#fff url(../img/contenu/top_panneau.gif) no-repeat top center;width:336px;padding-top:10px;color:#4bb72a}
.basPanneau{background:url(../img/contenu/bas_panneau.gif) no-repeat;height:16px;}
#panneau2 .basPanneau{background:url(../img/contenu/bas_panneau_vert.gif) no-repeat}
#panneau p,#panneau2 p{color:#4bb72a;text-align:left;padding:10px 15px}
a.linkProfit{padding:3px 50px;text-align:center;margin:0 0 0 90px}
a.linkProfit{background:#4bb72a;color:#fff}
a.linkProfit:hover{background:#378F1D;color:#fff}

#offreAccueil a.linkProfit{margin:0 0 0 55px !important}


h2.archives{margin-top:15px;margin-bottom:5px;color:#618ca9;font-weight:normal;}
ul#archiveActus,ul#archiveOffre{background:#618ca9;color:#fff;padding:5px 5px 8px}
ul#archiveOffre{background:#4BB72A}
div.basArchive{margin-bottom:15px;padding-bottom:10px;background:#618ca9 url(../img/contenu/bas_archive.gif) no-repeat bottom center;text-align:center;}
div.basArchive a{color:#fff;text-decoration:none;font-weight:normal !important}
div.basArchive a:hover{text-decoration:underline}
div.enVert{background:#4BB72A url(../img/contenu/bas_archive_vert.gif) no-repeat bottom center;}

ul#archiveActus li a .bclair,ul#archiveOffre li a .bclair{color:#c4d7e3}
ul#archiveOffre li a .bclair{color:#369a17}

ul#archiveActus li,ul#archiveOffre li{margin-bottom:3px;list-style:none}
ul#archiveActus li a,ul#archiveOffre li a{color:#fff;padding:7px 8px;background:#6c99b7 url(../img/contenu/lire.gif) no-repeat right -4px ;display:block;}
ul#archiveActus li a:hover,ul#archiveOffre li a:hover{background:#fff url(../img/contenu/lire.gif) no-repeat right -83px;color:#618ca9 !important}
ul#archiveActus li a:hover .bclair,ul#archiveOffre li a:hover .bclair{color:#618ca9}
ul#archiveOffre li a:hover .bclair{color:#369a17}

ul#archiveOffre li a{background:#59cd36 url(../img/contenu/lirevert.gif) no-repeat right -4px ;}
ul#archiveOffre li a:hover{background:#fff url(../img/contenu/lirevert.gif) no-repeat right -83px;color:#4BB72A !important}


h2.ker{margin-left:5px;color:#618CA9;font-size:13px;font-weight:normal}

#situation{width:707px;position:relative;}
#situation a{display:block;position:absolute;bottom:30px;left:430px;width:200px;text-align:center;padding:20px 0;background:#4BB72A;color:#fff;}
#situation a:hover{background:#618ca9}



/**********************************************************************************************
 *************************** ACCUEIL *************************
 **********************************************************************************************/



/* footer */
#footer{text-align:center;background:#4bb72a url(../img/squelette/bg_foot.gif) repeat-x;color:#6b6b6d}
.conteneurFoot {
  width:960px;
  text-align:left;
  margin:0px auto 0px auto;
}
#graphicsFoot{background:url(../img/squelette/img_foot.gif) no-repeat top center;}
#contentFoot{font-size:12px;padding-top:165px;text-align:left;padding-bottom:20px;background:url(../img/footer/bg.gif) repeat-y}
#contentFoot ul li{list-style:none;margin-bottom:3px}
#contentFoot ul li a{color:#fff;text-decoration:none}
#contentFoot p a{color:#cd003a;text-decoration:none}
#contentFoot ul li a:hover,#contentFoot p a:hover{text-decoration:underline}
#contentFoot .cell{background:#58c636;color:#fff;padding:12px;}
#contentFoot .wdteF{position:relative;width:270px}
#contentFoot .wgcheF{width:284px}
#contentFoot h3{font-size:14px;font-weight:normal}
#contentFoot .ker{font-weight:normal}

img#ico_eden{position:absolute;bottom:-20px;right:10px;}

.wtest{width:200px;background:#00ff00;margin-right:5px}



/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/




/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}


/*** EXTRAS ***/

div.extras .widthExtras{width:687px;}

div#basRound{margin-left:16px;width:687px;background:#fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;padding:0 0 30px;}


div.extras{padding:0 10px}
div.extras h4{margin:5px 0;}
div.extras p{color:#666;}
div.extras p a{color:#41c918;text-decoration:none}
div.extras a:hover{text-decoration:underline}
div.extras .width1{width:70px}
div.extras .width2{width:380px}
div.extras .width3{width:120px}
div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#618CA9;text-decoration:none}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#618CA9;text-decoration:underline}
div.extras caption{font-size:11px;background-color:#618CA9; color:#fff; padding:1px 0px; font-weight:bold}
#leb-img {margin-top:20px}

/*#creditsLeb a.cell{background:#fff;padding:2px 5px;color:#618CA9;display:block;}
#creditsLeb a.cell:hover{background:#41c918;color:#fff;text-decoration:none}
#creditsLeb ul{background:#F0F0F0;margin:0px; padding:8px 8px 5px}
#creditsLeb ul li{margin-bottom:3px;list-style:none}*/

div.extras .credits1,div.extras .credits2{background-color:#E4E4E4; margin:5px 0px; padding:5px 0px 5px 20px; width:450px}
div.extras .bg1{background-color:#F0F0F0}
div.extras .credits2,div.extras .bg2{background-color:#F9F9F9}
div.extras td{padding:5px 0;color:#666;font-size:11px}


#plan ul{background:#eee;padding:7px;}
#plan ul li{list-style:none}
#plan a {display:block;padding:5px 0px 5px 5px; background-color:#ddd; margin-bottom:4px;color:#666}
#plan a:hover {background-color:#fff; color:#41c918;text-decoration:none}
#plan a.titre{font-weight:bold;background:#618CA9;color:#fff}
#plan a.titre:hover{background:#41c918;color:#fff}

/***************************************
************ FORMULAIRES ***
***************************************************************/

#formContact form{background:#F3F3F3;padding:10px;}
#formContact label.normal{color:#618CA9;float:left;width:160px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:3px}
#formContact p.textuel input{color:#fff;width:380px;background:#618CA9;border:none;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact textarea{color:#fff;width:380px;border:none;background:#618CA9 url(../img/squelette/bg_form.gif) no-repeat bottom right;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact input.send{font-size:11px;border:none;background:#41c918;color:#fff;padding:3px;display:block;width:386px;text-align:center;margin-left:167px;}