/* CSS Document */
body{ padding:0; margin:0; font-family:'Trebuchet MS'; font-style:italic; background:#000000; }

.global{
padding:0;
margin:0 auto;
width:1320px; 
height:1500px;
background:url(images/background.jpg);
}

.header{
padding:0;
margin:0;
width:100%;
height:90px; 
}  
 
.header .haut{
padding:0;
margin:0;
width:100%;
height:26px;
background:url(images/header.jpg) repeat-x;
}

.div-center{ width:960px; margin:0 auto; padding:0;}
 
	.haut .langue{ 
	float:right; 
	margin-right:30px;
	padding:0;
	}
	.haut .langue img{ margin:2px; border:0;}

.header .menu{
padding:0;
margin:0;
margin-top:-7px;
width:100%;
height:77px;
background:url(images/menu.png) repeat-x;
}

	.menu ul{ width:960px; padding:0; margin:0 auto; height:41px; }
	.menu ul li{ display:block; float:left; margin:0; padding:0; height:41px;    }
	.menu ul li a{ 
				text-decoration:none;  
				color:#FFFFFF;   
				font-size:16px ;
				font-weight:bold;
				display:block;
				margin:0;
				margin-top:5px;
				padding:24px 26px 0 26px; 
				text-align:center; 
				float:left;
				 }
	
	.menu ul li a:hover, .menu ul li a#hover{
	height:63px;
	color:#fff; 
	font-size:16px; 
	text-decoration:none; 
    background:url(images/menu-hover.png) repeat-x;
	margin:0;
	margin-top:7px;
	padding:22px 26px 0 26px;
	}


.page{
padding:0;
margin:0 auto;
width:960px;
background:url(images/page.png) repeat-y;
color:#fff;
}
.page .diapo{
margin:0;
padding:15px 1px 5px 19px;
width:642px;
height:267px; 
}
.page .services{
margin:0;
padding:5px 1px 10px 19px;
width:642px;
height:198px; 
}
.page .titre{
clear:both;
padding:4px;
margin:5px 1px 3px 19px;
width:642px;
height:34px;
background:url(images/title.png) no-repeat; 
}
	.page .titre span{ color:#d8f321; font-weight:bold; font-size:18px; padding-left:12px }
	
.page .text{
padding:6px;
margin:0px 1px 10px 19px;
width:640px; 
}
	.page .text h4{ color:#d8f321; font-weight:bold; font-size:20px; margin:0; padding:5px 0 5px 0;  }
    .page .text p{ font-size:14px; font-weight:bold; text-align:justify; padding:0; margin:0 }

.page .infos{
padding:0;
margin:5px 0 10px 7px;
width:663px;
height:119px;
background:url(images/fond_info.png) repeat-x; 
}
	.page .infos img{
	width:209px;
	height:99px;
	float:left; 
	padding: 10px 0px 0 9px;
	}
	
 
/*****************************/
.page .gauche{width:670px; float:left; padding:0; margin:0; 
padding-bottom:30px; } 
.page .droite{width:283px; float:right; padding:0; margin:0; min-height:1050px  }

.droite .logo{ margin-bottom:13px; padding:0;}
.droite .resa{
width:246px; height:259px; margin:13px 0 13px 15px; background:url(images/fond-resa.png) no-repeat; padding:0; padding-top:8px; color:#333333; font-size:12px}
 
 
.resa input#valider{ width:194px; height:34px; background:url(images/button.png ) no-repeat; margin-left:26px; padding-top:2px; margin-top:0; text-align:center ;font-size:14px; color:#FFFFFF; border:0px; }
.formu input#valider{ width:194px; height:34px; background:url(images/button.png ) no-repeat; margin-left:26px; padding-top:2px; margin-top:0; text-align:center ;font-size:14px; color:#FFFFFF; border:0px; }

.resa input#mail  { width:186px; height:29px; background:url(images/input.png) no-repeat; margin-left:30px; border:0px; padding-top:2px; padding-left:12px; margin:2px 5px 2px 30px;
 } 
.resa input{ font-size:12px; color:#6A6A6A; margin:	0; padding:0}

.resa input#arrivee1,.resa input#depart1 { width:99px; height:25px; background:url(images/date1.png) no-repeat scroll 0 0 transparent; padding:0px 0 0 11px; border:0px; margin:2px 5px 5px 30px; float:left; }

.resa input#heure_arrive, .resa input#heure_depart{ width:65px; height:25px; background:url(images/time1.png) no-repeat scroll 0 0 transparent; padding:0px 0 0 0;  border:0px; margin:2px 10px 5px 6px; float:left;text-align:center; }

/*****************************************************************************************************************/
/*****************************************************************************************************************/

#dropdown, #dropdownv, #dropdownr{
	background: url("images/select.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    padding-top: 3px; 
    width: 186px;
	margin: 2px 22px 0 30px;
	clear:left;
}
 

#dd_text, #dd_textv, #dd_textr{
 	background-color: transparent;
    border: 0 none;
    color: #6A6A6A;
    height: 21px;
    margin-left: 13px;
    width: 150px;
	cursor:auto; 
}

#dd_list, #dd_listv, #dd_listr{
	background-color: #F1F1F1;
    border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
    height: auto;
    margin: 1px 7px 0;
    overflow: hidden;
    position: relative; 
	display:none;
    width: 175px;
}
#ul, #ulv, #ulr{
	cursor:auto;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
}
.li{
	width:185px;
	padding: 2px 0px 2px 4px;
	text-decoration:none;
	color:#000;
}
.lisc, .lisc a{
	width:180px;
	text-decoration:none;
	color:#6A6A6A;
}
.lisc a:hover{
	background-color:#53a502;
	color:#fff;
}

/******************************************************************************************************/
.droite .assist{
width:230px; height:231px; margin:17px 0 13px 25px; padding:0  }

.droite .temoign{
width:246px; height:382px; margin:13px 0 13px 15px; background:url(images/fond-temoign.png) no-repeat; padding:0 }

.droite .temoign .txt{ height:230px; padding:65px 16px 9px 16px;}
.droite .temoign .txt p{ padding:3px; margin:2px; font-size:12px; color:#fff; text-align:justify;}
.droite .temoign a{text-decoration:none; margin:4px; color:#fff;   }
.droite .temoign .btn{ width:194px; height:34px; background:url(images/button.png) no-repeat; margin-left:26px; padding-top:6px; margin-top:11px;  text-align:center ;font-size:14px; }
 

/******************** PAGE TARIFS VOITURE **************************/
.gauche .type_car{ width:642px; height:40px; clear:both; padding:0; padding-top:5px; margin:15px 0 15px 23px; background:url(images/fd-bas.png); color:#ffea03; font-weight:bold; font-size:24px; text-align:center }
.gauche .type_car a{ font-size:24px; font-weight:bold; color:#ffea03; font-style:normal;  padding:6px 20px 0 20px ;   }

.gauche .voiture{ width:644px; height:130px; background:url(images/fond_voiture.png) no-repeat; margin:12px 0 6px 22px; padding:0;  }

.gauche .voiture .left{ width:370px; height:127px; float:left; color:#a797a2; margin:0; padding:0 ; F33 }
.voiture .left .ligne1{ width:366px; padding:0; margin-left:6px; margin-top:6px; height:25px;  }
	.left .ligne1 .nom { width:180px; float:left; color:#009201; font-weight:bold;}
	.left .ligne1 .icons { float:right; margin-right:10px; padding:0  }
	.left .ligne1 .icons img{ padding:0; margin:0; float:left}
	.left .ligne1 .icons span{ padding:0; margin:0; float:left; font-size:12px}
	
.voiture .left .ligne2{ padding:0; margin-left:6px; height:25px; font-size:12px;}
.voiture .left .ligne3{ padding:0; margin-left:6px; font-size:12px}
	.left .ligne3 img{ float:left}
	.left .ligne3 table{ padding-top:16px;}
	.left .ligne3 span{color:#009201; font-weight:bold; font-size:16px;}

.gauche .voiture .right{ width:260px; height:127px; float:left; margin:0; padding:0; margin-top:13px;  }
.gauche .voiture .right img{ border:0px; padding:0}

.droite .tarifs  { text-align:center; width:246px; height:322px; margin:6px 0 13px 15px; background:url(images/fd_infos.png) no-repeat; padding:0; padding-top:5px}
.droite .tarifs h3{ padding:4px; margin:0; font-size:18px;}
.droite .tarifs .separ{  width:246px; height:3px; background:url(images/separateur.png) no-repeat; padding:0; margin-top:2px; margin-bottom:2px; font-size:18px;}
.droite .tarifs .txt{ width:246px; padding:0; margin-top:6px; margin-bottom:6px; font-size:18px; text-align:left; }
.droite .tarifs .txt img{ margin-right:5px;}
.droite .tarifs .txt p{ color:#FFFFFF; margin:0; padding:7px 10px 7px 18px; font-size:13px;}

/********************* PAGE RESERVATION VOITURE ***************************/

.gauche .titre-haut{ width:649px; height:47px; margin:14px auto; background:url(images/reserv/titre.png) no-repeat; padding:0; }
.gauche .titre-haut h1{ font-size:24px; text-align:center; margin:0; padding:8px; color:#ffff90; }
.gauche .moitie1 { float:left; width:320px; height:510px; margin:6px; padding:0; background:url(images/reserv/separateur.png) right no-repeat; }
.gauche .moitie2{ float:left; width:320px; height:510px; margin:6px; padding:0;  }
 
 	.moitie1 input, .moitie2 input{ width:284px; height:39px; background:url(images/reserv/input.png) no-repeat; border:0px; margin:3px 0 0 12px ; padding:3px 5px 3px 22px; color:#a8a8a8; font-size:18px; }
	.moitie1 .tt, .moitie2 .tt{ clear:both; width:310px; margin:0; padding-left:10px; padding-top:10px; height:34px; }
 	.moitie1 .tt span, .moitie2 .tt span{color:#fff; font-size:20px; font-weight:bold; }

	 .t2{margin:0; margin-top:10px; padding:0; padding-left:10px; height:41px; }
 	.moitie2 .t2 span { float:left;color:#fff; font-size:12px; font-weight:bold; margin:0; padding-top:20px;}
	.moitie2 .t2 input#date_l, .moitie2 .t2 input#date_r{ float:right; width:113px; height:41px; background:url(images/reserv/date.png) no-repeat;margin:3px 0 0 0 ; padding:13px 15px 0 8px; font-size:12px ;}
	.moitie2 .t2 input#heure_l, .moitie2 .t2 input#heure_r{ float:right; width:113px; height:41px; background:url(images/reserv/time.png) no-repeat;margin:3px 0 0 0 ; padding:13px 15px 0 8px; font-size:12px ; }
	
.moitie2 #msg{ width:260px; height:168px; background:url(images/reserv/text.png) no-repeat; border:0; overflow:hidden; margin:3px 13px 0 12px ; padding:3px 8px 8px 18px; color:#a8a8a8; font-size:18px; }

.moitie1 #dd_list, .moitie1 #dd_listv, .moitie1 #dd_listr, .moitie2 #dd_list, .moitie2 #dd_listv, .moitie2 #dd_listr{
width:220px;
background:#FFFFFF;
}

.moitie1 .t2 #check{ width:15px; height:15px; border:0px; margin-left:10px; padding:0; background:none;}
.moitie1 .t2 em{ color:#b9d810; font-size:14px; margin-left:12px;}
.moitie1 .t2 span{ font-weight:bold;font-size:16px; margin-left:8px; margin-right:12px;}


	
.moitie1 #dropdown, .moitie1 #dropdownv, .moitie1 #dropdownr, .moitie2 #dropdown, .moitie2 #dropdownv, .moitie2 #dropdownr{
	background: url("images/reserv/select.png") no-repeat scroll 0 0 transparent;
    height: 41px; 
    width: 284px;
	margin: 2px 22px 0 12px; 
}

.moitie1 #dd_text, .moitie1 #dd_textv, .moitie1 #dd_textr, .moitie2 #dd_text, .moitie2 #dd_textv, .moitie2 #dd_textr{  
    width: 220px;
	cursor:auto; color:#a8a8a8;padding:1px 5px 3px 12px;
}
 
.moitie1 .li, .moitie2 .li{
	width:285px;
	padding: 2px 0px 2px 3px; 
	color:#a8a8a8;
}
.moitie1 .lisc, .moitie1 .lisc a, .moitie2 .lisc, .moitie2 .lisc a{
	width:220px; 
	color:#6A6A6A;
} 
 
 
 .gauche .formu{ width:700px; height:700px; clear:left;  }
/*********************/ /***************************/ /*************************/

.page .liens{width:668px; height:32px; clear:both; padding:0; margin:0; background:url(images/fd-bas.png); color:#FFFFFF; padding:12px 0 0 10px;}
.page .liens a{ font-size:13px ; font-weight:bold; color:#FFFFFF; text-decoration:none; padding:3; margin:12px;}
.page .liens a:hover{color:#d8f321;}
.page .liens a#hover{color:#d8f321;}

.bas-page{
clear:both;
padding:0; 
margin:0 auto;
width:960px;
height:10px;
background:url(images/pied.png) repeat-x }

.footer{
clear:both;
padding:0;
width:1128px;
height:147px;
margin:13px auto; 
background:url(images/footer.png) no-repeat;
color:#FFFFFF}

.footer .f1{ width:610px; height:34px; padding:0; margin:29px 0 0 90px;  float:left; font-size:14px;  }
	.footer .f1 span{ padding-left:12px; padding-right:12px; }
	.footer .f1 span#soulign{padding-left:6px; padding-right:6px; text-decoration:underline; }
	
.footer .f2{ width:250px; height:34px; padding:0; margin-top:23px; float:right; padding-right:80px;   }
	.footer .f2 img{border:0px; float:left; margin-left:3px; }

/**********************************************************************************/


#gallery {
	position:relative;
	height:267px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:50px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px; padding:0
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}