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, 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:top;}article, aside, details, figcaption, figure, footer, header, hgroup, main, 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;}img{max-width:100%;}a{text-decoration:none;}
/* Common styles of menus */
.dl-menuwrapper{width:300px;position:fixed;top:1em;right:1em;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%;z-index:3000;}
.dl-menuwrapper button{background:#13141e;border:none;border-radius:0.15em;margin:0 auto;width:45px;height:45px;position:absolute;top:0;right:0;cursor:pointer;outline:none;color:#fff;font-size:1.25em;}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active{background-color:rgba(19,20,30,.6);}
.dl-menuwrapper button:after {content: '';position:absolute;width:32px;height:2px;background:#fff;top:12px;left:6px;box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;}
.dl-menuwrapper ul { -webkit-overflow-scrolling:touch;background-color:#13141e;padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%;position:absolute;top:0;}
.dl-menuwrapper li {position:relative;display:block;}
.dl-menuwrapper li a {display:block;position:relative;padding:15px 20px;font-size:.9em;color:#fff;outline:none;border-bottom:1px solid #fff;text-transform:uppercase;}
.dl-menuwrapper li a img{height:40px;margin:0;display:block;}
.no-touch .dl-menuwrapper li a:hover {background:rgba(255,255,255,0.5);text-decoration:none;}
.dl-menuwrapper li.dl-back > a {padding-left:30px;background:rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {position:absolute;top:0;line-height:50px;font-family: 'Font Awesome 5 Free';content: "\f105";speak:none;-webkit-font-smoothing:antialiased;font-weight: 900;}
.dl-menuwrapper li.dl-back:after {left:10px;color:rgba(255,255,255,0.9);content:"\f104";}
.dl-menuwrapper li > a:after {right:10px;color:rgba(255,255,255,0.6);}
.dl-menuwrapper .dl-menu {margin:5px 0 0 0;position:absolute;top:2.25em;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px);}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {display:none;}
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {display:none;}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display:block;}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {position:absolute;width:100%;top:0;left:0;margin:0;}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {-webkit-animation:MenuAnimOut1 0.4s;animation:MenuAnimOut1 0.4s;}
.dl-menu.dl-animate-out-2 {	-webkit-animation:MenuAnimOut2 0.3s ease-in-out;animation:MenuAnimOut2 0.3s ease-in-out;}
.dl-menu.dl-animate-out-3 {	-webkit-animation:MenuAnimOut3 0.4s ease;animation:MenuAnimOut3 0.4s ease;}
.dl-menu.dl-animate-out-4 {	-webkit-animation:MenuAnimOut4 0.4s ease;animation:MenuAnimOut4 0.4s ease;}
.dl-menu.dl-animate-out-5 {	-webkit-animation:MenuAnimOut5 0.4s ease;animation:MenuAnimOut5 0.4s ease;}
@-webkit-keyframes MenuAnimOut1{0%{}50%{-webkit-transform:translateZ(-250px) rotateY(30deg);}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5;}100%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0;}}
@-webkit-keyframes MenuAnimOut2{0%{}100%{-webkit-transform:translateX(-100%);opacity:0;}}
@-webkit-keyframes MenuAnimOut3{0%{}100%{-webkit-transform:translateZ(300px);opacity:0;}}
@-webkit-keyframes MenuAnimOut4{0%{}100%{-webkit-transform:translateZ(-300px);opacity:0;}}
@-webkit-keyframes MenuAnimOut5{0%{}100%{-webkit-transform:translateY(40%);opacity:0;}}
@keyframes MenuAnimOut1{0%{}50%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg);opacity:.5;	}100%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0;}}
@keyframes MenuAnimOut2{0%{}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}
@keyframes MenuAnimOut3{0%{}100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}}
@keyframes MenuAnimOut4{0%{}100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}}
@keyframes MenuAnimOut5{0%{}100%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0;}}
.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 0.3s;animation:MenuAnimIn1 0.3s;}
.dl-menu.dl-animate-in-2{-webkit-animation:MenuAnimIn2 0.3s ease-in-out;animation:MenuAnimIn2 0.3s ease-in-out;}
.dl-menu.dl-animate-in-3{-webkit-animation:MenuAnimIn3 0.4s ease;	animation:MenuAnimIn3 0.4s ease;}
.dl-menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 0.4s ease;	animation:MenuAnimIn4 0.4s ease;}
.dl-menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 0.4s ease;	animation:MenuAnimIn5 0.4s ease;}
@-webkit-keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0;}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:0.5;}100%{-webkit-transform:translateZ(0px) rotateY(0deg);opacity:1;}}
@-webkit-keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0px);opacity:1;}}
@-webkit-keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);opacity:0;}100%{-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);opacity:0;}100%{-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);opacity:0;}100%{-webkit-transform:translateY(0);opacity:1;}}
@keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0;}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);opacity:0.5;}100%{-webkit-transform:translateZ(0px) rotateY(0deg);transform:translateZ(0px) rotateY(0deg);opacity:1;}}
@keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}}
@keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;	}}
@keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0;}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 0.4s ease;animation:SubMenuAnimIn1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2{-webkit-animation:SubMenuAnimIn2 0.3s ease-in-out;animation:SubMenuAnimIn2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3{-webkit-animation:SubMenuAnimIn3 0.4s ease;animation:SubMenuAnimIn3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 0.4s ease;animation:SubMenuAnimIn4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 0.4s ease;animation:SubMenuAnimIn5 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);opacity:0;}100%{-webkit-transform:translateX(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);opacity:0;}100%{-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);opacity:0;}100%{-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);opacity:0;}100%{-webkit-transform:translateZ(0);opacity:1;}}
@keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0;}100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}}
@keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}}
@keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0;}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 0.4s ease;animation:SubMenuAnimOut1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2{-webkit-animation:SubMenuAnimOut2 0.3s ease-in-out;animation:SubMenuAnimOut2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3{-webkit-animation:SubMenuAnimOut3 0.4s ease;animation:SubMenuAnimOut3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 0.4s ease;animation:SubMenuAnimOut4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 0.4s ease;animation:SubMenuAnimOut5 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0%);opacity:1;}100%{-webkit-transform:translateX(50%);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);opacity:1;}100%{-webkit-transform:translateX(100%);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0px);opacity:1;}100%{-webkit-transform:translateZ(-300px);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0px);opacity:1;}100%{-webkit-transform:translateZ(300px);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);opacity:1;}100%{-webkit-transform:translateZ(-200px);opacity:0;}}
@keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1;}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0;}}
@keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1;}100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
@keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}}
@keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}}
@keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}100%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0;}}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;	transform:none;}
.no-js .dl-menuwrapper li .dl-submenu{	display:block;}
.no-js .dl-menuwrapper li.dl-back{	display:none;}
.no-js .dl-menuwrapper li > a:not(:only-child){background:rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after{content:'';}
/* Mobile */
.rouge{color:#F00;font-weight:bold;}
body {font-family: 'Muli', sans-serif;max-width:1960px;margin:0 auto;}
a{display:inline-block;}
.conteneur{width:90%;margin:0 auto;}
.conteneurpetit{width:90%;margin:0 auto;}
h2,h3,h4{text-transform:uppercase;color:#13141e;}
h1{color:#13141e;font-size:1.9em;font-weight:300;margin:1em 0em;}
h2{font-weight:bold;font-size:1.5em;margin:.5em 0 1.5em 0;}
h3{font-weight:bold;font-size:1.3em;margin:.5em 0 1.5em 0;}
h4{font-weight:bold;font-size:1.2em;margin:.5em 0 1.5em 0;}
p{ color:#13141e;margin:0.5em auto;} 
a{color:#13141e;text-decoration:none;}
a:hover { color:#237194;}
main a{color:#237194;}
main a:hover{color:#13141e;}
a.logo{width:70%;margin:1em auto 1em 0;}
a.tel{font-weight:bold;font-size:1.1em;margin-bottom:.5em;vertical-align:middle;}
header{border-bottom:10px solid #d9d9db;}
.pc{display:none;}
.upper{text-transform:uppercase;}
strong{font-weight:bold;}
.upperbold{text-transform:uppercase;font-weight:bold;}
.linkfacebook,nav.menuprincipal,nav.menutop{display:none;}
form.recherche{border:1px solid #13141e;border-radius:10px;width:170px;margin:0 auto .5em 0;padding:.1em 0;display:inline-block;margin-left:1em;vertical-align:middle;}
form.recherche input{border:0;width:100px;}
form.recherche button{background:none;border:0;}
div.slider{margin:0 auto;text-align:center;}
.csslider1 > .cs_description > label{position: absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;top:20%;text-align:center;z-index:100;background-color:transparent;width:60%;}
.csslider1 > .cs_description > label img{background-color:rgba(255,255,255,.4);display:block;padding:.5em;width:50%;margin:0 auto;max-width:360px;}
.csslider1 > .cs_description > label a{background-color:#efeeec;color:#13141e;text-transform:uppercase;padding:.5em 1em;border-radius:5px;font-size:.7em;margin:.5em 0;font-weight:bold;}
div.slider button{border:0;background:none;position:absolute;top:35%;}
div.slider button:focus{border:0;outline:none;}
hr{border:0;background:url(../images/ligne-bateau-separateur-mb.png) no-repeat top center;height:19px;background-size:contain;margin:2em auto 1em auto;}
div.sectionetat{max-width:1960px;margin:2em auto 0 auto;}
div.sectionetat a{position:relative;z-index:5;margin:0}
div.sectionetat h3{color:#fff;font-size:2em;position:absolute;top:10%;left:5%;z-index:100;text-align:left;}
div.sectionetat h3 span{display:block;font-size:.6em;}
div.sectionetat a:last-child{z-index:1;margin-top:-8px;}
section.vedette{background:url(../images/bg-vedette.jpg) center bottom #13141e;background-repeat:repeat-x;padding-bottom:2.1em;margin-bottom:2em;}
section.vedette h2{color:#fff;padding:1em;margin:0;font-size:1.4em;}
section.vedette figure{position:relative;}
section.vedette figcaption{position:absolute;bottom:0;background-color:rgba(5,54,77,.6);width:calc(100% - 3em);padding:.5em 1.5em;}
section.vedette figcaption p{color:#fff;margin:0;}
section.vedette figcaption a{background-color:#fff;color:#13141e;padding:.5em;border:1px solid #fff;border-radius:8px;font-size:.8em;text-transform:uppercase;float:right;margin-top:.7em;font-weight:bold;}
section.vedette figcaption a:hover{text-decoration:none;background-color:#13141e;border:1px solid #fff;color:#fff;}
section.bateauxneuf p{margin-bottom:2em;}
section.bateauxneuf article{margin:.5em auto;max-width:620px;text-align:center;}
section.bateauxneuf article a{display:block;position:relative;height:100%;}
section.bateauxneuf article span{position:absolute;top:45%;left:0;right:0;margin-left:auto;margin-right:auto;text-transform:uppercase;color:#fff;display:none;font-size:1.3em;}
section.bateauxneuf article div{position:relative;background-color:#084764;}
section.bateauxneuf article a img{transition:opacity .5s;-webkit-transform: translateZ(0);width: calc(100% + .49px);margin-bottom:-1px;}
section.bateauxneuf article a h2{width:90%;margin-left:auto;margin-right:auto;}
section.bateauxneuf article a:hover img{opacity:.5;}
section.bateauxneuf article a:hover span{display:block;transition:1s;}
section.bateauxneuf article a:hover{text-decoration:none;}
section.marques{position:relative;text-align:center;background:url(../images/marine-daniel-masson-batisse-mb.jpg) no-repeat;min-height:600px;background-size:cover;}
img.likebg{position:relative;}
section.marques h4{color:#fff;padding:.5em 1.2em .5em 1.2em;font-size:1em;margin:0;}
section.marques .bloclogo{padding:0 2em;}
section.marques .bloclogo img{width:23%;margin:0em .2em;vertical-align:middle;}
footer{background:url(../images/bg-footer.jpg) bottom center #13141e no-repeat;color:#fff;border-top:5px solid #fff;padding:1em 0;font-size:.8em;line-height:1.2em;}
footer a,footer p{color:#fff;}
footer a.logo{width:100%;}
footer a.tel{font-size:1.1em;font-weight:bold;line-height:1.4em;}
footer .heures{margin-top:2em;width:250px;}
aside.ftinfo,div.contactgauche{display:none;}
p.copy{font-size:.7em;margin:6em 0 0 0;}
p.ymark{font-size:.7em;margin:0 0 4em 0;}
footer table{width:80%;}
footer table td:last-child{text-align:right;}
.fichebateau h1{text-align:left;text-transform:uppercase;font-size:27px;font-weight:bold;}
.galleriephoto{width:100%; max-width: 1075px;position:relative;}
#image-gallery li.promo{position:relative;padding-top:5px;}
#image-gallery li.promo:before{content:"Promo";color:#fff;position:absolute;right:5%;top:-5px;text-transform:uppercase;background:url(../images/bg-promo-mb.png) top right;padding:1em .5em;height:calc(95px - 2em);width:calc(90px - 1em);font-weight:bold;font-size:1.2em;background-repeat:no-repeat;}
.lSPager{background-color:#e7eaef;padding:.2em 0;width:100% !important;}
div.boxprix span{text-decoration:line-through;display:block;font-weight:bold;padding:.2em 0;}
div.boxprix{height:30px;display:flex;align-items:center;justify-content:flex-end;}
div.boxprix div.prix{background: rgb(19,21,32); background: -moz-linear-gradient(left, rgb(19,21,32) 0%, rgb(16,105,147) 100%);background: -webkit-linear-gradient(left, rgb(19,21,32) 0%,rgb(16,105,147) 100%);background: linear-gradient(to right, rgb(19,21,32) 0%,rgb(16,105,147) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131520', endColorstr='#106993',GradientType=1 ); width:150px;color:#fff;text-align:center;padding:.2em 0; font-size:1.1em;display:block;}
div.obtrdv{background-color:#e7eaef;padding:1.9em 1em;overflow:hidden;margin-top:2em;}
form.obtenirrdv{width:90%;margin:0 auto;}
form.obtenirrdv input, form.obtenirrdv textarea{border:1px solid #9faabe;padding:1em .5em;display:block;margin:1em auto;width:calc(100% - 1em);}
form.obtenirrdv select{display:inline-block;width:25%;margin-bottom:1em;float:right;color:#9faabe;border:1px solid #9faabe;padding:.5em .5em; -moz-appearance:none; -webkit-appearance:none;appearance:none;text-align:center;text-transform:uppercase;background-color:#fff;}
form.obtenirrdv .selectdiv{position:relative;}
form.obtenirrdv .selectdiv:after{font-family: 'Font Awesome 5 Free';content: "\f0d7";position:absolute;right:11px;top:6px;padding-left:10px;height: 34px;pointer-events: none;font-weight:bold;}
form.obtenirrdv textarea{height:95px;}
form.obtenirrdv label{color:#7d8592;text-transform:uppercase;font-size:.9em;padding:} 
form.obtenirrdv ::placeholder{text-transform:uppercase;color:#9faabe;font-size:.9em;}
form.obtenirrdv h4{margin:0 auto;}
form.obtenirrdv button{background: rgb(19,21,32); background: -moz-linear-gradient(left, rgb(19,21,32) 0%, rgb(16,105,147) 100%);background: -webkit-linear-gradient(left, rgb(19,21,32) 0%,rgb(16,105,147) 100%);background: linear-gradient(to right, rgb(19,21,32) 0%,rgb(16,105,147) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131520', endColorstr='#106993',GradientType=1 ); color:#fff;text-align:center;padding:.3em 0; font-size:1.2em;margin:0 0 0 auto;border:0;width:140px;float:right;}
div.btnfinancement{margin-top:5px;}
div.btnfinancement a{display:block;background: rgb(19,21,32); background: -moz-linear-gradient(left, rgb(19,21,32) 0%, rgb(16,105,147) 100%);background: -webkit-linear-gradient(left, rgb(19,21,32) 0%,rgb(16,105,147) 100%);background: linear-gradient(to right, rgb(19,21,32) 0%,rgb(16,105,147) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131520', endColorstr='#106993',GradientType=1 ); color:#fff;text-align:center;padding:1.4em 0; font-size:1.2em;border:0;text-align:center;text-transform:uppercase;}
div.btnpartager{text-align:center;margin:.5em 0 3em 0;font-weight:bold;font-size:.9em;vertical-align:middle;}
div.btnpartager a{margin:0 .4em;vertical-align:middle;}
div.infobateau{font-weight:bold;display:flex;margin:.5em 0;flex-wrap:wrap;max-width:700px;justify-content: flex-start;}
div.infobateau div{text-align:center;flex:1 1 25%;margin:.5em 0;max-width:125px;}
div.infobateau img{display:block;margin:.2em auto;width:50%;max-width:69px;}
.pc{display:none;}
.mobile{display:block;}
p.titrebleu{background-color:#0e4c6b;color:#fff;text-transform:uppercase;padding:.4em 0 .4em .3em;font-weight:bold;}
div.description{margin:2em 0;}
div.spec{margin:2em 0;}
div.spec ul{margin:0 0 0 0;column-count:2;}
div.spec ul li{text-indent: -1em; padding-left: 1em;}
div.spec ul li:before{content:'-';padding-right:.5em;}
section.produitsrelies{text-align:left;margin:3em 0;}
section.produitsrelies figure{max-width:300px;}
section.produitsrelies h3{text-align:left;}
section.produitsrelies p{margin:.1em 0;display:inline-block;width:49%;}
section.produitsrelies p:nth-child(even){text-align:right;}
section.produitsrelies figcaption a{background-color:#e9070d;color:#fff;text-transform:uppercase;border-radius:10px;font-size:.8em;padding:.5em .75em;margin:.5em 0;}
div.infolettre{border:1px solid #042f54;padding:1em;display:flex;flex-wrap:wrap;align-items:center;width:90%;max-width:1045px;margin:2em 0 4em 0;justify-content:space-between;}
div.infolettre img{width:8%;max-width:50px;margin-right:5px;}
div.infolettre p {color:#191d2f;font-size:.95em;width:90%;}
div.infolettre p span{font-weight:900;text-transform:uppercase;}
div.infolettre input{border:1px solid #042f54;border-radius:5px;padding:.3em;}
div.infolettre input::placeholder{text-transform:uppercase;color:#b1b2b5;}
div.infolettre button{background-color:#042f54;color:#fff;text-transform:uppercase;border-radius:5px;padding:.3em 1em;border:0;}
div.listedroite{text-align:center;}
div.listedroite figure{max-width:395px;display:inline-block;margin:1em 0;}
div.listedroite figcaption p.nom{font-weight:bold;margin:.2em 0;text-transform:uppercase;}
div.listedroite figcaption p.prix{font-weight:bold;margin:.2em 0;}
div.listedroite figcaption a{background-color:#042f54;color:#fff;text-transform:uppercase;border-radius:8px;font-size:.8em;padding:.5em .5em;margin:.5em 0;}

@media only screen and (min-width: 21em) {}  
@media only screen and (min-width: 25em) {section.marques{min-height:700px;}}
@media only screen and (min-width: 31em) {
section.marques{min-height:850px;}
section.marques h4{padding:.5em 1em .5em 1em;font-size:1.2em;}
div.sectionetat a:last-child{margin-top:-10px;}
}

@media only screen and (min-width: 40em) {
header a.logo{display:inline-block;width:40%;}
div.infodroite{display:inline-block;width:calc(59% - 5em);margin-top:1em;margin-left:5em;}
h1{font-size:2.1em;}
form.recherche{margin-left:0;display:block;}
h1,h2,h3,h4{text-align:center;}
p{text-align:justify;margin:1em 0;}
div.sectionetat{display:flex;}
div.sectionetat a h3{right:5%;text-align:right;padding-left:3.7em;}
div.sectionetat a:last-child h3{left:5%;text-align:left;padding-left:0;}
div.sectionetat a:last-child{margin-top:0px;}
section.vedette div.blocproduit{display:flex;max-width:1960px;margin:0 auto;}
figure{margin-right:2px;}
figure:last-child{margin-right:0;}
section.vedette {margin-bottom:2em;}
section.vedette figcaption{width:calc(100% - 1em);padding:.5em .5em;}
section.vedette div.blocproduit p{font-size:.9em;text-align:left;}
section.vedette div.blocproduit a{font-size:.7em;}
hr{margin:2em auto;}
section.bateauxneuf article{display:inline-block;width:49%;margin: 0;}
section.marques{min-height:950px;}
section.marques h4{padding:1em 1em .5em 1em;font-size:1.3em;}
section.marques img{height:60px;}
footer div.blocgauche{display:inline-block;margin-right:3em;}
footer .heures{display:inline-block;}
footer .heures p{text-align:left;}
.lSPager{background-color:#e7eaef;padding:.2em 0;width:100% !important;}
div.boxprix{position:absolute;bottom:.1em;right:.5em;}
div.boxprix div.prix{width:205px;font-size:1.5em;}
div.boxprix span{font-size:1.5em;}
.lSPager li{width:100px !important;}
div.boxprix{height:50px;}
div.infobateau div{flex:1 1 auto;}
div.listedroite figure:nth-child(even){width:calc(49% - .2em);margin-left:.2em;}
div.listedroite figure:nth-child(odd){width:calc(49% - .2em);margin-right:.2em;}
div.listedroite figcaption p.prix{height:18px;}
div.listedroite{text-align:left;}
}

@media only screen and (min-width: 48em) {
h1{font-size:2.2em;}
h2{font-size:1.6em;}
h3{font-size:1.5em;}
h4{font-size:1.3em;}
section.bateauxneuf article a h2{width:70%;}
.csslider1 > .cs_description > label{top:30%;}
section.marques .bloclogo img{width:inherit;}
#image-gallery li.promo:before{content:"Promo";color:#fff;position:absolute;right:5%;top:-5px;text-transform:uppercase;background:url(../images/bg-promo.png) top right;padding:1em .5em;height:calc(95px - 2em);width:calc(120px - 1em);font-weight:bold;font-size:1.6em;}
div.description{display:inline-block;width:calc(49.5% - 1em);margin-right:2em;font-size:.95em;}
div.spec{display:inline-block;width:calc(49.5% - 1em);font-size:.95em;}
hr{border:0;background:url(../images/ligne-bateau-separateur.png) no-repeat top center;height:19px;background-size:contain;margin:2em auto 1em auto;}
div.listedroite figure{width:calc(32.5% - .2em) !important;margin-right:.2em;}
div.listedroite figure:nth-child(3n){width:calc(32% - .2em);margin-left:.2em;margin-right:0;}
div.listedroite figcaption p.nom{font-size:.8em;}
}
@media only screen and (min-width: 64em) {
.conteneur{width:980px;}
.conteneurpetit{width:900px;}
.dl-menuwrapper, .mb{display:none;}
.pc{display:block;}
header a.logo{display:inline-block;width:260px;}
div.infodroite{display:inline-block;width:calc(99.5% - 260px);margin-left:0;}
div.top{display:flex;justify-content:flex-end;margin-top:1em;align-items:baseline;}
header a.tel{margin-right:.7em;}
form.recherche{margin:0 .7em;}
nav.menutop{display:block;}
nav.menutop ul{display:flex;justify-content:space-between;}
nav.menutop ul li{text-transform:uppercase;font-size:.8em;padding-right:1em;font-weight:bold;}
nav.menutop ul li:last-child{padding-right:0;}
nav.menutop ul li a:hover{color:#237194;text-decoration:none;}
nav.menuprincipal{display:block;margin:1em auto 2em auto;}
nav.menuprincipal ul {display:flex;align-items:center;justify-content:space-between;}
nav.menuprincipal ul li {text-transform:uppercase;font-size:.8em;font-weight:bold;position:relative;}
nav.menuprincipal ul li.joindre{background:url(../images/icone-contact.jpg) no-repeat top left;background-size:15%; padding-left:1.7em;line-height:1.5em;font-size:.9em;}
nav.menuprincipal ul li a{display:block;position:relative;z-index:11000;}
nav.menuprincipal ul li a:hover{color:#237194;text-decoration:none;}
nav.menuprincipal > ul > li:hover div.sousmenu{visibility:visible;opacity:1; transition-delay: 0s, 0s, 0.5s;transform: translateY(0%);}
div.sousmenu{display:flex; background-color:rgba(19,20,30,.9);align-items:start;flex-wrap:wrap;padding:2em;position:absolute;top:1em;left:-.5em;z-index:1000;width:calc(980px - 4em);border-top:20px solid #fff;visibility:hidden;opacity:0; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;transform: translateY(-2em);}
div.sousmenu h3{font-size:2em;color:#fff;}
div.sousmenu:before{content:"\A";width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 15px;border-color: transparent transparent #191b26 transparent;  position: absolute;left: 45px;right:0;top:-15px;}
div.sousmenu ul {flex-wrap:wrap;align-items:flex-start;}
div.sousmenu ul li{width:calc(25% - 1em);text-transform:uppercase;font-size:1.1em;margin-right:1em;margin-bottom:2em;line-height:1.2em;text-align:left;}
div.sousmenu ul li img{height:60px;display:block;position:absolute;bottom:0;}
div.sousmenu ul li a{color:#216d91;position:relative;height:100px;}
div.sousmenu ul li a:hover{color:#fff;}
nav.menuprincipal ul li > ul:before{content:"\A";width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 15px;border-color: transparent transparent #191b26 transparent;  position: absolute;left:60px;right:0;top:-15px;}
nav.menuprincipal ul li > ul {background-color:rgba(19,20,30,.9);align-items:start;flex-wrap:wrap;padding:2em .5em 2em 0;position:absolute;border-top:20px solid #fff;top:1em;left:-40px;z-index:1000;width:150px;visibility:hidden;opacity:0; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;transform: translateY(-2em);display:block;}
nav.menuprincipal ul li:hover > ul{visibility:visible;opacity:1; transition-delay: 0s, 0s, 0.5s;transform: translateY(0%);}
nav.menuprincipal ul li > ul li {text-transform:none;font-size:1.1em;padding:.5em 0;text-align:center;font-weight:normal;}
nav.menuprincipal ul li > ul li a{color:#fff;}
nav.menuprincipal ul li > ul li a:hover{color:#05abf8;}
.csslider1 > .cs_description > label{top:35%;}
.csslider1 > .cs_description > label img{width:60%;}
.csslider1 > .cs_arrowprev > label span:after {height:57px !important; width:90px !important;}
.csslider1 > .cs_arrownext > label span:after {  height:57px !important;  width:90px !important;}
.csslider1 > .cs_description > label a{font-size:.8em;margin-top:2em;}
div.sectionetat h3{font-size:2.3em;}
section.vedette figcaption{width:calc(100% - 3em);padding:.5em 1.5em;}
section.vedette div.blocproduit p{font-size:1em;}
section.vedette div.blocproduit a{font-size:.8em;}
p.copy{display:inline-block;width:49%;margin:6em 0 4em 0;text-align:left;}
p.ymark{display:inline-block;width:49%;margin:6em 0 4em 0;text-align:right;}
section.bateauxneuf article{width:33%;margin:1em 0;}
.blocflex{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:5em;max-width:1960px;margin:0 auto;}
section.bateauxneuf article a h2{font-size:1.3em;}
section.marques{background:url(../images/marine-daniel-masson-batisse.jpg) no-repeat center top;background-size:cover;}
section.marques h4{font-size:1.4em;}
section.marques div.bloclogo img{margin:.1em 1em;}
footer div.blocgauche{display:inline-block;margin-right:0;width:33%;}
footer .heures{display:inline-block;width:calc(33% - 4em);margin-top:3em;padding-left:4em;}
footer aside.ftinfo{display:block;}
footer aside.ftinfo p{text-align:left;}
footer div.contactgauche{display:inline-block;width:33%;margin-top:3em;text-align:right;}
footer div.reseauxsociaux a{margin:2em 1em 0 0;background-color:#237194;border-radius:50%;}
footer div.reseauxsociaux a:last-child{margin-right:0;}
footer div.reseauxsociaux a:hover img{opacity:.6;}
a.joindre{text-transform:uppercase;font-weight:bold;background:url(../images/contact-telephone-footer.png) no-repeat;background-size:20%; padding-left:3.5em;line-height:2em;}
.lSPager li{width:125px !important;margin-bottom:5px;}
div.boxprix{height:90px;}
div.boxprix.promo{flex-direction:column;}
.mobile{display:none;}
.colonnegauche{display:inline-block;width:calc(100% - 310px);}
.blocdroit{width:300px;display:inline-block;}
div.obtrdv{margin-top:0;}
div.infobateau div{font-size:1.3em;}
div.infolettre{;margin:2em auto 4em auto;flex-wrap:nowrap;}
div.infolettre p {color:#191d2f;font-size:.95em;width:55%;}
div.listedroite figure{width:calc(24.5% - .2em) !important;margin-right:.2em;}
div.listedroite figure:nth-child(3n){width:inherit;}
div.listedroite figure:nth-child(4n){width:calc(24% - .2em);margin-left:.2em;margin-right:0;}
div.listedroite figcaption p.nom{font-size:.85em;}
}
@media only screen and (min-width: 100em) {
.conteneur{width:1525px;}
.conteneurpetit{width:1150px;}
body.accueil h1{margin-left:.5em;margin-right:.5em;}
h1{font-size:3em;}
h2{font-size:2.2em;}
h3{font-size:1.8em;}
h4{font-size:1.3em;}
p{margin:1.5em 0;}
header a.logo{z-index:2000;position:relative;}
nav.menuprincipal{width:78%;margin:-2.2em 0 1em auto;text-align:right;}
nav.menuprincipal ul li.joindre{background-size:auto;padding-left:2.7em;line-height:2em;}
div.sousmenu{left:-340px;width:calc(1525px - 20em);padding:4em 10em;}
div.sousmenu h3{font-size:3em;}
div.sousmenu:before{left: 380px;}
div.sousmenu ul li img{height:75px;position:relative;}
div.sousmenu ul li a{height:inherit;}
.csslider1 > .cs_description > label img{width:inherit;}
div.sectionetat h3{font-size:3.7em;}
section.vedette figure{margin-right:5px;}
figure:last-child{margin-right:0;}
section.vedette figcaption{padding:1em 3em;width:calc(100% - 6em);}
section.vedette figcaption a{margin-top:1em;}
section.vedette div.blocproduit p{margin:.1em 0;}
section.vedette div.blocproduit p.prix{font-size:1.5em;}
section.bateauxneuf article a h2{font-size:1.7em;width:100%;}
section.marques{height:1090px;}
section.marques h4{font-size:2.2em;margin-bottom:.5em;}
section.marques img{height:67px;}
footer div.blocgauche{width:50%;}
footer div.blocgauche aside:not(.ftinfo) {display:flex;align-items:center;font-weight:bold;}
footer div.blocgauche aside p{width:75%;}
footer a.logo{margin:0 1.5em 1.5em 0;width:auto;}
footer a.tel{margin:0 0 0 1em;font-size:2em;}
footer .heures{width:25%;margin:0;padding:0;}
footer div.contactgauche{width:24%;}
.colonnegauche{display:inline-block;width:calc(100% - 480px);}
.blocdroit{width:470px;display:inline-block;}
div.infobateau img{width:69px;}
div.infolettre{width:65%;}
div.infolettre p{width:auto;}
}

@media only print{
}