html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,img,dl,dt,dd,ol,ul,li,form,fieldset,input,label,legend,textarea,table,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;box-sizing:border-box;  }
img { border:0; }

html,body { height:100%; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('roboto-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto-v27-latin-300.woff') format('woff'), /* Modern Browsers */
       url('roboto-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto-v27-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: bold;
  font-weight: 600;
  src: url('roboto-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('roboto-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('caveat-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('caveat-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('caveat-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('caveat-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('caveat-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('caveat-v10-latin-regular.svg#Caveat') format('svg'); /* Legacy iOS */
}


body { font-family:'Roboto',Arial,Helvetica,Jamrul,sans-serif;font-size:16px;background-color:#fff;color:#000;height:100%; }

a { text-decoration:none;color:#900F0F;outline:0; }
a:hover { text-decoration:underline;color:#900F0F; }

h1,h2,h3,h4 { text-transform:uppercase;line-height:1.05em; }
h1 { font-size:30px;margin-bottom:0.6em; }
h2 { font-size:27px;margin-bottom:0.6em; }
h3 { font-size:21px;margin-bottom:0.6em; }
h4 { font-size:17px;margin-bottom:0.6em; }

.anchor { display:block;clear:both;height:1px;visibility:hidden;position:absolute;top:-120px; }
.clear { clear:both; }
.qclear { display:block;clear:both;height:0; }
.bgimg { display:block;overflow:hidden;font-size:0;text-indent:-1000px;outline:0;padding:0;margin:0; }
.hide { display:none; }
.pcenter { text-align:center; }
.pjustif { text-align:justify; }

button::-moz-focus-inner { padding:0;border:0; }
button { -webkit-border-fit:lines; }
input, textarea, button { font-family:'Roboto',Arial,Helvetica,Jamrul,sans-serif;font-size:14px; }
textarea { resize:none; }
form { padding-bottom:60px; }
p.frow { clear:both;padding:0 0 4px;text-align:left; }
p.frow label { display:block;width:40%;float:left;text-align:right;padding-right:15px;text-transform:uppercase;letter-spacing:1px;line-height:37px;font-size:70%; }
.finput, .finputro { background:#fff;padding:6px 10px;border:0;border:1px solid #ccc;margin:1px auto; }
select.finput {  }
.finputro { background:transparent;padding:5px 10px; }
.finput.csok { }
.finput.csko { border-color:#E31E24; }
.finput.cspre { color:#888; }
.fneed { font-weight:bold;color:#E31E24; }
.pneed { font-size:90%;margin-bottom:1.5em;text-align:center; }
.psend { text-align:center; }
.fwait { position:relative;width:100%;height:300px; }
.fmsg, form .fmsg p { text-align:center; }
.fmsg { position:relative;width:100%;height:300px; }

.abutton { display:inline-block; }
.abutton, .fsubmit { border:0;background-color:#C50002;color:#fff;cursor:pointer;outline:0;padding:10px 50px;transition:all 500ms ease-out;text-transform:uppercase; }
.abutton:hover, .fsubmit:hover, #areserv:hover { background-color:#900F0F;color:#fff;text-decoration:none; }

.adisabled { display:inline-block;border:0;background-color:#ddd;color:#999;outline:0;padding:10px 50px;transition:all 800ms ease-out;text-transform:uppercase;cursor:not-allowed; }

[disabled].fsubmit { background-color:#ddd; }
.lchkbox { display:inline-block;margin:0;width:auto;padding:10px 10px; }
.lchkbox input { margin-right:8px; }

.modal { overflow:hidden; }

.bgcover { position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover; }
.bgcover.centertop { background-position:50% 0; }
.bgcover.centerbottom { background-position:50% 100%; }

.table { position:relative;display:table;width:100%;height:100%;table-layout:fixed; }
.vcell { position:relative;display:table-cell;vertical-align:middle; }

.flex { display:flex;align-items:center;width:100%; }

/*
.d25f ,.d33f, .d40f, .d50f, .d60f, .d66f { clear:both;float:left; }
.d50c, .d60c, .d66c, .d75c { clear:both;margin:0 auto; }
.d25f, .d33f, .d40f, .d50f, .d66f, .d25, .d33, .d40, .d50, .d60, .d66, .d100, .d100f { float:left;margin:0 0; }
.d25f, .d25, .d33f, .d33, .d40f, .d40, .d50f, .d50c, .d50, .d60f, .d60, .d60c, .d66f, .d66, .d66c, .d75c, .d100, .d100f { margin-bottom:1em;padding:0 5%; }
.d25f, .d25 { width:25%; }
.d33f, .d33 { width:33.3%; }
.d40f, .d40 { width:40%; }
.d50f, .d50, .d50c { width:50%; }
.d60f, .d60, .d60c { width:60%; }
.d66f, .d66, .d66c { width:66.6%; }
.d75c { width:75%; }
.d100, .d100f { width:100%;clear:both; }
*/
.dpad { padding:20px 5%; }

.dcontent { position:relative;margin:0 5% 70px;min-height:475px;height:475px; }
.dblk { float:left;width:25%;height:100%;display:table; }

.dct { position:relative;float:left;margin:0 auto 1em;padding:0 1.5em; }
.dcenter { clear:both;float:none;margin:0 auto; }
.dclear { clear:both; }
/*
.dw25, .dw33, .dw40, .dw50, .dw60 { float:left;position:relative;margin:0 auto 1em; }
.dw25 { width:25%; }
.dw33 { width:33.3%; }
.dw40 { width:40%; }
.dw50 { width:50%; }
.dw60 { width:60%; }
.dw66 { width:66.6%; }
.dw70 { width:70%; }
.dw75 { width:75%; }
.dw90 { width:90%; }
.dw100 { width:100%; }
*/

#wrap { position:relative; }
#logo { position:absolute;left:50%;top:0;margin-left:-180px;width:360px;height:90px;color:#fff;z-index:330;background:url('/images/bg-hlogo.png') 50% 50% no-repeat; }
#logo a { position:absolute;left:0;top:0;right:0;bottom:0;display:block; }

#menu { position:fixed;width:100%;height:90px;top:0;left:0;z-index:190;text-align:left;transition:all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#menu.ison { background:#000; }
#menu ul { width:100%;display:block;text-align:center;list-style-type:none; }
#menu ul li { display:inline-block; }
#menu ul li a { display:inline-block;margin:0;text-decoration:none;color:#ddd;height:90px;line-height:90px;font-size:14px;text-transform:uppercase;font-weight:bold;transition:color 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#menu ul li a:hover { color:#fff; }
#menu ul li a.mn.active { color:#fff; }
/** #menu ul li a.mn.active:after { content:'';display:block;position:absolute;bottom:25px;left:45%;right:45%;height:1px;background:#C50002;transition:all 0.5s cubic-bezier(.17,.84,.44,1); } **/

#menu li.nav { text-align:center; }
#menu li.nav a { position:relative;display:inline-block;width:100%;height:100%;margin:0;padding:0 35px; }
#menu li.nav ul { position:absolute;width:100%;display:inline-block;padding:0;left:0;bottom:60px;height:0;overflow:hidden;box-shadow:0 -8px 10px rgba(0,0,0,0.06); }
#menu li.nav:hover ul { height:90px;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#menu li.nav:hover>a {  }
#menu li.sub a { position:relative;color:#fff;width:auto;padding:25px 55px;color:#000;margin:0;font-size:13px;line-height:12px;z-index:200;  }
#menu li.sub a:hover { color:#ccc;background:transparent; }
#menu li.sub a.active { color:#ccc;background:transparent; }

#mn-3 { margin-left:400px; }

#alt-open { position:fixed;width:80px;height:90px;top:0;right:0;z-index:450;display:none;text-align:center;color:#fff; }
#alt-open:hover { text-decoration:none;  }
#alt-open .opened { display:none; }
#alt-open span { position:absolute;top:0;right:0;display:inline-block;color:#fff;transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#alt-open.alt-ison .opened { display:inline-block; }
#alt-open.alt-ison .closed { display:none; }


#alt-close { position:absolute;display:block;right:5%;top:20px;z-index:190;color:#fff;display:inline-block;padding:20px; }
#alt-menu { position:fixed;width:100%;height:0%;bottom:0;left:0;z-index:150;text-align:center;display:none;background:#000;color:#fff;overflow:auto;font-size:120%; }
#alt-menu ul { list-style-type:none; }
#alt-menu a:hover { text-decoration:none; }
#alt-wrap { position:relative;display:table;width:100%;height:100%; }
#alt-inner { position:relative;width:100%;height:100%;display:table-cell;vertical-align:middle; }
#alt-nav { position:relative; }
#alt-nav strong { display:block;font-weight:normal;padding:3px 0;font-size:85%; }
#alt-nav a { display:block;padding:15px;transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);color:#fff;text-transform:uppercase; }
#alt-nav a:hover { color:#fff;background-color:#222; }
#alt-nav .nav { margin:0; }

#wrap { position:relative;z-index:100;opacity:1;transition:opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#page { position:relative;min-height:500px; }
#wrap.loading {opacity:0;transition:opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } 

#footer { clear:both;position:relative;padding:120px 0 30px;text-align:center;background:#000;color:#fff; }
#footer .row { padding:20px 0; }
#footer .col { padding:10px 2%;text-align:center; }
#footer .col p { text-align:center; }
#footer h3 { margin-bottom:0.5em; }
#footer h3:after { content:'';display:block;width:20px;height:1px;margin:0.75em auto;background:#fff; }
#footer h4 { text-transform:uppercase;font-size:12px; }
#footer .fwait {height:100px; }
/*
#footer .dcols { width:33.333333%;float:left;padding:0 0 40px; }
#footer .dcols.horaires { padding:0 5% 40px; }
#footer .dcols.horaires p { line-height:1.5em;padding-bottom:1em; }
*/
#footer p.ptel span { font-size:150%; }
#footer .wifi { display:block;width:150px;height:60px;background:url('/images/ico-wifi.png') 0 50% no-repeat;margin:0 auto;padding:18px 0 0 80px;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;line-height:1em; }
#footer .wifi span { display:none; }
#footer .aselect { display:block;width:100%;max-width:230px;margin:20px auto 0; }
#footer .aselect img { width:100%;border:0; }
#footer .mentions { font-size:12px;line-height:1.45em;text-transform:uppercase;color:#999;padding:10px 0; }
#footer .mentions a { display:inline-block;padding:2px 10px;color:#888; }
#footer .mentions a:hover { text-decoration:none;color:#fff; }
#facebook { position:absolute;margin:0 0 0 -50px;left:50%;top:40px;color:#fff;text-align:center;background-color:transparent; }
#facebook span { display:none; }
#facebook:hover { background-color:#315a92; }

#fmlist { display:block;padding-bottom:10px; }
#fmlist h4 { padding-top:40px; }
#fmlist .finput, #fmlist .fsubmit { padding:0 10px;height:36px;line-height:36px;letter-spacing:0;font-size:100%; }
#fmlist .finput { width:60%;text-align:center; }
#fmlist .fwait, #fmlist .fmsg { position:relative;height:100%; }
#fmlist .fmsg p { padding:50px 10px; }

#c2s { clear:both;text-transform:uppercase;outline:0;text-decoration:none;color:#999; }
#c2s strong { font-weight:normal; }
#c2s:hover { color:#fff;text-decoration:none; }
#c2s:hover span { color:orange; }
#c2s:hover strong { color:#fff; }

#bgloader { position:absolute;left:0;top:0;width:100%;height:100%;z-index:2000;background:#000; }
.loading { position:absolute;left:50%;top:50%;width:75px;height:35px;margin:-17px 0 0 -37px;background:url('/images/ico-loader.png') 50% 50% no-repeat;
		animation:loading 2s ease;animation-iteration-count:infinite; 	
   -webkit-animation:loading 2s ease;-webkit-animation-iteration-count:infinite; 	
	 }
@keyframes loading { 0% { transform:rotateX(0); } 25% { transform:rotateX(-90deg); } 50% { transform:rotateY(-90deg); }, 75% { transform:rotateY(0); } }
@-webkit-keyframes loading { 0% { transform:rotateX(0); } 25% { transform:rotateX(-90deg); } 50% { transform:rotateY(-90deg); }, 75% { transform:rotateY(0); } }

.dtxt p.psub, p.psub { text-align:center;font-size:90%;color:#646260; }

.dlink { position:relative;width:50%;height:100%;float:left;text-align:center; }
#dhbanner .dlink h1 { font-size:30px;margin-bottom:40px; }
#dhbanner .dlink .abutton { margin:0 10px 20px; }
#dhub p { font-size:50px;letter-spacing:-2px;margin:0 auto;width:90%;max-width:800px;text-align:center;padding-bottom:0.5em;line-height:105%; }
.dlink .vcell { padding:0 10%; }
.dbglink { position:absolute;bottom:0;left:0;right:0;top:0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;opacity:0.75; }

/*
.ahub { list-style:none;text-align:center; }
.ahub li { display:inline-block; }
.ahub a { position:relative;font-family:'Caveat',cursive;font-size:30px;letter-spacing:-1px;text-decoration:none;color:#fff;display:inline-block;padding:5px 15px;margin:0 10px 20px;transform:rotate(-1deg); }
.ahub a::before { content:'';display:block;position:absolute;bottom:0;left:0%;right:0%;height:1px;background:#fff;transition:opacity 0.4s ease-out;opacity:0.5; }
.ahub a::after { content:"";position:absolute;width:100%;height:1px;background:#fff;bottom:0;left:0;pointer-events:none;transform-origin:100% 50%;transform:scaleX(0);transition:transform .3s; }
.ahub a:hover::after { transform-origin:0 50%;transform:scaleX(1);	}
*/

#dhbanner { position:relative;width:100%;height:550px;min-height:550px;height:100vh;color:#fff;background-color:#000;text-align:center;overflow:hidden; }
#dhub { position:relative;width:100%;height:100%;z-index:100; }
#dhub a { opacity:0; }
.dhbinner { position:relative;width:100%;height:100%;opacity:1;visibility:visible;transition:opacity 0.5s cubic-bezier(.17,.84,.44,1); }
.dhbinner.resize { opacity:0;visibility:hidden; }
#dhbg, .dhub { position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover; }
.dhub { float:left;opacity:0.7;transform:scale(0.8);transition:all 0.5s cubic-bezier(.17,.84,.44,1); }
.dhub.itison { opacity:1;transform:scale(1); }
#dhbanner h1 { text-transform:uppercase;letter-spacing:-1px;font-size:300%;margin-bottom:0.5em; }
#dhbanner .abutton { margin:0 auto; }
#dhbanner .psub { color:#fff;display:block;position:relative;position:absolute;bottom:5%;width:100%;opacity:0.7; }
/* #dhub p {	font-size:120%;letter-spacing:0.05em;padding:0 5%;margin-bottom:20px; } */
#dhtxt { padding-bottom:30px; }
.dhsc { max-width:800px;margin:0 auto; }
.dhsc a { position:relative;color:#fff;font-weight:bold;text-decoration:none;text-transform:uppercase;display:inline-block;padding:10px 20px;margin:0 25px 10px; }
.dhsc a:after { content:'';display:block;position:absolute;bottom:3px;left:0%;right:0%;height:1px;background:#fff;transition:all 0.4s cubic-bezier(.85,0,.15,1); }
.dhsc a:hover:after { left:40%;right:40%; }

#dhub_sc { overflow:hidden;height:25px; }
#dhub_sc a { position:relative;display:inline-block;width:25%;text-decoration:none;float:left;padding:0;  }
#dhub_sc a span { position:relative;display:block;width:100%;margin:10px 0;height:5px;background:#000; }
#dhub_sc a.ison span { opacity:1;background:#C50002; }
#dhub_sc a:hover span { opacity:1;background:#C50002; }
#dhub_prev { left:0;display:none; }
#dhub_next { right:0;display:none; }

#dhbanner #dhbg { opacity:0.7;transform:scale(0.85);transition:all 0.5s cubic-bezier(.17,.84,.44,1); }
#dhbanner.ready #dhbg { opacity:1;transform:scale(1); }

#dhbanner #cclock { margin:30px auto;width:150px;height:150px; }
#dhbanner .mdj h3 { text-transform:uppercase;font-size:14px;margin:0 0 10px 0; }
#dhbanner .mdj h2 { text-transform:uppercase; }
#dhmdj .dhleft { padding-bottom:50px; }
#dhmdj h2 { font-size:120%;margin-bottom:30px; }
#dhmdj h2 span { display:block;font-size:200%;margin-bottom:10px; }

.dhleft, .dhright { position:relative;width:50%;height:100%;float:left; }
.dhleft { width:45%; }
.dhleft .table { max-width:400px;float:right; }
.dhright { width:55%; }
.dhright .table { max-width:500px;float:left; }
.dhrest { position:relative;padding:20px 10px; }
.dhrest h1:after { content:'';display:block;width:30px;height:1px;margin:0.2em auto;background:#fff; }
.dhrest em { font-style:normal; }
.dhrest strong { text-transform:uppercase; }

#dhead { position:relative;width:100%;color:#fff;text-align:center;background-position:50% 50%;background-size:100%;background-attachment:fixed; }
#dhead.banner { height:500px; }
#dhead.home { height:380px; }
#dhead h1 { font-size:33px;margin-bottom:0.5em; }
#dhead h1:after { content:'';display:block;width:30px;height:1px;margin:0.5em auto 0;background:#fff; }
#dhead .btxt { width:100%;max-width:700px;margin:0 auto;background-position:50% 50%;background-size:cover;padding:20px 5% 30px; }
#dhead .vcell p { padding:0 5%; }

.dcleft, .dcright { width:50%;float:left; }
.dcleft { clear:both; }

#dhpdj .dmw { padding-right:40%; }
#dhpdj .dpdj { position:absolute;right:20px;top:30px;font-size:105%;width:300px;height:320px; }
#dhpdj .dpdj .date { margin-top:0; }
#dhpdj .dpdj h2 { padding-top:16px;color:#888; }

.hasel { width:100%;max-width:330px;display:block; }
.hasel img { border:0;width:100%; }

.section .bgcover { opacity:0;position:relative;width:100%;height:320px; }
.section .bgcover.ilready { opacity:1;transition:all 2s ease; }

.fx.dintro h2, .fx.dintro p, .fx.dcontent .dimg, .fx .dtxt, .fx .psub { opacity:0 }
.fx.dintro h2 { transform:translateX(50px); }
.fx.dintro p { transform:translateX(-50px); }
.fx .dimg { transform:translateY(50px); }
.fx .dtxt { transform:translateY(50px); }
.fx .psub { transform:translateX(-50px); }
.fx.show.dintro h2, .fx.show.dintro p, .fx.show.dcontent .dimg, .fx.show .dtxt, .fx.show .psub { transform:translateX(0);transform:translateY(0);transform:rotateY(0);opacity:1;transition:all 2s cubic-bezier(.17,.84,.44,1); }
.fx.show.dintro:after { bottom:0;transition:all 2s cubic-bezier(.17,.84,.44,1); }

#content { position:relative;width:100%;text-align:center;margin:0 auto;padding:0;z-index:150; }

.section { clear:both;position:relative;text-align:center;margin:4em auto; }
.row { position:relative;width:90%;margin:0 auto;max-width:1250px; }
.fullwidth { max-width:100%;width:100%; }
.col { padding:4em 4%; }

p, .ulist { line-height:1.5em;padding-bottom:1.45em;text-align:left; }
.ulist { width:90%;max-width:70%;margin-left:auto;margin-right:auto;list-style:none; }
.ulist li { position:relative;padding-left:25px; }
.ulist li:before { content:'';display:block;position:absolute;left:0;top:9px;width:13px;height:8px;border-radius:50%;background:#C50002; }

.fullbg { width:100%;max-width:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;background-color:#000;color:#fff; }
.fullbg .col { background-color:rgba(0,0,0,0.85);padding:6em 10%; }

.script { font-family:'Caveat',cursive;font-size:38px;letter-spacing:-2px;line-height:1.3em; }
p.script { padding-bottom:1em;margin-left:auto;margin-right:auto;width:90%;max-width:800px; }

.center p { text-align:center; }
.dtext { text-align:center; }

/*
.dtxt { padding:0 13%; }
.dtxt p.pcenter { text-align:center; }
.dtxt p.pcenter a.abutton { margin:10px auto 0; }
.dtxt .ulist { text-align:left;margin-left:10%; }
.dtxt a { text-decoration:underline; }
.dtxt a:hover { text-decoration:none; }
.dtxt a.abutton { text-decoration:none; }
*/
.ulist.center { display:inline-block;width:275px;margin:0 auto; }

/*
.section.full { width:100%;max-width:100%;padding:40px 0 30px; }
.section.full p { text-align:center; }

.section.fullbg { width:100%;max-width:100%;padding:0;background-position:50% 50%;background-repeat:no-repeat;background-size:cover; }
.section.fullbg .dw50 { margin:0;background:rgba(0,0,0,0.75); }
.section.fullbg .dtxt { padding:100px 10%;color:#fff;float:right;max-width:500px; }
.section.fullbg .dw50.dright { float:right; }
.section.fullbg .dw50.dright .dtxt { float:left; }
	
.section.bgc { background:#fff;padding:100px 0 50px }
.section.bgc h1 { font-size:30px; }
.section.bgc h1:after { content:'';display:block;width:25px;height:1px;margin:0.6em auto 0;background:#000; }
.section.bgc .dtxt { padding:0 0 1.45em; }
.section.bgc .dtxt p { text-align:center;padding:0 25% 1.45em;font-size:140%;color:#000; }
*/

.gal { width:100%;max-width:100%;height:350px;background:#000; }
.gal div { position:relative;float:left;height:100%;background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 0 30px 5px rgba(0, 0, 0, 0.4) inset;opacity:0; }
.gal div.ilready { opacity:1;transition:opacity 1s ease; }
.gal.col1 div { width:100%; }
.gal.col2 div { width:50%; }
.gal.col3 div { width:33.333333%; }
.gal.col4 div { width:25%; }

.selection { background:#000;color:#fff; }
.selection img.imag { width:90%;max-width:300px;margin:20px auto 40px; }
.selection img.isel { width:90%;max-width:300px;margin-bottom:20px; }
.dw50.selection { padding:20px 40px; }

.section.dpsfeat  { width:100%;max-width:100%;background:#000;color:#fff;background:#000; }
.dselection { padding:40px 0; }
.dselection .isel { display:inline-block;float:left;width:30%; }
.dselection .isel img { width:100%;max-width:230px;float:right; }
.dscarsc { position:relative;clear:both; }
.dscarr { position:relative;float:left;width:100%;overflow:hidden; }
.dfed { position:relative;float:left; }
.dfed .dfedp { position:relative;padding:20px 5% 40px; }
.dfed h3 { margin-left:auto;margin-right:auto;max-width:400px; }
.dfed h3 em { display:block;font-style:normal;font-size:65%;text-transform:uppercase; }
.dfed p { text-align:justify;margin:0 auto 16px;max-width:450px;padding-bottom:0; }

#p-cave-a-vins .section.dpsfeat { background:#000 url('/images/selection/bg-blvins.png') 0 0 no-repeat; }
#p-boutique .section.dpsfeat { background:#000 url('/images/selection/bg-brcafe.png') 100% 100% no-repeat; }

.aiwleft, .aiwright, .aiwclose, .aibsleft, .aibsright, .aiwmenu { position:relative;display:inline-block;background:url('/images/ico-sprites.png') 50% 0 no-repeat; }
.aiwleft, .aiwright, .aiwclose { width:100%;height:100px; }
.aiwright { background-position:50% -100px; }
.aiwclose { height:100%;background-position:50% -210px; }
.aiwmenu { width:100%;height:100%;background-position:50% -305px; }
.aibsleft, .aibsright  { width:100%;height:25px; }
.aibsleft { background-position:50% -400px; }
.aibsright { background-position:50% -425px; }

#alt-close span, #contactclose span { background-position:50% 50%;transform:rotate(0deg); transition:transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#alt-close:hover span, #contactclose:hover span {  transform:rotate(360deg);transition:transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fxmn.qhide { opacity:0;transition:none; }
.fxmn { opacity:1;transition:opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

#alt-menu .fxmn { opacity:0;transition:none; }
#alt-menu.alt-ison .fxmn { opacity:1;transition:opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.dofy { position:relative;width:100%;height:100%;overflow:scroll;overflow-x:hidden; }

#p-accueil .dimg { width:100%;margin:0 auto 50px;height:300px;overflow:hidden; }
.dfacebook { padding-top:0; }

#p-cave-a-vins .psub { padding:30px 5%; }

.fbpage { padding:20px 0; }
.facebook { display:block;width:100px;height:100px;margin:0 auto;color:#fff;text-align:center;transition:all 0.5s ease-out;border-radius:4px;background:#315a92 url('/images/ico-sprites.png') 50% -500px no-repeat;overflow:hidden;font-size:0;text-indent:10000px; }
.facebook:hover { text-decoration:none;background-color:#315a92;transform:scale(0.85); }

#dhead a { color:#fff; }
#dhead a:hover { text-decoration:none;transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);  }

.ic_sclr { position:absolute;margin-top:-70px;text-align:center;top:50%;opacity:0;transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:200; }
.ic_sclr a { display:inline-block;color:#fff;width:70px;height:100px;font-size:35px;line-height:50px; }
.ic_sclr.ison { opacity:1; }
.ic_sclr.ison:hover  { opacity:1; }
.ic_sc { position:absolute;bottom:0;left:0;width:100%;z-index:200; }
.ic_sc a { display:inline-block;padding:2px 2px;opacity:0.5; }
.ic_sc a.ison { opacity:1; }

/*
#dpdjr { color:#fff;padding:100px 0 0;background-attachment:fixed; }
#dpdjr .pintro { font-size:120%;margin-bottom:80px; }
#dpdjpad { position:relative;padding:0; }
#dpdjr h1 span { display:block;font-size:14px; }
#dpdj { position:relative;width:100%;max-width:1500px;margin:0 auto;padding:0;text-align:center;color:#fff;overflow:hidden;visibility:hidden; }
.dpdj { position:relative;float:left;text-align:center;color:#fff;margin:0 0.25%;width:270px;height:320px;padding:60px 0 15px;  }
.dpdj.open { background:url('/images/ico-pdjopen.png') 50% 0 no-repeat; }
.dpdj.close { background:url('/images/ico-pdjclose.png') 50% 0 no-repeat; }
.dpdj.wait { background:url('/images/ico-pdjwait.png') 50% 0 no-repeat; }
.dpdj h3 { font-size:14px;text-transform:uppercase;margin:0 auto 0.8em; }
.dpdj h3 span { display:block;font-size:20px;padding:5px; }
.dpdj h3:after { content:'';display:block;width:75%;height:1px;margin:0.8em auto 0;background:#fff; }
.dpdj h2 { text-transform:uppercase; }
.dpdj .dborder { position:relative;width:100%;height:100%; }
.dpdj p { font-size:120%; }
.dpdj .date { display:inline-block;font-weight:normal;margin:1.5em 0 1em; }
.dpdj .date .spday { display:block; }
.dpdj .date:after { content:'';display:block;width:25%;height:1px;margin:1em auto 0;background:#fff; }
.dpdj strong { display:inline-block;font-size:130%;padding:0 1em 0.5em; }
.dpdj.past { opacity:0.5; }

#dpdj_prev { left:0;margin-top:-150px; }
#dpdj_next { right:0;margin-top:-150px; }
*/

#areserv { position:fixed;bottom:0;right:0;background-color:#C50002;width:100px;height:80px;z-index:200;text-align:center;text-transform:uppercase;transition:all 800ms ease-out; }
#areserv a { position:absolute;left:0;top:0;right:0;color:#fff;background:url('/images/ico-sprites.png') 50% -595px no-repeat;padding-top:50px;font-weight:bold;font-size:12px; }
#areserv a:hover { text-decoration:none; }

#dhreserv img { width:90%;max-width:280px;margin:10px auto; }

#dmreserv { position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;overflow:auto;overflow-x:hidden; }
#dmreserv h1 { display:block;width:100%;height:100px;color:#fff;background:#000 url('/images/bg-hlogo.png') 50% 100% no-repeat;margin:0; }
#dmreserv h2 { padding:15px 0;background:#000;color:#fff;margin:0;font-size:20px; }
.dreserv { position:relative; }
#iwreserv_sc { list-style-type:none;display:block;margin-bottom:1.5em;background:#000; }
#iwreserv_sc li { display:inline-block; }
#iwreserv_sc li a { display:inline-block;width:125px;color:#fff;font-size:13px;text-transform:uppercase;border-bottom:4px solid transparent;font-weight:bold; }
#iwreserv_sc li a:hover { border-color:#C50002; }
#iwreserv_sc li.isc a { border-color:#C50002; }
#iwreserv_sc li.isoff a { color:#aaa;cursor:default; }
#iwreserv_sc li.isoff a:hover { border-color:transparent; }
#iwreserv_sc a { display:inline-block;padding:10px 0;text-decoration:none; }
#iwreserv_sc a strong { display:block;height:20px;font-size:15px;padding-bottom:.5em; }
#iwreserv_sc .sc {  }
#rtdate { display:block;padding:8px 0;text-transform:uppercase; }

#iwreserv h4 { display:none; }
#dmreserv .fhidden { display:none; }

.dtouch { width:90%;max-width:350px;margin:10px auto; }
.dtouch h3 { font-size:18px;margin-top:10px; }
.dtouch a { display:inline-block;font-size:16px;padding:4px 10px;margin:0 5px 5px;border:2px solid #000;color:#000;text-decoration:none; }
.dtouch a:hover { border-color:#C50002; }
#dmreserv a.ison, #c2scalendar td a.ison { border-color:#C50002;background:#fff;color:#C50002; }

#calendar { width:90%;max-width:350px;margin:0 auto; }
#c2scalendar { width:100%; }
#c2scalendar a { display:block;text-decoration:none;color:#000; }
#c2scalendar th { height:25px;color:#000; }
#c2scalendar td a { border:2px solid #000; }
#c2scalendar td a:hover { border-color:#C50002; }
#c2scalendar td { width:14.28%;height:30px;line-height:30px;position:relative; }
#c2scalendar td.tdout { border-color:transparent;color:#fff; }
#c2scalendar td.tdpast { border-color:transparent;color:#666; }
#c2scalendar td.tdno { border-color:transparent;color:#888;background:#eee; }
.picom { margin:20px auto;font-size:12px;text-transform:uppercase;font-weight:bold;text-align:center; }
.icom { color:#000; }
#c2scalendar .icom { position:absolute;right:5px;bottom:-8px;font-size:10px; }

#altsoiree { width:95%;max-width:500px;margin:0 auto 30px;border:4px double #E4E2E0;padding:20px 30px;box-shadow:0 0 30px rgba(0,0,0,0.1); }
#altsoiree strong { font-size:12px;text-transform:uppercase; }

#freserv .fmsg { padding:40px 20px; }

#dformules { padding:40px 0; }
#dformules ul { list-style-type:none;display:inline-block;width:90%;max-width:1000px;margin:0 auto 20px; }
#dformules ul li { position:relative;float:left;width:29.3333%;margin:0 2%;font-size:110%;padding:10px 15px 20px; }
#dformules ul li strong { font-weight:normal; }
#dformules ul li span { display:block;margin-top:10px;font-family:'Caveat',cursive;font-size:30px;letter-spacing:-1px; }
#dformules p { font-size:90%; }

#dcarte .row { width:100%;max-width:100%; }
.dcarte { position:relative;margin:0 auto;width:90%;max-width:1100px; }
#p-restaurant #iwcarte { visibility:hidden; }
#p-restaurant #iwcarte .cbg { top:-20px; }
#iwcarte_sc { clear:both;max-width:900px;margin:0 auto 0; }
#iwcarte_sc a { display:inline-block;padding:5px 10px;margin:0 20px 10px;text-decoration:none;text-transform:uppercase;font-size:16px;font-weight:bold; }
#iwcarte_sc a.sc { color:#000; }
#iwcarte_cont { position:relative;display:inline-block; }
#iwcarte_cont a { position:absolute;top:50%;margin-top:-70px;display:inline-block;width:55px;background-color:#000;z-index:500; }
#iwcarte_prev { left:0; }
#iwcarte_next { right:0; }

#iwcarte .row { max-width:1000px; }
#iwcarte .dborder { position:relative;width:90%;margin:70px auto;max-width:650px;background:#fff;border:4px double #E4E2E0;padding:20px 50px 100px;box-shadow:0 0 30px rgba(0,0,0,0.1);font-size:105%;z-index:100; }
#iwcarte h2 { font-size:30px;margin:1em; }
#iwcarte h3 { font-size:23px;margin:1em; }
#iwcarte .pcartesub { font-size:80%; }
.tcarte { width:100%;margin:10px auto;border-collapse:collapse; }
.tcarte strong {  }
.tcarte em { display:block;font-style:normal;font-size:85%; }
.tcarte td { padding:10px 15px;vertical-align:top; }
.tcarte .tdl { text-align:left; }
.tcarte .tdp { width:100px;text-align:right;font-weight:bold; }
.pcartesub { padding:15px;color:#646260;text-align:center; }
.cbg { position:absolute;left:0;top:-35px;width:100%;background-repeat:no-repeat;z-index:50;background-position:0 0; }
.cbg.right { background-position:100% 0; }
.dd-couverts { height:500px; }
.dd-verre { height:220px; }
.dd-serviette { height:400px; }

#dmenus .dborder { position:relative;width:90%;margin:30px auto;max-width:650px;background:#fff;border:4px double #E4E2E0;padding:100px 50px 80px;box-shadow:0 0 30px rgba(0,0,0,0.1);font-size:105%; }
#dmenus .col { padding:0 35px 4em }
#dmenus ul { list-style-type:none; }
#dmenus ul li { padding-bottom:1em; }
#dmenus ul li:before { content:'';display:block;width:25px;height:1px;margin:0 auto 1em;background:#646260; }
#dmenus span { position:absolute;right:5%;top:20px;padding:10px;font-family:'Caveat',cursive;font-size:30px;letter-spacing:-1px; }
#dmenus em { font-style:normal;color:#646260;display:block;font-size:90%; }

.ulpdf { list-style-type:none;padding:15px 0 0; }
.ulpdf a { float:left;text-decoration:none;display:inline-block;padding:0 20px 20px;text-align:center; }
.ulpdf a i { display:block;font-size:170%;margin-bottom:6px; }

.uldispo { list-style-type:none;padding:15px 0 0; }
.uldispo li { width:46%;float:left;padding:0 0 16px;font-size:90%;margin:0 1%; }
.uldispo span { display:block;width:100%;height:65px;background:url('/images/bg-dispo.png') 50% 0 no-repeat; }
.uldispo span.ldispob { background-position:50% -100px; }
.uldispo span.ldispoc { background-position:50% -200px; }
.uldispo span.ldispod { background-position:50% -300px; }

#dlocation { display:none; }
.dlocation { background:#fff; }
.dlocation h3 { text-transform:uppercase;font-size:17px; }
.dlocation table { width:100%;border-collapse:collapse;margin-bottom:1.5em;font-size:90%; }
.dlocation td { vertical-align:top;padding:6px 15px;border-top:1px solid #E4E2E0; }
.dlocation .tdl { text-align:left; }
.dlocation .tdp { text-align:right; }

#dsoirees { position:relative;display:inline-block;width:100%; }
#dsoirees:before { content:' ';position:absolute;display:block;width:2px;left:50%;margin-left:-1px;background:#646260;height:100%; }
#olsoirees { position:relative;display:block;width:80%;margin:0 auto; }
#olsoirees li { position:relative;display:block;width:50%; }
#olsoirees li:nth-child(odd) { float:left;clear:both;text-align:center; }
#olsoirees li:nth-child(even) { float:right;clear:both;text-align:center; }
#olsoirees li div { padding:10px 45px 20px;position:relative; }
#olsoirees li div:before { content:'';position:absolute;top:30px;display:block;width:17px;height:17px;background:url('/images/ico-square.png') 50% 50% no-repeat; }
#olsoirees li:nth-child(odd) div:before { right:37px; }
#olsoirees li:nth-child(even) div:before { left:37px; }
#olsoirees li h2 { margin:0;background:#000;color:#fff;padding:0 20px 10px;font-size:25px; }
#olsoirees em { position:absolute;display:block;width:50px;text-align:center;padding:2px 0;font-style:normal;font-size:70%;font-weight:bold;background:#646260;color:#fff;top:30px; }
#olsoirees li:nth-child(odd) em { right:-25px; }
#olsoirees li:nth-child(even) em { left:-25px; }
#olsoirees strong { display:block;background:#000;color:#fff;padding:10px 20px 0;font-size:90%;text-transform:uppercase; }
#olsoirees p { background:#fff;display:block;padding:10px 0 20px;font-size:100%; }
#olsoirees h2, #olsoirees strong, #olsoirees p { padding-left:20px;padding-right:20px; }
#olsoirees .abutton { margin:0;text-decoration:none; }

#rvname { background:#000;color:#fff;font-size:23px;font-family:Roboto;padding-bottom:1em; } 
#rvtdate { display:block;padding:8px 0;text-transform:uppercase; }

#dsimages { color:#fff;padding:40px 0; }
#isoirees { width:100%;max-width:1000px;margin:30px auto 0; }
.isoiree { position:relative;float:left;width:23%;height:220px;background:#000;color:#fff;margin:0 1% 20px;overflow:hidden; }
.isoiree ul { list-style-type:none; }
.isoiree ul li { display:none; }
.isoiree ul li.ithb { position:absolute;left:0;top:0;width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover; }
.isoiree ul li a { position:absolute;left:0;top:0;width:100%;height:100%;color:#fff; }
.isoiree ul li a:hover { text-decoration:none; }
.isoiree ul li a h3 { position:absolute;left:0;bottom:0;width:100%;margin:0;padding:20px 10px;display:block;font:normal 16px/16px Roboto;text-align:center;background:rgba(0,0,0,0.8); }
.isoiree ul li a h3 span { display:block;font-size:60%; }

#gmap { position:relative;width:100%;min-height:350px;background-color:#000 !important; }
#dcontact .col {  }
#dcontact .w8-12 { padding:0; }
#dcontact .w4-12 { background:#000;color:#fff; }
#dcontact p { text-align:center; }
#dcontact h1 { height:70px;width:90%;background-position:50% 50%;background-repeat:no-repeat;background-size:100%;max-width:330px;margin:0 auto 10px; }

form .finput { padding:10px; }

#fcontact { padding:60px 0; }
#fcontact .finput { width:40%; }
#fcontact .finput.auto { width:auto; }

#mentions { text-align:center;padding:100px 0 170px;margin:0 auto;width:90%;max-width:700px; }
#mentions p, #mentions ul { text-align:justify;line-height:1.5em;margin-bottom:1.5em; }
#mentions ul { margin-left:auto;margin-right:auto;width:70%;text-align:left;line-height:1.8em;margin-bottom:2em; }
.tmentions { margin-bottom:4em; }
.tmentions td { padding:4px;text-align:left; }
.tmentions .lab { text-align:right;width:40%; }


#iboxcont { background:#000; }
#iboxwait { position:fixed;left:0;top:0;width:100%;height:100%; }
.ibox { position:relative;width:100%;height:100%;background-color:#fff; }
#iboxprev, #iboxnext, #iboxclose { color:#fff; }
#iboxcont a:hover { text-decoration:none; }
#iboxmask { background:#000; }
#iboxtext, #iboxrange { position:fixed;color:#fff; }
#iboxtext { background:#000;text-align:center;width:100%;left:0;bottom:0;padding:15px; }
#iboxrange { bottom:0;right:0;color:#666;padding:15px; }
#iboxprev, #iboxnext, #iboxclose { position:fixed;display:inline-block;width:50px;height:100px;font-size:16px;line-height:50px;text-align:center; }
#iboxprev, #iboxnext { top:50%;font-size:40px;margin-top:-50px; }
#iboxprev { left:2%; }
#iboxnext { right:2%; }
#iboxclose { top:0;right:0;width:80px;height:80px; }

.vready { opacity:1;transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.fxop { opacity:1;transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.mx800 { display:none; }

.mention p { font-size:11px;color:#999;margin:10px auto;width:90%;max-width:570px;text-align:justify; }
.mention p a { color:#999;text-decoration:underline; }

.c2sgdpr-form { font-size:11px !important;color:#999 !important;line-height:1.35em !important; }
.c2sgdpr-form a { color:#999 !important;text-decoration:underline; }
form .c2sgdpr-form { padding:1em 1em !important; }


@media print
	{
	}

@media screen and (max-width:1290px)
	{
	#menu li.nav a { padding:0 15px; }
	}

@media screen and (max-width:1150px)
	{
	#menu li.nav a { padding:0 9px; }
	}
	
@media screen and (max-width:960px)
	{
	#menu ul { display:none; }
	#alt-open { display:block; }
	#dmenus .dborder { margin:30px auto; }

	.flex { display:block; }	
	}

@media screen and (max-width:800px)
	{
	#menu { background:rgba(0,0,0,0); }
	#logo { left:5%;width:70%;margin:0;background-size:100%;max-width:330px; }

	.dhleft { display:none; }
	.dhright { width:100%; }
	.dhright .table { max-width:100%; }
	#dhbanner #dhmdj h1 { font-size:120%; }
	.dhrest { padding:5px 10px; }
/*	#dhub p { font-size:120%; } */
	
	.mx800 { display:block; }

	.dct { padding:0 5%; }
	/*
	.dw50, .dw50.dcenter { width:90%; }
	.dw33, .dw40, .dw50, .dw60, .dw70, .dw90 { width:90%;float:none;clear:both; }
	*/
	.dclear { padding:0 5% 1em; }

	/*
	.section.bgc .dtxt p { padding:0 15% 1.45em; }

	.section.fullbg .dw50 { float:left;width:100%; }
	.section.fullbg .dw50 .dtxt, .section.fullbg .dw50.dright .dtxt { float:none;width:100%;max-width:100%; }
	*/

	.script { font-size:30px; }
	#dhub p { font-size:40px; }
	
	#dformules ul li { width:70%;margin:0 15%; }

	#dsoirees:before, #olsoirees em { display:none; }
	#olsoirees { width:90%; }
	#olsoirees li { width:100%; }
	#olsoirees li:nth-child(odd), #olsoirees li:nth-child(even) { float:none;clear:both;text-align:center; }
	#olsoirees li:nth-child(odd) div:before, #olsoirees li:nth-child(even) div:before { display:none; }
	#olsoirees li:nth-child(odd) em, #olsoirees li:nth-child(even) em { right:auto;left:50%;top:-14px;margin-left:-25px; }

	.isoiree { width:48%; }

	#iwcarte .dborder { width:95%;padding:20px 5% 100px; }

	.dselection .isel { width:50%;margin:0 10%; }

	form { text-align:center; }
	p.frow .finput, p.frow label, p.frow .fsubmit, #fcontact .finput { width:90%;margin:0 5%;float:none;text-align:center; }
	p.frow { text-align:center; }
	textarea.finput { text-align:left; }

/*	#footer .dcols { width:80%;float:none;margin:0 auto; } */
	#dmenus .col { padding:0 0 1em; }

	}
	
@media screen and (max-width:650px) 
	{
	#dhbanner h1 { font-size:200%; }
	.dtxt { padding:0 5%; }	
	#dhpdj .table { display:none; }
	#dhpdj .dpdj { right:50%;margin-right:-115px; }
	#dhlamp.dhpdj .dlamp { left:20%; }
	#dhscave .hasel, #dhsboutique .hasel { display:none; }
	#dhscave .dmw, #dhsboutique .dmw { padding:0 5%; }

	#dmreserv h1 { display:none; }
	#dmreserv h2 { padding-top:32px;padding-bottom:25px; }
	#iwreserv_sc li { width:47%; }
	#iwreserv_sc li a { width:100%; }
	#iwreserv_sc a { padding:5px 0; }
	
	gal.col4 div { width:50%; }
	
	}