@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0;}

body {
	background: url(images/background.jpg);
	font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;
	color: #666666; 
	text-align: center;
	margin: 0 auto;	
}


#wrap {
	position: relative;
	width: 767px;
	height:1275px;
	margin: 0 auto;
	border-left: 1px solid white;
	border-right: 1px solid white;
	text-align: left;
	background: #04284a;
	
}

#header {
	position: relative;
	background:#04284a url(images/top_header.gif);
	height: 30px;
	width:752px;	
	padding: 0;	
	margin: 0 auto;
	
}

#header-photo {
	position: relative;
	width: 752px;
	height: 225px;
	margin:0 auto;
	margin-top:2px;
	background: #04284a url(images/top_image.jpg);
}

#content-wrap {
	position:relative;
	width: 767px;
	display: inline;
	padding: 0; 	
}
#main{
float:left;
width:510px;
height:950px;
}

#main h1 {
	font: normal 25px Arial, "Times New Roman", Times, sans-serif;
	color: #92b2cb;
	padding: 15px 0px 10px 20px;
	text-decoration:underline;
}

#main p{
font: normal 14px Arial, "Times New Roman", Times, sans-serif;	
color: #fff;	
padding: 15px 0 0px 20px;
line-height:18px;
}

#bottommain{
width:489px;
height:600px;
padding-left:8px;
padding-top:20px;
padding-right:8px;
}

#photo{
width:163px;
height:83px;
padding:0;
margin:0;
}

#stage{
float:left;
width:163px;
height:auto;
margin:0;


}

#stage h1 {
	font: normal 22px  Arial, "Times New Roman", Times, sans-serif;
	color: #92b2cb;
	padding: 13px 0 3px 48px;
	text-decoration:underline;
}

#stage p{
font-family: Arial, "Times New Roman", Times, sans-serif;
font-size:12px;
color: #fff;

}
#cours{
float:left;
width:163px;
height:auto;
}

#cours h1 {
	font: normal 22px  Arial, "Times New Roman", Times, sans-serif;
	color: #92b2cb;
	padding: 13px 0 3px 48px;
	text-decoration:underline;
}

#cours p{
font-family: Arial, "Times New Roman", Times, sans-serif;
font-size:12px;
color: #fff;

}

#camps{
float:right;
width:163px;
margin:0;

}

#camps h1 {
	font: normal 22px  Arial, "Times New Roman", Times, sans-serif;
	color: #92b2cb;
	padding: 13px 0 3px 48px;
	text-decoration:underline;
}
#camps p{
font-family: Arial, "Times New Roman", Times, sans-serif;
font-size:12px;
color: #fff;

}

#ensavoirplus{
width:163px;
height:20px;

}

#ensavoirplus a {
font-family: Arial, "Times New Roman", Times, sans-serif;
font-size:12px;
padding-left:65px;
margin:0;

}
#galeriephoto{
width:196px;
height:123px;
margin-left:25px;

}
#ensavoirplus a:link, a:visited{
color:#FFF;	
}

#ensavoirplus a:hover {
color:#2a72ac;
}


#photorectangle a{
	font: normal 11px Arial, "Times New Roman", Times, sans-serif;
	color: #92b2cb;
	padding-left: 78px;
	text-decoration:underline;
}



#sidebar{
float:right;
width:257px;
height:950px;
}

#sidebar a:link{
color:#FFF;	
}

#sidebar a:hover, a:visited {
color:#2a72ac;
}

#sidebartop{
width:248px;
height:300px;
}
#sidebarmiddle{
width:248px;
height:650px;
}

#sidebarmiddle h1{
font: normal 16px Arial, "Times New Roman", Times, sans-serif;
color: #92b2cb;
padding: 15px 0 0px 25px;
}

#sidebarmiddle a{
font: normal 16px Arial, "Times New Roman", Times, sans-serif;
color: #92b2cb; 
text-decoration:none;
}

#sidebar h1 {
	font: normal 16px Arial, "Times New Roman", Times, sans-serif;
	color: #92b2cb;
	padding: 15px 0 0px 25px;
}
#sidebar h2 {
	font: normal 14px  Arial, "Times New Roman", Times, sans-serif;
	color: #fff;
	padding: 15px 0 0px 55px;
}

#sidebar p {
	font: normal 12px  Arial, "Times New Roman", Times, sans-serif;
	color: #fff;
	padding: 15px 0 0px 60px;
}

#galerieinstall{
width:196px;
height:123px;
margin-top:30px;
margin-left:35px;
}

#joindre{
margin-top:100px;
}

#joindre a{
font: normal 12px  Arial, "Times New Roman", Times, sans-serif;
color: #fff;
}

#joindre a hover{
font: normal 12px  Arial, "Times New Roman", Times, sans-serif;
color: #92b2cb;
}

#footer{
	position:relative;
	margin: 0 auto;
	background-image: url(images/maquette1_26.jpg);
	width:767px;
	height:96px;
	border-bottom:1px solid #FFF;
}

#textegauche{
float:left;
width:200px;
height:77px;
margin:0;
padding-top:13px;
}

#textegauche p{
font-family: Arial, "Times New Roman", Times, sans-serif;
font-size:12px;
color: #fff;
margin:0;

}

#textelogodroit{
float:right;
width:567px;
height:90px;
padding-top:5px;
}


#logo{
float:left;
width:349px;	
height:90px;	
}

#textedroit{
float:right;
width:218px;
height:90px;
}

#textedroit p{
font-family: Arial, "Times New Roman", Times, sans-serif;
font-size:12px;
color: #fff;	
}

#textedroit a, a:hover, a:link{
font-size:12px;
color: #fff;
text-decoration:none;
}

#photographes{
float:left;
width: 100px;
height:20px;
	
}
#photographes2{
width: 216px;
height:20px;
margin-top:20px;
	
}

#photographes3 a{
color:#fff;
text-decoration:none;
}

#photographes3 a.hover{
color:#fff;
text-decoration:none;
}

#designellipse{
width: 216px;
height:20px;
}

#designellipse2 a{
color:#fff;
text-decoration:none;
}

#designellipse2 a:hover{
color:#fff;
text-decoration:none;
}


#ecurie{
width: 216px;
height:30px;	
}

#ecurie p{
font-family: Arial, "Times New Roman", Times, sans-serif;
font-size:11px;
color: #fff;
padding-top:10px;
}

/******** Menu***********/
#nav, #nav ul {     
padding: 0;     
margin: 0;     
list-style: none; 
} 


#nav a { 
display: block;     
width: 10em;
color:#FFF;
} 

#nav a:hover, a:visited { 
color:#FFF;
} 


#nav li {  
float: left;     
width: 10em; 
}

#nav li ul { 
position: absolute;     
width: 10em;     
left: -999em; 
} 

#nav li:hover ul {     
left: auto; 
}

#nav li:hover ul, #nav li.sfhover ul {     
left: auto; 
}