@charset "utf-8";
/* CSS Document */
body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #999; font-weight: 400; font-size: 15px; line-height: 26px; background-color: #fff; font-family: 'Raleway', sans-serif; background: #25d5fd url(../images/bg-bleu-xl.png) no-repeat center 0px; }
.collapse-h { padding-left: 0; padding-right: 0 }
.collapse-v { padding-top: 0; padding-bottom: 0 }
.no-margin { margin: 0 }
.no-padding { padding: 0 }
.container { width: auto; max-width: 1000px; }
.btn, .form-control { border-radius: 0 }
.blanc { color: #ffffff }
.rose { color: #e53075 }
.bleu { color: #18beee }
.rouge { color: #DF6365 }
.vert { color: #4EB754 }
.orange, a.orange, a.orange:visited, a.orange:hover { color: #ff6000 }
.btn-form { color: #ffffff; background-color: #000000; border-color: #000000; }
.btn-form:hover, .btn-form:focus, .btn-form:active, .btn-form.active, .open .dropdown-toggle.btn-form { color: #ffffff; background-color: #ff6000; border-color: #ff6000; }
.btn-form:active, .btn-form.active, .open .dropdown-toggle.btn-form { background-image: none; }
.btn-form.disabled, .btn-form[disabled], fieldset[disabled] .btn-form, .btn-form.disabled:hover, .btn-form[disabled]:hover, fieldset[disabled] .btn-form:hover, .btn-form.disabled:focus, .btn-form[disabled]:focus, fieldset[disabled] .btn-form:focus, .btn-form.disabled:active, .btn-form[disabled]:active, fieldset[disabled] .btn-form:active, .btn-form.disabled.active, .btn-form[disabled].active, fieldset[disabled] .btn-form.active { background-color: #000000; border-color: #000000; }
.btn-form .badge { color: #000000; background-color: #ffffff; }
textarea:focus, input:focus, .uneditable-input:focus { border-color: rgba(102, 102, 102, 0.8) !important; box-shadow: 0 1px 1px rgba(102, 102, 102, 0.075) inset, 0 0 8px rgba(102, 102, 102, 0.6) !important; outline: 0 none !important; }
/* top bar */
.top-bar { padding: 6px 0px 6px; background: #000000; font-size: 12px; line-height: 24px; text-transform: uppercase; text-decoration: none; color: #42bfeb; }
.top-bar p { margin: 0; padding: 0 }
.top-bar .topbar-menu ul { display: block; padding: 0; margin: 0; text-align: right; list-style-type: none; }
.top-bar p, .top-bar .topbar-menu ul li { position: relative; display: inline-block; padding: 3px 5px 2px; }
.top-bar .topbar-menu ul li:last-child { padding-right: 0 }
.top-bar .topbar-menu ul li::before { content: '|'; position: absolute; top: 2px; left: -3px; color: #42bfeb; }
.top-bar .topbar-menu ul li:first-child:before { content: " "; }
.top-bar .topbar-menu ul li a { display: block; font-size: 12px; line-height: 24px; text-transform: uppercase; text-decoration: none; color: #42bfeb; }
.top-bar .topbar-menu ul li a:hover, .top-bar .topbar-menu ul li a.active { text-decoration: none; color: #ca6ba3; }
.txt-large { font-size: 140% }
/* top bar */
/* menu */
.navbar-default { background: transparent; border: none; text-transform: uppercase; margin-bottom: 0px }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-default .navbar-toggle { border-color: #ffffff }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #333333; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border-color: #333333; background-color: transparent; }
.navbar-collapse { padding-right: 0px; }
.navbar-brand { margin-left: -15px }
ul.main-menu { margin-top: 30px }
ul.resa-menu li a { padding-right: 0; }
.main-menu > li a { padding-left: 5px; padding-right: 5px }
.main-menu > li i { padding-top: 19px; color: #ffffff; font-size: 70% }
.navbar-default .main-menu > li a:link, .main-menu > li a:visited { font-size: 95%; color: #000000; text-shadow: 0px 0px 0px #FFFFFF; font-weight: bold }
.navbar-default .main-menu > li a:hover, .navbar-default .main-menu > li a:focus { color: #000000; border-bottom: 3px solid #e53075; }
.main-menu > li:last-child { padding-right: 0 }
.resa-menu > li a { padding-right: 10px; margin-right: 10px }
.navbar-default .navbar-nav > .open > a:link { background-color: #e53075; color: #ffffff; text-shadow: 1px 1px 0px #000000; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #e53075; color: #ffffff; text-shadow: 1px 1px 0px #000000; }
ul.dropdown-menu { background: #e53075; top: 96%; border: none; box-shadow: none }
ul.dropdown-menu:hover { top: 100% }
.navbar-default .main-menu ul.dropdown-menu > li a:link, .navbar-default .main-menu ul.dropdown-menu > li a:visited { color: #ffffff; text-shadow: none; font-weight: normal }
.navbar-default .main-menu ul.dropdown-menu > li a:hover { background: #e37ba3; border-bottom: 0px solid #e53075; color: #ffffff }
.picto-resa { -webkit-filter: drop-shadow(2px 1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff); filter: drop-shadow(2px 1px 5px #ffffff) drop-shadow(-1px -1px 5px #ffffff); width: 115px }
/* menu */

/* carousel */
.carousel { margin-bottom: 30px; }
.carousel-caption { z-index: 10; top: 300px; left: 50px; text-align: left; padding: 10px; width: 89%; text-align: center }
.caption-border { width: 100%; border-bottom: 3px solid #FFFFFF; border-top: 3px solid #FFFFFF; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 20px; background: rgba(37,213,253,0.8) !important; }
.carousel-caption h1 { color: #fff; font-weight: bold; -webkit-font-smoothing: antialiased; /*text-transform: uppercase;*/ padding-top: 10px; padding-bottom: 10px; margin-top: 0; margin-bottom: 0 }
.carousel-caption p { color: #fff; font-size: 150%; font-weight: bold; -webkit-font-smoothing: antialiased; /*text-transform: uppercase*/ }
.carousel-indicators { text-align: right; width: 70% }
.carousel-indicators li { background-color: #ffffff; }
.carousel-indicators .active { background-color: #e53075; }
/* carousel */

/* thumbnail */
.row.marge-lr-17 { margin-left: -15px !important; margin-right: -15px !important; }
.thumb-nav-bas .thumbnail { border-radius: 0 }
.thumb-nav-bas .thumbnail .caption { color: #333333; padding: 25px; }
.thumb-nav-bas .thumbnail .caption { width: 100%; bottom: 31.5%; position: absolute }
.thumb-nav-bas .thumbnail { border: 0 none; box-shadow: none; margin: 0; padding: 0; background: transparent }
.thumb-nav-bas .thumbnail .caption h2 { color: #fff; font-weight: bold; -webkit-font-smoothing: antialiased; border-bottom: 3px solid #FFFFFF; border-top: 3px solid #FFFFFF; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; margin-top: 0; margin-bottom: 0; z-index: 5; text-shadow: 0 1px 4px rgba(0, 0, 0, 1); }

/* thumbnail */

/* newsletter */
.newsletter-bloc { padding: 20px 15px 0px; background: #4a4a4f; margin-top: 30px }
.newsletter-bloc .title-section { padding-bottom: 20px; }
.newsletter-bloc .title-section h2 { margin: 0 }
.newsletter-bloc p { line-height: 130% }
.input-newsletter { width: 75% }
.newsletter-bloc email { background: #000000; color: #ffffff }
.newsletter-bloc button { background: #000000; color: #ffffff }
.newsletter-bloc .newsletter-img { margin-top: 10px }
.newsletter-bloc .input-group .form-control:focus { border-color: #333333 }
.img-bottom { vertical-align: bottom; display: table-cell; }
.img-bottom img { vertical-align: bottom }
h5.rtnws { font-size: 80% }
/* pied de page */
.footer-bloc { padding: 30px 30px; background: #333333; color: #ffffff; font-size: 80% }
.footer-bloc .footer-haut { padding: 0px; }
.footer-bloc .footer-haut ul { list-style: none; margin-left: -40px }
.footer-bloc .footer-haut ul > li { margin-top: -3px; }
.footer-bloc a:link, .footer-bloc a:visited, .footer-bloc p a:link, .footer-bloc p a:link { color: #ffffff; }
.footer-bloc .footer-haut p { line-height: 150% }
.footer-bloc .footer-bas p { margin-top: -5px; margin-bottom: -5px }
/* contenu */
.lign-photo { margin-top: 10px; margin-bottom: 15px }
.contenu-texte .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; background: rgba(0,0,0,0.4); width: 100%; top: auto }
/* titres */
.titre-generique-orange, .titre-generique-bleu { background-repeat: no-repeat; border-bottom: 0px solid #FFFFFF; padding-top: 20px; padding-bottom: 20px; opacity: 1 }
.titre-generique-orange { background-image: url(../images/bg-titre-orange.png); background-size: 100% auto; }
.titre-generique-bleu { background-image: url(../images/bg-titre-bleu.png); background-size: 100% auto; }
.titre-generique-orange h1, .titre-generique-bleu h1 { color: #ffffff; font-size: 210%; text-shadow: 1px 1px 0px #000000; text-align: center; opacity: 1; margin-top: 74px !important }
.panel { border: none; border-radius: 0 }
.contenu-texte { font-size: 90%; line-height: 150%; color: #333333 }
.contenu-texte h2 { margin-top: 0px !important }
.list-vign img { margin-bottom: 30px }
/* offre menu */
.menu-bloc, .menu-bloc-sv { min-height: 1182px; border: none; border-radius: 0 }
.menu-bloc-sv { min-height: 760px; }
.menu-bloc-sm { border: none; border-radius: 0 }
.offre-menu .offre-menu-resa { margin-top: 20px; margin-bottom: 20px }
.offre-menu ul, .offre-menu p { list-style: none; font-size: 80% }
.offre-menu p { margin-top: 5px; margin-bottom: 5px; }
.offre-menu ul li.offre-menu-formule, .offre-menu p.offre-menu-formule { margin-top: 5px; margin-bottom: 10px; text-transform: uppercase }
.offre-menu ul li.offre-menu-titre, .offre-menu p.offre-menu-titre { margin-top: 5px; margin-bottom: 5px }
/* infos */
.info-bloc { min-height: 440px; border: none; border-radius: 0 }
#map_canvas { height: 500px; width: 100%; }
/* reservation */
.resa { color: #fff; background: transparent; box-shadow: none }
/*.fond-resa {background: url(/images/portrait-michou.jpg);background-repeat: no-repeat; padding-top:0; padding-bottom:0}*/
.fond-resa { background: transparent !important; padding-top: 0; padding-bottom: 0 }
/*.opaq-resa { background: rgba(51, 51, 51, .5); padding-top:0px }*/
.resa-titre { margin-bottom: 20px; padding: 15px }
.opaq-resa { padding-top: 0px }
.cadre-total-resa { max-width: 40%; border: solid 1px #fff; padding: 5px }
.total-resa { margin-top: 36px }
.resa p.butresa { margin-top: 105px }
.btn-resa { color: #ffffff; background-color: #42BFEB; border-color: #42BFEB; }
.btn-resa:hover, .btn-resa:focus, .btn-resa:active, .btn-resa.active, .open .dropdown-toggle.btn-resa { color: #ffffff; background-color: #18beee; border-color: #42BFEB; }
.btn-resa:active, .btn-resa.active, .open .dropdown-toggle.btn-resa { background-image: none; }
.btn-resa.disabled, .btn-resa[disabled], fieldset[disabled] .btn-resa, .btn-resa.disabled:hover, .btn-resa[disabled]:hover, fieldset[disabled] .btn-resa:hover, .btn-resa.disabled:focus, .btn-resa[disabled]:focus, fieldset[disabled] .btn-resa:focus, .btn-resa.disabled:active, .btn-resa[disabled]:active, fieldset[disabled] .btn-resa:active, .btn-resa.disabled.active, .btn-resa[disabled].active, fieldset[disabled] .btn-resa.active { background-color: #42BFEB; border-color: #42BFEB; }
.btn-resa .badge { color: #42BFEB; background-color: #ffffff; }
p.affPrixresa { position: absolute; width: 92%; margin-top: 20px; text-align: center; font-weight: bold }
p.alert-resa { width: 75%; padding: 10px; font-size: 85%; margin-bottom: 0px }
p.alert-coord { padding: 10px; font-size: 85%; display: none }
.bootstrap-iso .form-group button, .bootstrap-iso form input.form-control, .bootstrap-iso form textarea.form-control, .bootstrap-iso form select.form-control { -webkit-border-radius: 0 !important; -moz-border-radius: 0; border-radius: 0; }
.bootstrap-iso .formden_header h2, .bootstrap-iso .formden_header p, .bootstrap-iso form { color: #ffffff }
.bootstrap-iso .control-label { font-weight: normal }
.bootstrap-iso form button, .bootstrap-iso form button:hover { color: #ffffff !important; }
.bootstrap-iso .btn-custom { background: #42bfeb }
.bootstrap-iso .btn-custom:hover { background: #2eabd7; }
.bootstrap-iso .form-control:focus { border-color: #18beee; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(24, 190, 238, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(24, 190, 238, 0.6); }
.asteriskField { color: red; }
.bootstrap-iso form .input-group-addon { color: #555555; background-color: #eeeeee; border-radius: 0px; padding-left: 12px }
.lcl { color: #fff }
.annul h1 small { color: #fff }
.annul h3 { text-shadow: 1px 1px 0px #000000; }
.vigipirate { font-size:75%; line-height: 140%}
/* presse */
.caption h4 { min-height: 70px; text-align: center }
.cc-revoke, .cc-window {font-size: 14px !important}
.cc-theme-classic .cc-btn {border-radius: 0px !important;}

@media screen and (max-width: 767px) {
.top-bar .topbar-menu ul, .top-bar p { text-align: center !important; display: block }
.navbar-default { margin-bottom: 15px; margin-top: 10px }
.navbar-brand { width: 190px; margin-top: -8px }
.navbar-collapse { padding-right: 15px }
ul.main-menu { margin-top: 10px }
.navbar-default .main-menu > li a { background: #ffffff; color: #000000; border-bottom: none; }
.navbar-default .main-menu > li a:link, .main-menu > li a:visited { text-shadow: none; }
.navbar-default .main-menu > li a:hover, .navbar-default .main-menu > li a:focus { background: #333333; color: #ffffff; border-bottom: none; }
.navbar-default .navbar-nav > .open > a { background-color: #333333; color: #000000; text-shadow: none; border-radius: none; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #333333; color: #ffffff; text-shadow: none; }
.navbar-default .main-menu ul.dropdown-menu > li a:link, .navbar-default .main-menu ul.dropdown-menu > li a:visited { background: #ffffff; color: #000000; text-shadow: none }
.navbar-default .main-menu ul.dropdown-menu > li a:hover { background: #333333 !important; border-bottom: none; color: #ffffff !important }
/* carousel */

.carousel-caption { top: auto; left:0%; right:5%; text-align: left; padding: 10px; padding-bottom:0px; width: auto; text-align:center }


.caption-border { width: 85%; border-bottom: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; padding-left: 0px; padding-right: 0px; padding-top: 5px; padding-bottom: 10px; background: rgba(37,213,253,0.8) !important; }

.carousel-caption h1 { font-size: 120% }
.carousel-caption p { font-size: 90%; line-height: 120% }

.thumb-nav-bas .thumbnail .caption { color: #333333; padding: 25px; }
.thumb-nav-bas .thumbnail .caption { width: 100%; bottom: 33%; position: absolute }
.thumb-nav-bas .thumbnail { border: 0 none; box-shadow: none; margin: 0; padding: 0; background: transparent; margin-bottom: 15px }
.thumb-nav-bas .thumbnail img { min-width: 100% !important; border: 0 none; box-shadow: none; margin: 0; padding: 0; background: transparent }
.thumb-nav-bas .thumbnail .caption h2 { color: #fff; font-weight: bold; -webkit-font-smoothing: antialiased; border-bottom: 3px solid #FFFFFF; border-top: 3px solid #FFFFFF; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; margin-top: 0; margin-bottom: 0 }
/* newsletter */
.newsletter-bloc { padding: 0px 15px 0px; margin-top: 15px; text-align: center }
.input-newsletter { width: 100% }
.newsletter-bloc .title-section h2 { margin: 0; font-size: 150% }
.img-bottom { vertical-align: auto; display: inline; }
.img-bottom img { vertical-align: bottom }
/* pied de page */
.footer-bloc .footer-haut ul > li { text-align: center !important }
.footer-bloc .footer-haut ul > li:last-child { margin-bottom: 25px }
.footer-bloc .footer-haut p { text-align: center !important }
/* contenu */
.titre-generique-bleu { background-image: none }
.titre-generique-orange h1, .titre-generique-bleu h1 { font-size: 130%; margin-top: 0px !important }
.contenu-texte h2 { margin-top: 0px !important; font-size: 160% !important }
.contenu-texte h3 { font-size: 140% !important }
.lign-photo img { margin-bottom: 20px; text-align: center }
.contact-text { font-size: 80%; line-height: 130% }
.contenu-texte .carousel-caption { position: absolute; font-size: 90%; right: 0; bottom: 0; left: 0; z-index: 10; padding-top: 10px; padding-bottom: 10px; color: #fff; text-align: center; background: rgba(0,0,0,0.4); width: 100%; top: auto }
/* offre menu & infos */
.menu-bloc, .info-bloc { min-height: 50px; }
.bloc-resa-menu { margin-top: -45px !important }
/* reservation */
.cadre-total-resa { max-width: 100%; }
.resa-titre { margin-bottom: 10px; padding: 5px; font-size: 110% }
.formulresa, .nbplace, .alert-resa, .btn-resa { width: 100% !important }
.cc-revoke, .cc-window {font-size: 12px !important}
}

/*@media screen and (min-width: 768px) {
.dropdown:hover .dropdown-menu { display: block; }
}*/
@media screen and (min-width: 450px) and (max-width: 768px) {
.newsletter-bloc .img-responsive { display: inline; margin-bottom: 15px }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.top-bar .topbar-menu ul { margin: 0 }
.top-bar .topbar-menu ul li:last-child { padding-right: 5px }
.navbar-brand { width: 200px }
.picto-resa { width: 80px }
ul.main-menu { margin-top: 16px }
ul.resa-menu li a { padding-left: 0; padding-right: 0 }
.main-menu > li a { padding-left: 3px; padding-right: 3px }
.main-menu > li i { padding-top: 19px }
.main-menu > li a:link, .main-menu > li a:visited { font-size: 85%; color: #000000; }
.txt-bando { letter-spacing: -0.4px }
/*carousel*/
.carousel-caption { top: auto; left:10%; right:10%; text-align: left; padding: 10px; width: auto; text-align:center }
.caption-border { width: 100%; border-bottom: 3px solid #FFFFFF; border-top: 3px solid #FFFFFF; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 20px; background: rgba(37,213,253,0.8) !important; }
.carousel-caption h1 { font-size: 180%; }
.carousel-caption p { font-size: 120%; }
/*newsletter*/
.newsletter-bloc .title-section h2 { margin: 0; font-size: 150% }
.newsletter-bloc .title-section p { margin: 0; font-size: 90% }
}

@media screen and (min-width: 768px) and (max-width: 768px) { /*ipad portrait*/
.navbar-brand { width: 200px }
.main-menu > li a:link, .main-menu > li a:visited { font-size: 88% !important; color: #000000 }
.resa-menu { display: none }
.thumb-nav-bas .thumbnail .caption { width: 100%; bottom: 25%; position: absolute }
.titre-generique-orange h1, .titre-generique-bleu h1 { font-size: 150%; margin-top: 52px !important }
}