@charset "iso-8859-1";

#header {
	padding-top: 0;
	width: 950px;
	height:100px;
	margin: 0 auto;
	margin-top:0px;
	background-color:#151515;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #91917C;
	text-decoration: none;	
}
#conteneur {
	padding-top: 0;
	width: 950px;
	height: 600px;
	margin: 0 auto;
	background-color:#bebca5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #91917C;
	text-decoration: none;
	
}
#footer {
	padding-top: 0;
	width: 950px;
	height:150px;
	margin: 0 auto;
	margin-bottom:150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #91917C;
	text-decoration: none;
	background-color:#660000;
	
}


a  
{
	color:#c5bbaf;
	text-decoration:none;
}  
a:hover  
{
	color:#605951;
	text-decoration:underline;
}


/* CSS MODIFICATION 2010 */

html,div {margin: 0; padding: 0;}

body {
	color: #88982d;
	font: 9px Verdana,Arial,sans-serif; 
	margin: 0 auto;
	padding:0;
    /* background: #151515 url(../img/nicegrad.gif) repeat-x 0px 166px; */ 
	background-color: #151515;
}
#head {height: 126px;height: 166px;}
#photos {width: 900px; height: 333px;}
#photo1, #photo2,#photo3, #photo4   {width: 225px; height: 333px; display: block;float: left;}
#photo1 a, #photo2 a,#photo3 a, #photo4 a   {width: 225px; height: 333px; display: block;outline: none;cursor:pointer;}
#photo2 a:hover, #photo4 a:hover {background-position: bottom left;}
#photo1 a {background: url(../img/compo1.jpg) no-repeat top left; }
/* #photo2 a {background: url(../img/compo3.jpg) no-repeat top left; } */
#photo2 a {background: url(../img/compo6.jpg) no-repeat top left; }
#photo3 a {background: url(../img/compo2.jpg) no-repeat top left; }
#photo4 a {background: url(../img/compo4.jpg) no-repeat top left; }
#legende {background: url(../img/menu.png) no-repeat top left; width: 900px; height: 58px;}
#photo1 {background: #000000;}
#photo3 {background: #000000;}
#legende div {width: 225px; height: 58px;display: block;float: left;}
#legende div a {width: 225px; height: 58px; outline: none;display: block;cursor:pointer;}


#logo { background: url(../img/logo.gif) no-repeat top left; height: 42px; width:220px; position:absolute; top: 70px;}
#logo p {display: none;}
/* #logo-john { background: url(../img/john-lagoueyte.png) no-repeat top left; height: 60px; width:900px; position:absolute; top: 25px;left: 260px;} */
#logo-john {height: 60px; width:900px; position:absolute; top: 45px;left: 0px;}


#liste {}
#point {height: 60px; width:125px; text-align: center;}

h1, h2 {	font: 9px Verdana,Arial,sans-serif; margin:0; padding:0}
a.open {cursor: pointer;}
a img {border: none;}



.content {
	position:absolute;
	width:900px;
	margin:0px 0px 0px -450px;
	top: 0px;
	left:50%;
	text-align: left;
	padding: 0px;
	overflow: auto;
}

ul
{
	font-size:9px;
	/*position:absolute;*/
	width:800px;
	/*margin-left:auto;
	margin-right:auto;*/
}

li 
{
	float: left;
}

.bas-page {margin-top: 20px; font: 9px Verdana; color: #444444; text-align: center;}