/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 14px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#0099CC;
letter-spacing:1px;
margin:0 0 12px;
border-bottom:1px dotted #0099CC;
}
#contenu h2{
font:bold 13px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#0099CC;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu h3{
font:bold 11px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#0099CC;
text-align:center;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu p{
font:12px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#333333;
}
#contenu p.centrer,#contenu  span.centrer,#contenu  p.centrer em{
text-align:center;
font-size:14px;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#0099CC;
}
#contenu a:hover, #contenu a:active{
color:#999999;
}
#contenu ul{
font:12px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
list-style-type:square;
color:#666;
margin-bottom:1.2em;
margin-left:40px;
}
#contenu li{
margin-bottom:1.2em;
}

/***************** 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;
}

/***************** STYLE NEWS *****************/
#news ul{
font:12px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
list-style-type:square;
color:#666;
margin-bottom:1.2em;
margin-left:40px;
}
#news li{
margin-bottom:1.2em;
}
#news a:link, #news a:visited{
font-weight:bold;
text-decoration:underline;
color:#0099CC;
}
#news a:hover, #news a:active{
color:#999999;
}

/* STYLE DE LA PAGE CONTACT */

#gauche {
 width: 240px;
 float: left;
}

#droite { 
 float: right;
 padding-left: 10px;
 width: 230px;
 display: inline;
 position: relative;
}

#formcontact {
padding-top:10px;
margin-top:40px;
border-top:1px dotted #CCCCCC;
}

#formcontact #contactform p{
padding-top:1px;
padding-bottom:1px;
margin-bottom:3px;
width:240px;
}

#formcontact #contactform label{
float: left;
padding-right:10px;
margin-bottom:5px;
width: 85px;
text-align:left;
color:#0099CC;
}

#formcontact #contactform textarea {
font-size:10px;
background:none;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #CCCCCC;
padding:1px;
color:#000;
text-align:left;
width:130px;
}

#formcontact #contactform textarea#commentaires {
width:220px;
}

#formcontact #contactform input{
border:1px solid #CCCCCC;
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#666;
padding:1px;
font-size:10px;
width:130px;
}

#contenu #formcontact .radio{
	width:9%;
	margin-bottom:3px;
	border:none;
	}
#contenu .rehausse {
	vertical-align:top;
}
#contenu #formcontact .check{
	width:20px;
	border:none;
	margin:0 3px 3px 0;
	color:#333;
}
#contenu #formcontact select.liste-form{
	width:135px;
	text-align:left;	
	color:#757063;
}
#contenu #formcontact select.liste-form option{
padding:0px 7px 0px 7px;
}

.boutons {
margin-top:5px;
margin-left:0px;
}

#formcontact #contactform .boutons img{
margin-bottom:5px;
}

#formcontact .boutons .bouton {
background:#FFC200;
color:#FFFFFF;
width:75px;
margin-right:1px;
cursor:pointer;
}
#contenu #formcontact .boutons .bouton:hover, #contenu #formcontact .boutons .bouton:active {

border:1px solid #666;
color:#666;
width:75px;
margin-right:1px;
cursor:pointer;
}
.champRequis{
color:#FF0000;
}

#contenu p.capam2 {
padding-top:10px;
font-style:italic;
text-align:justify;
font-size:10px;
}

#contenu p.capa {
font-style:italic;
text-align:justify;
font-size:10px;
width:240px;
padding-left:0px;
}

