@charset "iso-8859-1";
/* CSS Document */



/*---------------  General  ------------------*/
*{ margin:0; padding:0;}
body{font-family:Verdana, Geneva, sans-serif;font-size:78%;color: #000;line-height:18px;background:#A7C227 url(../images/common/bgr.jpg) repeat-x;text-align:justify}

a{ text-decoration:none;color: #000;}
a:hover{ text-decoration: none; color:#c3e910}

form{ margin:30px 0 0 0}
input{ color:#000;border:1px solid #C3E910; padding:3px}
input[type=checkbox]{ border:none;}
input[type=radio]{ border:none;}
textarea{border:1px solid #C3E910;}

input[type=submit]{ background-color:#C3E910; color:#000; padding:3px}
input:hover[type=submit]{ background-color:#fff; color:#000;border:1px solid #C3E910; padding:3px}


h1{font-size:20px; color:#000; text-transform:uppercase; font-weight:bold; padding:3px 0}
h2{font-size:15px; color:#c3e910; text-transform:uppercase; font-weight:bold;padding:3px 0}
h3{ font-size:13px; color:#999; text-transform:uppercase; font-weight:bold;padding:2px 0}
h4{ font-size:13px; color:#666; text-transform:uppercase; font-weight:bold;}
p img{ padding:10px; text-align:left}

hr{color: #c3e910;background-color: #c3e910; height: 2px;border: 0;}

/* ------------- contenu -------------------- */
#container{ width:1000px; margin:0 auto; background:url(../images/common/bgr_header.jpg) repeat-y; height:500px;position:relative}
#header{ height:164px; width:1000px; 
/*background:url(../images/common/header_fond.png) no-repeat center top;*/
background:url(../images/common/header_fond.png) no-repeat center top;
margin:0;
position:absolute!important;z-index:900!important; left:0!important;top:0!important;
-position:inherit; -left:inherit;-top:inherit; -z-index:inherit}
#header_visu{ height:164px; width:1000px; background:url(../images/common/head.jpg) no-repeat center top; margin:0; float:left;}

#header_g{ margin:0 ; width:250px; float:left}
#logo{border-bottom: solid 8px #c3e910; padding:58px 0 10px 0; text-indent:2em; text-align:right}

#logo p a{ font-size:30px; color:#FFF; width:250px;font-weight:bold; }
#logo p a:hover{ text-decoration:none; color:#c3e910}

#langue{ width:100px; clear: left; margin:0 0 0 5px;}
#langue ul{ list-style-type:none; display:inline; font-weight:bold; font-size:12px }
#langue ul li{ background:url(../images/common/bgr_btn.png) no-repeat; width:43px; height:42px;float:left}

#langue ul li a{ color:#000;display:block; width:43px; height:42px; line-height:42px; text-align:center}
#langue ul li a:hover{color:#666}
       
#header_d{float:right;}
#banner_leader{ margin:5px; float:right;}


/*   -------- menu top principal ---------------- */
#menu_top{position:absolute;top:115px;left:170px; z-index:1000;width:500px; font-size:13px; font-weight:bold; text-transform:uppercase}
#menu_top ul li{ float:left; list-style:none; display:inline-block; background:url(../images/common/fond_onglet.png) no-repeat; width:122px; height:48px; } 
#menu_top ul li a{ display:block; width:122px; height:48px; line-height:48px; text-align:center} 


/*   -------- menu ICON ---------------- */

#menu_icon{position:absolute;top:135px;left:725px;z-index:1000;width:200px;}
#menu_icon ul li{ float:left; list-style:none; display:inline} 
#menu_icon ul li a{ display:block;} 
#menu_icon ul li a span{ display:none;}  

a#btn_face{ background:url(../images/common/btn_face.png) no-repeat; width:39px; height:39px; cursor:pointer}
a:hover#btn_face{ background:url(../images/common/btn_face_hover.png) no-repeat; width:39px; height:39px; cursor:pointer}

a#btn_flux{ background:url(../images/common/btn_flux.png) no-repeat; width:39px; height:39px; cursor:pointer}
a:hover#btn_flux{ background:url(../images/common/btn_flux_hover.png) no-repeat; width:39px; height:39px; cursor:pointer}

a#btn_contact{ background:url(../images/common/btn_contact.png) no-repeat; width:39px; height:39px; cursor:pointer}
a:hover#btn_contact{ background:url(../images/common/btn_contact_hover.png) no-repeat; width:39px; height:39px; cursor:pointer}

a#btn_favoris{ background:url(../images/common/btn_favoris.png) no-repeat; width:39px; height:39px; cursor:pointer}
a:hover#btn_favoris{ background:url(../images/common/btn_favoris_hover.png) no-repeat; width:39px; height:39px; cursor:pointer}

a#btn_forum{ background:url(../images/common/btn_forum.png) no-repeat; width:39px; height:39px; cursor:pointer}
a:hover#btn_forum{ background:url(../images/common/btn_forum_hover.png) no-repeat; width:39px; height:39px; cursor:pointer}
				
				
/*   -------- CONTENU --- ---*/

#contenu{ float:left; width:1000px; margin:153px 0 0 0!important; margin:0; background:url(../images/common/bgr_ombre_contenu.jpg) repeat-y top left }
#col_1{float:left; width:161px; /*background:url(../images/common/col_g_repeat.jpg) repeat-y;*/ padding:24px 0 0 0;}
#col_2{float:left;width:499px;padding:24px 0 0 0; background-color:#FFF ;}
#col_3 {float:left; width:340px; /*background:url(../images/common/col_d_repeat.jpg) repeat-y;*/ padding:24px 0 0 0;}     


/* ---- COL 1 ----- */
.btn_action{ background:url(../images/common/btn_action.png) no-repeat; width:150px; height:78px;text-align:center; font-size:18px; font-weight:bold; text-transform:uppercase; padding:20px 0 0 0; vertical-align:middle}
.btn_action a{ color:#000}
.btn_action a:hover{ color:#fff}
#col_1 ul{ list-style:none;margin:0 0 0 0;}
#col_1 ul li{ padding:0;color:#c3e910; font-weight:bold; text-transform:uppercase; font-size:10px; margin:0 0 12px 0;}
#col_1 ul li span.menu_titre{ border-bottom: solid 3px #c3e910;padding:0 0 2px 20px; color:#99cc00; font-weight:bold; text-transform:uppercase; font-size:10px;}
#col_1 ul li span.menu_titre a{color:#99cc00;}
#col_1 ul li span.menu_titre a:hover{color:#000;}

#col_1 ul li ul{margin:10px 0 0 20px;list-style:none; }
#col_1 ul li ul li{border:none;list-style-type: none; margin:0 0 8px 0;background-image: url(../images/common/puce_vert.png);background-repeat: no-repeat;background-position:left 6px ;list-style-type: none;padding-left: 8px;}
#col_1 ul li ul li a{text-transform:none; font-weight:normal; text-decoration:underline}

.pub_vertical{ width:120px; height:240px; float:left; margin: 80px 0 20px 20px!important;-margin: 80px 0 20px 10px}

/* ---- COL 2 ----- */
#col_2_milieu{ padding:20px; line-height:18px; font-size:11px;}
.suite{text-align:right; margin:20px 0 20px 0}
a.lien_suite{ font-size:10px; font-weight:bold; background:url(../images/common/btn_fleche.png) no-repeat center left; color:#c3e910; padding:10px 0 10px 30px!important;-padding:10px 0 10px 18px; height:22px; text-decoration:underline}
a:hover.lien_suite{ color:#000}


.composant{ margin:20px 0 20px 30px; clear:left; width:445px;position: relative;}
.composant_titre{ background:url(../images/common/composant_titre.png) no-repeat bottom ; width:445px; height: 51px; float:left;  line-height:58px;}
.composant_titre a{ color:#fff; text-transform:uppercase; text-decoration:none;padding:0 0 0 20px; font-weight:bold; font-size:15px}
.composant_titre a:hover{ color:#c3e910}
.plus_composant{position:absolute;background:url(../images/common/plus.png) no-repeat;width:40px;height:33px;display:block;z-index:1000;left:398px;top:10px;}
.plus_composant a{ display:block;width:40px;height:33px;}

.composant_milieu{ background:url(../images/common/composant_bgr.png) repeat-y; width:445px; float:left;}
.composant_milieu p{list-style:none; margin:20px 20px 0 25px; line-height:17px; width:385px}
.composant_milieu h2{list-style:none; margin:5px 5px 0 25px; line-height:17px; width:385px;font-size:15px; color:#c3e910;font-weight:bold; }
.composant_milieu h3{list-style:none; margin:5px 5px 0 25px; line-height:17px; width:385px;font-size:14px; color:#999;font-weight:bold; }
.composant_milieu h4{list-style:none; margin:5px 5px 0 25px; line-height:17px; width:385px;font-size:12px; color:#666;font-weight:bold; }

.composant_milieu p img{ padding:10px; text-align:left}

.composant_milieu ul{list-style:none; margin:20px 20px 0 25px; width:385px}
.composant_milieu ul li{ border:none; list-style-type: none; margin:0 0 8px 0; background-image: url(../images/common/puce_vert.png); background-repeat: no-repeat; background-position:left 9px ; list-style-type: none;padding-left: 8px;}
.composant_milieu ul li a{text-transform:none; font-weight:normal; text-decoration:underline}
.composant_bas{ background:url(../images/common/composant_bas.png) no-repeat; width:445px; height:41px; float:left}
.blanc{ background-color:#fff}
.gris{ background-color:#e9e9e9}


/* ---- COL 3 ----- */
.pub_imu{ margin:20px 0 20px 20px; float:left}
.pub_button{ margin:20px 0 20px 20px!important;-margin:20px 0 20px 20px; width:280px; float:left;}
.pub_button div{float:left; margin:0 0 20px 20px; -margin:0 0 20px 10px}

.bloc_liens{ margin:20px 0 20px 12px; clear:left; width:250px;position: relative; }
.bloc_liens_titre{ background:url(../images/common/bloc_liens_titre.png) no-repeat bottom ; width:319px; height: 51px; float:left; line-height:38px; }
.bloc_liens_titre a{ color:#fff; text-transform:uppercase; text-decoration:none; padding:0 0 0 20px; font-weight:bold; font-size:15px}
.bloc_liens_titre a:hover{color:#c3e910}
.plus{position:absolute; background:url(../images/common/plus.png) no-repeat; width:40px; height:33px; display:block; z-index:1000; left:280px; top:0; }
.plus a{ display:block;	width:40px; height:33px;}

.bloc_liens_milieu{ background:url(../images/common/bloc_liens_repeat.png) repeat-y; width:319px; float:left;}
.bloc_liens_milieu div{ width:245px; float:left; font-size:10px;}
.bloc_liens_milieu div ul{list-style:none; margin:0 0 0 30px;}
.bloc_liens_milieu div ul li{ border:none;list-style-type: none; margin:0 0 8px 0;background-image: url(../images/common/puce_vert.png);background-repeat: no-repeat;background-position:left 9px ;list-style-type: none;padding-left: 8px;}
.bloc_liens_milieu div ul li a{ font-weight:normal; text-decoration:underline}
.bloc_liens_bas{ background:url(../images/common/bloc_liens_bas.png) no-repeat top; width:319px; height:24px;float:left}

			 
/* -------------------------------- FOOOTER -------------------------------- */

#footer{float:left;width:1000px; background:#FFF url(../images/common/ligne_footer.jpg) no-repeat top left} 
#footer .encart{border-right: 2px dotted #c3e910; width:210px; margin:20px 0 20px 10px; padding:10px;float:left; min-height:140px; line-height:22px }
#footer .encart h4{ font-size:13px; color:#666; padding:0 0 0 15px; background:url(../images/common/carre.jpg) no-repeat left}
#footer .encart ul { margin:8px 0 0 30px; font-size:10px;}
#footer .encart ul li{ border:none; list-style-type: none; margin:0 0 8px 0; background-image: url(../images/common/puce_vert.png); background-repeat: no-repeat; background-position:left 9px ;list-style-type: none;padding-left: 8px;}
#footer .encart ul li a{text-decoration:underline; color:#666; list-style:none;}
#footer .encart ul li a:hover{ color:#000}

#footer .nom_site{ background-color:#333; color:#FFF; font-size:25px; padding:8px 10px; clear:left; font-weight:bold}
#footer .nom_site a{color:#FFF;}
#footer .nom_site a:hover{color:#c3e910}