body {
margin:0;
padding:0;
font:12px/16px Arial, Helvetica, sans-serif;
color:#d8d7cf;
background:#34322f url('../images/body-bg.gif') repeat-x top center;
}

/*STRUCTURE*/
#container{
width:898px;
margin:10px auto 0 auto;
}

	#head{
	height:198px;
	}
		#head img{
		display:block;
		}
	
	#menu{
	height:26px;
	padding:10px 0 0 4px;
	}
		#menu ul{
		margin:0;
		padding:0;
		overflow:hidden;
		list-style-type:none;
		}
			#menu li{
			display:block;
			float:left;
			background:transparent url('../images/menu-separateur.gif') no-repeat top left;
			padding:0 0 0 7px;
			}
			#menu li#active{
			padding-left:0;
			background:none;
			}
			
				#menu li a{
				display:block;
				float:left;
				padding:0 4px;
				color:#bababa;
				font-size:9px;
				text-decoration:none;
				}
				
				#menu li a:hover, #menu li #current{
				background-color:#c3d097;
				color:#383820;
				}
	
	#contenu, #contenu02{float:left;}
	
	#contenu{
	background:transparent url('../images/colleft-bg.gif') repeat-y top left;
	text-align:justify;
	}
	#services #contenu{background:transparent url('../images/blocservice-bg.gif') repeat;}
	
		#contenu02{
		background:transparent url('../images/colleft-bottom.gif') no-repeat bottom left;
		}
		#services #contenu02{
		background:transparent url('../images/blocservice-bottom.gif') no-repeat bottom left;
		padding:0 20px 24px 20px;
		width:858px;
		}
			
		#sousMenu{
		margin:0 0 20px 0;
		padding:0 0 16px 0;
		}
		#sousMenu li{
		display:inline;
		padding:0 24px 0 0;
		}
		#sousMenu li.active{padding-right:0;}	
	
		.blocLeft, .blocRight, .imgBlocRight, .blocFull{float:left;}
	
		.blocLeft{
		width:505px;
		padding:0 20px 40px 20px;
		}

		.blocRight{
		width:336px;
		padding:0 0 8px 17px;
		overflow:hidden;
		}
		
		#services .blocLeft{
		padding:0 20px 0 0;
		width:485px;
		}
			#services .blocFull .blocLeft{width:475px;}
		
		#services .blocRight{
		padding:0 0 0 0;
		width:350px;
		}
			#services .blocFull .blocRight{width:340px;}
		
		.imgBlocRight{
		margin-left:17px;
		}
		
		.blocFull{
		width:838px;
		padding:10px 10px 0 10px;
		background:#4e4e4a url('../images/infobox-bg.gif') repeat;
		}
		
		#hautPage{
		width:505px;
		margin:16px 0 -28px 0;
		}
			#hautPage p{
			text-align:right;
			border-top:1px solid #c3d097;
			}
		#services #hautPage{
		margin:16px 0 -10px 0;
		width:858px;
		float:left;
		}
	
	#pied{
	clear:both;
	height:65px;
	text-align:center;
	}
		#pied img{
		margin-top:10px;
		border:0;
		}
		#orage{color:#34322f; font-size:2px;}
	
/*STRUCTURE -FIN-*/

/*BALISE*/
h1, h2, h3, h4, h5, h6{
font-weight:normal;
line-height:normal;
text-align:left;
}

h1{
font-size:18px;
margin:0;
}
	#contenu h1 img{
	margin:0 0 7px -20px;
	display:block;
	border:0;
	}
	h1 span{display:none;}

h2{
font-size:17px;
color:#fff;
margin:24px 0 8px 0;
}
#services h2{
font-size:19px;
margin-top:0;
}
	h2 span{color:#c3d097}
	.first{margin-top:0;}
	
h3{
font-size:14px;
font-weight:bold;
color:#c3d097;
margin:16px 0 8px 0;
}
	h3.saviezvous{
	margin-top:24px;
	padding-top:16px;
	border-top:1px solid #c3d097;
	}
	h3 span{font-weight:normal;}

h4{
font-size:12px;
font-weight:bold;
color:#fff;
margin:16px 0 4px 0;
}
	h4 span{font-weight:normal;}

p{
margin:0 0 16px 0;
}

a{color:#c3d097;}
a:hover{text-decoration:none;}
a:active, a:focus{outline:none;}

img {margin:0;}
#contenu img{
border:3px solid #454440;
}
#contenu .blocLeft img,
#services #contenu .blocRight img{
border-color:#34322f;
}

hr{display:none;}

ul, ol{
margin:0 20px 12px 28px;
padding:0;
text-align:left;
}

ul{
list-style:outside square url(../images/puce.gif);
}
/*
ul ul, ol ul{
list-style:outside square url(../images/puce2.gif);
}
*/

	li{
	margin:0;
	padding:3px 0;
	}

table{
width:100%;
margin:0 0 16px 0;
padding:0;
border-collapse:collapse;
background:#4e4e4a url('../images/infobox-bg.gif') repeat;
}
	th, td{padding:6px; border:1px dotted #6a6964; text-align:right;}
	
	th{
	color:#fff;
	border-bottom:1px solid #c3d097;
	}
		th span{font-weight:normal;}
	tr.top th{border-top:1px solid #c3d097; text-align:center; color:#c3d097;}
	
	td{
	}
	
	tr.ligneTotal td{border-bottom:1px solid #c3d097;}
	tr.total td{font-weight:bold; color:#fff;}
	
/*form*/

.formulaire{margin-top:16px; text-align:left;}

form{margin:0; padding:0;}

form p{margin-bottom:8px;}
form .checkBox p{display:inline; background-color:red;}

.infoBloc01, .infoBloc02{
width:250px;
float:left;
}

label{
display:block;
float:left;
width:115px;
text-align:right;
padding:3px 8px 3px 0;
}

.infoBloc02 label{
width:80px;
}

.checkBox label{
float:none;
width:auto;
text-align:left;
display:inline;
padding:0 8px 0 0;
}

.infoBloc01 input{width:115px;}
.infoBloc02 input{width:150px;}
.infoBloc02 select{width:156px;}

.checkBox input{
margin:0;
padding:0 0 0 16px;
width:auto;
}

textarea{width:499px; max-width:499px;}

.bouton{text-align:right;}
	.bouton input{
	margin:16px 0 0 8px;
	width:auto;
	border:1px solid #fff;
	background:#c3d097 url('../images/bouton-bg.gif') repeat-x bottom;
	cursor:pointer;
	}
	.bouton input:hover{
	background-image:none;
	}
/*form -fin-*/	
/*BALISE -FIN-*/

/*CLASS*/
.hr{
height:1px;
border-top:1px dotted #c3d097;
margin:14px 0;
padding:0;
clear:both;
}
#services .hr{
margin:20px 0;
float:left;
clear:none;
width:858px;
}

ul.sansPuce{
list-style:none none;
margin-left:0;
}

.float, .floatImg{float:left;}
.floatRight, .floatRightImg{float:right;}

.floatImg{
margin:0 16px 16px 0;
}
.floatRightImg{
margin:0 0 16px 16px;
}

.clear{clear:both;}

.infoBox{
border:1px solid #c3d097;
padding:10px;
background:#4e4e4a url('../images/infobox-bg.gif') repeat;
}

.sourceBox{
padding:10px;
margin-bottom:20px;
background:#4e4e4a url('../images/infobox-bg.gif') repeat;
}

.source{
margin:8px 0 0 0;
display:block;
border-top:1px dotted #c3d097;
color:#c3d097;
}
/*CLASS -FIN-*/

/*langue selection*/
#langSelection{
position:absolute;
z-index:999;
padding:6px;
top:146px;
margin-left:752px;
color:#fff;
}

#langSelectionFR{
position:absolute;
z-index:999;
padding:6px;
top:146px;
margin-left:723px;
color:#fff;
}

	#langSelection a, #langSelectionFR a{
	color:#fff;
	}
/*langue selection -FIN-*/


/*modif pour la section anglaise*/


#menueng{
	height:26px;
	padding:10px 0 0 10px;
	}
		#menueng ul{
		margin:0;
		padding:0;
		overflow:hidden;
		list-style-type:none;
		}
			#menueng li{
			display:block;
			float:left;
			background:transparent url('../images/menu-separateur.gif') no-repeat top left;
			padding:0 7px 0 15px;
			}
			#menueng li#active{
			padding-left:0;
			background:none;
			}
			
				#menueng li a{
				display:block;
				float:left;
				padding:0 4px;
				color:#bababa;
				font-size:9px;
				text-decoration:none;
				}
				
				#menueng li a:hover, #menueng li #current{
				background-color:#c3d097;
				color:#383820;
				}