/* Déclaration de la police */

@font-face{
  font-family:'enter_sansmanbold';
  src: url('entsans-webfont.eot'); /* here you go, IE */
}
@font-face{
  font-family:'enter_sansmanbold';
  src: url('entsans-webfont.ttf'); /* everyone else take this */
}
body {
background : #d0d7de;
margin-top: 0px;
margin-left:0px;
width:100%;
height: 400px;
z-index:20;
background-image: url("images/header_left.jpg");
background-repeat:repeat-x;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
#right {
position absolute;
margin-top: 0px;
margin-left:50%;
/* width:100%;  */
height: 400px; 
z-index:30;
background-image: url("images/header_right.jpg");
background-repeat:repeat-x;
}
#header {
position:relative;
margin-top:-400px;
margin-left:auto;
margin-right:auto;
width: 1200px;
height: 500px;
z-index:40;
background-image : url(images/header.jpg);
background-repeat:no-repeat;
}
#slogan {
position:relative; 
margin-left:50%; 
margin-top: 30px;
z-index:60;
}
a {
	color:#000;
	text-decoration:underline;
}	
a:hover{
	color:#000;
	text-decoration:none;
}
#social {
position:relative; 
margin-left: 1150px; 
height:120px;
margin-top: -70px;
z-index:60;
}
h1{
	font-family: 'helvetica';
	font-size:36px;
	color: #000;
}
h2{
    font-family: 'helvetica';
    font-size:20px;
    color: #000;
} 
h3{
    font-family: 'helvetica';
    font-size:18px;
    color: #fff;
} 
#logo {
position:absolute; 
margin-left:10px; 
margin-top:-10px;
width:150px;
height:150px;
z-index:60;
}
#bt_s2d {display:block; width:150px; height:150px; background:url(images/bt_s2d.png) no-repeat 0 0;}
/*#bt_s2d:hover {background:url(images/bt_s2d.png) no-repeat 0 -150px;}  */
#bt_suite {display:block; width:150px; height:110px; background:url(images/bt_suite.png) no-repeat 0 0;}
#bt_suite:hover {background:url(images/bt_suite.png) no-repeat 0 -110px;}  
#contact {
position:absolute; 
margin-left:10px; 
margin-top:150px;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
width:120px;
height:40px;
z-index:60;
}
#bt_contact {display:block; width:150px; height:40px; background:url(images/bt_contact.png) no-repeat 0 0;}
#bt_contact:hover {background:url(images/bt_contact.png) no-repeat 0 -40px;}   

#accespro {
position:absolute; 
margin-left:910px; 
margin-top:-30px;
width:200px;
height:50px;
z-index:70;
}
#bt_pro {display:block; width:200px; height:50px; background:url(images/bt_pro.png) no-repeat 0 0;}
#bt_pro:hover {background:url(images/bt_pro.png) no-repeat 0 -50px;} 
#menu0 {
position:absolute;
margin-top: 0px;
margin-left:0;
margin-right:auto;
width: 1200px;
height: 10px;
z-index:50;
/* background-image : url(images/menu1.png); 
background-repeat:no-repeat; */
}
#menu1 {
position:absolute;
margin-top: -60px;
margin-left:0;
margin-right:auto;
width: 150px;
height: 200px;
z-index:50;
}
#bt_menu1 {display:block; width:150px; height:200px; background:url(images/menu1.png) no-repeat 0 0;}
#bt_menu1:hover {background:url(images/menu1b.png) no-repeat 0 0;}  
#menu2 {
position:absolute;
margin-top: -110px;
margin-left:150px;
margin-right:auto;
width: 150px;
height: 200px;
z-index:50;
}
#bt_menu2 {display:block; width:150px; height:200px; background:url(images/menu2.png) no-repeat 0 0;}
#bt_menu2:hover {background:url(images/menu2b.png) no-repeat 0 0;}  
#menu3 {
position:absolute;
margin-top: -140px;
margin-left:300px;
margin-right:auto;
width: 150px;
height: 200px;
z-index:50;
}
#bt_menu3 {display:block; width:150px; height:200px; background:url(images/menu3.png) no-repeat 0 0;}
#bt_menu3:hover {background:url(images/menu3b.png) no-repeat 0 0;}  
#menu4 {
position:absolute;
margin-top: -160px;
margin-left:450px;
margin-right:auto;
width: 150px;
height: 200px;
z-index:50;
}
#bt_menu4 {display:block; width:150px; height:200px; background:url(images/menu4.png) no-repeat 0 0;}
#bt_menu4:hover {background:url(images/menu4b.png) no-repeat 0 0;}  
#menu5 {
position:absolute;
margin-top: -120px;
margin-left:600px;
margin-right:auto;
width: 150px;
height: 200px;
z-index:50;
}
#bt_menu5 {display:block; width:150px; height:200px; background:url(images/menu5.png) no-repeat 0 0;}
#bt_menu5:hover {background:url(images/menu5b.png) no-repeat 0 0;}  
#menu6 {
position:absolute;
margin-top: -90px;
margin-left:750px;
margin-right:auto;
width: 150px;
height: 200px;
z-index:50;
}
#bt_menu6 {display:block; width:150px; height:200px; background:url(images/menu6.png) no-repeat 0 0;}
#bt_menu6:hover {background:url(images/menu6b.png) no-repeat 0 0;}  

#menu7 {
position:absolute;
margin-top: -50px;
margin-left:900px;
margin-right:auto;
width: 150px;
height: 200px;
z-index:50;
}
#bt_menu7 {display:block; width:150px; height:200px; background:url(images/menu7.png) no-repeat 0 0;}
#bt_menu7:hover {background:url(images/menu7b.png) no-repeat 0 0;}  
#menu8 {
position:absolute;
margin-top: 0px;
margin-left:1050px;
margin-right:auto;
width: 150px;
height: 200px;
z-index:50;
}
#bt_menu8 {display:block; width:150px; height:200px; background:url(images/menu8.png) no-repeat 0 0;}
#bt_menu8:hover {background:url(images/menu8b.png) no-repeat 0 0;}  

#monmenu {font-family: 'enter_sansmanbold'; font-size:14px; color:#000;}
#monmenu ul ul {display: none; position: absolute; left: 164px; top: -1px; margin:0px; padding: 0px;}
#monmenu li {list-style-type: none; position: relative; width: 200px; background-color: #b2d543; padding: 2px; margin: 0px}
#monmenu li:hover, #monmenu li.sfhover {background-color: #ffcc00;}
#monmenu li a { color:#000; text-decoration:none;}
#monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block}

#titre {
position:absolute; 
margin-left:auto;
margin-right:auto;
margin-top:120px;
width:1200px;
height:50px;
z-index:70;
}
#titre0 {
position:absolute; 
margin-left:auto;
margin-right:auto;
margin-top:105px;
width:1200px;
height:50px;
z-index:70;
}
#page {
position:relative;
margin-top:-40px;
margin-left:auto;
margin-right:auto;
width: 1200px;
height: 100%;
z-index:10;
background : #fff;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
#page0 {
position:relative;
margin-top:-120px;
margin-left:auto;
margin-right:auto;
width: 1200px;
height: 100%;
z-index:100;
background : #fff;

}
p { margin-left:10px; margin-right:10px; }

#message_construction
{
	margin-left:100px;
	margin-right:100px;
	margin-top:5px;
	margin-bottom:30px;
	text-align:justify;
	background-color:rgba(51,173,196,0.5);
	padding:10px;
}

#message_construction strong
{
	font-weight:bold;
}

img[src="images/en_construction.gif"]
{
	margin-bottom:50px;
}
#footer {
width: 1200px; 
height: 50px; 
bottom: 0px; 
z-index:60;
background-color:#fff;
position: fixed;
}
#footer #up {
   top: 2px;
   width: 30px;
   background: transparent url(images/hautpage.gif) no-repeat;
}
#footer ul {
 padding:1px;
 margin:10px;
 list-style-type:none;
 }
#footer li {
 margin-left:1px;
 }
#footer ul li a {
 display:block;
 float:left;   
 width:179px;
 height:50px;
 background: url(images/footer2.png) no-repeat;
  font-family: 'enter_sansmanbold';
    font-size:14px;
    color: #fff;
 text-decoration:none;
 text-align:center;
 padding:5px;

 }
#footer ul li a:hover {
background: url(images/footer1.png) no-repeat;
} 
/* ------------- */
#footer .menuderoulant
{
	display: none;
	list-style-type: none;
  margin-bottom :52px;
	padding: 0;
	border: 0;
	bottom:0;
  position:absolute; /* c'est ici que j'inverse mon menu pour le faire partir vers le haut */

}
#footer .menuderoulant li
{
/*	margin-left: 690px; */

	padding-left:690px;
	height: 40px;
	width: 40px;
	background: url(images/footer0.png) no-repeat;
}
#footer .menuderoulant li a
{
	display: block;
	height:40px;
	width: 40px;      
  background: url(images/footer01.png) no-repeat;
}
#footer .menuderoulant li a:hover
{
	display: block;
	height:40px;
	width: 40px;      
  background: url(images/footer0.png) no-repeat;

}

#footer li:hover > .menuderoulant { display: block;}