@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border:0;
}
body{
	background-color:#FFFFFF;
	background-image:url(../images/bg_all.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#3f3b3c;
}
a {
	text-decoration:none;
	color:#B71B04;
	}
h1{
	background-image:url(../images/puce.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding:1px;
	padding-left:16px;
	font-size:12px;
	color:#616161;
	margin-bottom:22px;
	display:block;
}
h1 u{
	 text-decoration:none;
	 display:block;
	 width:200px;
	 float:left;
	 margin-top:7px;
}
h2{
	font-size:12px;
	font-weight:bold;
	color:#E80D12;
	padding:1px;
	padding-left:10px;
	}
h3{
	font-size:12px;
	color: #681A1A;
	font-weight:bold;
	margin-left:5px;
	}	
h4{
	font-size:12px;
	font-weight:normal;
	}
h5{
	font-size:16px;
	font-weight:normal;
	}	

input{
	height:18px;
	width:100px;
	margin-bottom:1px;
	margin-right:1px;
	border:1px solid #CCCCCC;
}
select{
	width:100px;
	margin:1px;
}
input.reserver{
	background-image:url(../images/reserver.jpg);
	height:13px;
	width:74px;
}
input.modifier{
	background-image:url(../images/bgcalcule.jpg);
	height:13px;
	width:69px;
}

.clear{
	clear:both;
}
/**********************************************************/
.global{
}
/**********************************************************/
.global .banner{
	width:100%;
	height:125px;
	padding-top:4px;
}
.global .footer{
	width:926px;
	margin:auto;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
}
.banner .object{
	width:996px;
	margin:auto;
}
/*********************************************************/

.global .container{
	width:924px;
	background-color:#FFFFFF;
	background-image:url(../images/bg_container.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:auto;
	padding:5px 93px 0 84px;
}
.container .menu{
	background-image:url(../images/bg_menu.jpg);
	width:941px;
	height:42px;
	padding-top:1px;
}


/**********************************************************/
.menu li{
	list-style:none;
	float:left;
	background-image:url(../images/bg_li.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding-left:13px;
	padding-right:13px;
	height:41px;
}
.menu li a{
	color:#FFFFFF;
	font-size:12px;
	width:160px;
	height:29px;
	text-align:center;
	text-decoration:none;
	display:block;
	padding-top:12px;
	text-transform:uppercase;
}
.menu li a:hover{
	background-image:url(../images/survol.jpg);
}
a.active{
	background-image:url(../images/survol.jpg);
}
/****************************************************************/
.container .contenu{
	margin-left:10px;
	margin-top:32px;
	width:640px;
	float:left;
}
.contenu .text{
	float:left;
	width:315px;

}
.blokk{
	background-color:#EBEBEB;
	margin-top: 5px;
	clear: both;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 400px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.imgglob{
	width:540px;
	height:110px;
	margin: auto;
}
.imgglob .sss{
	width:100px;
	height:60px;
	float:left;
	margin-left:40px;
	position:relative;
}
.blok{
	clear:both;
	width:600px;
	height:110px;
	margin-left:30px;
	margin-bottom: 20px;
}
.img1{
	width:140px;
	height:110px;
	float:left;
	border:1px solid #990000;
}
.txt1{
	background-color:#CCCCCC;
	width:420px;
	padding:5px;
	padding-bottom:5px;
	height:110px;
	float:left;
	margin-left:15px;
	
}
.text p{
	margin-left:19px;
}
.contenu .banFlash{
	float:left;
	width:307px;
	height:246px;
	margin-left:16px;
}
.contenu .separator{
	background-image:url(../images/separator.jpg);
	width:634px;
	height:1px;
	overflow:hidden;
	margin:27px 0 25px 0;
}
.contenu .blockReservation{
	background-image:url(../images/bg_reservation.jpg);
	width:631px;
	height:111px;
	color:#FFFFFF;
}
.blockReservation td{
	color:#FFFFFF;
}
.picto h2{
	display:block;
	color:#cc1515;
	width:120px;
	margin:0px 0 0 218px;
	text-transform:uppercase;
	font-size:30px;
	padding:0px;
	height:auto;
}
.blockReservation .creditcard{
	width:101px;
	height:159px;
	float:right;
}
.blockReservation .picto{
	width:524px;
	float:left;
}
.picto .face{
	background-image:url(../images/picto_face.png);
	display:block;
	float:left;
	height:48px;
	margin:30px 0 0 177px;
	width:32px;
}
.picto .face:hover{
	background-image:url(../images/picto_face_hover.png);
}
.picto .msn{
	background-image: url(../images/picto_msn.png);
	display:block;
	width:32px;
	height:48px;
	float:left;
	margin:30px 0 0 32px;
}
.picto .msn:hover{
	background-image:url(../images/picto_msn_hover.png);
}
.picto .skype{
	background-image:url(../images/picto_skype.png);
	display:block;
	width:32px;
	height:48px;
	margin:30px 0 0 34px;
	float:left;
}
.picto .skype:hover{
	background-image:url(../images/picto_skype_hover.png);
}
.picto .twiter{
	background-image: url(../images/picto_twiter.png);
	display:block;
	width:32px;
	height:48px;
	float:left;
	margin:30px 0 0 34px;
}
.picto .twiter:hover{
	background-image:url(../images/picto_twiter_hover.png);
}
.picto .blog{
	background-image:url(../images/picto_blog.png);
	display:block;
	width:32px;
	height:48px;
	float:left;
	margin:30px 0 0 34px;
}
.picto .blog:hover{
	background-image:url(../images/picto_blog_hover.png);
}
.contenu .blocktext{
	width:350px;
	float:left;
	margin-top:10px;
}

.blocktext p{
	margin-left:19px;
}
.contenu .sepVertical{
	background-image:url(../images/sepVertival.jpg);
	width:1px;
	height:136px;
	float:left;
	overflow:hidden;
	margin:0 17px 0 17px;
}
.contenu .longDure{
	width:252px;
	height:126px;
	float:left;
	margin-top:10px;
}
.contenu .blockPartenaire{
	width:619px;
	height:74px;
	border:1px solid #eedcdc;
	margin-top:15px;
	margin-left:20px;
}
.blockPartenaire img{
	margin:5px 40px 0 40px;
}
/**************************************************************/
.container .colRight{
	background-image:url(../images/bg_colRight.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:11px 10px 0 11px;
	width:226px;
	min-height:756px;
	float:left;
	margin-left:26px;
	margin-top:32px;
}
.colRight .titrePromo{
	background-image:url(../images/titre_promo.jpg);
	display:block;
	height:27px;
	width:226px;
}
.colRight .titreMeteo{
	background-image:url(../images/titre_meteo.jpg);
	display:block;
	height:27px;
	width:226px;
}
.colRight a.blog{
	background-image:url(../images/lien_blog.jpg);
	display:block;
	height:27px;
	width:226px;
}
.colRight .titrecondition{
	background-image:url(../images/titre_condition.jpg);
	display:block;
	height:27px;
	width:226px;
}
.colRight img{
	margin:auto;
	margin-top:15px;
	display:block;
}
.colRight .sepColright{
	background-image:url(../images/sepColRight.jpg);
	width:214px;
	height:1px;
	margin:auto;
	margin-top:17px;
	margin-bottom:17px;
	overflow:hidden;
}

/**********************************************************/
.global .sepFooter{
	background-image:url(../images/separator_footer.jpg);
	height:2px;
	width:926px;
	margin:auto;
	margin-top:25px;
	margin-bottom:30px;
	overflow:hidden;
}
.footer a.copyright{
	background-image:url(../images/copyright_212communication.jpg);
	width:197px;
	height:17px;
	margin-top:20px;
	margin-bottom:20px;
	display:block;
}
a.copyright span{
	display:none;
}
.img-circuit {
	width:150px;
	float:left;
	margin-left:20px;
	margin-top:5px;
	}
.article-circuit{
	float:left;
	clear:both;
	margin-bottom:10px;
	border: 1px dashed #666666;
	padding:5px;
	}
/*************************** package **********************************/
.pack {
	clear:both;
	float:left;
	margin-left:30px;
	margin-bottom:15px;
	width: 590px;
	height: 103px;
	}
.package-left {
	float:left;
	background-image:url(../images/package-bg-left.gif);
	width:6px;
	height:105px;
	}
.package{
	float:left;
	border-bottom:1px solid #777373;
	border-top:1px solid #777373;
	height:103px;
	background:#dcdcdc;
	width:560px;
	}
.package-right {
	float:left;
	background-image:url(../images/package-bg-right.gif);
	width:5px;
	height:105px;
	}		
.studio {
	background-image:url(../images/backage-studio.gif);
	width:150px;
	height:100px;
	float:left;
	margin-top: 2px;
	margin-bottom: 1px;
	}
.plus{
	background-image:url(../images/package-plus.gif);
	float:left;
	width:19px;
	height:88px;
	margin:2px 2px 0 5px;
	}
.voiture {
	background-image:url(../images/package-voiture.gif);
	float:left;
	width:150px;
	height:100px;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
	}
.reser {
	float:left;
	width:34px;
	height:89px;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
	}				
.txt-pack{
	font-size:14px;
	font-weight:bold;
	float:left;
	width: 175px;
	margin-top:20px;
	}
.red {
	color:#bf3535;
}
/***********************************************/
td{
	padding-left:2px;
	padding-right:2px;
	color:#000000;
	font-size:11px;
	font-weight:bold;
}		
h1 strong{
	color:#FF0000;
}
a.blockparc{
	display:block;
	float:left;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #FF0000;
	color:#FFFFFF;
	background-color:#333333;
	margin-left:2px;
}
a.blockparc:hover{
	border:1px solid #333333;
	color:#FFFFFF;
	background-color:#CC0000;
	margin-left:2px;
}
.flash{
	margin:15px auto 0 ;
	width:213px;
}

/********************************************************************************************************/
.reservation{
	width:600px;
	margin:auto;
}
.reservation u{
	text-decoration:none;
	color:#cb1010;
	margin-left:30px;
}
.reservation strong{
	padding:5px 0px;
	display:block;
	color:#cb1010;
	margin-left:40px;
	font-size:14px;
}
.reservation input.button{
	background:none;
	background-image:url(../images/input_res.jpg);
	width:106px;
	height:22px;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	margin-left:30px;
}
/**********************************************************************************************************/
.container .contact{
	background-image:url(../images/bg_contact.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:600px;
	min-height:445px;
	float:left;
	padding:8px 10px;
}
.contact .form{
	width:263px;
	float:left;
	margin-top:40px;
}
.contact .separContact{
	border-left:1px solid #cac3c3;
	width:1px;
	height:226px;
	float:left;
	margin:0 14px;
	margin-top:40px;
}
.contact .plan{
	width:293px;
	float:left;
	margin-top:40px;
	font-size:9px;
}
.contact input{
	width:184px;
	height:20px;
}
.contact textarea{
	width:184px;
	height:104px;
}
.contact input.botton{
	border:none;
	background:none;
	background-image:url(../images/bg_input.jpg);
	width:51px;
	height:15px;
	color:#FFFFFF;
	float:right;
	font-size:10px;
}
.plan .imgPlan{
	width:223px;
	height:191px;
	float:right;
	margin-top:15px;
}
/***********************************************************************************************************************************/
#demo {width:660px;}
.video{
	width:236px;
	height:137px;
	float:left;
	margin-left:60px;
}