html {
	margin: 0px;
	padding: 0px;
	}
	
body
{
   width : 900px;	
   margin: auto;
   padding: 0px;
   font-family: Arial, Verdana, serif;
   font-size: 1em;
   font-weight: bold;
   color: #030461;
}

strong
{   
   color : #0086c5;
   font-size:1em;
   font-weight: bold;
 } 

#body1
{
  background-image: url("../images/divers/fond-bleu-mouettes.jpg");
  background-repeat: repeat x-y;
}

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

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

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

#entete-nl{ 
   width:900px;
   margin: auto;
   padding: 0px;
   height : 396px;
   background-image: url("../images/divers/bandeau-tarifs-nl.jpg");
   background-repeat: no-repeat ;
   background-position: left top;
   	}		
	
#conteneur
{
  width: 900px;
  margin: auto;
  padding:0px;
  text-align: center;
  background-image: url("../images/divers/degrade-orange.jpg");
  background-repeat: repeat x-y ;
  /*border: 2px solid red;*/
}

#menu {
	width: 175px;
	float: left;
    margin: 0px;
    margin-left: 10px;
	padding: 0px;
	padding-left: 15px;
	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: 174px;
}
 

#menu1 {
	width: 174px;
	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: 10px;
	padding-bottom: 10px;
	color:  #941857;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #941857; /* grenat */
}


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



#smenu1 li a, #smenu2 li a {
	color: #941857; /* grenat */
	height: 100%;
	/*display: block;je l'ai enlevé car qui dit bloc dit retour à la ligne !*/ 
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}

#smenu1 li a:active, #smenu2 li a:active, #smenu1 li a:focus, #smenu2 li a:focus,#smenu1 li a:visited, #smenu2 li a:visited{
   color: white;
}


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


#menu2 {
	width: 174px;
	margin: 0px;
	padding: 0px;
}

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

#corps
{
   margin: 0px;
   padding: 0px;
   padding-top:10px;
   margin-left:200px;
   color: #030461;
   background-color: white;
   text-align: center;
   /*background-image: url("../images/divers/fond-blanc-mouettes.jpg");
   background-repeat: repeat x-y;*/
  /*border: 2px solid black;*/   
}


#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 */
}

a:active, a:focus, a:visited
{
   color: white;
}
		

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


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

#drapeaux a img
{  
	border: none;
}

#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 : 20px;
	margin-right : 8px;
	margin-top : 20px;
	margin-bottom : 5px;
	background-color: white;
	background-image: url("../images/divers/fond-blanc-mouettes2.jpg");
    background-repeat: no-repeat;
	background-position: left top;
	/*display: block;
	border : 2px solid black;*/
	}
	
h1,h2 { 
	color: #030461;
	text-align: center;
	margin: 0px;
	margin-right : 5px;
	margin-left : 5px;
	padding: 0px;
	}
	
	
	
h3{ 
	font-style: italic;
	letter-spacing: 1px; 
	margin: 0px;
	padding: 0px;
	color: #f7b101;
	text-align: center;
	}


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

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

.centre
{
text-align: center;
}

.centre-clair
{
border: 5px solid white;
border-style:double;
text-align: left;
padding: 0px;
padding-left:10px;
padding-right: 10px;
margin: 0px;
margin-left: 5px;
background-color: #f0f4f5;
}

.centre-clair  ul
{
list-style-position:inside;
list-style-image: url("../images/divers/star1.gif"); 
padding: 0px;
margin: 0px;
margin-left: 10px;
}


.centre-clair  ul li
{
padding: 2px;
margin: 0px;
}


#corps table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   margin-left: 4px;
   border: 2px outset #110091; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

#tarifs td
{
   /*width: 150px;*/
   height: 25px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   border: 1px solid #110091;
   color: #110091;
   font-size:15px;
   text-align: center;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

#tarifs tr
{
   border: 1px solid #110091;
}
 


.spacer
{
	clear: both;
}

.spacer2
{
 display:block;
 height:250px;
 width: 170px;
} 

.gris
{
   width: 300px;
   background-color: #f2f2f2;
}

.vert
{
   width: 120px;
   background-color: #d1f9d1;
}

.jaune
{
   width: 120px;
   background-color: #ffffb3;
}

.bleu 
{
   width: 120px;
   background-color: #b3feff;
}


.rouge  
{   
   color: red;
   font-weight: normal;
   font-size: 15px;
 } 

.gras
{
   font-weight: bold;
}

.italique
{
   font-style : italic;
   font-size:0.8em;
}

.lien-bouton
{
   color: #030461;
   font-size: 16px; 
   background-color: #bdc7d5;
   border: 2px solid #b5995a;
   padding : 3px
   }