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-devis.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-devis-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-devis-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-devis-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;
   padding-top:10px;
   margin-left:200px;
   color: #030461;
   /*background-color: white;*/
   background-color: #f0f4f5;
   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: 1px;
	padding: 1px;
	
	}
	
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;
}

.table_saisie
{
   margin: auto; /* Centre le tableau */
   border: none; 
   border-collapse: collapse; /* Colle les bordures entre elles */
}

.table_saisie td
{
  background-color: #dfe5eb ;
  color: #110091;
  font-size:15px;
  text-align: left; /* Tous les textes des cellules seront à gauche*/
  vertical-align:center;
  padding: 5px; 
}

#devis
{
   margin: auto; /* Centre le tableau */
   border: 2px outset #110091; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}
   
#devis th /* Les cellules d'en-tête */
{
   border: 1px solid #110091;
   color: #110091;
   font-size: 14px;
}
#devis  tr
{
   border: 1px solid #110091;
}

.largeur1
{
   width: 300px;
}

.largeur2
{
   width: 600px;
}

.cellule_devis_droite
{
  height: 30px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
  color: #001af6; 
  border: 1px solid #110091;
  font-size:15px;
  padding: 3px;
  text-align: right; 
}

.cellule_devis_droite_gras
{
  height: 30px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
  color: #001af6; 
  border: 1px solid #110091;
  font-size:15px;
  padding: 3px;
  text-align: right; 
  font-weight: bold;
  color: #110091;
}

.cellule_devis_droite_total
{
  height: 30px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
  color: #001af6; 
  border: 1px solid #110091;
  font-size:15px;
  padding: 3px;
  text-align: right; 
  font-weight: bold;
  color: Red;
}

.cellule_devis_centre
{
  height: 30px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
  color: #001af6; 
  border: 1px solid #110091;
  font-size:15px;
  padding: 3px;
  text-align: center;
}

.cellule_devis_centre_gras
{
 height: 30px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
  color: #001af6; 
  border: 1px solid #110091;
  font-size:15px;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  color: #110091;
}


fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   margin: 0px; 
   padding: 5px;
}

textarea,select,input
{
   background-color:#e1ebfd;
   color: #110091;
   margin: 0px; 
   padding: 0px;
}

.lien-bouton  input
{
   
   margin: 0px;
   padding: 5px;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
}


.flottant_gauche
{
	padding: 0px;
	margin: 0px;
	padding-right: 0px;
	float: left;
	
}

.flottant_droite
{
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	float: right;
}

.centre
{
text-align: center;
}

.centre-clair
{
text-align: center;
padding: 0px;
padding-left:10px;
padding-right: 10px;
margin: 0px;
margin-left: 5px;
margin-top:0px;
background-color: #f0f4f5;
}

.centre-clair p
{
text-align: left;
}

.spacer
{
	clear: both;
}

.spacer3
{
 display:block;
 height:50px;
 width: 170px;
} 

 
.avertissement3
{
   padding: 0px;
   margin: 0px;
   background-color: #ffc5b3;
   color: red;
   text-align: center;
   font-size: 15px;
   font-style: italic;
   } 

.gras
{
   font-weight: bold;
}

.italique
{
   font-style : italic;
   font-size:15px;
   padding: 0px;
   margin: 0px;
   padding-left: 10px;
   padding-right: 10px;
}
.souligne
{
   font-weight: bold;
   text-decoration: underline;
}

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