/*
	Mise en forme des balises standards
*/
body{
	margin:0;
	padding:0;
	color:#666666;
	text-align:center;
	background-image:url(/images/etoiltours/fond.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
}
*{
	color:#666666;
	font-size:12px;
	font-family:verdana;
}
h1{
	color:#e7060c;
	font-size:16px;
	border-bottom:1px solid #cccccc;
	clear:both;
}
h2{
	color:#e7060c;
	font-size:13px;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:none;
}

/*
	Mise en forme du conteneur principal (la "page")
*/
#page{
	width:900px;
	text-align:left;
	margin:0 auto 0 auto;
	background-color:#f5f5f5;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

/*
	Mise en forme du haut de page
*/
#haut{
	background-color:#fe6a2b;
}
#haut #logo{
}
#haut #logo img{
	float:left;
	margin-right:120px;
}
#haut #logo p{
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	margin:0;
	padding-top:25px;
}
#haut ul{
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	height:25px;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
}
#haut ul li{
	float:left;
}
#haut ul li a{
	display:block;
	height:25px;
	line-height:25px;
	padding:0 15px 0 15px;
	background-color:#fe6a2b;
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
}
#haut ul li a:hover{
	background-color:#f35624;
	text-decoration:none;
}
#haut ul li a.selectionne{
	background-color:#e7060c;
	text-decoration:none;
}
#haut #venteFlash{
	background-image:url(/images/etoiltours/vente-flash.gif);
	width:900px;
	height:34px;
}
#haut #venteFlash #xbMarqueecontainer{
	position:relative;
	top:10px;
	left:155px;
}
#haut #venteFlash #xbMarqueecontainer a{
	font-size:10px;
	color:#e7060c;
	font-weight:bold;
}


/*
	Mise en forme du contenu de la page
*/
#milieu{
	text-align:left;
	padding:0 10px 0 10px;
}
.prestation{
	width:410px;
	float:left;
	margin:10px;
}
.survol{
	cursor:pointer;
	background-color:#e2e1e0;
}
.prestation *{
	margin:0;
}
.prestation .prix{
	display:block;
	position:absolute;
	background-image:url(/images/etoiltours/fond-prix.gif);
	width:55px;
	height:30px;
	line-height:30px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	margin:-10px 0 0 -10px;
}
.prestation .vignette{
	float:left;
	margin:0 10px 0 0;
}
.prestation .vignette a img{
	border:1px solid #666666;
	margin:0 0 10px 0;
}
.survol .vignette a img{
	border:5px solid #ff6600;
	margin:0 0 0 0;
}
.prestation .date{
	font-weight:bold;
}
.prestation p{
}
.survol p{
	color:#000000;
}
.prestation .enSavoirPlus a{
	float:left;
	font-weight:bold;
	font-size:10px;
	display:block;
	background-image:url(/images/etoiltours/bouton.gif);
	width:92px;
	height:16px;
	color:#ffffff;
	text-align:center;
	line-height:16px;
	margin:5px 0 0 0;
}
.survol .enSavoirPlus a{
	color:#000000;
	text-decoration:none;
}
.trait{
	clear:both;
	height:0;
	font-size:0;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
}
.actualite h2{
	float:left;
	padding:2px 10px 0 0;
	margin:0 10px 0 0;
	border-right:1px solid #666666;
}
.actualite h3{
	float:left;
	font-weight:normal;
	font-size:11px;
	margin: 0;
	padding:3px 0 0 0;
}
.actualite p{
	clear:left;
	padding-top: 10px;
}
.prestationFiche .photo{
	float:right;
	clear:right;
	margin:10px;
	border:1px solid #666666;
}
#top10{
	float:right;
	background-image:url(/images/etoiltours/top10.gif);
	background-repeat:no-repeat;
	padding:70px 10px 0 0;
	width:333px;
}
#top10 li{
	margin-left:30px;
}
#top10 *{
	font-size:11px;
}
#brochure a img{
	margin:-145px 0 30px 430px;
	float:left;
}
#brochure a span{
	margin:-145px 0 0 620px;
	float:left;
}
#brochure a span strong{
	margin:0;

}

/*
	Mise en forme du bas de page
*/
#bas{
	clear:both;
	margin:20px 0 10px 0;
	padding:0 10px 0 10px;
}
#bas *{
	font-size:10px;
	font-weight:bold;
}
#bas ul{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
#bas ul li{
	display:inline;
	margin: 0 20px 0 0;
}
#bas p{
	margin:10px 0 0 0;
}
#bas .trait{
	height:0;
	font-size:0;
	border-bottom:1px solid #e7060c;
}

/*
	Administration
*/
#admin table{
	width:90%;
}
#admin table th{
	width:20%;
}
#admin p{
	text-align:center;
}
.message{
	font-weight:bold;
	color:red;
	padding:20px 0 0 0;
}

/*
	Mise en forme pour l'impression
*/
@media print{
	#haut ul,
	#venteFlash,
	#bas ul,
	input,
	.noprint{
		display:none;
	}
	#bandeau{
		padding-top:20px;
	}
	#page{
		border:none;
	}
}
