@charset "utf-8";
/* CSS Document */
ul, li, p, td, tr, table, a, img, body, h1, h2, h3, h4, h5{
margin:0;
padding:0;
}


body {
padding:0;
margin:0;
background-color:#dcf2ff;
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:justify;
background-color:#ffffff;
background-image:url(../pictos_site_21/background.gif);
background-repeat:repeat-x;
}

#conteneur {
clear:both;
background-image:url(../pictos_site_21/back_header.jpg);
background-repeat:no-repeat;
background-position:top;
width:973px;
margin:0 auto;
padding:0;
}

/*----------------menu top-----------------*/

#menu_top{
clear:both;
text-align:right;
width:972px;
height:12px;
margin:0;
padding:0px;
padding-top:86px;
padding-bottom:33px;
}

#menu_top a{
margin-left:10px;
margin-right:5px;
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-transform: uppercase;
}

#menu_top a:hover{
margin-right:5px;
margin-left:10px;
text-decoration: underline; }

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

#menu{
clear:both;
width:960px;
margin-left:26px;
padding-top:45px;
padding-bottom:45px;
position:relative;
}

.menu_btn{
float: left;
margin-left:9px;
margin-right:11px;
}

/*----------------arbo-----------------*/

#arbo{
width:461px;
margin:0;
padding:0;
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:12px;
color:#85b228;
font-weight:normal;
}

#arbo a{
font-size:11px;
color:#85b228;
font-weight: normal;
text-decoration: none;
}

#arbo a:hover{
text-decoration: underline;
}

/*----------------bloc gauche-----------------*/

#bloc_gauche{
float:left;
width:461px;
margin:0;
padding:0;
padding-bottom:1px;
}

.menu td{
vertical-align:top;
margin:0;
padding:0;
}

.menu  ul li{
margin-left:25px;
list-style-image: url(../pictos_site_21/puce_verte.gif);
list-style-type: none;
padding:0;
margin-bottom:5px;
text-transform: uppercase; 
font-size:12px;
color:#333333;
font-weight:normal;
}

.menu  ul li a{
text-align: left;
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
padding:0;
margin:0;
text-decoration: none;
}

.menu  ul li a:hover{
text-decoration: underline;
 }

.menu  ul li ul li{
list-style-image: none;
margin-left:1px;
list-style-type: none;
padding:0;
margin:0;
text-transform: none;
 }

.menu ul li ul li a{
font-size:11px;
color:#85b228;
font-weight:bold;
text-decoration: none;
 }

.menu ul li ul li a:hover{
text-decoration: underline;
}


/*----------------menu gauche-----------------*/

#menu_gauche{
margin:0;
padding:0;
padding-bottom:1px;
float:left;
width:164px;
background-image:url(../pictos_site_21/back_bloc.gif);
background-repeat:repeat-x;
background-position:bottom;
background-color:#ffffff;
}


#menu_gauche  ul li{
margin-left:25px;
list-style-image: url(../pictos_site_21/puce_verte.gif);
list-style-type: none;
padding:0;
margin-bottom:5px;
text-transform: uppercase; 
font-size:12px;
color:#333333;
}

#menu_gauche  ul li a{
text-align: left;
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
padding:0;
margin:0;
text-decoration: none;
}

#menu_gauche  ul li a:hover{
font-size:12px;
text-decoration: underline;
 }

#menu_gauche  ul ul li{
list-style-image: none;
margin-left:1px;
list-style-type: none;
padding:0;
margin:0;
text-transform: none;
color:#85b228;
}

#menu_gauche ul ul li a{
font-size:11px;
color:#85b228;
font-weight:bold;
text-decoration: none;
}

#menu_gauche ul ul li a:hover{
text-decoration: underline;
}

#menu_gauche ul li  a.youarehere{
font-size:12px;
color:#85b228;
text-decoration: none;
font-weight:bold;
}

#menu_gauche ul li  a:hover.youarehere{
text-decoration: underline;
}

/*----------------bloc droit-----------------*/
#bloc_droit{
float:right;
width:461px;
}

/*------------bloc grand et petit-----------*/

.bloc_grand{
width:461px;
margin:0;
margin-bottom:10px;
padding:10px 5px;
background-image:url(../pictos_site_21/back_bloc.gif);
background-repeat:repeat-x;
background-position:bottom;
}

.img_bloc_petit{
width:111px;
height:86px;
margin:0;
padding: 0 10px 10px 10px;
float:left;
}

#bloc_nouveau{
clear:both;
width:461px;
padding:0;
margin:0;
padding-bottom:1px;
font-size:11px;
}

#bloc_nouveau a{
font-size:11px;
}

.bloc_petit{
clear:both;
width:461px;
height:90px;
margin: 10px 0;
padding:10px 0;
background-image:url(../pictos_site_21/back_bloc_nouveau.gif);
background-repeat:repeat-x;
background-position:bottom;
}

.bloc_grand_centrer{
text-align:center;
margin:0;
margin-bottom:10px;
padding:10px 0;
background-image:url(../pictos_site_21/back_bloc.gif);
background-repeat:repeat-x;
background-position:bottom;
}

#bloc_img_centrer{
float:right;
width:273px;
text-align:center;
margin:0;
padding:0;
}

/*-----------*/


#bloc_img_centrer .bloc_num_img{
/*float:left;*/
width:200px;
margin:0;
padding:0;
padding-top:5px;
}

/*#bloc_img_centrer .bloc_num_img  ul {
display:inline-block;
}*/

#bloc_img_centrer .bloc_num_img  ul li{
padding-top:3px;
display: inline;
list-style-type: none;
list-style-image: none;
padding-left:0;
padding-right:0;
}

#bloc_img_centrer .bloc_num_img  ul li a{
padding:5px 6px;
text-align: center;
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:normal;
}

.bloc_num_img ul li a:hover{
padding:5px 6px;
color:#333333;
text-decoration: underline;
background-color:#85b228;
}

#bloc_img_centrer .bloc_num_img  ul li a.imghere{
padding:5px 6px;
text-align: center;
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:normal;
background-color:#85b228;
}

/*----------------footer-----------------*/

#footer{
text-align:center;
clear:both;
width:973px;
color:#85b228;
font-family: Arial, Arial, Helvetica, sans-serif;
font-size:11px;
}

#footer_gauche{
margin:0;
padding:0;
width:461px;
height:59px;
background-image:url(../pictos_site_21/back_footer_gauche.gif);
background-repeat:no-repeat;
background-position: bottom right;
}

#footer_droit{
margin:0;
padding:0;
width:100px;
height:59px;
background-image:url(../pictos_site_21/back_footer_droit.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#footer_centre{
text-align:center;
vertical-align:bottom;
margin:0;
padding:0;
padding-bottom:5px;
height:59px;
}
#footer a{
font-family: Arial, Arial, Helvetica, sans-serif;
font-size:11px;
color:#85b228;
text-decoration: none; }

#footer a:hover{
text-decoration: underline; 
}

/*-----------------------------------*/

.texte-gris {
color: #333333;
}

.texte-gris-bold {
color: #333333;
font-weight:bold;
}

.texte-vert {
color: #85b228;
}

.texte-vert-bold {
color: #85b228;
font-weight:bold;
}

h1 {
margin-bottom:10px;
border-bottom: 2px #85b228 solid;
font-family: Arial, Arial,Helvetica,sans-serif;
font-size: 16px;
color:#333333;
font-weight:bold;}

h2 {
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
margin:0;
padding:0;
 }

h3 {
margin:0;
padding:0;
font-family:Arial,  Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
font-weight:bold;
}

h4{
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
color:#333333;
padding:0;
margin:0;
 }

img {
	border: 0;
}

a {
font-size:12px;
color:#85b228;
font-weight: normal;
text-decoration: none;
}

a:hover {
color: #85b228;
text-decoration: underline;
}

.cadre-image-gris {
border: 1px #333333 solid;
}

ul li {
text-align: left;
font-family:Arial,  Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:normal;
padding:0;
padding-left:10px;
margin:0;
margin-left:25px;
margin-bottom:5px;
text-decoration: none;
list-style-image: url(../pictos_site_21/puce_fleche.gif);
list-style-type: none;
}

ul ul li{
list-style-image: none;
margin-left:40px;
list-style-type: none;
padding:0;
font-size:11px;
color:#333333;
font-weight: normal;
text-decoration: none;
}

ol li {
list-style-image: none;
margin-left:20px;
padding:0;
font-size:11px;
color:#333333;
font-weight: normal;
text-decoration: none;
}

.liste_int li a{
font-family:Arial,  Arial, Helvetica, sans-serif;
font-size:14px;
color:#85b228;
font-weight:normal;
}

.liste_int li a:hover{
list-style-image: url(../pictos_site_21/puce_fleche.gif);
list-style-type: none;
text-decoration: underline;
}

td{
margin:0px;
padding:5px 10px;
}