/* --------------------- styles par défaut  ------------------ */
bgcolor{
	background-color: #87CEEB;
}
a:link {text-decoration: none;     color: #ffffff;;}
a:visited {text-decoration: none;  color: #ffffff;;}
a:hover {
	text-decoration: underline;
	color: #4169E1;
}

.gras {font-weight: bold; color: green}

.dr{ margin-left : 9em }

.etoile {
	font-family: Arial;
	font-size: 13px;
	color: white;
	font-weight: bold;
}
input:focus, select:focus, textarea:focus {background-color: #eeeeee;color: #000}

input[type="radio"] {
background:transparent;
border:0}

.entete {
	font-weight: lighter;
	padding: 10px 0 5px 0;
	margin: 0;
	text-align: center;
	color: #FF7F50;
	border-bottom: 2px solid #FF6347;
	font-size: larger;
}

#arriere{
/* l'image occupe toute la place du body */
	width : 100%;
	height: 100%;
}
body{
	font-family: "Comic Sans MS";
	/*	margin: 0 1.2em; */
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-image: url(../image/sableuniombre.jpg);
	background-color: #87CEEB;
}
html, body {
	margin: 0;
	padding: 0;
}
bodypasindex{
	font-family: "Comic Sans MS";
	/*	margin: 0 1.2em; */
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-image: url(../image/sableuniombre.jpg);
	background-color: #87CEEB;
}
bodyindex {
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	background-image: url(../image/fondplage.jpg);
	background-color: #87CEEB;
/*  background :  #87CEEB url(../image/fondplage.jpg ) no-repeat fixed top center;
	background-repeat:no-repeat;
	background-position: top center;
*/
}
/*
#bodyindex{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-family: "Comic Sans MS";
  		background-position: center;
}
*/
#tableindex{
	height: 100%;
	width: 100%;
	background: url(../image/fondplage.jpg ) no-repeat fixed top center;

}
h1, h2, h3, h4 {
	font-weight: bold;
	padding: 10px 0 5px 0;
	margin: 0;
	text-align: left;
}

h2{

	color: #FF7F50;

	border-bottom: 3px solid #FF6347;

}

h3{color: #c63;}

h4{

	color:#633;font-style:italic;}

p, ul, ol{

	margin-top:.1em;margin-bottom:.05em;}

img{

	border: none;

	margin: 0;

}

.marq {

	font-family: Georgia, "Times New Roman", Times, serif, "Comic Sans MS";

	font-size: 14pt; color: #FF6600;border: 1px #FF6600 dashed;padding:5px;display:static;}

.souligné {text-decoration: underline}

#main{

}
td{
	vertical-align: top;
}
#tdsej {
     /* border: 1px solid black;*/
      vertical-align: middle;
      text-align: center; /* Pour centrer également horizontalement */
    }
#tabletarif{
	/*	border: medium double #6495ED; */
	color: yellow;
	border: 1px solid #FF8C00;
	/*	background: #e0ffff; */
	/* background-color: #0093c1;*/
	background-color: red;
	/*width: 150px;*/
	-moz-border-radius: 4px;
}
#tabletarif_ent{
	/*	border: medium double #6495ED; */
	font-size: 1.2em;
	color: red;
	border: 1px solid #FF8C00;
	/*	background: #e0ffff; */
	/* background-color: #0093c1;*/
	background-color: yellow;
	/*width: 150px;*/
	-moz-border-radius: 4px;
}
#tablemenu{
	font-size: 0.9em;
	margin: 0px 20px 0px 0px;
	padding: 10px 10px  10px 10px;
	border: 1px solid #FF8C00;
	background-color: #0093c1;
	-moz-border-radius: 4px;
	vertical-align: bottom;
}
#tablemenu select, input, textarea, checkbox{
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px  0px 0px;
	border: 1px solid #FF8C00;
	background-color: white;
	-moz-border-radius: 4px;
}
#contenu{
	vertical-align: middle;
}
#zonea{
	color: #ff00ff;
	font-size: medium;
	text-align: justify;
}
#zoneb{
	color: rgb(0,51,255);
	font-size: medium;
	text-align: justify;
}
#zonec{
	color: orange;
	font-size: medium;
	text-align: justify;
}
#texte{
	color: white;
	font-size: small;
	text-align: justify;
}
#texteblack{
	font: Arial Black;
	color: black;
	font-size: small;
	text-align: justify;

}
#texteyellow{
	font: Arial Black;
	color: yellow;
	font-size: small;
	text-align: justify;

}
#alerte{
	color: white;
	font-size: small;
	text-align: justify;
}
#commentaire{
	color: White;
	font-size: x-small;
	text-align: justify;
}
#commentaireblack{
	font: Arial Narrow;
	color: black;
	font-size: x-small;
	text-align: justify;
}
#chapeau{
	color: White;
	font-size: medium;
	text-align: justify;
}
#titre{
	font-size: large;
	color: #1f4ccb;
	font-weight: bold;
	text-align: center;
}
#titrejaune{
	font-size: large;
	color: yellow;
	font-weight: bold;
	text-align: center;
}
#prix{
	font-size: large;
	color: yellow;
	font-weight: bold;
	text-align: center;
}
#stitre{

	font-size: medium;
	color: #1f4ccb;
	font-weight: bold;
	text-align: left;
}
#stitreblack{

	font-size: medium;
	color: black;
	font-weight: bold;
	text-align: left;
}
#stitreyellow{

	font-size: medium;
	color: yellow;
	font-weight: bold;
	text-align: left;
}
#fondtexte {
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px  10px 10px;
	border: 1px solid #FF8C00;
	background-color: #D9EDFF;
	-moz-border-radius: 4px;
}
#formulaire {
	font-size: 0.9em;
	margin: 0px 20px 0px 0px;
	padding: 10px 10px  10px 10px;
	border: 1px solid #FF8C00;
	background-color: #D9EDFF;
	-moz-border-radius: 4px;
}
#tablecadre {
	margin: 5px 5px 5px 5px;
	padding: 10px 10px  10px 10px;
	border: 1px solid #FF8C00;
	background-color: transparent;
	-moz-border-radius: 4px;
}
#formulaire select, input, textarea, checkbox{
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px  0px 0px;
	border: 1px solid #FF8C00;
	background-color: white;
	-moz-border-radius: 4px;
}
#resultat {
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border: 1px solid #FF8C00;
	background-color: #D9EDFF;
	-moz-border-radius: 4px;
}

#header a{
	display: block;
	background: url("images/ongleth.gif") no-repeat right top;
	text-decoration: none;
	font-weight: lighter;
	color: yellow;
}

#header a:hover{
	background: url("images/onglethover.gif") no-repeat right top;
	color:red;
}
#current {
	display: block;
	background: url("images/onglethcurrent.gif") no-repeat right top;
	text-decoration: none;
	font-weight: lighter;
	color:white;
}

#headerL a{
	display: block;
	background: url("images/ongleth.gif") no-repeat left top;
	text-decoration: none;
	font-weight: lighter;
	color: yellow;
}

#headerL a:hover{
	background: url("images/onglethover.gif") no-repeat left top;
	color:red;
}
#currentL {
	display: block;
	background: url("images/onglethcurrent.gif") no-repeat left top;
	text-decoration: none;
	font-weight: lighter;
	color:white;
}

.onglet {
	font-family: "Comic Sans MS", Arial Black;
	font-size: 1em;
	background-color: white;
	color: #1f4ccb;
	margin: 0px 20px 0px 0px;
	padding: 10px 10px  10px 10px;
	border-spacing: 40px;
	border: 1px solid #FF6604;
	-moz-border-radius: 4px;
	vertical-align: center;
}