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

body{
background:#fff fixed url(../images/charte/bg-body.gif) center left repeat-x;
}

/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:908px;
margin:0 auto;
border-left:1px solid #960;
border-right:1px solid #960;
background:#FFF;
}

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

/***************** MENU TOP *****************/
#menuTop{
float:left;
width:908px;
height:43px;
list-style:none;
margin-bottom:30px;
}

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

#menuTop a span {visibility:hidden;}

#menuTop a{
text-decoration:none;
font:bold 14px/16px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
display:block;
height:43px;
overflow:hidden;
}

#menuTop li.bt1 {background:url(../images/charte/bt1.gif) top left no-repeat;width:224px;}
#menuTop li.bt2 {background:url(../images/charte/bt2.gif) top left no-repeat;width:234px;}
#menuTop li.bt3 {background:url(../images/charte/bt3.gif) top left no-repeat;width:244px;}
#menuTop li.bt4 {background:url(../images/charte/bt4.gif) top left no-repeat;width:206px;}


#menuTop li.bt1:hover,
#menuTop li.bt2:hover,
#menuTop li.bt3:hover,
#menuTop li.bt4:hover,
#container #menuTop a:hover,
#container #menuTop a.trigered,
#container #menuTop a.rubrique_active{
background-position:bottom left;
}


/***************** CONTENU *****************/
#contenu{
float:left;
height:auto;
width:878px;
padding:0 15px;
}

#contenu #blocImg {
float:left;
width:180px;
border-right:1px solid #ccc;
margin-left:15px;
}
	
#contenu #blocImg img {	
border:2px dotted #333;
margin:35px 0;
}

#contenu #blocImg-part{	
width:180px;
border-right:1px solid #ccc;
padding-right:10px;
float:left;
padding-top:120px;
}

#contenu #blocImg-part img {	
border:1px solid #930;
margin:16px 0;
}

#contenu #colTxt1{
float:left;
width:650px;
padding:0 15px 20px 15px;
}

/***************** 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 ul li{
	list-style:none;
	height:22px;
	padding-bottom:15px;
	}
	
#formulaire ul{
	
	margin:0px;
/*	border:1px solid red;*/
	}	
	
#formulaire label, 
#formulaire input,
#formulaire textarea
{	
	width:280px;
	text-align:left;
/*	border:1px solid red;*/
	}
#formulaire select{
display:block;
	background:#fff;
	color:#993300;
	border:1px solid #999;
	}

#formulaire input 
{
	display:block;
	width:269px;
	height:21px;
	color:#993300;
	padding:0px 5px 0px 8px;
	}
	
#formulaire textarea{
	width:269px;
	height:97px;
	background:#fff;
	color:#993300;
	border:1px solid #999;
	padding:8px 5px 5px 8px;
	}
		
#colTxt1 #formulaire input.reset,#colTxt1  #formulaire input.envoyer{
	display:inline;
	width:140px;
	margin-top:100px;
	text-align:center;
	}

#colTxt1 #formulaire p {
	padding:0 0 0 35px;
	text-align:center;
	margin-top:90px;
	width:269px;
	}

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


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

/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:908px;
height:150px;
margin:-40px auto 0;
background:#fff url(../images/charte/bg-footer.jpg) top left no-repeat;
border-left:1px solid #960;
border-right:1px solid #960;
}

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