/* CSS Document */

/*-------------------------------------------------------------------*/
/* 
/*-------------------------------------------------------------------*/
body{ 
	font: 62.5% "Trebuchet MS", sans-serif; 
	margin: 50px;
	background:url(../images/ui-bg_diagonals-thick_15_444444_40x40.png) repeat;
	overflow:visible;
}
#containeur{
	width:80%;
	max-width:1260px;
	min-width:816px;
	height:100%;
	margin-top:2%;
	margin-left:10%;
	margin-right:10%;
}
#header{
	background:url(../images/titre.jpg);
	width:100%;
	height:371px;
	border:#FFF solid;
}
#header p{
	float:right;
	text-align:right;
}
#header img {
	float:left;
}
#contenu {
	margin-top:10px;
}
#footer {
	margin-top:10px;
	width:100%;
	height:30px;
	background:#2A5E03;
	border:#72B42D solid 1px;
	border-radius: 10px;   
	-moz-border-radius: 10px; 
    -webkit-border-radius:10px;
	-webkit-border-top-left-radius: 10px; 	/* pour Chrome */
    -webkit-border-top-right-radius: 10px;  /* pour Chrome */  
    -webkit-border-bottom-left-radius: 10px; 	/* pour Chrome */
    -webkit-border-bottom-right-radius: 10px;  /* pour Chrome */ 
}
#entete {
	background-image:url(../images/titre.jpg);
	width:100%;
	height:371px;
	border:#72B42D solid 1px;
	border-radius: 10px;   
	-moz-border-radius: 10px; 
    -webkit-border-radius:10px;
	-webkit-border-top-left-radius: 10px; 	/* pour Chrome */
    -webkit-border-top-right-radius: 10px;  /* pour Chrome */  
    -webkit-border-bottom-left-radius: 10px; 	/* pour Chrome */
    -webkit-border-bottom-right-radius: 10px;  /* pour Chrome */ 
}
#entete h1 {
	margin: 0 20px 0 0;
	float:left;
}
#entete p {
	padding:30px;
	margin:30px;
	float:left;
	margin: 0 20px 0 0;
}

#gallery {
	background-color: #444;
	padding: 10px;
	width: 520px;
}
#gallery ul { 
	list-style: none; 
}
#gallery ul li { 
display: inline; 
}
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { 
color: #fff; 
}