body,html
{
background:#000 url(images/fond.jpg) repeat-x;
margin:0;
padding:0;
background-attachment:fixed;
margin:0;
padding:0;
text-align:center
}	    

.conteneur
{
margin:0 auto 0;
width:800px;
position:relative;
background-color:#000;
text-align:left;
}

#logo
{
float:left;
margin: 17px 580px 22px 22px;
}

#logo2
{
margin:17px -570px;
float:left;
}

#annuaire
{
margin :-20px 765px 10px 20px;
float:left;
}

#souligner
{
text-decoration:underline;
}

#valid
{
float:left; padding:20px;
}

#valid2
{
float:left; margin: 10px 20px 20px 19px;
}

#heure
{
color:white;
float:left; margin: -409px 20px 20px 4px;
font:11px arial;
}
	
#header
{
height:96px;
background:url(images/banniere.png);
margin:0 auto 0 auto;
width:800px;
}
  
#header2
{
width:800px;
margin:0;
padding:0;
height:30px;
background:url(images/menu.jpg);
} 
	
#left
{
width:350px;
color:#999999;
font:15px comic sans ms;
padding:0 0 0 25px;
}
   
#right
{
width:390px;
color:white;
font:16px/17px comic sans ms;
right:0;padding:0 10px 0 0;
text-align:center;
font-style:italic;
} 

#separation
{
width:20px;
margin:0 0 0 0;
padding:10px 0 10px 0;
}
    
td
{
width:390px;
margin:0;
padding:0;
}   

td.centre 
{
width:20px;
margin:0;
background:url(images/separation.jpg) repeat-y;
}  

table.haut
{
width:800px;
margin:20px 0 0 0;
padding:0;
}

p
{
color:white;
font:14px comic sans ms;
margin:0;
padding:0;
text-align:center;
}      

a
{
color:#00365a;
text-decoration:none;
margin:0;
outline:none;
} 	

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

#puce 
{
text-align:center;
font:14px comic sans ms;
}

#photoprincipale 
{
margin-left:25px;
width:700px;
}

/*Menu horizontal*/
#menu, #menu ul
{
padding:0;
margin: 0 0 0 51px;
list-style:none;
text-align:center;
font-family:verdana;
font-size: 7pt;
}

#menu a
{
display:block;
height:30px;
color:#FFF;
text-decoration:none;
line-height:30px;
width:100px;
font-weight:bold;
background:url(images/bouton.jpg); 
outline:none;
}

#menu li
{
float:left;
}

#menu a:hover
{
background:url(images/menu_hover.jpg);
}

/*plandusite*/
#plandusite, #plandusite ul  
{
padding:0;
margin:0 8px 0 0; 
list-style:none;
text-align:center;
font-family:verdana;
font-size:7pt;
}

#plandusite a
{
display:block;
height:7pt;
color:#FFF;
text-decoration:none;
line-height:7pt;
font-weight:bold; 
outline:none;
width:65px;
border-right:solid 1px white;
}

#plandusite li               
{
float:right;
bottom:0;
margin:41px 0 0 0;
}

#plandusite a:hover          
{
color:#00365a;
}
 
/*Pied et copyright*/
.separateur         
{
clear:both;
visibility:hidden;
}

#pied               
{
background:url(images/pied.jpg) no-repeat;
height:58px;
width:800px;
margin:0 auto 0 auto;
padding:0;
}

a.copyright         
{
position:absolute;
bottom:0.5%;
width:155px;
height:10px;
left:6%;
} 

img                 
{
border:0;
margin:2px 0 0 0;
}	  

.copyright  a    	
{
position:absolute;
padding:0;
margin:22px 0 0 0;
color:#fff;
font:12px arial;
right:190px;
text-decoration:none;
outline:none;
}  

.copyleft   a    	
{
position:absolute;
padding:0;
margin:22px 0 0 0;
color:#fff;
font:13px arial;
right:13px;
text-decoration:none;
outline:none;
width:130px;
height:18px;
} 	

.haut_contenu   
{
width:772px;
background:url(images/haut_contenu.jpg);
margin:0 auto 0 auto;
padding:0;
height:29px;
}

.fond_contenu   
{
width:756px;
background:url(images/fond_contenu.jpg);
margin:0 auto 0 auto;
padding:0 8px 0 8px;
color:#fff;
font:12px/13px arial;
} 

.bas_contenu    
{
width:772px;
background:url(images/bas_contenu.jpg);
margin:0 auto 0 auto;
padding:0;
height:26px;
}