@charset "utf-8";
/* CSS Document */
#footer {
	width: 926px;
	height:174px;
	background: url("images/footer.png") no-repeat;
	padding-bottom: 20px;
}
.part1 {
	width: 150px;
	color: white;
	float: left;
	margin: 55px 0 0 375px;
	line-height: 22px;
}.part2 {
	width: 150px;
	color: white;
	float: left;
		margin: 55px 0 0 45px;
	line-height: 22px;
}.part3 {
	width: 150px;
	color: white;
	float: left;
		margin: 55px 0 0 50px;
	line-height: 22px;
}

body {
	width: 922px; 
	background: #0c3d7f url("images/fond.jpg") repeat-x;
	margin: 0 auto;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#header {
	width: 922px;
	height: 203px;
	background: url("images/header.jpg") no-repeat;
}
#conteneur {
	width: 922px;
	background: #fc9007 url("images/fondwrapper.jpg") repeat-x;
}
#sidebar {
	width: 161px;
	float: left;
	margin: 20px 0 0 20px;
}
.titre-menu {
	margin: 0 0 10px 0;	
}
img, div , span , a , p , h1 , h2 , h3 , h4 , h5,h6 
{ 
behavior: url(/ie/iepngfix.htc);
}

.lien-menu {
	color: white;
	display: block;
	width: 150px;
	height:12px;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	background: url("images/amenu.png") no-repeat;
	padding: 0 0 0 45px;
	margin: 5px 0 0 16px;
}
.lien-menu:hover { font-style: italic; }
.skyscraper {
	margin: 15px 0 10px 20px;	
}
#content {
	width: 712px;
	margin: 0 0 0 195px;
	padding: 20px 0 0 0;
}
#presentation {
	width: 427px;
	height: 254px;
	background: url("images/presentation.png") no-repeat;
	float: left;
}
.carre {
	width: 250px;
	height: 250px;
	margin: 0 0 0 450px;
}
#presentation h1 {
	color: #d8d8d8;
	margin: 0;
	padding: 5px 0 0 30px;
}
#presentation p {
	margin: 0;
	padding: 20px 10px 0 10px;
}
#subconteneur {
	width: 712px;
	height: 75px;
	background: url("images/subcontent.png") no-repeat;
	margin: 20px 0 20px 0;
}
#subconteneur p {
	margin: 0;
	padding: 4px 10px 5px 10px;
}
#content h2 {
	width: 469px;
	height: 19px;
	background: url("images/h2fiche.png") no-repeat;
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 3px 0 0 120px;
}
.fiche {
	width: 712px;
	height: 100px;
	margin: 0 0 10px 0;	
}
.vignette {
	width: 100px;
	height: 100px;
	float :left;
	border-style:solid;
}
.descript {
	width: 584px;
	height: 100px;
	background: url("images/descript.png") no-repeat;
	margin: 0 0 0 120px;
}
.descript p {
	margin: 0;
	color: #fc9614;
	padding: 5px 10px 0 10px;
}
.voir-plus {
	display: block;
	float: right;
	width: 125px;
	height: 29px;
	background: url("images/voir-plus.jpg") no-repeat;
	margin: 0 20px 0 0;
}
#clearer {
	clear: both;
	text-align: center;
}
#clearer p {
	margin: 0;
	font-size: 11px;
	color: #ab6205;
	padding: 0 0 5px 0;
}
#footer {
	width: 926px;
	height:174px;
	background: url("images/footer.png") no-repeat;
	padding-bottom: 20px;
}
#footer table {
	color: white;
	margin: 54px 0 0 370px;
}
#footer td {
	padding-right: 75px;	
}
a.lien2:link {color: #F00; text-decoration: none;  }

a.lien2:visited { color: #F00; text-decoration: none; }

a.lien2:hover { color: #C60; text-decoration: none; }

a img.img10{
width: 100px;
height: 100px;
float :left;
border-style:solid;
border: 3px solid #000;
}
a:hover img.img10{
border: 3px solid #FF0;
}