/***************** BODY *****************/
*{
margin:0;
padding:0;
}
body,html{
height:100%;
}

body{
background:#243c3e url(../images/charte/bg-body.gif) top left repeat-x;
}

/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:990px;
margin:0 auto;
background:scroll #fff url(../images/charte/bg-container.gif) top left repeat-y;

}

/***************** HEADER *****************/
#header{
float:left;
width:990px;
height:324px;
background:url(../images/charte/bg-header.jpg) top left no-repeat;
}

/***************** MENU TOP *****************/
#menuTop{
float:left;
width:975px;
height:70px;
list-style:none;
padding-left:15px;
background:url(../images/charte/menutop.gif) top left no-repeat;
}

#menuTop li{
position:relative;
float:left;
width:195px;
}

#menuTop a{
text-decoration:none;
font: 15px/60px Arial, Helvetica, sans-serif;
color:#bccbc6;
text-align:center;
display:block;
height:70px;
overflow:hidden;
}

#container #menuTop a:hover,
#container #menuTop a.trigered,
#container #menuTop a.rubrique_active{
color:#e67200;
}

/***************** CONTENU *****************/
#contenu{
float:left;
width:940px;
margin:20px 0 35px 25px;
}

#contenu #blocImg {
float:left;
width:272px;
}
	
#contenu #blocTxt{
float:left;
width:620px;
margin:0 0px 20px 25px;
}


/***************** FORM *****************/

#formulaire{
	width:300px;
	margin:0;
	padding:0;
	}
	
	
#formulaire fieldset{
	border:none;
	margin:0;
	padding:0;

	}
	
#formulaire h2 {
	margin-top:10px;	
/*	border:1px solid red;*/
	}
	
#formulaire li{
	line-height:25px;
/*	border:1px solid red;*/
	}
	
#formulaire ul{
	list-style:none;
	margin:0px;
/*	border:1px solid red;*/
	}	
	
#formulaire label, 
#formulaire input,
#formulaire textarea
{	
	display:block;
	width:280px;
/*	border:1px solid red;*/
	}
#formulaire select{
	background:#333;
	color:#fff;
	border:1px solid #666;
	}

#formulaire input 
{color:#fff;
background:#333;
width:269px;
height:21px;
border:none;
padding:3px 5px 0px 8px;
	}
	
#formulaire textarea{
color:#fff;
background:#333;
width:269px;
height:97px;
border:none;
padding:8px 5px 5px 8px;
	}
		
#blocTxt #formulaire input.reset,#blocTxt  #formulaire input.envoyer{
	background:none;
	display:inline;
	width:100px;
	border:1px solid #666666;
	}


#contenu #iframe {width:425px; height:350px;}


.clearer{
clear:both;
}
#clearFooter{
height:30px;
}

/***************** FOOTER *****************/
#footer{
background:url("../images/charte/bg-container.gif") repeat-y scroll left top #FFFFFF;
clear:both;
height:auto;
margin:-50px auto 0;
position:relative;
text-align:center;
width:990px;
}

/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#CCCCCC;
text-align:center;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#e67200;
}