body {
	margin: 0;
	padding: 0;
	background-color: #DCDCE6;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0081F4;
	display: inline;
}

/* ------------------------------------ */
/*            Header                    */
/* ------------------------------------ */
#header {
	position: relative;
	width: 764px;
	height: 160px;
	margin: 0 auto;
	text-align: left;
}

#subheader { width: 764px; margin:5px auto}
#subheader img { border:0px;}


/* ------------------------------------ */
/*            Gauche                  */
/* ------------------------------------ */
#colGauche {
	background-color:#FFFFFF;
	float: left;
	margin:2px;
	margin-top: 15px;
	width: 168px;
	padding-top: 0px;
	padding-bottom: 2px;
	text-align: left;
}
.menugauche { list-style-type: none; margin: 0; margin-top: 3px; padding: 0; font-size: 11px; }
.menugauche li {
	margin-bottom: 0px;
	margin-right: 5px;
	margin-top: 0px;
	text-decoration: none;
	padding-left: 10px;
	padding-bottom: 0px;
	background-image: url(../images/puce.gif);
	background-repeat:no-repeat;
 	background-position:0% 65%;

}

.menugauche a { margin: 2px 2px; margin-top: 2px; color: #003399; text-decoration: none; width:150px; display:block;}
.menugauche a:hover {
	background-color: #FF6600;
	color: #FFFFFF;
	font-weight: bold;
}

#colGauche h1 {
	color: #FFF;
	font-size: 11px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 10px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 160px;
	background-color: #0099CC;
}
#colGauche h2 { color: #FF6600; font-size: 11px; margin-bottom: 2px; margin-right: 10px; padding-bottom: 0px; padding-left: 2px; margin-top: 5px; }
#colGauche h3 { font-size: 11px; color: #ffffff; background-image: url( ../images/fond_titres_verts.gif); padding-bottom: 1px; padding-left: 10px; display:block; margin:0px; margin-top: 10px; }
#colGauche h4 { font-size: 11px; color: #ffffff; padding-bottom: 1px; padding-left: 15px; display:block; margin:0px; }
#colGaucheIndex {
	background-color:#FFFFFF;
	float: left;
	margin:2px;
	margin-top: 0px;
	width: 168px;
	padding-top: 0px;
	padding-bottom: 2px;
	text-align: left;
}
#colGaucheIndex h2 { color: #FF6600; font-size: 11px; margin-bottom: 2px; margin-right: 10px; padding-bottom: 0px; padding-left: 2px; margin-top: 5px; margin-bottom: 10px;}
#colGaucheIndex h3 { font-size: 11px; color: #ffffff; background-image: url( ../images/fond_titres_verts.gif); padding-bottom: 1px; padding-left: 10px; display:block; margin:0px; margin-top: 30px; margin-bottom: 10px; }
#colGaucheIndex h4 { font-size: 11px; color: #ffffff; padding-bottom: 1px; padding-left: 15px; display:block; margin:0px; }
/* ------------------------------------ */
/*           Centre                    */
/* ------------------------------------ */
#colCentre { background-color: #DCDCE6; margin-left: 178px; margin-top: 5px; margin-right: 3px; margin-bottom: 3px;  padding: 1px 10px 10px 10px; text-align: justify; }
#colCentre a:link { color: #556FAA; text-decoration: underline; font-weight: normal; font-style: normal; }
#colCentre a:visited { color: #556FAA; text-decoration: underline; font-weight: normal; font-style: normal; }
#colCentre a:hover { color: #FFFFFF; text-decoration: underline; background-color: #64739B;}


.droite {
	margin-right: 0px;
	margin-bottom: 2px;
	float: right;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 3px;
} 
p {
	margin: 0 0 0 0;
	text-align: justify;
	padding-top: 2px;
}
#colCentre h1 { font-size: 11px; color: #FFFFFF; padding-bottom: 1px; padding-left: 10px; display:inline; }
#colCentre h2 { font-size: 11px; color: #FFFFFF; background-image: url( ../images/fond_titre.jpg); padding-bottom: 2px; padding-left: 2px; }
#colCentre h3 { font-size: 11px; color: #006699; padding-bottom: 0px; padding-left: 2px; }
#colCentre h4 { font-size: 11px; color: #006699; background-color: #FFFFFF; padding-bottom: 2px; padding-left: 2px; }

#zoneSuivi { float:right; margin-top:-25px; margin-left:5px; width:180px; border-width: 1px; border-color: #808080; border-style: solid; border-collapse: collapse; padding: 3px; background-color: #FFFBF0; margin-bottom:10px; }
#zoneSuivi table { width:100%; }
#zoneSuivi th { background-image: url(../images/fond_tableau.jpg); }

#navigation { margin-top:10px; }

.titreReservation{ width:350px; background-image: url( ../images/fond_titre_puce.jpg); background-position: top left; background-repeat: no-repeat; padding-left:25px; padding-bottom:1px; margin-bottom:10px;}
.etape {font-size: 11px; color: #FFFFFF; float:right; font-weight:bold; margin-right:30px;}


/* ------------------------------------ */
/*            Global                    */
/* ------------------------------------ */
#global {
	color: #003365;
	background-color:#ffffff;
	width: 764px;
	margin: 10px auto;
	text-align: left;
	border: solid 1px #B8B9BE;
	}

/*------------------------------------ */
/*            Footer                   */
/* ------------------------------------ */
#footer { clear: both; width: 764px; margin: 10px auto; font-size: 10px; color: #505050; text-align:center; }
#footer a:link { color: #006699; text-decoration: none; }
#footer a:visited { color: #006699; text-decoration: none; }
#footer a:active { color: #505050; text-decoration: none; }
#footer a:hover { color: #0099CC; text-decoration: none; }



.rubrique {
	background-color:#E6E7EE;
	width:170px;
	height:272px;
	float:right;
	margin:2px;
	margin-top: 5px;
	border-right-color: #E8E8EE;
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-top-width: 0px;
	border-left-width: 7px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border: solid #FFFFFF;
}
.rubrique h3 { font-size: 11px; color: #ffffff; background-image: url( ../images/fond_titres_verts.gif); padding-bottom: 1px; padding-left: 10px; display:block; margin:0px; }
.contenuRubrique { padding:5px; font-size: 11px;}

.rubrique02 { background-color:#FFFFFF; width:583px; float:right; margin:2px; margin-top: 1px; margin-bottom:0px;}
.rubrique02 h3 { font-size: 11px; color: #ffffff; background-image: url( ../images/fond_titres_verts.gif); padding-bottom: 1px; padding-left: 10px; display:block; margin:0px; }
.contenuRubrique02 { padding-left: 0px; padding-right:5px; padding-top:5px; padding-bottom:0px; font-size: 11px;}

input, textarea{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #E8E8E8; border: 1px solid #808080; margin: 2px; }
select{ font-size: 10px; background-color: #E8E8E8; }
input[type=submit],input[type=button] { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 10px; background-image: url(../images/fondBouton.gif); margin: 1px; border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
.bouton, .suivant, .precedent { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 10px; background-image: url(../images/fondBouton.gif); margin: 1px; border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
.suivant, .precedent { width:160px;}
input[value=Valider]{ margin-top:10px;}

.erreur { background-image: url(../images/erreur.gif); background-repeat: no-repeat; background-position: top, left; display: inline-block; padding-left:20px; margin-top:5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #FF3300; }
.erreur2 {color: #FF3300; }
.messageReservation {color: #003365; }
.alerte { background-image: url(../images/alerte.gif); background-repeat: no-repeat; background-position: top, left; display: inline-block; padding-left:20px; margin-top:5px; margin-bottom:10px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #003365 }


/* ------------------------------------ */
/* ---------------Menu ---------- */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#Layer1 {
position: relative;
top: 0px;
z-index:99;
width: 100%;
}

#menu {
position: relative; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%;
filter: alpha; opacity=70);
-moz-opacity: .70;
opacity: .70; 
}
#menu dl {
float: left;
/**width: 12em;**/
width: 191px;
color: #fff;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
font: #fff;
background-color: #006699;
border: 1px solid gray;
margin: 1px;
}

#menu li {
text-align: center;
background-color: #FF6600;
font: #fff;
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #FF6600;
color: #FFF;
}