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

body{
    margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:black;
}

/****************************************************menu 2ème niveau************************************/

div#menu div ul {
	width:147px;
	margin:0;
	padding:0;
	position:absolute;
	font-size:0.8em;
	list-style:none;
	display:none;
}

div#menu div ul li {
	background:#ffed1f;
	width:147px;
	height:35px;
	margin:0;
	padding:0;
}

div#menu div ul li.bas_ul{
	background:url(images/bas_ul_nuit.png) no-repeat;
	overflow:hidden;
}

div#menu div ul li a, div#menu div:hover ul li a {
	color:black;
	vertical-align:middle;
	background:none;
}

div#menu div ul li a span{
	vertical-align:middle;
}

div#menu div ul li a:hover {
	width:147px;
	background:black;
	text-decoration:underline;
	color:white;
}

div#menu div.active ul li a:hover span {
	color:white;
}



/****************************************************contenu gauche****************************************/     
div#gauche{
	width:344px;
	position:relative;
	float:left;
	margin:-50px 0 0 0;
	z-index:30;
	padding:0;
	min-height:530px;
	height:530px;
	overflow-x:hidden;
}

html>body div#gauche{
	height:auto;
}

div#gauche div.titre{
	width:314px;
	height:40px;
	margin:0 0 0 5px;
	padding:24px 0 0 20px;
	color:white;
	font-weight:bold;
	font-size:1em;
	text-align:left;
	background:url(images/fond_titre_gauche_nuit.jpg) no-repeat;
	float:left;
	clear:both;
}

html>body div#gauche div.titre{
	margin:0 0 0 10px;
}

div#gauche a {
	color:#e44b20;
}
	
div#gauche p{
	margin:0 30px 0 30px;
	padding:0;
	font-size:0.8em;
	text-align:justify;
	color:white;
}

div#gauche ul {
	width:70%;
	font-size:0.8em;
	color:black;
	text-align:justify;
	line-height:17px;
}

div#gauche p#numero {
	font-size:0.9em;
	font-weight:bold;
}

div#gauche form{
	margin:5px 0 0 0;
	padding:0;
	height:25px;
	font-size:0.8em;
	text-align:left;
	color:white;
	float:left;
}

div#gauche form input {
	float:left;
	vertical-align:middle;
}

div#gauche form input submit{
	border:none;

}

div#gauche_contenu{
	position:relative;
	margin:0 auto 0 auto;
	padding:0;
	width:368px;
}

div#gauche_contenu p{
	text-align:justify;
	margin:0 30px 10px 15px;
}

div#gauche_contenu h2{
	width:90%;
}

div#gauche ul#liste_gauche {
	list-style:none;
	margin:0 0 0 20px;
	clear:both;
	padding:0;
}

div#gauche ul#liste_gauche li {
	background:url(images/puce_nuit.jpg) no-repeat;
	display:block;
	height:20px;
	margin:5px 0 5px 0; 
	padding:3px;
}

div#gauche ul#liste_gauche a {
	color:white;
	margin:0 0 0 15px;
}


/****************************************************contenu droite****************************************/        
div#droite{
	width:602px;
	min-height:430px;
	height:430px;
	float:left;
	margin:0 0 0 15px;
	padding:0 10px 0 10px;
	z-index:50;
	overflow-x:hidden;
}	

html>body div#droite{
	height:auto;
}
	
div#droite h1{
	width:553px;
	height:38px;
	margin:10px 0 0 0;
	padding:22px 0 0 60px;
	color:white;
	font-weight:bold;
	font-size:1em;
	text-align:left;
	background:url(images/fond_titre_droite_nuit.jpg) no-repeat;
	float:left;
}

div#droite h2 {
	margin:5px 0 0 0;
}

div#droite p{
	margin:10px 0 0 0;
	padding:0;
	font-size:0.8em;
	text-align:justify;
	color:white;
	line-height:15px;
}

div#droite a {
	color:#e44b20;
}

div#droite img {
	border:none;
	margin:0;
	padding:5px 15px 15px 0;
}

div#droite ul {
	font-size:0.8em;
	text-decoration:none;
	text-align:justify;
	color:white;
	margin:0 0 0 20px;
}

div#droite ul li {
	text-align:left;
	margin:5px 0 5px 0;
}

div#droite ul li ul, div#droite ul li ul li a{
	font-size:1em;
}

/*************************gabarit_realisations****************/

div#droite div.realisation {
	width:180px;
	height:160px;
	float:left;
	margin:10px 5px 0 10px;
	padding:0;
	font-size:1em;
}

div#droite div.realisation p{
	margin:0;
	padding:0;
	text-align:left;
}

div#droite div.realisation img.rea {
	margin:0;
	padding:4px;
	border:1px solid #e44b20; 
}

/*************************realisations_contenu****************/

div#droite div#realisations_contenu{
	margin:10px 0 0 10px;
	padding:0;
}

div#droite div#realisations_contenu p {
	margin:0 10px 0 0;
	padding:0;
}

div#droite div#realisations_contenu img.rea {
	margin:0 15px 5px 0;
	padding:4px;
	border:1px solid #e44b20; 
}

/***************************ariane****************************/

div#ariane {
	width:600px;
	text-align:left;
	margin:10px 15px 0 10px;
	padding:0;
	font-size:0.8em;
	color:white;
}