/***************** STYLE CONTENU *****************/
h1{
font:bold 18px Verdana,Arial, Helvetica, sans-serif;
color:#FFF;
margin:0 0 20px 0px;
}

h1 a{
text-decoration: none;
color:#E8F0A8;
}

h1 a:hover{
text-decoration: none;
color:#ffffff;
}

h2{
font:bold 12px  Verdana,Arial, Helvetica, sans-serif;
text-transform: uppercase;
color:#FFF;
border-bottom: 1px dashed #ffffff;
padding-bottom: 5px;
margin-bottom: 5px;
margin-top: 25px;


}
h2 span{color:#DCDDB2; }

h3{
font:bold 15px  Verdana,Arial, Helvetica, sans-serif;
color:#fff;
background-color:#ff8200;
text-align: center;
margin:0 0 20px 0px;
padding: 3px;
border-bottom:1px dashed #c9d787;
}

h4{
font:bold 12px  Verdana,Arial, Helvetica, sans-serif;
color:#fff;
background-color:#ff8200;
vertical-align: middle;
margin:0 0 0px 0px;
border-bottom:1px dashed #c9d787;
padding: 5px 0px;

}
h4 span{color:#DDF50A; }


h5{
font:bold 11px  Verdana,Arial, Helvetica, sans-serif;
color:#8B8D7C;
vertical-align: middle;


}
h5 span{color:#DDF50A; }


h6{
font:bold 14px  Verdana,Arial, Helvetica, sans-serif;
color:#ffffff;
text-transform: uppercase;
padding-top: 15px;
padding-bottom: 5px;
}


.line{
  height:20px;
  background: url(../images/charte/line.jpg) repeat-x left center;
  line-height:0;
  font-size:0px;
  padding:0;

  }

.refer{
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#ffffff;
line-height: 12px;
text-decoration: none;
white-space: normal;
}

.bolder{
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#F3F3E4;
}

.bull1{
margin-bottom: 5px;
background-image: url(../images/charte/bull1.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 15px;

}

.bull2{
margin-bottom: 5px;
background-image: url(../images/charte/bull2.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 15px;

}

.bull3{
margin-bottom: 5px;
background-image: url(../images/charte/bull3.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 0px;

}

.bull4{
margin-bottom: 5px;
background-image: url(../images/charte/bull4.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 0px;

}

.bull5{
margin-bottom: 5px;
background-image: url(../images/charte/bull5.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 0px;

}

.bull6{
margin-bottom: 5px;
background-image: url(../images/charte/bull6.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 0px;

}


.refer:hover{
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#DCDDB3;
text-decoration: none;
}


#contenu-text{
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: normal;
text-align:justify;
color:#EBEEC9;
padding-bottom: 25px;
}

a{
font-weight:bold;
text-decoration:underline;
color:#FFF;
}
 a:hover{
color:#4d531c;
}
/***************** STYLE ACTUALITES *****************/
#actu{
float:right;
font-family: Arial, Helvetica, sans-serif;
position:relative;
width:220px;
height:162px;
margin:41px 0 0 20px;
/*background-color: #AAAF77;*/
background: url(../images/charte/bg-actualites.gif) left top no-repeat;
border:0px dashed #c9d787;
}
#actu h3{background:none;}


.uneactu{
width:200px;
margin:0px 0 20px 0px;
float: left;
padding: 0px 10px 0px 10px;
}


  #actu .uneactu .infos{
  float: left;
  width: 130px;
  border: 0px solid red;

}

 #actu .uneactu .title{
font:11px  Arial, Helvetica, sans-serif;
font-weight: bold;
color: #575E1B;
 }

  #actu .uneactu .text{
font:11px/12px  Arial, Helvetica, sans-serif;
color: #F3F2E9;


 }


#actu .uneactu p{
font-size:10px;
}
#actu .uneactu p.date{
width:60px;
color:#fff;
background:#ff8200;
padding:0px 0 0px 4px;
}

.savoir{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #ffffff;
}

.savoir:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #545926;
}



.savoir2{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #E3EA9E;
}

.savoir2:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #545926;
}


.savoir3{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #545926;
}

.savoir3:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #ffffff;
}

.savoir4{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration:none;
color: #ffffff;
}

.savoir4:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration:none;
color: #545926;
}

.savoir5{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #545926;
}

.savoir5:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #E3EA9E;
}




/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}

.mess{
border:0px solid #C8C9CA;
background-color: #ff8200;
width: 100%;
text-align: center;

margin-top: 5px;
height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#DDF50A;
}




.inputForm{
border:1px solid #C8C9CA;
background-color: #FFFFFF;
width:180px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.inputFormOver{
border:1px solid #C8C9CA;
background-color: #F5F4F4;
width:180px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 12px;
color:#000000;
}
.button{
border:1px solid #555A20;
background-color: #737939;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}
.buttonOver{
border:1px solid #555A20;
background-color: #555A20;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
cursor:pointer;
color:#FFFFFF;
}

.frmContact{ /* dedicated ID for "contact form"*/

	text-align:center;
	background-color:#ffffff;
	font-size:11px;
  width: 600px;
	border:0px solid #5B6029;

}

.frmContact .Label, .frmContact label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
color: #26290C;

}

.notice{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
  line-height: 18px;
	padding:0px;
  color: #26290C;
}

.invisible{
display: none;

}

a img{
-moz-opacity: 1.00; opacity:1.00;
border: 0px;
}

a:hover img{
-moz-opacity: 0.70; opacity:0.70;
border: 0px;
}

#diapo{background: url(../images/charte/bg-diapo.gif) left top no-repeat;}