body {
margin : 0 ;
padding : 0 ; 
background : #07235E ;
text-align : center;
font-size : 12px;
color : #fff ;
font-family : arial
}
  
/* WEBSITE
********************************************************************/
  
#website { 
width : 755px;
margin : 0 auto ;
text-align : left ;
}
   
/* HEADER
********************************************************************/
   
#header { 
width : 755px;
height : 177px;
background : url(images/header-murene.jpg)
}

/*  MENU
********************************************************************/
   
#menu {
height : 25px ; 
line-height : 25px ;
background : #fff ; 
width : 650px; 
margin : 0 0 8px 0 ;
}

#menu a:hover {
text-decoration : underline;
}

#menu .active {
margin : 0 ;
padding : 0 0px 0 0px ; 
background : #d7fdfd;
text-decoration : none ;    
color : #07235E ;
font-weight : bold ;
}
	
#menu  ul {
list-style : none ;
margin : 0; 
padding : 0 ;
}

#menu  li {
float : left ; 
}
	
#menu  li a{
margin : 0 ; 
padding : 0 8px 0 8px ; 
text-decoration : none ;    
color : #07235E ;
border-right : 0px solid #143991;
font-weight : bold ;
}
	
/*  MAIN
********************************************************************/	
   
#main { 
width : 755px;
background : url(images/main-bleu.jpg); 
}
   
#deco  { 
width : 715px;
background : url(images/decor-bleu.jpg) top left no-repeat;
padding : 0 0 0 40px ;
}

	
/*  CONTENU
********************************************************************/	

#contenu {
width : 650px ; 
float  : left ;
margin : 0 0 0 10px;
padding : 20px 0 0 0;
}

#contenu h2 {
font-size : 100% ; 
padding : 0 0 10px 0 ; 
margin: 0 0 10px 100px;
border-bottom : 2px dotted #fff ; 
}

#contenu h3 {
clear : left ; 
background : #fff ; 
font-size : 100% ; 
text-transform : uppercase ;
margin : 10px 0 0 0 ; 
padding : 0 ;
color : #143991 ;
text-indent : 10px
}

#contenu #intro {
margin : 0 0 10px 0 ;
padding : 0 0 0 100px
}

#contenu #logo {
float : left ;
}

a {
color : #ffffff;
}

a:hover {
text-decoration : none;
color : #e85e22;
}

/*  TABLEAU PUB GOOGLE DOUBLE
********************************************************************/

#table {display: table;}
.row {display: table-row;}
.cell {display: table-cell;}

/*  TABLEAU
********************************************************************/

table {
border-width : 1px;
border-style : solid;
}
td {
border-width : 0;
border-style : solid;
}
.grise {
border : 1px solid black;
background-color : silver;
}
.green {
border : 1px solid green;
}
.none {
border-style : none;
}
.center {
border-width : 1px;
border-style : solid;
margin: 0 auto;
}
.noneandcenter {
border-style : none;
margin: 0 auto;
}

/*  SPACER
********************************************************************/      

.spacer {
clear : both
}
   
/*  FOOTER
********************************************************************/

#footer { 
width : 755px;
height : 51px;
background : url(images/footer-bleu.jpg)
}

#copy {
margin : -20px 0 0 0 ; 
padding :  0 0 40px 0;
color : #fff ;
font-size : 90% ; 
text-align : center ; 
}
   
#copy a {
text-decoration : none ; 
color : #fff ;
}

#copy a:hover {
text-decoration : underline ; 
}

#retour {
text-align : center ; 
}

