/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #222;
}
body {
    font-size: 1em;
    line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
    vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}
a {
    /*color: #0386C0;*/
    color: #663366;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ==========================================================================
   Custom
   ========================================================================== */

/* ==========================================================================
   General
   ========================================================================== */

@font-face {
	font-family: 'HelveticaNeueLTStd-Th';
	src: url('../fonts/helveticaneueltstdth.eot');
	src: url('../fonts/helveticaneueltstdth.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/helveticaneueltstdth.woff') format('woff'),
			 url('../fonts/helveticaneueltstdth.ttf') format('truetype'),
			 url('../fonts/helveticaneueltstdth.svg#helveticaneueltstdth') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTStd-Md';
	src: url('../fonts/helveticaneueltstdmd.eot');
	src: url('../fonts/helveticaneueltstdmd.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/helveticaneueltstdmd.woff') format('woff'),
			 url('../fonts/helveticaneueltstdmd.ttf') format('truetype'),
			 url('../fonts/helveticaneueltstdmd.svg#helveticaneueltstdmd') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTStd-Roman';
	src: url('../fonts/helveticaneueltstdroman.eot');
	src: url('../fonts/helveticaneueltstdroman.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/helveticaneueltstdroman.woff') format('woff'),
			 url('../fonts/helveticaneueltstdroman.ttf') format('truetype'),
			 url('../fonts/helveticaneueltstdroman.svg#helveticaneueltstdroman') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Semibold';
    src: url('../fonts/myriadprosemibold.eot');
    src: url('../fonts/myriadprosemibold.eot?#iefix') format('embedded-opentype'),
             url('../fonts/myriadprosemibold.woff') format('woff'),
             url('../fonts/myriadprosemibold.ttf') format('truetype'),
             url('../fonts/myriadprosemibold.svg#myriadprosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('../fonts/myriadprobold.eot');
    src: url('../fonts/myriadprobold.eot?#iefix') format('embedded-opentype'),
             url('../fonts/myriadprobold.woff') format('woff'),
             url('../fonts/myriadprobold.ttf') format('truetype'),
             url('../fonts/myriadprobold.svg#myriadprobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/myriadproregular.eot');
    src: url('../fonts/myriadproregular.eot?#iefix') format('embedded-opentype'),
             url('../fonts/myriadproregular.woff') format('woff'),
             url('../fonts/myriadproregular.ttf') format('truetype'),
             url('../fonts/myriadproregular.svg#myriadproregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Light';
    src: url('../fonts/myriadprolight.eot');
    src: url('../fonts/myriadprolight.eot?#iefix') format('embedded-opentype'),
             url('../fonts/myriadprolight.woff') format('woff'),
             url('../fonts/myriadprolight.ttf') format('truetype'),
             url('../fonts/myriadprolight.svg#myriadprolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LucidaHandwriting-Italic';
    src: url('../fonts/lucidahandwritingitalic.eot');
    src: url('../fonts/lucidahandwritingitalic.eot?#iefix') format('embedded-opentype'),
             url('../fonts/lucidahandwritingitalic.woff') format('woff'),
             url('../fonts/lucidahandwritingitalic.ttf') format('truetype'),
             url('../fonts/lucidahandwritingitalic.svg#lucidahandwritingitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CooperBlackStd';
    src: url('../fonts/cooperblackstd.eot');
    src: url('../fonts/cooperblackstd.eot?#iefix') format('embedded-opentype'),
             url('../fonts/cooperblackstd.woff') format('woff'),
             url('../fonts/cooperblackstd.ttf') format('truetype'),
             url('../fonts/cooperblackstd.svg#cooperblackstd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BerlinSansFB-Reg';
    src: url('../fonts/berlinsansfbreg.eot');
    src: url('../fonts/berlinsansfbreg.eot?#iefix') format('embedded-opentype'),
             url('../fonts/berlinsansfbreg.woff') format('woff'),
             url('../fonts/berlinsansfbreg.ttf') format('truetype'),
             url('../fonts/berlinsansfbreg.svg#berlinsansfbreg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaLTStd-Bold';
    src: url('../fonts/helveticaltstdbold.eot');
    src: url('../fonts/helveticaltstdbold.eot?#iefix') format('embedded-opentype'),
             url('../fonts/helveticaltstdbold.woff') format('woff'),
             url('../fonts/helveticaltstdbold.ttf') format('truetype'),
             url('../fonts/helveticaltstdbold.svg#helveticaltstdbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html{
	width:100%;
	height:100%;
}

body{
	overflow-x: hidden;
    font-family:"Arial";

}

#background{
	background-image : url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width:100%;
	height:100%;
	position: fixed;
	top:0;
}

#aplat{
    width:100%;
    height: 100%;
    background-image : url(../images/aplat.png);
    background-repeat: repeat;
    position: fixed;
    top:0;
    z-index: 9999;
    display: none;
}

.wrap{
	width:970px;
	margin:0 auto;
	position:relative;
}

.clear{
	clear: both;
}

.bold{
	font-weight: bold;
}

.italic{
	font-style: italic;
}

/* ==========================================================================
   Header
   ========================================================================== */

header{
	height:184px;
	margin:0 0 2px 0;
}

#logo{
	width:443px;
	height:189px;
	float:left;
	position: absolute;
	left:-138px;
	top:25px;
}

#nav-top{
	float: left;
	padding:20px 0 0 0;
	margin:0 0 0 304px;
    position: relative;
    z-index: 10;
    min-width: 400px;
}

#nav-top ul li a{
	color:#404040;
	font-size: 12px;
	text-decoration: none;

}

#nav-top ul li a:hover{
	text-decoration: underline;
}

#nav-top ul li{
	padding:0 8px 0 6px;
	background-image : url(../images/nav-top-a.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 30px;
	float:left;
	height: 19px;
}

#nav-top ul li.last{
	background: none;
}

#flags{
	width:60px;
	float: left;
	padding:19px 0 0 0;
	margin:0 0 0 8px;
}

#flags a{
	display: block;
	float: left;
	margin:0 6px 0 0;
}

#tripadvisor{
	width:119px;
	height:21px;
	float:right;
	position: relative;
	right:18px;
	padding:16px 0 0 0;
}

#tripadvisor > a{
    position: relative;
    z-index: 10;
}

#tripadvisor-hover{
    position: absolute;
    width:165px;
    top:0;
    right: -24px;
    z-index: 5;
    display: none;
}

#tripadvisor:hover #tripadvisor-hover{
    display: block;
}

#tripadvisor-top{
    width:157px;
    height: 8px;
    padding : 0 4px;
    background-image : url(../images/tripadvisor-top.png);
    background-repeat: no-repeat;
}

#tripadvisor-bottom{
    width:157px;
    height: 6px;
    padding : 0 4px;
    background-image : url(../images/tripadvisor-bottom.png);
    background-repeat: no-repeat;
}

#tripadvisor-content{
    width:157px;
    padding : 0 4px;
    background-image : url(../images/tripadvisor-content.png);
    background-repeat: repeat-y;

}

#tripadvisor-content-first{
    padding: 37px 0 0 0;
}

#tripadvisor-content ul{
    width:155px;
    margin: 1px auto 0 auto;
}

#tripadvisor-content ul li{
    width:100%;
    background-color: #f1f1f1;
    text-align: center;
    padding:0 0 5px 0;
}

#tripadvisor-content ul li a{
    text-decoration: none;
    color:#404040;
    text-transform: uppercase;
    font-family: 'HelveticaNeueLTStd-Roman';
    font-size: 10px;
}

#tripadvisor-content ul li a:hover{
    font-weight: bold;
}

#tripadvisor-content ul li.title{
    height: 32px;
    background-image : url(../images/tripadvisor-title.png);
    background-repeat: repeat-x;
    text-align: center;
    font-family: 'HelveticaLTStd-Bold';
    font-weight: bold;
    font-size: 14px;
}

#tripadvisor-content ul li.title a{
    color:#ffffff;
    text-decoration: none;
    line-height: 32px;
    text-transform: uppercase;
}

.tripadvisor-stars{
    margin: 0 0 0 5px;
}

.tripadvisor-star{
    display: inline-block;
    width:9px;
    height: 8px;
    background-image : url(../images/tripadvisor-star.png);
    background-repeat: no-repeat;
    margin: 0 -3px 0 0;
}

#call-to-action{
	float: right;
	margin: 46px 0 0 0;
	position: relative;
	right: 2px;
}

#call-to-action a{
	height:32px;
	text-decoration: none;
	color:#ffffff;
	text-transform: uppercase;
	line-height: 32px;
	font-family: 'HelveticaNeueLTStd-Md';
	font-size:14px;
	padding:0 0 0 16px;
	display:block;
	float: left;
	margin:0 0 0 2px;
}

#call-to-action a#call-reservation{
	width:155px;
	background-image : url(../images/call-to-action-resa.png);
	background-repeat: no-repeat;
}

#call-to-action a#call-parking{
	width:230px;
	background-image : url(../images/call-to-action-parking.png);
	background-repeat: no-repeat;
}

#menu{
	margin: 36px 0 0 0;
	width:972px;
	position: relative;
}

#menu li{
	float: left;
	display: block;
	height: 33px;
	background-image : url(../images/menu-li.jpg);
	background-repeat: repeat-x;
	margin:0 2px 0 0;
	text-align: center;
}

#menu > ul > li > a{
	text-decoration: none;
	color:#ffffff;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 33px;
	font-family: 'HelveticaNeueLTStd-Roman';
}

#menu > ul > li > a.active{
	font-family: 'HelveticaNeueLTStd-Md';
}

#menu > ul > li > a:hover{
    text-decoration: underline;
}

#menu #menu-accueil{
	width:102px;
}

#menu #menu-hotels{
	width:119px;
    position: relative;
    
}

#menu #menu-hotels:hover > a, #menu #menu-restaurants:hover > a{
    color:#000000;
    width:119px;
    background-color: #ffffff;
    display: inline-block;
    height: 36px;
    text-decoration: none;
    font-weight: bold;
}

#menu #menu-restaurants:hover > a{
    width:148px;
}

#menu #menu-m-accueil,
#menu #menu-m-prestations,
#menu #menu-m-chambres,
#menu #menu-m-restaurant,
#menu #menu-m-pro,
#menu #menu-m-portes,
#menu #menu-m-contact{
    padding:0 3px;
}
#menu #menu-m-accueil{
    padding:0 7px;
}

#list-hotels a, #list-restaurants a{
    text-decoration: none;
}

#list-hotels, #list-restaurants{
    width:970px;
    min-height: 100px;
    background-color: #ffffff;
    position: relative;
    z-index: 999999;
    margin:0 0 0 -104px;
    display: none;
}

#list-restaurants{
    margin:0 0 0 -225px;
}

#list-hotels li, #list-restaurants li{
    float: left;
    width:485px;
    margin: 0;
    background: none;
    height: auto;
}

.list-hotels-bloc{
    width:100%;
    margin:1px 00 0;
    position: relative;
    cursor: pointer;
}

.list-hotels-bloc:hover{
    background-color: #404040;
}

.list-hotels-bloc:hover h2, .list-hotels-bloc:hover h3, .list-hotels-bloc:hover p{
    color:#ffffff;
}

.list-hotels-bloc img{
    display: block;
    float: left;
    padding: 0 0 0 1px;
    background-color: #ffffff;
}

.list-hotels-text{
    float: left;
    width: 242px;
}

.list-hotels-bloc h2{
    font-size: 18px;
    text-align: left;
    padding:12px 0 0 7px;
    color:#404040;
    font-family: 'HelveticaNeueLTStd-Roman';
}

.list-hotels-bloc .list-hotel-stars{
    padding:8px 0 10px 7px;
    text-align: left;
}

.list-hotels-bloc .list-hotel-star{
    width:8px;
    height: 7px;
    background-image : url(../images/list-hotel-star.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin:0 4px 0 0;
}

.list-hotels-bloc:hover .list-hotel-star{
    background-image : url(../images/list-hotel-star-white.png);
}

.list-hotels-bloc h3{
    font-size: 12px;
    text-align: left;
    padding:0px 0 0 7px;
    color:#404040;

}

.list-hotels-bloc p{
    font-size: 12px;
    text-align: left;
    padding:16px 0 0 7px;
    color:#404040;
}

.list-hotels-bloc .list-hotel-arrow{
    background-image : url(../images/list-hotels-arrow.png);
    background-repeat: no-repeat;
    width:34px;
    height: 55px;
    position: absolute;
    left:208px;
    top:50%;
    margin:-28px 0 0 0;
    display: none;
}

.list-hotels-bloc:hover .list-hotel-arrow{
    display: block;
}

#menu #menu-restaurants{
	width:148px;
    position: relative;
}

#menu #menu-mont{
	width:222px;
}

#menu #menu-plein-air{
    width:108px;
}

#menu #menu-loisir{
	width:260px;
}

#menu-shadow{
	width:1430px;
	height: 9px;
	background-image : url(../images/menu-shadow.png);
	background-repeat: no-repeat;
	margin:2px 0 0 -230px;
}

/* ==========================================================================
   content
   ========================================================================== */

#content{
	margin-top:4px;
}

#slider{
    background-color: #fff;
	height:407px;
	width:100%;
    border-bottom: 1px solid #dadada;
}

#slider .slide{
	width:100%;
	height: 100%;
	display:none;
	opacity: 0;
    position: relative;
}

#slider .slide img{
    position:absolute;
    top:0;
    left:0;
}

#slide1{
	background: black;
}

#slide2{
	background: orange;
}

#slide3{
	background: violet;
}

.nav-slider{
    height:11px;
    position:absolute;
    top:378px;
    right:20px;
}

.nav-slider-btn{
    width:11px;
    height:11px;
    background-image : url(../images/nav-slider.png);
    background-repeat: no-repeat;
    float: left;
    margin:0 0 0 9px;
    cursor: pointer;
}

.nav-slider-btn.active{
    background-image : url(../images/nav-slider-active.png);
}

/* Slider type 1 */

#slider .slide.type1 h2, #slider .slide.type1 h3{
    position:relative;
    font-size: 30px;
    color:#729086;
    font-family: 'HelveticaNeueLTStd-Th';
}

#slider .slide.type1 h2{
    padding: 40px 0 0 50px;
}

#slider .slide.type1 h3{
    padding: 5px 0 0 80px;
}

/* Slider type 2 */

#slider .slide.type2 .slide-bloc-left{
    position:relative;
    width:365px;
    height:390px;
    top:10px;
    left: 10px;
    background-color: #efefef;
    cursor: pointer;
}

#slider .slide.type2 .slide-bloc-left:hover{
    background-color: #404040;
    top:0;
    left:0;
    width:385px;
    height:407px;
}

#slider .slide.type2 .slide-bloc-left h2{
    font-family: 'MyriadPro-Semibold';
    color:#000000;
    font-size:24px;
    padding:12px 12px 0 12px;
    margin-bottom:36px;

}

#slider .slide.type2{
    background-color: #f7f7f7;

}

#slider .slide.type2 .slide-bloc-left:hover h2{
    color:#ffffff;
    padding:22px 22px 0 22px;
}

#slider .slide.type2 img{
    width:586px;
    left:384px;
}

#slider .slide.type2 .slider-title-p{
    width:586px;
    left:384px;
    font-family: 'MyriadPro-Semibold';
    color:#000000;
    font-size:24px;
    padding:0 12px 0 12px;
}

#slider .slide.type2 .slide-bloc-left:hover .slider-title-p{
    color:#ffffff;
    padding:0 22px 0 22px;
}

#slider .slide.type2 p{
    color:#000000;
    font-size: 14px;
    font-family: 'MyriadPro-Regular';
    padding:0 12px 0 12px;
}

#slider .slide.type2 .slide-bloc-left:hover p{
    color:#ffffff;
    padding:0 22px 0 22px;
}

#slider .slide.type2 .slider-title-p .red{
    color:#ca270c;
    font-size: 30px;
    font-family: 'MyriadPro-Bold';
}

#slider .slide.type2 .slide-bloc-left:hover .slider-title-p .red{
    color:#ffffff;
    background
}

#slider .slide.type2 a.link{
    color:#ffffff;
    font-size: 14px;
    font-family: 'HelveticaNeueLTStd-Roman';
    font-size: 24px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding:15px 12px 15px 12px;
    width:200px;
    text-decoration: none;
    background-color:#553A5C;
    position: absolute;
    bottom: 30px;
    left:72px;
}

#slider .slide.type2 .slide-bloc-left:hover a.link{
    color:#ffffff;
    padding:0 22px 0 22px;
    bottom:40px;
    left:82px;
    padding:15px 12px 15px 12px;
}

#slider .slider-arrow{
    width:62px;
    height:98px;
    background-image : url(../images/slider-type-2-arrow.png);
    background-repeat: no-repeat;
    position:absolute;
    top:282px;
    left:384px;
    z-index: 5;
    display:none;
}

#slider .slide.type2 .slide-bloc-left:hover .slider-arrow{
    display: block;
}

/* Slider type 3 */

#slider .slide.type3 h2{
    position:relative;
    font-size: 93px;
    color:#ffffff;
    font-family: 'HelveticaNeueLTStd-Th';
    padding:70px 0 0 0;
    text-align:center;
}

#slider .slide.type3 h3{
    position:relative;
    font-size: 18px;
    color:#ffffff;
    font-family: 'MyriadPro-Light';
    font-style: italic;
    padding:0 0 0 0;
    text-align:center;
}


#slider .slide.type3 h4{
    position:relative;
    font-size: 18px;
    color:#ffffff;
    font-family: 'MyriadPro-Regular';
    padding:125px 0 0 0;
    text-align:center;
}

/* ==========================================================================
   Col1
   ========================================================================== */

#monocol{
width:970px;
}

#col1{
    width:800px;
    float: left;
    border-right: 1px solid #dadada;
}

.bloc-offer{
    width:100%;
    height: 259px;
    border-bottom: 1px solid #dadada;
    background-color: #f7f7f7;
    position: relative;
}



.bloc-offer .hover p{
    margin:0 10px;
}
.bloc-offer .hover a, .bloc-offer .hover a:visited{
    font-size:13px;
    color:#ffffff;
    font-weight: bold;
    text-decoration: none;

    
}
.hover a:hover{
    text-decoration: underline;
}
.bloc-offer:hover .hover{
    display: block;
}

.arrow-offer-hover{
    width:62px;
    height:98px;
    background-image: url(../images/arrow-offer-hover.png);
    background-repeat: no-repeat;
    position: absolute;
    left: -62px;
    top:50%;
    margin-top:-49px;
}

.bloc-offer .hover p, .bloc-offer .hover{

    color:#ffffff;
    font-size: 12px;
    text-align: center;

}

.bloc-offer .hover h3{
    color:#ffffff;
    font-family: 'HelveticaNeueLTStd-Th';
    text-align: center;
    padding:17px 0 11px 0;
    font-size: 35px;
}

.bloc-offer img{
    float: left;
}

.bloc-offer .hover,
.bloc-offer .bloc-offer-text{
    float: left;
    width:395px;
    height: 240px;
    background-color: #ffffff;
    position: relative;
    top:10px;
    left:10px;
}
.bloc-offer .hover p{
    color:#fff;
    font-size: 12px;
    text-align:center;
    padding:0 0 13px 0;
    width:290px;
    margin: 0 auto;
}

.bloc-offer .hover{
    position: absolute;
    height: 239px;
    width:396px;
    right: 0px;
    padding:10px;
    left:auto;
    top:0px;
    background-color: #404040;
    display: none;
}

.bloc-offer .bloc-offer-text h3{
    color:#404040;
    font-family: 'HelveticaNeueLTStd-Th';
    text-align: center;
    padding:17px 0 11px 0;
    font-size: 35px;
}

.bloc-offer .bloc-offer-text a{
    color:#404040;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}



/*****************************************/
/*****************************************/
/*****************************************/

.button {
    border: 1px solid #bbb;
    font-family: 'HelveticaNeueLTStd-Roman';
    font-size: 13px;
    font-weight: normal;
    color:#000;
    background-color: #fff;
}

.custom-select {
    margin-top: 0.5em;
    display: inline-block !important;
}
.custom-select select {
    /* General select styles: change as needed */
    font-family: 'HelveticaNeueLTStd-Roman';
    font-size: 13px;
    font-weight: normal;
    color: #444;
    line-height:1.3;
    border-radius: .2em;
}
.custom-select::after {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    
    background-repeat: no-repeat;
    background-position: center;

    margin-top: -8px;
}
.custom-select {
    border: 1px solid #bbb;
}
/* Hover style */
.custom-select:hover {
    border-color: #888;
}
/* Focus style */
.custom-select select:focus {
    outline: none;
    box-shadow: 0 0 1px 2px #278adf;
    color: #222; /* Match-02 */
}

/* Set options to normal weight */
.custom-select option {
    font-weight:normal;
}

/* Container used for styling the custom select, the buttom class below adds the
 * bg gradient, corners, etc. */
.custom-select {
    position: relative;
    display: block;
}

/* This is the native select, we're making everything but the text invisible so
 * we can see the button styles in the wrapper */
.custom-select select {
    width: 100%;
    margin: 0;
    outline: none;
    padding: .9em .6em .9em .6em;

    /* Prefixed box-sizing rules necessary for older browsers */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Font size must be 16px to prevent iOS page zoom on focus */
    font-family: 'HelveticaNeueLTStd-Roman';
    font-size: 13px;
    font-weight: normal;
}


/* Custom arrow sits on top of the select - could be an image, SVG, icon font,
 * etc. or the arrow could just baked into the bg image on the select. */
.custom-select::after {
    content: url(/ui/images/arrows.gif);
    position: absolute;
    top: 50%;
    right: 1em;
    z-index: 2;
    /* These hacks make the select behind the arrow clickable in some browsers */
    pointer-events: none;
    display: none;
}

@supports ( -webkit-appearance: none ) or ( appearance: none )
    /* Firefox <= 34 has a false positive on @supports( -moz-appearance: none )
     * @supports ( mask-type: alpha ) is Firefox 35+
     */
    or ( ( -moz-appearance: none ) and ( mask-type: alpha ) ) {
    
    /* Show custom arrow */
    .custom-select::after {
        display: block;
    }

    /* Remove select styling */
    .custom-select select {
        padding-right: 2em; /* Match-01 */
        /* inside @supports so that iOS <= 8 display the native arrow */
        background: none; /* Match-04 */
        /* inside @supports so that Android <= 4.3 display the native arrow */
        border: 1px solid transparent; /* Match-05 */

        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .custom-select select:focus {
        border-color: #aaa; /* Match-03 */
    }
}

@-moz-document url-prefix() {
    /* Warning: this kills the focus outline style */
    .custom-select {
        overflow: hidden;
    }
    .custom-select::after {
        display: block;
    }
    /* Make the native select extra wide so the arrow is clipped. 1.5em seems to be enough to safely clip it */
    .custom-select select {
        overflow: -moz-hidden-unscrollable;
        padding-right: .4em;
        background: none; /* Match-04 */
        border: 1px solid transparent; /* Match-05 */
        /* Firefox < 4 */
        min-width: 6em;
        width: 130%;
        /* Firefox 4-15 */
        min-width: -moz-calc(0em);
        width: -moz-calc(100% + 2.4em);
        /* Firefox 16+ */
        min-width: calc(0em);
        width: calc(100% + 2.4em);

        padding: .8em .6em .8em .6em;
    }

    /* Firefox 35+ that supports hiding the native select can have a proper 100% width, no need for the overflow clip trick */
    @supports ( mask-type: alpha ) {
        .custom-select {
            overflow: visible;
        }
        .custom-select select {
            -moz-appearance: none;
            width: 100%;
            padding-right: 2em; /* Match-01 padding-right */
        }
    }
}

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.custom-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance. Targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .custom-select select::-ms-expand {
        display: none;
    }
    .custom-select select:focus {
        border-color: #aaa; /* Match-03 */
    }
    .custom-select select:focus::-ms-value {
        background: transparent;
        color: #222; /* Match-02*/
    }
    .custom-select select {
        padding-right: 2em; /* Match-01 */
        background: none; /* Match-04 */
        border: 1px solid transparent; /* Match-05 */
    }
    .custom-select::after {
        display: block;
    }
}

/*****************************************/
/*****************************************/
/*****************************************/


.bloc-offer-type-grey {
    background-color: #f7f7f7;
    padding:10px;
    border-bottom:1px solid #dadada;
}
.bloc-offer-grey-link {
    display: block;
    margin:0;
    padding:0;
    height:44px;
}
.bloc-offer-type-grey .bloc-offer-grey{
    background-color: #404040;
    color:#fff;
    padding-left:75px;
}

.bloc-offer-type-grey h3 {
    color: #ffffff;
    font-family: 'HelveticaNeueLTStd-Roman';
    font-size: 48px;
    letter-spacing: 0.0625em;
    padding: 17px 0 20px;
    text-align: left;
}

.bloc-offer-type-grey label.bloc-offer-grey-label {
    font-family: 'HelveticaNeueLTStd-Md';
    font-size:13px; 
    padding-bottom: 4px;
    display: block;
}
.bloc-offer-grey-submit {
    background: url(/ui/images/resa.gif);
    border:0;
    padding:0;
    margin:0;
    width:297px;
    height:44px;
    font-family: 'HelveticaNeueLTStd-Md';
    font-size: 14px;
    color:#fff;
    font-weight: normal;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
}
.bloc-offer-grey-line {
    padding-bottom:10px;
}
.bloc-offer-grey-col{
    display: inline-block;
    margin-right:32px;
}
.custom-hotel {
    width:300px;
}









.bloc-offer.bloc-offer-type1 h3{
    font-family: 'LucidaHandwriting-Italic';
}

.bloc-offer.bloc-offer-type2 h3{
    font-family: 'CooperBlackStd';
}

.bloc-offer.bloc-offer-type3 h3{
}

.bloc-offer.bloc-offer-type4 h3{
    font-family: 'BerlinSansFB-Reg';
}

.bloc-offer .bloc-offer-text p{
    color:#404040;
    font-size: 12px;
    text-align:center;
    padding:0 0 13px 0;
    width:290px;
    margin: 0 auto;
}

.bloc-offer .bloc-offer-text ul{
    text-align: center;
}

.bloc-offer .bloc-offer-text ul li{
    padding:0 0 5px 0;
}

.bloc-offer .bloc-offer-text ul li a{
    color:#404040;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'HelveticaNeueLTStd-Md';
    font-size: 14px;
    
}

.bloc-offer .bloc-offer-text ul li a .hotel-star-container{
	display: inline-block;
	margin-left: 8px;
}

.bloc-offer .bloc-offer-text ul li a .hotel-star{
	background-image : url(../images/hotel-star.png);
	background-repeat: no-repeat;
	width: 13px;
	height: 12px;
	margin:0 -2px 0 0;
	padding: 0;;
	display: inline-block;
}

/* Bloc contact */

#bloc-contact{
	background-color: #f7f7f7;
	padding: 21px 0 26px 0;
	border-bottom: 1px solid #DADADA;
	position: relative;
}

.contact-line{
	width: 376px;
	margin: 0 0 0 10px;
}

.contact-picto{
	width: 50px;
	height: 40px;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
}

.contact-text, .contact-text a{
	padding: 0;
	width: 326px;
	float: left;
	color: #404040;
	font-size: 18px;
	line-height:42px;
	font-family: 'HelveticaNeueLTStd-Roman';
    text-decoration: none;
}

.contact-text.first{
	padding-top: 10px;
	font-size: 14px;
	line-height: 14px;
}

#contact-picto-home{
	background-image: url(../images/contact-picto-home.png);
}

#contact-picto-phone{
	background-image: url(../images/contact-picto-phone.png);
}

#contact-picto-print{
	background-image: url(../images/contact-picto-print.png);
}

#contact-picto-mail{
	background-image: url(../images/contact-picto-mail.png);
}

#contact-top-page{
	color: #404040;
	font-size: 12px;
	position: absolute;
	top: 24px;
	right: 36px;
	padding-right: 32px;
	background-image: url(../images/contact-top-page.png);
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer;
}

#contact-pictos-social{
	height: 32px;
	position: absolute;
	top: 156px;
	right:46px;
	text-align: right;
}

#contact-pictos-social .picto-social{
	padding: 0 0 0 8px;
}

#bloc-facebook{
    width:100%;
    height:37px;
    background-image: url(../images/facebook-line.jpg);
    background-repeat: no-repeat;
    position: relative;
    border-bottom: 1px solid #DADADA;
    background-color: #ffffff;
}

.fb_iframe_widget iframe{
    width:63px !important;
    margin:0 auto !important;
}

#facebook-like{
    width:77px;
    position: absolute;
    height: 30px;
    right:0;
    background-color: #ffffff;
    padding:7px 0 0 18px;
}

#bloc-footer{
    width:100%;
    min-height: 467px;
    background-color:#404040;
}

#bloc-footer table{
    width:100%;
    position: relative;
    top:10px;
    left:25px;
}

#bloc-footer table td.col1{
    width:312px;
}

#bloc-footer table td.col2{
    width:252px;
}

#bloc-footer table td.col3{
    width:211px;
}

#bloc-footer table h4{
    font-family: 'HelveticaNeueLTStd-Md';
    font-size:21px;
    color:#ffffff;
    padding:0 0 13px 0;
}

#bloc-footer table h4 a,
#bloc-footer table h4 a:hover,
#bloc-footer table h4 a:visited{
    color:#ffffff;
    text-decoration: none;
}

#bloc-footer table td{
    
    padding:0 0 20px 0;
}

#bloc-footer table ul li{
    padding-bottom:3px;
    width: 167px;
}

#bloc-footer table ul li, #bloc-footer table ul li a{
    text-decoration: none;
    color:#b0b0b0;
    font-size: 12px;
}

#bloc-footer table ul li a:hover{
    text-decoration: underline;
}

.mini-star-container{
    display: inline-block;
    float: right;
}

.mini-star{
    display:inline-block;
    width:10px;
    height: 9px;
    background-image: url(../images/mini-star.png);
    background-repeat: no-repeat;
    margin-left:-2px;
}
/* ==========================================================================
    Col2
   ========================================================================== */

#col2{
    width:169px;
    float: left;
}

.bloc-info{
    width: 100%;
    height: 162px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #dadada;
    cursor: pointer;
}

#bloc-info-parking .bloc-info-content{
    background-color: #278ade;
}

#bloc-info-parking p{
    color: #ffffff;
}

#bloc-info-parking .bloc-info-content img{
    margin-top:0;
}

.bloc-info a{
    text-decoration: none;
}

.bloc-info p{
    color:#404040;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    padding: 24px 0 0 0;
}

.bloc-info .bloc-info-content{
    width:150px;
    height:143px;
    background-color: #ffffff;
    position: relative;
    top:10px;
    left:10px;
}

.bloc-info .bloc-info-content img{
    display: block;
    margin: 13px auto 0 auto;
}

.bloc-info-img{
    width: 100%;
    border-bottom: 1px solid #dadada;
    overflow:hidden;
    height: 572px;
}

#bloc-mentions{
	width: 100%;
	height: 208px;
	background-color: #404040;
	position: relative;
}

#bloc-mentions ul{
	position: absolute;
	bottom: 15px;
	left: 15px;
}

#bloc-mentions ul li{
	font-size: 10px;
	color: #ffffff;
	padding: 0 0 10px 0;
}

#bloc-mentions ul li a{
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}



/* ==========================================================================
   Footer
   ========================================================================== */
footer{
	width: 100%;
	height: 100px;
}

/* ==========================================================================
   Pages
   ========================================================================== */

.bloc-global{
    width:100%;
    height: 200px;
    background-color: #ffffff;
    border-bottom: 1px solid #dadada;
    padding:10px 0 0 0;
}

.bloc-global h1{
    margin: 0 0 0 10px;
}

.bloc-global h1 .top{
    font-size: 14px;
    color:#404040;
    display: block;
    font-family: 'HelveticaNeueLTStd-Roman';
    padding:0 0 10px 0;
}

.bloc-global h1 .middle{
    font-size: 30px;
    font-weight:bold;
    color:#404040;
    display: block;
    font-family: 'HelveticaNeueLTStd-Roman';
    padding:0 0 10px 0;
}

.bloc-global h1 .bottom{
    font-size: 14px;
    color:#404040;
    display: block;
    font-family: 'HelveticaNeueLTStd-Roman';
    padding:0 0 10px 0;
}

/* Other pages */
.bloc-data{
    background-color: #ffffff;
    padding: 20px 0 0 0;
    margin: 40px 0 40px 0;
    position: relative;
}
.bloc-data-logo{
    position: absolute;
    top:0;
    right: 0;
    border-left: 9px solid #f7f7f7;
}
.bloc-data-text-title{
    position:absolute;
    top:0;
    z-index: 5;
    padding: 24px 0 24px 154px;
    border:9px solid #f7f7f7;
    width:704px;
    box-shadow:1px 0 0 #dadada;
}
.bloc-data-text-title-type2{
    position:relative;
    border:9px solid #f7f7f7;
    width:924px;
    padding: 0;
    box-shadow: none;
    margin:-20px 0 17px 0;
    padding:14px 14px;
}
.bloc-data h1{
    background-color: #ffffff;
    font-size: 30px;
    padding: 0 0 5px 0;
    color:#404040;
    font-weight: bold;
}
.bloc-data h2{
    background-color: #ffffff;
    font-size: 14px;
    padding: 0 0 0 0;
    color:#404040;
}
.bloc-data .media{
    width:100%;
    height: 290px;
    display: block;
    margin: 20px 0 20px 0;
}
.bloc-data-content{
    border:9px solid #f7f7f7;
    margin-top:-24px;
    padding-top:14px;
}

.bloc-data-col-large{

    width:930px;
    margin: 0 0 0 12px;

}

.bloc-data-col-large h3{
    margin: 0 0 15px 0;
}

.bloc-data-col{

    width:455px;
    float: left;
    margin: 14px 0 0 14px;
    
}
.bloc-data-contact{
    border:9px solid #f7f7f7;
    position: relative;
}
.bloc-data-col-contact{
    width:312px;
    position: relative;
    margin:0;
    padding:14px 0 0 14px;
}
.bloc-data-col p, 
.bloc-data-col-large p{
    font-size: 12px;
    color:#404040;
    line-height: 18px;
    margin: 0 0 20px 0;
    text-align: justify;

}
.bloc-data-col,
.bloc-data-col div{
    font-size: 12px;
    color:#404040;
    line-height: 18px;
    text-align: justify;

}
.bloc-data-col ul{
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom:20px;
    font-size: 12px;
}
.bloc-data-col ul li{
    padding-bottom:5px;
}
.bloc-data-col a, .bloc-data-col a:hover, .bloc-data-col a:visited{
    color:#553A5C;
    text-decoration: none;

}
strong{
    font-weight: bold;
}
.vertical-sep{
    height: 128px;
    background-color: #f7f7f7;
    width:9px;
    position: absolute;
    top:-9px;
    left:643px;
    border-right: 1px solid #dadada;

}
.bloc-data-sep{
    width:100%;
    height: 1px;
    background-color: #DADADA;
    clear: both;
    margin: 0 0 0 0;

}
.bloc-data-col h3, .bloc-data-col-large h3, 
.bloc-data-col h2, .bloc-data-col-large h2{
    font-weight: bold;
    font-size: 16px;
    color:#404040;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 5px 0;
}

.job-offer{
	width: 858px;
	margin: 15px auto;
	padding: 20px 15px 20px 15px;
	background-color: #ffffff;
    border:1px dotted #553A5C;
    position: relative;
    left: -20px;
}

.job-offer h3{
	font-weight: bold;
	font-size: 14px;
	color:#404040;
	margin: 0;
	padding: 0 0 5px 0;
}

.bloc-data-col-large .job-offer p{
	font-size: 12px;
	color:#404040;
	line-height: 18px;
	text-align: justify;
	margin: 0;
}


.call-to-action{
    display: block;
    text-decoration: none;
    color:#ffffff;
    height: 110px;
    width:290px;
    background-color: #553a5c;
    float: right;
    text-align: center;
    line-height: 100px;
    font-weight: bold;
    font-size: 18px;
    border-left:9px solid #f7f7f7;
}
.bloc-data-col .bloc-data-phone,
.bloc-data-col .bloc-data-fax,
.bloc-data-col .bloc-data-web
{
    padding:0 0 0 30px;
    background-repeat: no-repeat;
    background-position: left center;
    height: 20px;
    margin:0 0 7px 0;
}
.bloc-data-col .bloc-data-web a, .bloc-data-col .bloc-data-web a:visited, .bloc-data-col .bloc-data-web a:hover
{
    text-decoration: none;
    content: #404040;
}
.bloc-data-phone{
    background-image: url(../images/bloc-data-phone.png);
}
.bloc-data-fax{
    background-image: url(../images/bloc-data-fax.png);
}
.bloc-data-web{
    background-image: url(../images/bloc-data-web.png);
}

.data-slider{
    width: 100%;
    height: 290px;
    overflow: hidden;
    position: relative;
    margin: 0 0 0 0;
    position: relative;
    top:-17px;
}

.data-slider .nav-slider {
    top: 264px;

}

.bloc-data-price{
    width:147px;
    height: 147px;
    background-color: #553a5c;
    float: left;
    margin: -35px 30px 0 -15px;
    position: relative;
    z-index: 10;
}


.bloc-data-price p.bloc-data-price-title{

    text-align: center;
    font-size: 14px;
    color:#ffffff;
    padding: 20px 0 0 0;
}

.bloc-data-price p.bloc-data-price-price{

    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color:#ffffff;
    padding: 14px 0 0 0;
}

.bloc-data-price-bottom{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #553a5c;
    text-align: center;
    font-size: 12px;
    color:#ffffff;
    padding:14px 0;
    display: block;
    text-decoration: none;
    border-top:1px solid #ffffff;
}

.bloc-top{
    background-color: #ffffff;
    border:9px solid #f7f7f7;
    margin: 40px 0;
    padding:15px 12px;
}

.bloc-top h1{
    font-size: 20px;
    padding: 0 0 20px 0;
    color:#404040;
    font-weight: bold;
}

.bloc-top p{
    font-size: 12px;
    padding: 0 0 5px 0;
    color:#404040;
    text-align: justify;
    line-height: 18px;

}

.bloc-article{
    width:100%;
    background-color: #ffffff;
    margin: 40px 0;
    position: relative;
}

.bloc-article img{
    margin: 0;
    padding:0;
    float: left;
    border:9px solid #f7f7f7;
    position: relative;
    z-index: 10;
}

.bloc-article .grey-level{
    position: absolute;
    z-index: 5;
    width:300px;
    height: 100%;
    background-color: #f7f7f7;

}
.bloc-article .bloc-article-text{
    float: left;
    padding: 20px 0 0 20px;
    width: 600px;
}
.bloc-article h1{
    font-size: 20px;
    padding: 0 0 5px 0;
    color:#404040;
    font-weight: bold;
}
.bloc-article h2{
    font-size: 14px;
    color:#404040;
    margin: 0 0 20px 0;
}
.bloc-article p{
    font-size: 12px;
    color:#404040;
    line-height:18px;
}
.bloc-article-read{
    display: inline-block;
    color:#ffffff;
    font-size: 12px;
    background-color: #663366;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 20px 0 0 0;
    cursor: pointer;
    text-decoration: none;
}

/* ==========================================================================
   Formulaire recrutement 
   ========================================================================== */
   
#recruitment-form label.radio{
	margin: 0 10px 0 10px;
}

#recruitment-form input[type=text]{
	font-size: 12px;
	color:#404040;
	width: 400px;
	height: 40px;
	outline: none;
	border: none;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #dadada;
}
#recruitment-form input[type=text]:focus{
	background-color: #e5f3f9;
}
#recruitment-form select{
	font-size: 12px;
	color:#404040;
	width: 416px;
	height: 40px;
	border: 1px solid #dadada;
	margin: 0 0 15px 0;
	padding: 13px 0 0 15px;
	outline: none;
}
#recruitment-form select:focus{
	background-color: #e5f3f9;
}

#recruitment-form-doc{
	display: none;
}
p.btn-file{
	width: 222px;
	height: 40px;
	background-color: #553A5C;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
#recruitment-form textarea{
	font-size: 12px;
	color:#404040;
	width: 437px;
	height: 461px;
	outline: none;
	border: none;
	padding: 15px 0 0 15px;
	margin: 0 0 15px 0;
	border: 1px solid #dadada;
	resize: none;
}

#recruitment-form textarea:focus{
	background-color: #e5f3f9;
}
#recruitment-form input[type=submit]{
	width: 100%;
	height: 40px;
	background: none;
	background-color: #553A5C;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	border: none;
	margin: 0 0 20px 0;
}

/* ==========================================================================
   Formulaire de contact
   ========================================================================== */
   
.contact-bloc-choice{
	width: 415px;
	background: #f7f7f7;
	padding: 20px 20px;
	margin: 0 0 15px;
	cursor: pointer;
}
.contact-bloc-choice h3{
	margin: 0 0 15px 0;
	line-height: 24px;
}
.contact-bloc-choice p{
	margin: 0 0 0 0;
}

#contact-form label.radio{
	margin: 0 10px 0 10px;
}

#contact-form input[type=text]{
	font-size: 12px;
	color:#404040;
	width: 455px;
	height: 40px;
	outline: none;
	border: none;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #dadada;
}
#contact-form input[type=text]:focus{
	background-color: #e5f3f9;
}
#contact-form select{
	font-size: 12px;
	color:#404040;
	width: 455px;
	height: 40px;
	border: 1px solid #dadada;
	margin: 0 0 15px 0;
	padding: 13px 0 0 15px;
	outline: none;
}
#contact-form select:focus{
	background-color: #e5f3f9;
}

#contact-form textarea{
	font-size: 12px;
	color:#404040;
	width: 455px;
	height: 293px;
	outline: none;
	border: none;
	padding: 15px 0 0 15px;
	margin: 0 0 15px 0;
	border: 1px solid #dadada;
	resize: none;
}

#contact-form textarea:focus{
	background-color: #e5f3f9;
}
#contact-form input[type=submit]{
	width: 100%;
	height: 40px;
	background: none;
	background-color: #663366;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	border: none;
	margin: 0 0 20px 0;
}
#contact-form input[type=checkbox]{

    margin: 0 10px 0 0;

}




/* ==========================================================================
   resa form
   ========================================================================== */

#resa-form select{
    font-size: 12px;
    color:#404040;
    width: 455px;
    height: 40px;
    border: 1px solid #dadada;
    margin: 0 0 15px 0;
    padding: 13px 0 0 15px;
    outline: none;
}
#resa-form select:focus{
    background-color: #e5f3f9;
}
#resa-form input[type=submit]{
    width: 100%;
    height: 40px;
    background: none;
    background-color: #663366;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    border: none;
    margin: 0 0 20px 0;
}

.contact-bloc-choice-target{
    display: none;
}

/* ==========================================================================
   Newsletter
   ========================================================================== */

#seegneModalBox input[type=text]{
    font-size: 12px;
    color:#404040;
    width: 400px;
    height: 40px;
    outline: none;
    border: none;
    padding: 0 0 0 15px;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #dadada;
    display:block;
}
#seegneModalBox input[type=text]:focus{
    background-color: #e5f3f9;
}
#seegneModalBox input[type=submit]{
    height: 40px;
    background: none;
    background-color: #663366;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    border: none;
    margin: 0 0 20px 0;
    width:416px;
}
#seegneModalBox h2{
    font-size: 14px;
    color:#404040;
    margin: 0 0 20px 0;
    font-weight: bold;
}
#seegneModalBox p{
    font-size: 12px;
    color:#404040;
    line-height:18px;
    margin: 0 0 15px 0
}

/* ==========================================================================
   Loader
   ========================================================================== */

#loader{
    position: fixed;
    width:100%;
    height: 100%;
    background-color: #ffffff;
    z-index:99999999;
    top:0;
    background-image:url(../images/page-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

#set-flash{
    width:100%;
    position:fixed;
    top:0;
    background-color:#4a873f;
    color:#ffffff;
    font-weight: bold;
    height: 40px;
    line-height:40px;
    text-align: center;
    z-index: 99999;
    font-size: 12px;
    border-bottom:1px solid #ffffff;
    display:none;
}

/*Last*/
#menu-m-hotels{
    padding : 0 10px;
}

#menu.menu-minisites-restaurants ul li a,
#menu.menu-minisites ul li a,
#menu.menu-camping ul li a{
    font-size: 13px;
}

/* menu minisites fr */
#menu.menu-minisites.fr #menu-m-accueil{
    width:60px;
}
#menu.menu-minisites.fr #menu-m-prestations{
    width:176px;
}
#menu.menu-minisites.fr #menu-m-chambres{
    width:113px;
}
#menu.menu-minisites.fr #menu-m-restaurant{
    width:108px;
}
#menu.menu-minisites.fr #menu-m-pro{
    width:134px;
}
#menu.menu-minisites.fr #menu-m-portes{

}
#menu.menu-minisites.fr #menu-m-contact{
    width:82px;
}

/* menu minisites en */
#menu.menu-minisites.en #menu-m-accueil{
    width:60px;
}
#menu.menu-minisites.en #menu-m-prestations{
    width:113px;
}
#menu.menu-minisites.en #menu-m-chambres{
    width:113px;
}
#menu.menu-minisites.en #menu-m-restaurant{
    width:167px;
}
#menu.menu-minisites.en #menu-m-pro{
    width:138px;
}
#menu.menu-minisites.en #menu-m-portes{

}
#menu.menu-minisites.en #menu-m-contact{
    width:82px;
}

/* menu minisites restaurants fr */
#menu.menu-minisites-restaurants.fr #menu-m-accueil{
    width:60px;
}
#menu.menu-minisites-restaurants.fr #menu-m-prestations{
    width:199px;
}
#menu.menu-minisites-restaurants.fr #menu-m-restaurant{
    width:108px;
}
#menu.menu-minisites-restaurants.fr #menu-m-pro{
    width:138px;
}
#menu.menu-minisites-restaurants.fr #menu-m-portes{

}
#menu.menu-minisites-restaurants.fr #menu-m-contact{
    width:82px;
}

/* menu minisites restaurants en */
#menu.menu-minisites-restaurants.en #menu-m-accueil{
    width:60px;
}
#menu.menu-minisites-restaurants.en #menu-m-prestations{
    width:95px;
}
#menu.menu-minisites-restaurants.en #menu-m-restaurant{
    width:130px;
}
#menu.menu-minisites-restaurants.en #menu-m-pro{
    width:138px;
}
#menu.menu-minisites-restaurants.en #menu-m-portes{
    width:338px;
}
#menu.menu-minisites-restaurants.en #menu-m-contact{
    width:82px;
}

/* menu camping */
#menu.menu-camping #menu-c-accueil{
    width:71px;
}
#menu.menu-camping #menu-c-st-michel{
    width:146px;
}
#menu.menu-camping #menu-c-haliotis{
    width:141px;
}
#menu.menu-camping #menu-c-du-st-michel{
    width:196px;
}
#menu.menu-camping #menu-c-hotellerie{
    width:139px;
}
#menu.menu-camping #menu-c-aire-camping{
    width:176px;
}
#menu.menu-camping #menu-c-contact{
    width:87px;
}

h1.credit-title{
    margin-left:10px;
}

em{
	font-style:italic;
}

#menu.menu-camping{
    margin-top:68px;
}




/* Galerie photo */


#carrousel-galerie{
    width:1920px;
    margin-left:-960px;
    margin-top: -184px;
    left:50%;
    position: relative;
    height: 1200px;
    background-color: #ffffff;
}

header.galerie-header{
    z-index: 1;
}

nav#galerie-nav{
    width:172px;
    position: absolute;
    right: 40px;
    top:24px;
}

#galerie-left{
    width:11px;
    height: 21px;
    background-image: url(../images/galerie-left.png);
    position: absolute;
    left: 25px;
    cursor: pointer;
}
#galerie-cross{
    width:21px;
    height: 21px;
    background-image: url(../images/galerie-cross.png);
    position: absolute;
    left:50%;
    margin-left: -10px;
    text-decoration: none;
}
#galerie-right{
    width:11px;
    height: 21px;
    background-image: url(../images/galerie-right.png);
    position: absolute;
    right: 25px;
    cursor: pointer;
}
p.copyright{
    font-family: 'HelveticaNeueLTStd-Roman';
    color:#000000;
    font-size: 12px;
    width: 172px;
    text-align: center;
    padding: 40px 0 0 0;
    text-transform: uppercase;
}
#carrousel-galerie h1{
    color:#ffffff;
    font-family: 'HelveticaNeueLTStd-Roman';
    font-weight: normal;
    position: absolute;
    bottom:24px;
    right: 35px;
    font-size: 18px;
}
#galerie-footer{
    width:100%;
    background-color: #404040;
}

#galerie-footer-content{
    padding:33px 0;
}

body.body-galerie{
    background-color: #404040;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}