*{
	margin:0;
	padding:0;
}
*:focus {
	outline: none
}
body{
	margin:0;
	padding:0;
	background: #006aaa;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a{
	font-size:11px;
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:underline;
}

h1{
	font-size:20px;
	color:#00599e;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

h1 span {
	font-size:17px;
}
.mots_importants{
	font-weight:bold !important;
	color: #faaa00 !important;
}


#container {
	width:100%; /* à modifier*/
	margin:0 auto; /* à modifier*/
	background:#FFF; /* à modifier*/
	position:relative;
	padding-top:334px;
}
#header_container{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	background: url(../gifs/images/a4-taxi_01.jpg) repeat-x;
	height:334px;
}
#header {
	height:334px; /* à modifier*/
	margin:0 auto;
	width:985px;
}
#header h3{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:20px;
	text-align:center;
	color:#00599e;
	padding-top: 10px;
}

#content {
	width:985px;
	margin: 0 auto;
	overflow:hidden;
	padding-top: 20px;
	padding-bottom:20px;
}

#colonne_gauche {
	width:408px; /* à modifier*/
	display: inline;
	float: left;
	position:relative;
}
#colonne_gauche h3{
	position:absolute;
	top: 25px;
	right: -255px;
	text-align:center;
	font-size:15px;
	font-weight:normal;
}

#colonne_centre {
	width:689px;
	border-right: 1px solid #101010;
	margin-top: 30px;
	display: inline;
	float: left;
	padding: 0 10px;
	overflow:hidden;
	min-height:329px;
}
#colonne_centre h2{
	font-size:13px;
	color: #000;
	margin-bottom:10px;
	background-color: #faaa00;
	padding:5px;
	margin-top: 50px;
}
#colonne_centre p{
	line-height:1.5em;
	margin-bottom: 10px;
	text-align:justify;
}
#colonne_centre ul{
	list-style: url(../gifs/puce.gif) outside;
	margin: 10px 0 10px 20px;
	line-height:1.5em;
}
#colonne_centre li{
	margin-bottom: 10px;
}



#colonne_droite {
	width:260px;
	float: left;
	padding-top: 30px;
	padding-right: 0;
	padding-left: 15px;
}
#colonne_droite ul{
	list-style: url(../gifs/puce.gif) outside;
	margin-left: 15px;
	line-height:1.5em;
}
#colonne_droite h3{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	margin-left:10px;
}

#tarifs{
	margin-top: 10px;
	border-top: 1px solid #101010;
	padding: 10px 0;
}
#tarifs img{
	border: 1px solid #101010;
	float:left;
}

#footer_container{
	background: url(../gifs/images/a4-taxi_24.jpg) repeat-x;
}

#footer {
	width: 985px;
	margin:0 auto;
	font-size:11px;
	color:#FFF;
	text-align:center;
	line-height:1.5em;
}
#footer a{
	color:#FFF;
}


.float_right {
	float:right;
}

.float_left {
	float:left;
}

.clear_both {
	clear:both;
}

#logo {
	width:296px; /* à modifier*/
	height:113px; /* à modifier*/
	float:left;
}
#logo_lien{
	background: url(../gifs/images/a4-taxi_03.jpg) no-repeat top right;
	width:296px;
	height:113px;
	display:block;
	text-decoration:none;
}
#logo_lien:hover{
	background: url(../gifs/images/a4-taxi_03.jpg) no-repeat top left;
	text-decoration:none;
}
#menu{
	float:left;
	width:285px;
	height:221px;
}
#diaporama {
	width:700px; /* à modifier*/
	height:209px; /* à modifier*/
	float:left;
	overflow: hidden;
	margin-top: 10px;
}

#diaporama div{
	width: 86px;
	-overflow:hidden;
	height: 209px;
	float: left;
}
#img4{
	width:211px !important;
	overflow:visible;
}
/************************************** INDEX *******************************/
#form_devis{
	background:#00599e;
	width:388px;
	padding:10px;
}
#form_devis p{
	color:#FFF;
	margin-bottom:10px;
}
#reservation{
	position:absolute;
	top:-11px;
	right: -122px;
	z-index:2;
}
/***********************************************************CONTACT FORMULAIRE*********************************/
#field_8{
	float:left;
	width: 194px;
	color:#FFF;
	margin-right: 10px;
	background:url(../gifs/separateur.gif) repeat-y top right;
}
 #field_10{
	float:left;
	width: 184px;
	color:#FFF;
	position:relative;
	z-index:10;
}
.input_form1 {
	background-color: #003e6e;
	border:1px solid #FFF;
	font-family: Arial;
	color: #FFF;
	margin-top: 5px;
	font-size:12px;
	width: 184px;
}
.input_form_date {
	background-color: #003e6e;
	border:1px solid #FFF;
	font-family: Arial;
	color: #FFF;
	margin-top: 5px;
	font-size:12px;
	width: 154px;
}

.area_form1 {
	background-color: #003e6e;
	border: 1px solid #FFF;
	font-family: Arial;
	color: #FFF;
	margin-top: 5px;
	height:100px;
	font-size:12px;
	width: 184px;
	overflow: auto;
}
.bouton_form1 {
	height: 31px;
	width: 150px;
	color: #000;
	display: block;
	cursor: pointer;
	font-weight:bold;
	clear:both;
	background: url(../gifs/bouton.jpg) no-repeat;
	border:none;
	font-size:18px;
	line-height:31px;
	float:right;
	margin-top: -28px;
	/margin-top: -38px;
}

#formulaire_1 .submit {
	margin-left:0 !important;
	margin-top:0 !important;
}

.bouton_form1:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

/*.optional {
	width:175px !important;
}

.required {
	width:175px !important;
}
*/
.divGenerateurRequired{
	display: none;
}
#formulaire_1 .divGenerateur ul li{
	float: left;
	margin:10px 0 0 30px !important;
}

#formulaire_1 p {
	margin:0 !important;
	padding:0 !important;
	text-align:left !important;
}
#formulaire_1 label {
	text-align:left !important;
	width:184px;
	padding:0 !important;
	margin:0 !important;
	line-height:17px !important;
}











.input_form {
	background-color: #FFFFFF;
	border:1px solid #00599e;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	font-size:12px;
	width: 300px;
}

.area_form {
	background-color: #FFFFFF;
	border: 1px solid #00599e;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	height:100px;
	font-size:12px;
	width: 300px;
	overflow: auto;
}
.bouton_form {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	font-weight:bold;
	clear:both;
	margin:20px 0 0 180px;
	background-color: #00599e;
}

#formulaire_2 .submit {
	margin-left:0 !important;
	margin-top:0 !important;
}

.bouton_form:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.optional {
	width:175px !important;
	text-align:right !important;
}

.required {
	width:175px !important;
	text-align:right !important;
}

.divGenerateurRequired {
	margin-bottom:10px !important; 
}

#formulaire_2 p {
	margin:0 !important;
	padding:0 !important;
}

.valide{
	background-color: #00599e !important;
	color:#FFF !important;
}
/************************************** NAV *******************************/

ul.MenuVertical {
   width: 208px;
   list-style: none;
   margin: 3px 0 0 15px;
   padding: 0;
   overflow: hidden;
}

ul.MenuVertical li {
   width: 208px;
   border-bottom:1px dotted #FFF;
}

ul.MenuVertical li a {
   display: block;
   color: #FFF;         /*Ici, changer la couleur de la police*/
   font-family: Verdana, Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 35px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: left;
   text-decoration: none;
   line-height:35px;
}

li#menu0 a {
   background-image: url('gifs/');         /*Ici l'image de fond de la cellule*/
}

li#menu1 a {
   background-image: url('gifs/');         /*Ici l'image de fond de la cellule*/
}

li#menu2 a {
   background-image: url('gifs/');         /*Ici l'image de fond de la cellule*/
}

li#menu3 a {
   background-image: url('gifs/');         /*Ici l'image de fond de la cellule*/
}

li#menu4 a {
   background-image: url('gifs/');         /*Ici l'image de fond de la cellule*/
}

li#menu5 a {
   background-image: url('gifs/');         /*Ici l'image de fond de la cellule*/
}

#menu4 {
   border-bottom:none !important;
}

li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/') !important;         /*Ici l'image de fond over de la cellule*/
   color: #faaa00;
   text-decoration:none;
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/') !important;         /*Ici l'image de fond over de la cellule*/
   color: #faaa00;
   text-decoration:none;
}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/') !important;         /*Ici l'image de fond over de la cellule*/
   color: #faaa00;
   text-decoration:none;
}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/') !important;         /*Ici l'image de fond over de la cellule*/
   color: #faaa00;
   text-decoration:none;
}

li#menu4 a:hover, a#selected-over4 {
   background-image: url('gifs/') !important;         /*Ici l'image de fond over de la cellule*/
   color: #faaa00;
   text-decoration:none;
} 

li#menu5 a:hover, a#selected-over4 {
   background-image: url('gifs/') !important;         /*Ici l'image de fond over de la cellule*/
   color: #faaa00;
   text-decoration:none;
} 




/********************************************************************* Exemple pour encart
*/

#encart_content {
	background:#fff;
	overflow:hidden;
	width:100%;
}

#encart_content div {
	width:20%;
	height:100px;
	display:inline;
	margin:0 40px;	
}

#encart1 {
	background:#666;
}

#encart2 {
	background:#666;
}

#encart3 {
	background:#666;
}

/********************************************************************* CSS associé aux box d'inscription à la newsletter
*/
#newsletter_iframe {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/************** LOUPE *************/

#loupe {
	font-size:11px;
	text-align:right !important;
	color:#252525;
}


#loupe a {
	color:#252525;
	text-align:center;
	text-decoration:none;
}

#loupe a:hover {
	text-decoration:underline;
}

zoom {
	font-size:120%;
}

/************* NEWSLETTER *****************/

#newsletter_iframe {
	background:#fff !important;
	height: 400px !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
}

#newsletter_iframe h1 {
	color:#00599e !important;
	font-size:20px !important;
}

#newsletter_iframe p {
	color:#000 !important;
}

#newsletter_iframe a {
	color:#505005 !important;
	text-decoration:underline !important;
}

#newsletter_iframe a:hover {
	text-decoration:none !important;
}

#newsletter_iframe #submit_newsletter, #newsletter_iframe #input_newsletter {
	float:left !important;
}

#h1top {
	position: relative; 
	margin-right: auto; 
	margin-left: auto;
}
#h1toptop {
	bottom:0;
	height:10px;
	position:absolute;
	width:100%;	
	margin-bottom:-22px;
	color:#FFFFFF;
	font-size:11px;
	line-height:1.5em;
	text-align:center;
} 
#h1toptop a{
	color:#FFFFFF;
	text-decoration:none;
}

.textfooter{
	text-align:center;
	color:#FFFFFF;
	font-weight:normal;
	font-size:11px;
}
.textfooter h2{
	font-weight:normal;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
	display:inline;
	color:#FFFFFF;
	font-size:11px;
	line-height:1.5em;
	text-align:center;
}
.textfooter a{
	font-weight:normal;
	font-size:12px;
}
.textfooter a:hover{
	font-weight:normal;
	font-size:12px;
}
/* Hack anti R&D qui met une hauteur fixe sur un span */
span.erreur {	height:auto !important;}

#annonce{
	margin-top: 10px;
	border: 1px solid #101010;
	padding: 10px;
	clear:both;
	height:77px;
	background-color:#ECFAFF;
}

.clic {
	cursor:pointer;
}