/* CSS Document */

div,p,h1,h2,h3,li,ul{
margin:0;
padding:0;
}


#main{
width:900px;
margin:auto;
font-family:verdana;
font-size:11px;
text-align:justify;
color:#3b3e35;
background-color:#eff4ed;
line-height:14px;
}

#bandeau{
width:900px;
height:196px;
background:url(images/bandeau.jpg);
}

a:link,a:active,a:visited{
text-decoration:none;
color:#455401;
font-size:12px;
}

	#english{
	width:100px;
	padding-top:165px;
	padding-left:800px;
	}

#navigation{
width:770px;
background-color:#d1e9a0;
height:20px;
padding-left:130px;
color:#384401;
}

li a:link,li a:active,li a:visited{
text-decoration:none;
}

li a{
display:block;
margin-left:45px;
margin-top:2px;
padding-bottom:2px;
font-size:12px;
color:#455401;
}

li a:hover{
color:#b97c02;
}

.active{
color:#b97c02;
font-weight:bold;
}

li{
float:left;
}

ul{list-style-type:none;}


	
#actualites{
padding-top:20px;
clear:both;
width:900px;
height:70px;
font-size:10px;
color:#455401;
}

	#actu_titre{
	padding-left:15px;
	width:125px;
	float:left;
	font-weight:bold;
	font-size:12px;
	}
	
	#actu_texte{
	width:750px;
	float:left;
	}
	
		#actu1{
		width:740px;
		}
		
			#actu1_titre{
			width:240px;
			float:left;
			}
			#actu1_texte{
			padding-left:10px;
			width:480px;
			float:left
			}
			
		
		#actu2{
		width:740px;
		}
			#actu2_titre{
			width:240px;
			float:left;
			}
			#actu2_texte{
			padding-left:10px;
			width:480px;
			float:left
			}		

	#trait{
	margin-top:10px;
	border-top:2px dashed #e8c400;
	width:200px;
	margin-left:350px;
	clear:both;
	}
	
	
#haut{
clear:both;
width:890px;
padding-top:30px;
padding-left:10px;
}

		#titre_page{
		font-size:18px;
		letter-spacing:5px;;
		color:#32622c;
		height:30px;
		}
	
		#diaporama{
		padding-left:3px;
	width:245px;
	height:380px;
	float:left;
	border:1px solid #e8c400;
		}
		
		#A1{
		padding-left:20px;
		padding-top:60px;
		width:170px;
		float:left;
		}
		#A2{
		padding-left:30px;
		padding-top:35px;
		width:205px;
		float:left;
		color:#32622c;
		font-weight:bold;
		}
		
			h1{
			font-size:16px;
			width:170px;
			line-height:20px;
			text-align:justify;
			}	
			
				h2{
			font-size:14px;
			color:#575a4c;
			font-family:verdana;
			font-weight:bold;
			}
			
			#accroche{
			background: url(images/rond_huile.jpg) no-repeat;
			height:200px;
			font-size:18px;
			text-align:center;
			line-height:30px;
			font-weight:bolder;
			letter-spacing:4px;
			}	
	
		#A3{
		padding-left:25px;
		padding-top:60px;
		width:170px;
		float:left;
		}
		
		
#bas{
width:900px;
clear:both;
padding-top:20px;
}

		#logos_gauche{
		width:100px;
		height:236px;
		float:left;
		margin-left:50px;
		}
		
		#texte_bas{
		width:500px;
		float:left;
		padding-left:50px;
		}
				
		#logos_droite{
		width:100px;
		height:236px;
		float:left;
		margin-left:50px;
		}
		
		
	
#bas_de_page{
width:900px;
clear:both;
color:#313b01;
background-color:#d1e9a0;
height:70px;
margin-top:20px;
}

	#adresse{
	padding-top:10px;
	padding-left:15px;
	width:850px;
	font-size:12px;
	}
	
	#tel{
	width:600px;
	padding-left:225px;
	font-size:12px;
	}
	
	#mentions{
	padding-top:10px;
	padding-right:20px;
	width:850px;
	text-align:right;
	}

#formulaire{
height:385px;
}

fieldset{
margin-top:60px;
margin-left:30px;
border:1px solid #e8c400;
margin-right:30px;
}
	
.calagelabel{
width:150px;
margin-left:20px;
display:inline;
float:left;
}

.reglage_input{
width:200px;
}

.reglage_envoyer{
margin-left:200px;
}

.vert{
color:#384401;
}

.default_formulaire{
color:#CC6600;
}