body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	color: black;
	background: white;
}

a:link { font-weight: bold ; color: #e62b01; text-decoration: none ;}

a:visited {color : #e62b01; text-decoration: none ;}

a:hover { color: black; text-decoration: none ; }

div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	color: white;
	
	
}
div#fdmag{
	background: transparent url(../img/fond.jpg)
               0px -40px no-repeat;
               height:600px;
}

div#txtac{
position: relative;
		top: 200px;
}
div#txtctr{
		position: relative;
		top: 100px;
		margin: 0 auto ;
		width:300px;
	 text-align: justify ;
	text-indent: 2em ;
	line-height: 2.5em ;
}
div#txtctr2{
		position: relative;
		top: -25px;
		margin: 0 auto ;
		width:420px;
	 text-align: justify ;
	text-indent: 2em ;
	line-height: 2em ;
}
div#txtctr2 span{
font-weight: bold ; 

}
div#txtctr2 li{
border-bottom: 2px solid #e62b01; 
}
div#txtctr span{
border-bottom: 2px solid #e62b01; 

}
div#titre
{
top:40px;
float:left;
position: absolute;
 z-index:10;
}
div#menutitre
{
float:left;
position: absolute;
width:190px;
top:0px;
left:600px;
 z-index:10;
}
#menu {
   width: 91px;
   height: 400px;
   background: url(../img/meuvert.gif);
   margin: 10px auto;
   padding: 0;
   position: relative;
   z-index:10;
}
#menu li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   left: 0;
    z-index:10;
}
#menu li, #menu a {
   width: 90px;
   height: 90px;
   display: block;
    z-index:10;
   
}
#menu1 { top: 0px;  height: 88px; }
#menu2 { top: 101px;  height: 92px; }
#menu3 { top: 203px;   height: 91px;}
#menu4 { top: 308px;  height: 89px; }

#menu1 a:hover {
   background: transparent url(../img/meuvert.gif)
               -88px -0px no-repeat;
}
#menu2 a:hover {
   background: transparent url(../img/meuvert.gif)
               -92px -101px no-repeat;
}
#menu3 a:hover {
   background: transparent url(../img/meuvert.gif)
               -91px -203px no-repeat;
}
#menu4 a:hover {
   background: transparent url(../img/meuvert.gif)
               -89px -308px no-repeat;
}

#content {
	clear: left;
	
}
a.linkOver{
    background-color: #c4f514;
    }
#skyline {
   width: 190px;
   height: 120px;
   background: url(../img/menupt.gif);
   margin: 10px auto;
   padding: 0;
   position: relative;
}
#skyline li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;
}
#skyline li, #skyline a {
   height: 120px;
   display: block;
}
#panel1b { left: 0;     width: 50px;  }
#panel2b { left: 70px;  width: 50px;  }
#panel3b { left: 140px; width: 50px; }
#panel1b a:hover {
   background: transparent url(../img/menupt.gif)
               0 -120px no-repeat;
}
#panel2b a:hover {
   background: transparent url(../img/menupt.gif)
               -70px -120px no-repeat;
}
#panel3b a:hover {
   background: transparent url(../img/menupt.gif)
               -140px -120px no-repeat;
}

div#cadre
{	
		margin-top:135px;
		width: 600px ;
		height: 600px;
		color: black;
	
}
div#menugal
{
text-align:center;}
div#menucadre
{
float: left;
width:100px;
height:600px;
position: relative;
top: 150px;
z-index:10;
}
.img{
float: left;
padding: 10px;

}
div#contenu
{
	position: absolute;
	top: 140px;
	left: 240px;
	background: #d9d5d5;
	margin-left:45px;
	padding: 80px 50px 0 80px ;
	width: 600px ;
	height: 600px;
	color: #890601;
	z-index:1;
	}
div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #890601 ;
	border-bottom: 1px solid #DC9600 ;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	color: black;
}
div#contenu h4
{

	text-align: center ;
	color: #DC9600;
	border: 2px;
	color: black;
}

div#contenu h5
{
	line-height: 25px ;
	font-size: 1.2em ;
	color: #890601 ;
	border-bottom: 1px solid #DC9600 ;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}





div#footer
{
	width:600px;
	margin: 0,auto ;
	height:20px ;
	text-align: center ;
	color: #DC9600;
	
}

div#news
{
	overflow:auto;
	
}
#news span{

font-weight : bolder;
}
#news li {
list-style-type: square ;
}
pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}


