/*
	Feuille de style du site voyagescheze.fr
*/

/*
	Balises standard
*/
html{
	height: 100%;
}
body{
	padding:			0;
	background-image:	url(/images/voyagescheze/fond.jpg);
	background-repeat:	repeat-x;
	background-color:	#ffffff;
	color:				#08233e;
	height:				100%;
	margin:				0;
}
*{
	font-size:			12px;
	font-family:		Verdana;
	color:				#08233e;
	background-repeat:	no-repeat;
	text-align:			justify;
}
a img{
	border:				none;
}
h1{
	margin:				0;
}
h2{
	font-size:			16px;
	margin:				10px 0 10px 0;
}
th{
	text-align:			left;
}

/*
	Elements communs à toutes les pages
*/
#page{
	margin:				0;
	min-height:			100%;
	position:			relative;
	width:				650px;
}
#haut{
	float:				left;
	width:				520px;
}
#haut span{
	display:			none;
}
#haut #logo{
	background-image:	url(/images/voyagescheze/logo.jpg);
	height:				438px;
}
#haut #devis{
	position:			absolute;
	width:				150px;
	left:				348px;
	top:				343px;
}
#haut #devis a{
	display:			block;
	font-family:		arial;
	font-size:			10px;
	color:				#dd0014;
	text-decoration:	none;
	padding:			60px 0 0 0;
	background-image:	url(/images/voyagescheze/bouton-devis.png);
	text-align:			right;
}
#haut #menu{
	list-style:			none;
	width:				177px;
	position:			absolute;
	left:				0;
	top:				432px;
	padding:			30px 0 30px 0;
	margin:				0;
	border-right:		10px solid #ffffff;
}
#haut #menu li a{
	display:			block;
	width:				156px;
	height:				20px;
	text-decoration:	none;
	color:				#a37d31;
	font-weight:		bold;
	border:				1px solid #ffffff;
	line-height:		20px;
	font-family:		arial;
	padding:			0 0 0 20px;
}
#haut #menu li a:hover{
	color:				#ffffff;
	background-color:	#d8c6a3;
}
.contenu_haut{
	position:			absolute;
	top:				0;
	left:				520px;
	width:				430px;
	height:				415px;
	/*overflow:			hidden;*/
	z-index:			2;
	padding:			20px 10px 0 0;
	text-align:			justify;
}
.contenu_bas{
	float:				left;
	min-height:			400px;
	padding:			20px 10px 0 0;
	width:				750px;	
	text-align:			justify;
	position:			relative;
	left:				220px;
}
.encadre{
	background-color:	#ffffff;
	padding:			5px;
	border:				1px solid #d5d4d0;
	float:				left;
	margin:				0 10px 10px 0;
}
.contenu_haut p,
.contenu_bas p{
	clear:				left;
}
.contenu_haut span,
.contenu_bas span{
	font-weight:		bold;
}
.bloc_contenu{
	clear:				left;
}
#bas{
	background-image:	url(/images/voyagescheze/bas.gif);
	background-repeat:	repeat-x;
	background-color:	#397cbd;
	margin:				20px 0 0 0;
	padding:			16px 0 8px 0;
	clear:				both;
	position:			relative;
	width:				100%;
}
#bas *{
	margin:				0;
	color:				#ffffff;
	font-family:		arial;
}

/*
	Elements spécifiques à certaines pages
*/
/* page "Nos Autocars" */
.pop_up{
	display:			none;
	/*position:			absolute;
	top:				200px;
	left:				100px;*/
	position:			fixed;
	top:				20px;
	left:				20%;
	width:				60%;
	z-index:			3;
	padding:			15px;
	border:				1px solid #397cbd;
	background-color:		#ffdd84;
}
.pop_up img{
	float:				left;
}
.pop_up ul,
.pop_up h2{
	clear:				left;
}
.pop_up p{
	float:				right;
	text-align:			center;
	font-size:			15px;
	cursor:				pointer;
}
.menu_survol{
	display:			none;
	position:			absolute;
	z-index:			1;
	border:				1px solid #d5d4d0;
	padding:			2px;
	background-color:	#ffffff;
	margin-top:			-50px;
	position:			relative;
}
#menu_autocars{
	width:				340px;
}
#menu_minicar,
#menu_minibus{
	width: 168px;
}
.nos_autocars:hover .menu_survol{
	display:			block;
}
.nos_autocars{
	float:				left;
	width:				350px;
	height:				300px;
}
.vignette{
	border:				1px solid #d5d4d0;
	cursor:				pointer;
	width:				80px;
	height:				80px;
	text-align:			center;
	display:			inline-block;
	vertical-align:			top;
}
span.vignette{
	padding-top:			20px;
	height:				60px;
}
/* page "Accueil" */
#logos{
	clear:				left;
	margin:				auto;
	width:				450px;
}
#logos img{
	margin:				0 30px;
}
/* page "Contactez Nous" */
#plan_acces{
	float:				left;
	margin-right:		25px;
}
/* page "Certifiactions" */
#certif_logo_haut{
	width:				156px;
	height:				200px;
	margin:				100px auto;
}
#certif_logo_bas{
	width:				494px;
	height:				200px;
	margin:				50px auto;
}
/* Calendrier */
#calendar{
	border:	1px solid #d5d4d0;
	background:#fff;
	padding:5px;
}
#calendar p{
	margin:5px 0 0 0;
}
#calendar table{
	width:100%;
	border-collapse:collapse;
}
#calendar th,
#calendar td{
	border:1px solid #d8c6a3;
	text-align:center;
}
#calendar .highlight{
	cursor:pointer;
	background-color:#d8c6a3;
	color:#fff;
}