/* 
 * CSS3 effect by Geoffrey Crofte
 * Thank to Simon for good initial stuff (design and initial CSS)
 * 2012 Feb.
 */


/* General */

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
	cursor:pointer;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 10%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


img {
	border:none;
}
body {
	margin: 0;
	padding: 0;
	color: #333;
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);*/
	position: relative;
	background: #fff;
	font-family: 'Didact Gothic', sans-serif;
font-size: 1em;
line-height: 1.8em;
letter-spacing:0.06em;


}
video#bgvid {
  position: relative; width:100%;
 
  
  background: url(images/video.jpg) no-repeat;
  
}
a {
	font-style:normal;
	text-decoration:none;
	
	color:#a84717;
	outline:none;
}
.container {
	width:100%;
	position:relative;
	margin-top:140px;
}
.container2 {
	width:100%;
	position:relative;
	margin-top:140px;
}
.mess {
	position:fixed;
top: 200px;
background-color: #fff;
padding: 20px;
display: block;
color: #000;
-webkit-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;
z-index: 10;
left: 30%;
text-align:center;
}
#wrap {
	position: relative;
	top:150px;
	-webkit-transition: top 1.4s cubic-bezier(.49,.22,.52,1);
	-moz-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	-ms-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	-o-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	
}


/* Slides contents */
#slide2, #slide3, #slide4, #slide5, #slide6 {
	margin-top:0px;
}
.slide_inside {
	
	margin: 0 auto 0;
	position: relative;
	
	padding: 20px;
}
.slidebefore {
	background-color:rgba(50,49,54,1);
	width:100%;
	color:#ccc;
	margin-top:0px;
	text-align:center;
	min-height:120px;
	font-size:0.8em;
	position:relative;
}
.slidebefore::before {
content: "";
border: 30px solid rgba(50,49,54,1);
position: absolute;
top: -25px;
border-radius: 50%;
background-color: rgba(50,49,54,1);

    
}

.messagealerte {
	color:#fff;
	font-size:0.6em;
}
.fltleft {
	float:left;
	margin-right:20px;
	width:18%;
}

.divdroite {
	float:right;
	padding:10px;
	
	width:46%;
	
	margin-bottom:10px;
	text-align:justify;
}
.divgauche {
	float:left;
	padding:10px;
	
	width:46%;
	margin-bottom:10px;
	
	text-align:justify;
}
.divnormale {
	width:96%;
	padding:2%;
	clear:both;
	border:1px solid #ccc;
	background-color:#fff;
}
.inline {
	width: 40%;
display: inline-block;
vertical-align: top;
text-align: left;
margin:2%;
}
.sep {
	height:1px;
	width:100%;
	border-bottom:1px solid #ccc;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}


section  {
	
	min-height:400px;
	text-align:center;
	position:relative;
	
}
article {
	position:relative;
	padding:0;
	
	min-height:400px;
	
	margin:0 auto;
	text-align:center;
	padding-bottom:40px;
	padding-top: 0;
	
}
.panier {
	width:70%;
}
.panier table {
	width:100%;
	 text-align:center;
	
	 margin:0 auto;
	 border-bottom:solid 1px #666;
}
.panier th {
	background-color:#ccc;
}
.cgv {
	width:96%; overflow:auto;height:400px;
	margin:0 auto;
	text-align:justify;
}
article h1 {

	
}
p {
	margin:0;
	padding:10px;
	
}
article p {
	width:70%;
	margin:0 auto;
	text-align:justify;
	margin-bottom:10px;
	
	
}
article img {
	
	width:100%;
	margin-top:0;
}

.clear {
	clear:both;
}

/*h1::before {
	content:url(images/h1_top.png);
	height:20px;
	width:80%;
	
}
h1::after {
	content:url(images/h1_bot.png);
	height:20px;
	width:80%;
	
}*/
.h1small{
	width:auto;
	font-size: 0.53em;
	
}
/*h1:first-letter {
    color: red;font-family: 'Sugo';
	text-transform:uppercase;
    font-size: 1.5em;
    font-weight: bold;
}*/
h1, h2 {
	margin:0;
	
	padding-top:1.5em;
	font-size: 2.2em;
	font-family: 'Anton', sans-serif;
	color: #333;
	border-bottom:1px solid #ccc;
	height:2.2em;
	}
.h2, .h1 {

/*font-family: 'Herr Von Muellerhoff', cursive;*/
font-family: 'Fredericka the Great', cursive;
font-size: 3em;
color: #d2d2d2;
z-index:-1;



}
h3 {
	background-color:#323136;
}
.alerte {
	font-size:1.5em;
	color:#000000;
	font-weight:600;
}
.zoom {
	cursor:pointer;
	cursor:-Moz-Zoom-In;
	width:60%;
		-webkit-transition: all 0.4s  cubic-bezier(.49,.22,.52,1);
	-moz-transition: all 0.4s cubic-bezier(.49,.22,.52,1.35);
	-ms-transition: all 0.4s  cubic-bezier(.49,.22,.52,1.35);
	-o-transition: all 0.4s  cubic-bezier(.49,.22,.52,1.35);
	transition: all 0.4s  cubic-bezier(.49,.22,.52,1.35);
}
.zoom.clic-image{
	transform: scale(2,2);
}
.note_right {
	float:right;
	width:45%;
	margin-top:2%;
	font-size:0.8em;
	line-height:1.5em;
	
}
.note_right img {
	width:65px;
	position:relative;
}
.puce {
	text-align:center;
	display:inline-table;
	text-transform: capitalize;
	width:24%;
	
}
.note_left {
	float:left;
	width:45%;
	
	
}
.line_bg {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(images/lineblack.jpg);
	background-position: center 1em;
	background-repeat:repeat-x;
	margin-bottom:20px;
	margin-top:20px;
}

.link1 {
	border-radius: 4px;
	background-color:#d2d5cc;
	padding:8px;
	-webkit-transition:background 1s;
-moz-transition:background 1s;
-o-transition:background 1s;
transition:background 1s;
border:1px solid #333;
}
.link1:hover{
	color:#fff;
	background-color:#3c444c;
}
.link2 {
	background:none;
	border:none;
	text-align:center;
	border-radius: 4px;
	background-color:#d2d5cc;
	border:1px solid #d2d5cc;
	color:#333;
	padding:8px;
	-webkit-transition:background 1s;
-moz-transition:background 1s;
-o-transition:background 1s;
transition:background 1s;
font-size:1.2em;
cursor:pointer;
border:1px solid #d2d5cc;
margin:5px;
}
.link2:hover{
	color:#fff;
	background-color:#57534d;
	border:1px solid #333;
}
.link2:hover a{
	color:#fff;
	
}
.link3 {
	color:#000;
	background-color:#fff;
	padding:8px;	
border:1px solid #000;
min-width:200px;
margin:10px;
font-size:16px;
display:inline-block;
cursor:pointer;
text-align:center;
-webkit-box-shadow: 0px 0px 0px #737272;
	box-shadow: 0px 0px 0px #737272;

		-webkit-transition: all 0.4s ;
	-moz-transition: all 0.4s ;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	
}
.link3:hover {
	background-color: #fff;
	
	-webkit-box-shadow: 0px 0px 8px #737272;
	box-shadow: 0px 0px 8px #737272;
	background-color: #57534d;
	color:#fff;
}
.link3 a:hover {
	
	color:#fff;
}
.bg_gris {
	background-color:#eaeaea;
	width:96%;
	padding:2%;
	text-align:center;
	color:#d2d5cc;
}

.bg_gris2 {
	color:#3c444c;
	width:96%;
	padding:2%;
	text-align:center;
	background-color:#d2d5cc;
}
.plaquette {
	width:50%;margin:0 auto;
}
.tabtitle {
	text-align:left;
	font-size: 1.5em;
	font-family: 'Open Sans', sans-serif;
	color:#fc391d;
	line-height:1em;
	font-weight: unset;
}
.gras{
	font-size: 2em;
}



.chevronDown{
	
	
	position:relative;
	top:80%;
	width:100px;
	margin:0 auto;
	display:block;
	
	text-height:30px;
	 transform:scalex(3);
	 font-size:3em;
}
.chevronDown i{
	
	
		
}
.text_form {
	border:none;
	background:none;
	width:100%;
	height:20px;
	border:1px solid #333;
	color:#333;
	padding:5px;
	text-align:left;
	margin-bottom: 20px;
}
.text_form2 {
	display:inline-block;
	width:44%;
	margin:2%;
	border:none;
	background:none;
	background-color:#eaeaea;
	
	height:20px;
	border:1px solid #d2d5cc;
	border-radius:6px;
	color:#333;
	padding:5px;
	text-align:left;
}
.formulaire .text_form {
	border:none;
	background:none;
	width:70%;
	height:20px;
	border-bottom:1px solid #fff;
	color:#fff;
	padding:5px;
	text-align:left;
	margin-bottom: 0px;
}
.btn2 {
	background:none;
	border:none;
	color:#fff;
	font-family: 'Sugo', sans-serif;margin-right:20px;
	font-size:1.5em;
	cursor:pointer;
	
}

	
.scroll {
	position:absolute;
	top:150px;
	right:0px;
	overflow:hidden;
	padding:10px;
	z-index:1000;
	background-color:#333;
	font-size:2em;
	color:#0fa89f;
}
.scroll img {
	position:relative;
	top:0;
}
.scroll2 {
	position:absolute;
	top:240px;
	right:0px;
	overflow:hidden;
	font-size:2em;
	z-index:1000;
	background-color:#333;
	padding:10px;
	color:#57534d;
}
.scroll2 img {
	position:relative;
	top:0;
}



.gift {
	
	z-index:20000;
	background-color:#333;
	width:350px;
	text-align:left;
    
}
.gift ul {
	list-style:none;
	
}
.gift li {
	padding:8px;
	position:relative;
	text-transform:uppercase;
	-webkit-transition-duration:1.5s;
	-moz-transition-duration:1.5s;
	-ms-transition-duration:1.5s;
	-o-transition-duration:1.5s;
	transition-duration:1.5s;
	background-color:none;
}
.gift li:hover {
	background-color:#666;
}
.gift li a {
	color:#fff;
}
.fixed2 {
	position:fixed;
	top:7%;
	right:-315px;
	-webkit-transition-duration:1.5s;
	-moz-transition-duration:1.5s;
	-ms-transition-duration:1.5s;
	-o-transition-duration:1.5s;
	transition-duration:1.5s;
	
}
.fixed2:hover {
	
	right:0px;
	
}
/* slides */


#lang {
	display:none;
	list-style:none;
	
	position:absolute; 
	
	width:120px;
	text-align:left;
	float:left;
	top:-3px;
}
.lang_hover {
	cursor:pointer;
	
	height:40px;
	overflow:hidden;
	
	}
	.language {
		position:relative;
		left:0px;
		float:left;
		color:#333;
	}
.lang li {
	
	margin-right:5px;
	float:left;
	color:#333;
	background-color:rgba(51,51,51,0);
	
	padding:5px;
	-webkit-transition: all 0.6s cubic-bezier(.49,.22,.52,1);
	-moz-transition: all 0.6s cubic-bezier(.49,.22,.52,1.35);
	-ms-transition: all 0.6s cubic-bezier(.49,.22,.52,1.35);
	-o-transition: all 0.6s cubic-bezier(.49,.22,.52,1.35);
	transition: all 0.6s cubic-bezier(.49,.22,.52,1.35);
}
.lang li:hover {
	
	border-radius:5px;
	color:#fff;
	background-color:rgba(51,51,51,1.00);
	
	
}
.slideh {
	cursor: pointer;
	
}
.slidehvu, .slidenews {
	position: fixed;
	padding: 5%;
	top: 2%;
	width: 86%;
	text-align: justify;
	left: 2%;
	display: none;
	color: #333;
	background-color: #fff;
	height: 600px;
	z-index: 1500;
	overflow: auto;
	-webkit-box-shadow: 0px 0px 5px #515151;
	box-shadow: 0px 0px 5px #515151;
}
#confcoffret {
	
	width:100%;
	position:relative;
}
.confcoffret {
	width:30%;
	height:100%;
	display:inline-block;
	vertical-align:top;
	border-right:dotted 1px #999;
	padding-left:1%;
	padding-right:1%;
	height:400px;
}
.confcoffret img {
	width:90%;
}

.confcoffret:nth-last-child(3) {
	border-right:none;
}
.confcoffret select {
	border:none;
	background:none;
	padding:5px;
	width:95%;
	border:1px solid #333;
	margin:5px;
}
.offre_desc {
	width:70%;
	display:inline-block;
	
}
.offre_img {
	margin-right:20px;margin-bottom:20px;display:inline-block;width:24%;
}
.offre_txt {
	display:inline-block;width: 45%;vertical-align:top;
}
.newslet {
	display:none;
}
.vignette_title {
	text-transform:uppercase;
	text-align:center;
	
	
	letter-spacing:1.8px;
	
}
ul.vignette {
	width:80%;
	position:relative;
	list-style:none;
	margin:0 auto;
	text-align:center;
	
}
ul.vignette li {
	width:460px;
	
	position:relative;
	display:inline-block;
	margin-right:1%;
	
font-size: 0.95em;
margin-bottom:2%;
vertical-align:top;

}
	
ul.vignette li .commvignette {
		
	text-align:justify;
	line-height:1.5em;
	min-height:170px;
	border-bottom:1px solid #000;
	
	
}
ul.vignette li .commvignette h2 {
	margin:0;
	
	padding-top:1.5em;
	font-family: 'Didact Gothic', sans-serif;
font-size: 1.3em;
line-height: 1.8em;
letter-spacing:-0.02em;
	color: #666;
	border-bottom:none;
	text-transform:uppercase;
	
}
ul.vignette li .commvignette p {
	width:auto;
	margin:0;
	padding:0;
	
	padding-bottom:20px;
	opacity:0.2;
	-webkit-transition-duration:1.0s;
	-moz-transition-duration:1.0s;
	-ms-transition-duration:1.0s;
	-o-transition-duration:1.0s;
	transition-duration:1.0s;
}
ul.vignette:hover .commvignette p {
	
	opacity:1;
}

ul.vignette li .icone {
	
	margin-right:10px;
	margin-top:0px;
	
	-webkit-transition: all 0.4s cubic-bezier(.49,.22,.52,1);
	-moz-transition: all 0.4s cubic-bezier(.49,.22,.52,1.35);
	-ms-transition: all 0.4s cubic-bezier(.49,.22,.52,1.35);
	-o-transition: all 0.4s cubic-bezier(.49,.22,.52,1.35);
	transition: all 0.4s cubic-bezier(.49,.22,.52,1.35);
	

}
ul.vignette li:hover .icone  {
	
}
ul.vignette li img:hover  {
	
}

.before {
	padding-bottom:20px;
	
}
.before li {
	
	text-decoration: inherit;
	/*--adjust as necessary--*/
	
	
	
	padding-left:30px;
	top: 10px;
	left: 0;
	background-image: url(images/puce.png);
	background-position: left 0px;
	background-repeat:no-repeat;
}

.video_app {
	position:absolute;
	top:-85px;
	left:0px;
	display:none;
	
}
.video {
	cursor:pointer;
}
.closed {
	position:absolute;
	top:0;
	right:0;
	padding:3%;
	color:#999;
	font-size:3em;
	cursor:pointer;
	
}
.closed3 {
	position: absolute;
	top: 30px;
	left: 5%;
	color: #333;
	font-size: 1.5em;
	cursor: pointer;
	
}
.closed4 {
	position: absolute;
	top: 30px;
	left: 5%;
	color: #333;
	font-size: 1.5em;
	cursor: pointer;
	
}
.closed10 {
	display:none;
	    position: absolute;
    text-align: left;
    font-size: 2em;
    
    cursor: pointer;
    top: 2%;
    right: 2.5%;

}

.app_menu {
	position:fixed;	
	display:none;
	
	left:120px;
	top:4.6%;
	color:#fff;
	font-size:3.8em;
	
	z-index:9;
	font-family: 'Sugo', sans-serif;
}
.fa {
	color:#a84717;
}
.partenaire{
	list-style:none;
	
	list-style:none;
}
.partenaire li {
	float:left;
	margin-top:20px;
	margin-right:20px;
	width:100px;
	height:100px;
	border:1px solid #ccc;
	overflow:hidden;
	line-height:130px;
	background-color:#fff;
	padding:7px;
}
.partenaire li img {
	width:100px;
	
}
.partenaire li img:hover {
	
	
}
.newsletter { list-style:none; }
.newsletter li {
	margin-bottom: 10%;
	font-family: 'Sugo';
	font-size: 30px;
	width: 300px;
	line-height: 120px;
	background-image: url(images/btn1.png);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	border:1px solid #fc391d;
	 }

.ident {
	width:60%;
	margin:0 auto;
}
footer {
	width:100%;
	height:auto;
	
	position:relative;
	background-color:#000;
	
}
footer h2 {
	margin:0;
	
	padding-top:1.5em;
	
font-size: 1em;
line-height: 1.8em;
letter-spacing:0.06em;
	color: #ccc;
	border-bottom:none;
	
}
.ul_footer  { width:90%; margin:0 auto; list-style:none; text-align:center;position:relative; }
.ul_footer  li {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	margin-right:10px;width:340px;padding:1%; 
}
.ul_footer  li a{
	color:#999;
	
}

 
 .listnews { 
position:relative;float:right;right:0;margin-left:2%; border-left:1px solid;padding-left:2%;padding-top:4%;width:20%;
}
.tabcrewleft {
	float:left;
	width:45%;
	margin-right:5%;
	margin-top:10%;
}
.tabcrewright {
	float:right;
	width:45%;
	margin-top:10%;
}
.tabcrewleft td {
	padding:10px;
	padding-left:0px;
	vertical-align:top;
}
#formulaire {
	
	text-align:center; margin:0 auto;width:50%;position:relative;
}
.textcontact { 
text-align:left;float:right;margin-top:140px;margin-left:0; width:40%;
}


/*//////////////////////////////////formulaire reservation//////////////////////////////////////////*/

.fenetre1, .fenetre2,  .fenetre3, .fenetre4, .fenetre5, .fenetre6 {	
	display:none;
	position:fixed;
	width: 90%;
	min-height:300px;
	top:2%;
	left:3%;
	background-color: #eaeaea;
	
	height:90%;
	z-index:1000;
	overflow:auto;
	border:1em dotted #ddd;
}
.resa_frm{
	width:70%;
	margin:0 auto;
	margin-top:50px;
}
.resa_frm .no_text_form {
	border:none;
	background:none;
	font-size:22px;	
	font-family: 'Courgette', cursive;
	color:#333;
	width:360px;
}
.resa_frm .text_form_date {
	border:none;
	background:none;
	border:1px solid #000;
	
	
}
.resa_frm .no_btn {
	border:none;
	background:none;
	font-size:18px;
	
	
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////// team /////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#team{
	width: 100%;
	text-align: center;
	-webkit-box-shadow: -11px 0px;
	box-shadow: -11px 0px;	
	-webkit-box-shadow: 10px 0px;
	box-shadow: 10px 0px;
	-webkit-box-shadow: 10px 0px;
	box-shadow: 10px 0px;
}
#team a {
	
	
}
	#team li{
		margin: 20px 40px 20px 0px;
		padding: 0px;
		display: inline-block;
		width: 220px;
		height: 230px;
		text-align: center;
	}


		
		#team li figure{
			margin: 0px;
			padding: 0px;
		}
			#team li figcaption{
				margin: 0px;
				padding: 0px;
				
				-moz-transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
			}
			
			#team li figcaption span{
				margin: 0px;
				padding: 0px;
			}
			
			#team li figcaption.image{
				display: inline-block;
				width: 220px;
				height: 180px;
				text-align: center;
				display: block;
				float: left;
			}
				
				#team li figcaption.image img{
					margin: 0px;
					padding: 0px;
					height: 180px;
					width:auto;
				}
		
			#team li figcaption.contactme{
				display: inline-block;
				width: 0px;
				height: 180px;
				float: right;
			}
			#team li:hover figcaption.image{
				width: 180px;
			}
			
			#team li figcaption.contactme{
				width: 0px;
			}
				#team li figcaption.contactme span{
					display: block;
					width: 0px;
					height: 90px;
					-moz-transition: all 0.3s ease-in-out;
					-webkit-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;
				}
				
				#team li figcaption.contactme span.facebook{
					background: url('../images/profil.png') center center no-repeat;
				}
				#team li figcaption.contactme span.twitter{
					background: url('../images/at.png') center center no-repeat;
				}
				
				#team li figcaption.contactme span:hover{ }
				
			#team li:hover figcaption.contactme{
				width: 40px;
			}
			#team li:hover figcaption.contactme span{
				width: 40px;
			} 

			#team li figcaption.member{
				text-align: center;
				display: block;
				width: 100%;
				height: 50px;
				top: 0px;
				float: left;
			}
				#team li figcaption.member span{
					display: block;
					width: 100%;
				}
				#team li figcaption.member span.name{
					font-family: 'Lobster Two', 'Lato', Calibri, Arial, sans-serif;
					font-size: 1.3em;
					line-height: 30px;
				}
				#team li figcaption.member span.role{
					font-family: 'Lato', Calibri, Arial, sans-serif;
					font-size: 0.8em;
					line-height: 20px;
				}





#team li{
	
}

#team li figcaption.contactme{
	background: #fff;
}


#team li figcaption.member{
	
}

#team li figcaption.contactme span:hover,
#team li:hover figcaption.contactme span:hover{
	background-color: #ccc;
}

#team li figcaption.contactme span.facebook{
	background: url('images/profil.png') center center no-repeat;
}
#team li figcaption.contactme span.twitter{
	background: url('images/at.png') center center no-repeat;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////ACTUALITE/////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#elements { width:90%;margin:0 auto; }
.grid { text-align:center; }
.grid li {
	
	display:inline-block;
	width:300px;
	height:200px;
	overflow:hidden;
	text-align:center;
	
	cursor:pointer;
	margin-right:40px;
	margin-bottom:40px;
	vertical-align:top;
	position:relative;
	
	
	
	
	
}

.grid li:hover {
  
	/*transform: rotate3d(0,1,0,180deg);*/
	
}
.grid li:nth-child(3n){
	
}
.grid li img{
	width:300px;
	
	position:relative;
	
	 -webkit-transition-duration:0.2s;
    -moz-transition-duration:0.2s;
    -ms-transition-duration:0.2s;
    -o-transition-duration:0.2s;
    transition-duration:0.2s;
}
.grid li:hover img{
	
	transform: scale(1.1);
	
}
.actucom {
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	height:226px;
	width:286px;
	overflow:hidden;
	padding:7px;
	color:#333;
	background-color:rgba(255,255,255,0.8);
	cursor:pointer;
	text-align:center;
	
	-webkit-transition-duration:1.5s;
    -moz-transition-duration:1.5s;
    -ms-transition-duration:1.5s;
    -o-transition-duration:1.5s;
    transition-duration:1.5s;
	
}
.grid li:hover .actucom{
	opacity:1;
}
.com_news {
	
	color: #333;
font-size: 1em;

text-align: justify;
}
.titre_news {
	width:286px;
	text-align:center;
	
	color:#0f4072;
	font-size:1em;
	padding:7px;
	text-transform:uppercase;
	font-weight:bold;
	background-color:rgba(255,255,255,0.8);
	position:absolute;
	top:30%;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	
	
}
.titre_news a {
	
}
/*//////////////////////////actu mirroir//////////////////////////////*/
.actu {
	width:100%;
	text-align:center;
	position:relative;
}
.actu li {
	display:inline-block;
	
	width:300px;
	height:380px;
	margin:20px;
	margin-top:150px;
	cursor:pointer;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-ms-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
	position: relative;
top: -50px;
}

.actu li:hover {margin-top:0px;}
.img_up {
	width:300px;
	height:150px;
	overflow:hidden;
	margin-bottom:1px;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-ms-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
}
.img_down  {
	width:300px;
	height:150px;
	overflow:hidden;
	position:relative;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-ms-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
	
}
.img_up img{
	width:300px;
	height:300px;
}
.img_down img {
	position:relative;
	top:-150px;
	width:300px;
	transform: rotate(180deg);
	transform: rotateX(180deg);
	height:300px;
	opacity:0.6;
	
	filter: grayscale(80%);
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    -o-filter: grayscale(80%);
	
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-ms-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
}
.img_down_masque {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1.00) 70%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1.00) 70%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1.00) 70%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1.00) 70%);	
	
}
.actu li:hover .img_up {
	height:300px;
}
.img_down {
	height:150px;
}
.actu li:hover .img_down img {
	top:0px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////chambre/////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.chambre { width:90%;margin:0 auto; }
.chambre li {
	text-align:left;
	
}
.img1 {
	float:left;margin-right:20px;width:46%;
}
.img1 img{
	width:100%;
}
.img_ch {
	display:inline-block;
	width:45%;
	margin:1%;
	padding:1%;
	border:1px solid #999;
	overflow:hidden;
	position:relative;
}
.img_ch img {
	width:100%;
}
.ch_descr {
	float:left;
	width: 52%;

	
}
.ch_titre {
	font-size: 3em;
border-bottom: 1px solid #333;
text-align: left;
margin-bottom: 10px;

text-transform: capitalize;
line-height: 1.5;

}
.ch_ico {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	font-size:1.5em;
	padding:10px;
	
}
@media (min-width: 1201px) and (max-width: 1480px) {
	.fixed {
		display:none;
	}
	#formulaire {
	width:90%;
}
}

@media (min-width: 1025px) and (max-width: 1200px) {
	
	.chambre {
    width: 100%;
	}
	.ch_titre {
    font-size: 2em;
	}
	.plaquette {
	width:90%;margin:0 auto;
}
#formulaire {
	width:90%;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
	
	.fixed {
		display:none;
	}
	.logo {
    float: left;
    position: relative;
    z-index:0;
   width: 200px;
height: 100%;
margin: 0 auto;
float: none;
	}
		.ico_menu {
		display:block;
		left:5%;
		top:3%;
		font-size:2em;
		 color:#333;
	}

ul.vignette {
   
}
ul.vignette li{
	width:640px;
}	
ul.vignette li img{
	
}
ul.vignette li .commvignette {
   
    width: 450px;
}
ul.vignette li .commvignette p {
 opacity:1;
}
.inline {
	width: 90%;
}
.chambre .img1 , .chambre .ch_descr {width:100%;}
	.fenetre1, .fenetre2, .fenetre3, .fenetre4, .fenetre5, .fenetre6 { border:none;top:0;left:0;width:100%;height:100%;}
	.resa_frm .text_form_date { width:100%;}
	
	.ch_titre {
    font-size: 2em;
	}
	
.slidehvu, .slidenews {
    top:0;
	overflow: auto;
height: 100%;
}
.offre_descr {
	width:100%;
}
.offre_img {
	float:left;margin-bottom:20px;
}
.offre_txt {
	float: right;width:100%;
}
.ul_footer {
    width: 100%;
}
.plaquette {
	width:98%;margin:0 auto;
}
#formulaire {
	width:90%;
}
}
@media (min-width: 641px) and (max-width: 768px) {

.line {
	visibility:hidden;
}
ul.vignette {
    width: 60%;
}
ul.vignette li{
	width:auto;
}	
ul.vignette li img{
	
}
ul.vignette li .commvignette {
   
    width: 450px;
}
ul.vignette li .commvignette p {
 opacity:1;
}
#formulaire {
	width:90%;
}
.com_news {
    line-height:1em;
    font-size: 0.8em;
}
	.comcom {
		line-height: 1em;
	}
	.inline {
	width: 90%;
}
.chambre .img1 , .chambre .ch_descr {width:100%;}
	.fenetre1, .fenetre2, .fenetre3, .fenetre4, .fenetre5, .fenetre6 { border:none;top:0;left:0;width:100%;height:100%;}
	.resa_frm .text_form_date { width:100%;}
	
.slidehvu, .slidenews {
    top:0;
	overflow: auto;
height: 100%;
}
.offre_descr {
	width:100%;
}
.offre_img {
	float:left;margin-bottom:20px;
}
.offre_txt {
	float: right;width:100%;
}
.ul_footer {
    width: 100%;
}
.ul_footer li {
 
    width: 46%;

}
.plaquette {
	width:98%;margin:0 auto;
}
}

@media  (max-width: 640px) {
	
	body {
		overflow:auto;
	}
	h1 {
		background-size: 100% auto;
		top: -1.2%;
font-size: 1.2em;
	}
	.h2 {
    
    font-size:2em;
   
}
	section  {
		margin-top:0;
	
	
}
.ul_footer {
    width: 90%;
        
}
.ul_footer li {
   
    width: 100%;
}

.chevronDown {
	visibility:hidden;
}

.fixed {
    
    margin-top: 10%;
}


.container {
	margin-top:140px;
}
.container2 {
	margin-top:140px;
}
.note_right {
	display:none;
}



article {
	width:94%;
	
	
}

article p {
    width: 95%;
}
.note_left {
	float:left;
	width:100%;
	
	
	
}
ul.vignette {
    width: 100%;
}
ul.vignette li{
	width:360px;
}	
ul.vignette li .icone {
	
}
ul.vignette li .commvignette {
   
    
    position: relative;
}
ul.vignette li .commvignette p {
 opacity:1;
}
.com_news {
    line-height:1em;
    font-size: 0.7em;
}
	.comcom {
		display:none;
	}
	
.chambre .img1 , .chambre .ch_descr {width:100%;}
	.fenetre1, .fenetre2, .fenetre3, .fenetre4, .fenetre5, .fenetre6 { border:none;top:0;left:0;width:100%;height:100%;}
	.resa_frm .text_form_date { width:100%;}
	
.slidehvu, .slidenews {
    top:0;
	overflow: auto;
height: 100%;
}
.offre_descr {
	width:100%;
}
.offre_img {
	float:left;margin-bottom:20px;
}
.offre_txt {
	float: right;width:100%;
}
.footer {
	width:96%;
	height:auto;
	
	position:relative;
	bottom:0px;
	left:0px;
	clear:both;
	
}
.footer ul { width:auto; margin:0 auto; list-style:none; }
.footer ul li ,.newsletter li{
	margin:0;margin-top:5%;width:250px; font-size:20px;
}
span {
	width:auto;
}
.footer img { 
width:60%;
}
.savoir {
	font-size:1.5em;
}
.listnews { 
position:relative;float:right;right:0;margin-left:5%; border-left:1px solid;padding-left:2%;padding-top:10%;display:none;
}
.slidenews img {
	width: 250px;
}
.closed3 {
    
    top: 10px;
    left: 25%;
    
    font-size: 2em;
    
}
.partenaire {
   width: 460px;
    margin: 0 auto;
}
#elements {
    width: 90%;
	
}
.grid li {
    
    width: 280px;
	height:280px;
    
}
.grid li img {
    width: 280px;
}
.titre_news {
   
    width: 270px;
    
    font-size: 0.8em;
   
}
.actucom {
   
    width: 260px;
}
.tabcrewleft {
	clear:both;
	width:100%;
	margin-right:5%;
	margin-top:10%;
}
.tabcrewright {
	clear:both;
	width:100%;
	margin-top:10%;
}
#formulaire {
	width:90%;
}
.text_form2 { width:100%; }
.textcontact {
	width:90%;clear:both;float: unset;
}
.inline {
	width: 90%;
}
.scroll, .scroll2 {
	display:none;
}
.resa_frm {
    width: 90%;
}
.plaquette {
	width:98%;margin:0 auto;
}
}