/* les couleurs : 
menu orange : #f97300 
menu marron : #5d3801
menu taille : 16pt := 22px;
corps taille: 16px := 12pt 
*/

* { margin: 0; padding: 0; border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img, div , a, td, li, h*, input { behavior: url(iepngfix.htc) } /* transparence sous ie6 */



body {
background: url('img/bg.jpg') repeat-x ;
height: 948px;
width: 920px;
margin: auto;
font-family: Arial;
}

#header { 
background: url('img/header.png') no-repeat;
height: 295px;
}
#corps {
background: url('img/corps.png') repeat-y;
width: 731px;
margin-left: 82px;
}
#menu {
width: 170px;
float: left;
}
#menu h3 { 
text-align: center;
margin-bottom : 30px;
}
#menu ul {
list-style-type : none;
margin-left: 3px;
}
#menu a {
display: block;
line-height: 39px;
width: 163px;
padding-left: 20px;
margin-top: -15px;
}

h1{
color:red;
}

#menu a:hover {
background: url('img/selection.png') no-repeat;
text-decoration: none;
}
#contenu {
margin-left: 205px;
font-size: 12px;
width: 506px;
padding-bottom: 100px;
}
#contenu h2 {
margin-bottom : 20px;
color:red;
}
#contenu p {
text-align :center;
margin-bottom: 20px;
}
#fin_corps {
background: url('img/footer.png') no-repeat;
height: 231px;
margin-top: -20px;
margin-left: -23px;
}

#footer {
width: 370px;
text-align: center;
color: #344a00;
margin: auto;
font-size: 12px;
margin-top: 10px;
height:auto;
}
.carree {
	display: block;
	width: 250px;
	height: 250px;
	float:right;
	margin-left:3px;
	margin-right:-7px;
	margin-top:-45px;
}
#pres{
	float:left;
	width: 250px;
}
#jeux{
	float:left;
	margin-bottom:10px;
	text-align:left;
}
.img10{
	border:1px red solid;
	margin-right:20px;
	
}

.img10:hover { 
	border:1px orange solid;
	margin-right:20px;
	}

.clear { clear: both; }
.marron { color: #5d3801; }
.orange{ color: #f97300; }