@charset "utf-8";
/* CSS Document */

/*********************** bouton promo **********************/
.nomville {
	font-size: 30px;
}
.bgdetails {
	line-height: 28px;
	background: url(images/promo.jpg) no-repeat;
	text-align: center;
	height: 28px;
	width: 91px;/*56px*/
	margin-top: 5px;
	color:#FFF;
}
.bgdetails a{
	color:#FFF;
}
.bgdetails a:hover{
	color:#00F;
}

.infos {margin-top: 5px;}
/*********************** bouton promo **********************/

/***********************RESET**********************/

html, body{height:100%;}

html,body,div,span,h1,h2,h3,p,ul,ol,li,dl,dt,img,a,strong{margin:0; padding:0; border:0;}

object{display:block;}

ul{list-style:none;}

a{border:none; outline:none; text-decoration:none;}

img{border:none;}

.fondgris{background-color:#7f7575;}
.fondnoir{background-color:#000;}
.fondcouleur{
	background-color:#FC3;
}
.fondcouleur1{
	background-color:#F99;
}
.fondcouleur2{
	background-color:#FC0;
}


/**********************GENERAL************/

body{background-color:#000; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}

#header, #header h1{height:50px; background-color:#7f7575;}

#header{width:100%;}

#header h1{width:1000px; margin:0 auto; font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-align:right; line-height:1.5;}


/* lolo */
#menu{width:100%; overflow:hidden; background:#000;}

#menu li{float:left;}

/*
#menu li a{display:block; height:42px; width:155px; text-align:center; background:#000 url(images/bg_btn_navp.jpg) repeat-x; margin-right:1px; color:#fff; line-height:2.8;}
*/
#menu li a{display:block; height:42px; width:125px; text-align:center; background:#000 url(images/bg_btn_navp.jpg) repeat-x; margin-right:1px; color:#fff; line-height:2.8;}

#menu li.last1 a{display:block; height:42px; width:170px; text-align:center; background:#000 url(images/bg_btn_navp.jpg) repeat-x; margin-right:1px; color:#fff; line-height:2.8;}


#menu li.last a{width:134px; margin-right:0;}
/*#menu li.last1 a{width:154px; margin-right:0;}*/

/*#menu li a:hover{ background:#000 url(images/bg_btn_navh.jpg) repeat-x;}*/

#menu li a:hover{ height:37px; border-bottom:5px solid #ffc982;}

#conteneur{position:relative; width:920px; margin:2px auto;}

#logo{position:absolute; top:-52px; left:10px}

#pageaccueil{position:relative; width:920px; margin:2px auto;}

#logoaceuil{position:absolute; top:-52px; left:10px}

/* lolo */

#promo{
	position:absolute;
	width:195px;
	height:272px;
	top:-15px;
	right:12px;
}

/*#promo p{position:relative; font-size:14px; margin:30px 0 0 20px; }*/
#promo p{position:relative; font-size:14px; margin:15px 0 0 15px; }



.details_promo{width:57px; height:28px; background:transparent url(images/bg_btn_details.jpg) repeat-x;}

.details_promo a{color:#fff; margin-left:6px; line-height:2;}

.localisation{text-transform:uppercase; font-size:30px;}

.tarifs{font-size:18px; margin-bottom:20px;}

#contenu{clear:both; padding:10px;}

/*
#contenu{clear:both; padding:10px; background-color:#313131;}
*/
.clear{clear:both;}

.reglementation{clear:both;
font-size:14px; margin:0 0 18px 8px;
; padding:20px; height:208px; background-color:#313131;width:580px; float:left;}

.reglementation1{clear:both;
font-size:14px; margin:0 0 18px 8px;
; padding:20px; height:208px; background-color:#313131;width:580px; float:left;}

.voyage{width:295px; float:left;}

.voyage_centre{width:294px; float:left; margin:0 8px;}

.voyage, .voyage_centre{position:relative;}

.voyage h2, .voyage_centre h2{width:295px; height:52px; background:#4c4c4a url(images/puce_etoile.gif) 20px center no-repeat; line-height:2.2; text-indent:60px; }

.voyage img, .voyage_centre img{margin:18px 0 18px 8px;}

.voyage p.proposition, .voyage_centre p.proposition{font-size:14px; margin:0 0 18px 8px;}

.voyage p.infos, .voyage_centre p.infos{font-size:11px; margin:9px 0 18px 8px;}

.voyage br, .voyage_centre br{margin-bottom:20px;}

.details{position:absolute; top:147px; left:0; width:57px; height:28px; background:transparent url(images/bg_btn_details.jpg) repeat-x;}

.details a{color:#fff; margin-left:6px; line-height:2;}

a.plus{font-size:14px; color:#f2b66b;}

.spacer{height:1px; clear:both;}

#footer{height:40px; background-color:#3b3b3b; overflow:hidden;}

#footer ul{width:220px; margin:0 auto;}

#footer li{float:left; margin-top:12px;}

#footer li a{display:block; font-size:11px; text-align:center; color:#f2b66b; padding:0 5px; line-height:1.6;}

#footer li a:hover{color:#0cf;}

#centre{height: auto;width: 800px;}

#gauche{font-size:14px; margin:0 0 18px 8px;; padding:20px; height:208px; background-color:#313131;width:580px; float:left;}

#droite{font-size:14px; margin:0 0 18px 8px;; padding:20px; height:208px; background-color:#313131;width:580px; float:right;}

.image_tarif {
	margin: 10px;
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 150px;
	float: left;
}
.image_tarif_1 {
	margin: 0px;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 150px;
	float: left;
}

/* bouton dtails promos */
.promo {
	line-height: 28px;
	background: url(images/promo.png) no-repeat;
	text-align: center;
	height: 28px;
	width: 56px;
	margin-top: 5px;
}
/*
.promo img{
	display:block;
	margin-right:auto;
	margin-left:auto;
}
*/

/*			avant validation formulaire avec css			*/

#boutique {
margin-left:50px;
}

#seance{
padding:10px;height: auto;width: 800px;
}

#seance1{
font-size:14px; margin:0 0 18px 8px;; padding:50px; height:208px; /*background-color:#313131;*/
width:380px; float:left;
}

#seance2{
font-size:14px; margin:-120px 0 18px 8px;; padding:50px; height:208px;/* background-color:#313131;*/
width:380px; float:right;
}

#tarif2{
font-size:14px; margin:-50px 20px 18px 8px;; padding:20px; height:361px; /*background-color:#313131;*/
width:380px; float:left;
}

.clearboth{
clear:both; padding:10px;
}