img { border:0; } 
p1 { font:11px/14px Helvetica, Arial, Helvetica, sans-serif; }
p2 { font:18px/15px Helvetica, Arial, Helvetica, sans-serif; font-weight:bold;  }
p3 {  font-size:10px; }
p4 {  font-size:9px; }
a {  outline:0; text-decoration:none; color:#000;}
.gras { font-weight:bold }
.vert { color:#007808;}
.rouge { color:#d9405c; }
.bleu { color:#073771; }
.violet { color:#8f278f; }

div#all {
	
	width:1136px;
	height:500px;
}

body {
	
	background-color:#E7E7E7;
	width:1136px;
	height:690px;
	margin-left:auto;
	margin-right:auto;
	font:10px/12px Helvetica, Arial, Helvetica, sans-serif; 
	margin-top:0px;
	
}

#left-content {
	
	width:384px;
	height:520px;
	margin-left:100px;
	
}

#menu {
	width:400px;
	
	margin-left:0px;
	margin-top:136px;
	
}

#left-content, #img {
	
	float:left; 
	margin-right:0px;	
}

#title {
	
	width:150px;
	height:69px;
	padding-top:191px;
/* height + padding (DOIT FAIRE!) = 260px */ 

}

#img {
	
	height:520px;
	width:520px;

}

#img2 {

	height:260px;
	width:520px;


}

#img3, #img4 {
	
	height:260px;
	width:260px;
	float:left; 
	margin-right:0px;	
}

#img5, #img6, #img7 {
	
	height:260px;
	width:173px;
	float:left; 
	margin-right:0px;	
}


#fleche {
	
	height:41px;	
	width:904px;
	margin-left:100px;
}

#arrow {
	
	float:right;
	height:41px;
	width:41px;
	
}

#foot {
 	width:904px;
	height:400px;
	margin-left:100px;

}

#contact, #comments { 
	
	
	float:left; 
	margin-right:0px;
	height:50px;

	
}

#contact {
	
	width:260px;
	margin-left:124px;
	margin-top:85px;
}

#comments {
	
	width:520px;
	margin-bottom:50px;
	margin-top:44px;

}

#footer {

	height:20px;
	width:904px;
	margin-left:100px;
	margin-top:200px;
	
}

#line {  border-top:solid 1px #000; width:810px;  height:1px; margin-left:95px;   }

#info { margin-top:18px; margin-bottom:8px; width:400px;  margin-left:383px; }