body {
		background-color: #CC99CC;
		margin: 20px auto;
		font-size:1em;
		color: black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#conteneur {
	position: relative;
	z-index:1;
	text-align:center;
	margin: auto;
	width:900px; 
	}
#haut {
	position: absolute;
	float: left;
	width :900px; height:303px;
	background: url(../images/flash.jpg) no-repeat;
	z-index:1; 
	left:0px;top:0px;
}
#flash1 {
	position: absolute;
	width :856px; height:280px;
	top:10px; left:11px; 
	z-index:1;
}
#gauche {
	clear: both;
	position: relative;
	float: left;
	top:303px; left:0px;
	width :223px; height:445px;
	background: url(../images/gauche.jpg) no-repeat; z-index: 1;
	}
	#gauche span{
		display: block;
		position: relative;
		width :210px;
		text-align: left;
		padding: 12px 0 0 45px;
		font-size: 14px;
		line-height: 26px; z-index:1;
		}
	#gauche span.liv{
		display: block;
		position: relative;
		width :160px;
		text-align: center;
		padding: 22px 0 0 66px;
		color: white;
		font-size: 0.9em;
		font-weight: bold;
		font-variant: small-caps;
		line-height:1em; z-index:1;
		}
#milieu {
	position: relative;
	float: left;top:303px; left:00px;
	width :350px; height:445px;
	background: url(../images/milieu.jpg) no-repeat;z-index: 0;
	}
	#milieu span {
		display: block;
		position: relative;
		width :320px;
		text-align: left;
		top: 40px;
		padding: 0 0 0 25px;
		font-size: 0.84em;
		line-height:1.2em;z-index:1;
			}
	#milieu span.fotos {
		display: block;
		position: relative;
		width :320px;
		text-align: center;
		top: 52px;
		font-size: 0.84em;
		color: white;z-index:1;
			}
	#milieu span.fotos a img, #milieuP a img, #milieuC a img {
	border: 1px solid #cc99cc;z-index:1;
}		
	#milieu span.fotos a:hover img, #milieuP a:hover img, #milieuC a:hover img {
	border: 1px solid #006400;z-index:1;
}	
#milieuP {
	position: relative;
	float: left;top:303px; left:00px;
	width :350px; height:445px;
	background: url(../images/milieuP.jpg) no-repeat;
	font-size: 0.84em;z-index:1;
	}
#milieuC {
	position: relative;
	float: left;top:303px; left:00px;
	width :350px; height:445px;
	background: url(../images/milieuP.jpg) no-repeat;
	font-size: 0.84em;z-index: 1;
	}
#milieuC form {
	height:245px;
	clear:both;z-index:1;
}
#milieuC div.tit {
		position: relative;
		width :320px;
		font-weight: bold;
		text-align: center;
	padding: 5px 0 0 0;
	line-height:1em;z-index:1;
}
#milieuC div.fotos {
		position: relative;
		width :350px;
		text-align: center;
		padding: 12px 0 0 0;
		font-size: 0.84em;
		color: black;z-index:1;
			}
#droit {
	position: relative;
	float: left;top:303px; left:00px;
	width :327px; height:445px;
	background: url(../images/droit.jpg) no-repeat;z-index: 0;
	}
	#droit span {
		display: block;
		position: relative;
		width :300px;
		text-align: center;
		padding: 3px 0 0 10px;
		font-size: 0.84em;
		line-height:1.3em;z-index:1;
		}
#bas {
	position: relative;
	float: left;top:303px; left:00px;
	width :900px; height:95px;
	background: url(../images/bs.jpg) no-repeat;
	color:white;z-index:1;
	}	
	#bas a {
		font-size: 0.84em;
		font-weight: bold;
		color:white;
		text-decoration: none;
		line-height:2.5em;z-index:1;
	}
	input.butt {
	color: black;
	background-color:#E6DFD9;
	font-size: 0.75em;
	font-family:verdana;
	font-weight:bold;
	border-width:1px;
	width:115px;
	text-align:center;
	border-color:gray;
}
#error {
	position: absolute;
	color: #e60000;
	top:180px;
	left:-270px;
	background-color: white;
	border: 1px solid black;
	padding: 0.8em;
	font-size:0.8em;
	font-weight: bold;
}

/*NEWS*/
#gauche a.news,#gauche  a:visited.news {
  position:relative;
  display: inline;
  text-decoration: none; 
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
	margin-left: 26px;
	top:2px; z-index: 6;
}
#gauche a:hover.news {
  text-decoration: none;
  background: none;
  color: #000000; z-index: 2000;
}
#gauche a.news span.pophaut, #gauche a:link.news span.pophaut 
{display: block;
  position: absolute; 
  top:-1000px;
  left:-1000px; background-image: none; 
    border: none;
	clear: both;
  font-variant: normal; z-index: 2000;
	}
 
#gauche a:hover.news span.pophaut {
 background: #cc99cc;
 border: 2px solid #9337b3;
 color: #000000;
 display: block;
 float:left;
 left:30px;
 min-height:360px;
 padding: 10px 5px 0px 0px;
 position: absolute;
 text-align:center; 
 top:-180px;
 width:660px; 
  z-index: 2000;
  font-weight:normal;
   font-variant: normal;
  font-size: 14px;
  line-height: 16px;
  vertical-align: top;
     }
#gauche .popup  .limage{
   position:relative;
   float: right;
  width:200px;
  margin-right:8px;
  margin-left:7px; 
  padding:0px;
  }
#gauche .popup {
  	float:left;
	text-align:left; 
	font-size:14px; 
	padding:10px; 
	vertical-align:top;
	color: #000000;
	width:600px;
	 font-variant: normal; z-index: 2000;
			
			}
/*--------- Lightbox -----------*/

#lightbox{
	position: relative;
    background-color: #E6DFD9;
    padding: 3px;
    border-bottom: 1px solid #000159;
    border-right: 1px solid #000159;
	 z-index:5000;
}
#lightboxDetails{
    font-size: 0.9em;
    color: black;
    padding-top: 0.5em;
	 z-index:5000;
}

#closeButton{ top:2px; right: 2px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ position: relative;border: none; z-index:5000; }

#overlay img{ border: none; z-index:5000;}

#overlay{ background-image: url(../overlay.png); z-index:5000; }

* html #overlay{ /*Hack IE */
    background-color:  #e6DFD9;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
	 z-index:5000;
}

/*-------- fin lightbox -------*/