html {
	margin: 0px;
	padding: 0px;
	}
	
body
{
   width : 900px;	
   margin: auto;
   padding: 0px;
   font-family: "Trebuchet MS", Arial, Verdana, serif;
   font-size: 1em;
   color: #030461;
   background-image: url("../images/divers/fond-bleu-mouettes.jpg");
   background-repeat: repeat x-y;
   margin-top:10px;
}


#entete-proxi{ 
   width:900px;
   margin: auto;
   padding: 0px;
   height : 265px;
   background-image: url("../images/divers/bandeau-proxi.jpg");
   background-repeat: no-repeat ;
   background-position: left top;
   	}	

#entete-proxi-gb{ 
   width:900px;
   margin: auto;
   padding: 0px;
   height : 265px;
   background-image: url("../images/divers/bandeau-proxi-gb.jpg");
   background-repeat: no-repeat ;
   background-position: left top;
   	}	

#entete-proxi-d{ 
   width:900px;
   margin: auto;
   padding: 0px;
   height : 265px;
   background-image: url("../images/divers/bandeau-proxi-d.jpg");
   background-repeat: no-repeat ;
   background-position: left top;
   	}	

#entete-proxi-nl{ 
   width:900px;
   margin: auto;
   padding: 0px;
   height : 265px;
   background-image: url("../images/divers/bandeau-proxi-nl.jpg");
   background-repeat: no-repeat ;
   background-position: left top;
   	}	

#super-conteneur
{
  width: 900px;
  margin: auto;
  padding:0px;
  background-color:white;
  clear: both;
}	
	
#conteneur
{
  width: 900px;
  margin: auto;
  padding:0px;
  text-align: center;
  background-image: url("../images/divers/degrade-orange.jpg");
  background-repeat: repeat x-y ;
  clear: both;
}

#menu {
	width: 180px;
	float: left;
	overflow:auto;
    margin: 0px;
    padding: 0px;
	background-image: url("../images/divers/degrade-orange.jpg");
    background-repeat: repeat x-y ;
    text-align: left;
	/*border: 2px solid yellow;*/
}



#menu1 ul
{
list-style-position:inside;
list-style-image: url("../images/divers/puce2.jpg"); 
margin: 0px;
padding: 0px;
background-image: url("../images/divers/degrade-orange.jpg"); 
background-repeat: repeat X-Y;
width: 180px;
}
 

#menu1,#menu2 {
	width: 180px;
	margin: 0px;
	margin-bottom: 10px;
    padding: 0px;
	padding-top: 10px;
}

 
#menu1 dt {
	cursor: pointer;
	text-align: left;
	background-image: url("../images/divers/degrade-orange2.jpg"); 
    background-repeat: repeat X-Y;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	color:  #941857;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #941857; /* grenat */
}

#menu2 dt {
	cursor: pointer;
	text-align: center;
	background-image: url("../images/divers/degrade-orange2.jpg"); 
    background-repeat: repeat X-Y;
	margin: 0px;
	padding: 5px;
	color:  #941857;
	font-size: 1em;
	font-weight: bold;
}

#menu1 dd {
	display: none;
	border: none;
}



#smenu1 li a, #smenu2 li a , #smenu3 li a {
	color: #941857; /* grenat */
	height: 100%;
	font-size: 0.90em;
	font-weight: bold;
	text-align: left;
	font-style: italic;
}

#smenu1 li a:hover, #smenu2 li a:hover, #smenu3 li a:hover
{
    color: #f12ab3;  /* rose */
}



#menu2 ul
{
text-align: center;
width: 180px;    
}

#corps
{
   color: #030461;
   background-color: white;
   text-align: center;
   margin: 0px;
   padding: 0px;
   width: 720px;
   float: right;
   color: #030461;
   overflow:auto;
}

#pied-de-page
{
   height: 250px;
   text-align: center;
   color: #030461;
   margin: 0px;
   padding: 0px;
   padding-top:10px;
   padding-left: 280px;
   background-image: url("../images/divers/rappel-titre.jpg");
   background-repeat: no-repeat ;
   background-position: left top;
   background-color: #0086c5; /* bleu*/
   /*clear: both; effet différent si menu déroulant*/
}

img
 { 
	margin: 0px;
	padding: 0px;
}

a img 
{
   border: none;
}


a 
{
   text-decoration: none;
   color: #941857; /* grenat */
   font-size: 1em; 
   }

a:hover
{
   color: #f12ab3;  /* rose */
}

   
#proxi dd a:active, #proxi dd a:focus, #proxi dd a:visited
{
   color : #e87828; /* orange */
} 

dd,dl,ul,li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}

dt{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#proxi dt
{
   font-weight: bold;
   margin: 0px;
   margin-top: 25px;
   padding: 0px;
   
}

#proxi dd
{
  font-size: 0.9em;
  margin-left: 40px;
}  


#drapeaux
{  
	padding: 0px;
	padding-top: 20px;
	margin: 0px;
	margin-left: 20px;
}

#drapeaux a img
{  
	border: 1px solid white;
}


#photos, #options
{
text-align: center;
margin: 0px;
padding: 0px;
}

#photos ul
{
text-align: center;
width: 170px; 
margin: 0px;
padding: 0px;
}

#options ul
{
text-align: center;
width: 170px; 
margin: 0px;
margin-top: 50px;
padding: 0px;
}


#options li{
	margin-top: 30px;
}


p { 
	margin: 0px;
	padding: 0px;
	padding-top: 50px;
	margin-left : 10px;
	margin-right : 10px;
	margin-bottom : 20px;
	background-image: url("../images/divers/fond-blanc-mouettes2.jpg");
    background-repeat: no-repeat;
	background-position: left top;
	text-indent:40px ;
	font-weight: bold;
   
	/*display: block;
	border : 2px solid black;*/
	}
	
	
.indentation
 { 
	padding-top: 0px;
	margin-top : 0px;
	text-align: left;
	text-indent:40px;
	background-image: none;
}	
	

	
h1{ 
	color: #030461;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-right : 5px;
	padding-left : 5px;
}

h2 { 
	color: red;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-right : 5px;
	padding-left : 5px;
}

.centre
{
text-align: center;
margin: 0px;
padding: 0px;
}

.spacer
{
	clear: both;
}