body
{
margin:0;
background:#ffffff;
text-align:center;
font:12px arial, sans-serif;
}
@font-face
{
font-family: "MyriadPro-Light";
src: url('MyriadPro-Light.otf'); /* IE9+ */
}
@font-face
{
font-family: "MyriadPro-Regular";
src: url('MyriadPro-Regular.otf'); /* IE9+ */
}

.nobold {font-weight: 100 !important;}
.georgiaitalic { font-family: "georgia";font-style: italic; }
.georgia { font-family: "georgia"; }

.colorgrey1{color: #313131;}
.colorwhite {color: #ffffff;}
.contener{width:100%;text-align: center;}
.noneFloat{float: none !important;}
.menu {width: 100%;padding: 0.5%;}
.submenuCSS { background: #4ac2ce; padding: 17px;list-style: none;}
.submenuCSS li {margin:0px;}
.submenuCSS li a {color: #a50a1c;text-transform:uppercase;padding: 10px;display: block;text-decoration: none;}
.submenuCSS li a:hover { background: #34a5af;}
.backgreen {background: #125623;}
#header{background: #f7f7f7;}
.right1 {float: right !important;}

.menuPage {position: relative;padding-top: 40px;}
#navigation{}
#navigation li {float: left;list-style: none;display: table;height:40px;margin-left: 2.9em;text-align: center;line-height:8.3em;}
#navigation li a{height:40px;padding-top: 1em !important;padding:0.4em 0.4em ;color: #263a81; font-family: "Arial";font-size: 12px;
text-decoration: none;/*text-transform: uppercase;*/word-break: break-word;font-weight: 100;color: #313332;}
#navigation li a:hover, .menu_actif a{background:transparent;font-weight: bold;}

.slider_site{padding: 0;margin: auto auto;list-style: none;display: block;}
.design_slide { padding-left: 7em;padding-top: 7em; color: #ffffff;}
.design_slide h3 {padding: 0;margin:0;font-size: 2.9em;padding-top: 0.5em;padding-bottom:0.5em; }
.design_slide span {text-transform:uppercase; }
.design_slide p {font-size: 3em;}
.design_slide a{display: block;padding-top: 0.5em;color: #52bdd9;font-size: 2em;} 

.lang a, .lang{color: #ffffff;border:1px solid red;}

.slider_site li {width:100%;text-align: left;}
/* DESIGN TOP CONTACT */
.design_top_contact {background: transparent url('../images/design-7.png') right no-repeat;
 height: 95px;color: #ffffff;text-align: right;padding-right: 10px;}
 .panel_home_services {background: transparent url('../images/design-8.png') right no-repeat;height:344px;
position: relative;z-index:1500;text-align: right !important;padding-right: 10px;font-size: 1.3em;}
.panel_home_services h2 {padding-top: 4.3em;font-weight: 100;font-size: 0.8em;text-transform: uppercase;color: #ffffff;}

.panel_home_services ul{list-style: none;}

.panel_home_services ul li a {color: #ffffff;}
.panel_home_services li { padding-top:0.4em;padding-bottom: 0.3em;width:300px;word-break: break-word;}
.homeAboutus { color: #363636;font-weight: 100;font-size: 14px;line-height: 26px; }

.headBlue {background: #58bcd7;color: #ffffff;}
.headAbouts {height: 68px;background: transparent url('../images/layer-9.png');color: #ffffff;}
.moreinfo {
	display: block;text-align: center;
	font-weight: bold;color: #7d7d7d;
	width: 87px;
	height: 34px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #c8c8c8; /* layer fill content */
}
.hotels {font-family: "georgia";background: #125623;display: table;font-size: 34px;font-style: italic;
color: #ffffff;font-weight: 100;margin-top: 70px;position: relative;z-index: 500;}

.bigtitle {font-family: "georgia";font-style: italic;}
.bigest {font-family: "georgia";font-size: 32px;
color: #313131;font-style: italic;font-weight: 100 !important;}
.text_chapeau {font-family: "georgia"; font-size: 17px;font-style: italic;color: #313131;}

.homePartner h3{font-weight: 100;color: #323232;}
.headTitle {background: #031c23;color:#58bcd7;font-size: 33px;font-family: 'MyriadPro-Light' }
.filariane,.filariane a {font-family: "georgia";font-size: 14px;color: #ffffff;font-style: italic;}

.footer{background:#2b2b2b;display: table;border-bottom: 1px solid #0b0b0b;}
.footProduct h3 {font-weight: 100;text-transform: uppercase;}
.footProduct a {color:#58bcd7;font-weight: 100;font-size: 14px;margin-top: 15px;}

.footContact h3 {font-weight: 100;text-transform: uppercase;}
.footContact .text {font-weight: 100;font-size: 15px;line-height: 23px;}

.menuFoot {display: table;}
.menuFoot li {float: left;list-style: none;display: block;padding: 5px;}
.menuFoot li a {color: #fff;}
.copyright{color: #afb0b0;background: #2b2b2b;border-top:1px solid #4b4b4b;}
.copyright a { color: #afb0b0; }
.menuHamburger{display: none;}
.hamburger {
	width: 20px;
	height: 3px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #4f4f4f; /* layer fill content */
}
#map{height: 350px;width: 100%;color:#c5c5c5;text-align: center;}
.button { border: none;font-size: 17px;color: #ffffff;padding:6px;
 position: relative;z-index: 500;
 }
 #showPage {position: relative;z-index: 500;}
 #zonevisible, #zonevisible1 {display: none;}

 .inputForm {	height: 36px;
	border: 1px solid #afafaf; /* stroke */
	background-color: #fff; /* layer fill content */
	display: block;outline: none;
	font-size: 1.1em;color: #5c5c5c;
}

.promoPercent 
{
	border:1px dashed #ffffff;
	border-radius:190px;
	-moz-border-radius:190px;
	-webkit-border-radius:190px;
	padding: 20px;
}

.textarea {  
border: 1px solid #afafaf; /* stroke */
	background-color: #fff; /* layer fill content */
	height: 140px;display: block;outline: none;
	font-size: 1.1em;color: #5c5c5c;
}
.submitForm {border: none;
	color: #fff;
	width: 144px;
	height: 36px;
	background-color: #337739; /* layer fill content */
}
.offerhome a{color: #000;display: table;}
.offerhome:hover {background: #f5f5f5;}
.boxfoot {padding-top: 20px;}
.boxfoot a {display: block;color: #afb0b0;padding-bottom: 20px;font-size: 14px;}
.title_foot {font-family: 'georgia';font-size:27px;font-weight: 100 !important;font-style: italic;color: #ffffff;}
.reservation { display:none;background: #e6e7e7;z-index: 500;position: absolute;margin-left:22%;margin-top:-20%;  }
#reserve {cursor: hand;cursor: pointer;}
#closing{border: 0;background: transparent;}
/* box page offer */
.offerBox {height: 410px;background: grey;margin:37px;}

.rectangle-37 {
	position: relative;z-index: 500;display: block;
	width: 119px;
	background-color: #d5d9d6; /* layer fill content */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDExOSA1NSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYmViZWJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMTkiIGhlaWdodD0iNTUiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #bebebe 0%, #ededed 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #bebebe 0%, #ededed 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #bebebe 0%, #ededed 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #bebebe 0%, #ededed 100%); /* gradient overlay */
}

.traitgreen { border-bottom:3px solid #125623;padding-bottom: 23px;}
.greengrey { background: #125623; }
.rectangle29 {
	width: 327px;
	height: 388px;
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: 0 0 18px rgba(0,0,0,.2); /* drop shadow */
	-webkit-box-shadow: 0 0 18px rgba(0,0,0,.2); /* drop shadow */
	box-shadow: 0 0 18px rgba(0,0,0,.2); /* drop shadow */
}
/* onglet table */
#tabgroup {font-family: "georgia";}
#onglet{border-top:1px solid #ececec;border-right: 1px solid #ececec;border-left: 1px solid #ececec;position: relative;display: inline-block;list-style: none;padding:0;}
#onglet li{display: block;float: left;font-size: 18px;background: #c5c5c5;}
#onglet li a{padding: 20px;display: block;color: #313131;font-weight: bold;font-style: italic;text-transform: none;}
#onglet .current a,#onglet .current {background:#ffffff; color:#313131 !important;}
#tabgroup .tab_content {display: none;padding: 15px;}
#tabgroup .content_current {display: inherit;}
.infoflash {
	background-color: #083e16; /* layer fill content */
	-moz-box-shadow: 0 5px 51px rgba(0,0,0,.86); /* drop shadow */
	-webkit-box-shadow: 0 5px 51px rgba(0,0,0,.86); /* drop shadow */
	box-shadow: 0 5px 51px rgba(0,0,0,.86); /* drop shadow */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDMzMCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjU2Ljc5MDY1NDIzMzA5MTglIiB5MT0iMTA1LjMwNTQ0MDU0Njg5MiUiIHgyPSI0My4yMDkzNDU3NjY5MDgyJSIgeTI9Ii01LjMwNTQ0MDU0Njg5MTYyJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNjJiMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTU1MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjMzMCIgaGVpZ2h0PSI2NCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
	background-image: -moz-linear-gradient(97deg, #062b0f 0%, #115523 100%); /* gradient overlay */
	background-image: -o-linear-gradient(97deg, #062b0f 0%, #115523 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(97deg, #062b0f 0%, #115523 100%); /* gradient overlay */
	background-image: linear-gradient(353deg, #062b0f 0%, #115523 100%); /* gradient overlay */
}
.infoflash p{color: #ffffff !important;}
.promoPercent {color: #ffffff !important;}
.infoFlash p { color: #ffffff !important; }
.boxfloat {
	display: table;
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: 0 0 18px rgba(0,0,0,.2); /* drop shadow */
	-webkit-box-shadow: 0 0 18px rgba(0,0,0,.2); /* drop shadow */
	box-shadow: 0 0 18px rgba(0,0,0,.2); /* drop shadow */
	position: relative;z-index: 1250;
}
.firstHeading { color: #313131; }