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

#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-locations.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-locations-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-locations-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-locations-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: 174px;
	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;
   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*/
}

p { 
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	}
	
strong
{   
   color : #0086c5;
   font-size:1em;
   font-weight: bold;
 } 	

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;
}

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


.spacer
{
	clear: both;
}



.gauche
 { 
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	float : left;
	width:60%;
	background-color: white;
}


.droite
 { 
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	float : right;
	width:25%;
	background-color: #f9f1f3;
}

 
.rouge
{
   color: red;
   text-align: left;
   text-decoration: none;
   font-weight: bold;
   margin:0px;   
   margin-bottom:5px;
}


.italique_rouge
{
   color: red;
   font-style: Italic;
   font-size: 0.8em;
}


#excep caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-weight: bold;
   font-size: 1.2em;
   color: red;
   margin-bottom: 5px; 
}

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

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


#locations 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:16px;
   text-align: center;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

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

.large350px
{
   width: 350px;
}

.gris 
{
   width: 43px;
   background-color: #f0f4f5;
}

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

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

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

.rose
{
   width: 120px;
   background-color: #ffceff;
}

.gras
{
   font-weight: bold;
}

.gras-et-souligne
{
   color: #110091;
   font-size:18px;
   text-decoration: underline;
}