html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:Montserrat Regular,Arial; font-size:16px; background:#fff; color:#27323b;}
.s {margin:0 auto; max-width:1400px;}
.smax {margin:0 auto; max-width:1440px;}
.zero {font-size:0;}
a {outline:none;}
a:link, a:visited, a:hover {color:#27323b;text-decoration:none}
#top {position:fixed; z-index:99; top:0; padding:20px 0; width:100%; background:#fff; font-size:0; transition:0.2s;}
.fixtop {padding:10px 0 !important; box-shadow:0 3px 8px 0 rgba(232,222,216,0.5);}
#coord {display:inline-block; vertical-align:middle; font-size:20px; width:calc(50% - 250px); color:#485d6b; font-weight:bold;}
#logo {display:inline-block; vertical-align:middle; width:500px;}
#menu {display:inline-block; vertical-align:middle; width:calc(50% - 250px); text-align:right;}
#menur {display:inline-block; vertical-align:middle; width:40px; border-top:4px solid #485d6b; position:relative; height:28px; box-sizing:border-box; cursor:pointer; transition:all 0.3s ease-in;}
#menur:before {content:""; display:block; position:absolute; height:4px; width:100%; left:0; background:#485d6b; top:8px; transition:all 0.3s ease-in;}
#menur:after {content:""; display:block; position:absolute; height:4px; width:100%; left:0; background:#485d6b; bottom:0; transition:all 0.3s ease-in;}
#menur.close {border-color:transparent;}
#menur.close:before {transform:rotate(45deg);top:8px;}
#menur.close:after {transform:rotate(135deg); bottom:12px;}
#nav {position:fixed; top:0; margin-left:100%; z-index:98; width:100%; padding-top:200px; height:calc(100% - 200px); background:rgba(72,93,107,0.9); transition:0.3s; overflow:hidden;box-sizing:unset;}
#nav.show {margin-left:0;}
#nav.hide {margin-left:100%;}
#nav .item {position:relative; font-size:40px; letter-spacing:3px; font-weight:bold; display:block; margin-bottom:30px; width:calc(50% - 40px);}
#nav .item a:after {color:#fff; border-right:4px solid currentcolor; border-bottom:4px solid currentcolor; content: ''; position: absolute; width:16px; height:16px; right: 0px; transform: rotate(-45deg); top:18px; transition:0.3s;}
#nav .item a:link, #nav .item a:visited {color:#fff; display:block; transition:0.3s;}
.smenu {position:fixed; top:0; right:0; z-index:99; width:0; padding-top:200px; height:calc(100% - 200px); background:#fff; transition:0.3s; overflow:hidden; box-sizing:unset;}
.smenu.hide {width:0;}
.smenu.show {width:50%;}
.smenu div {margin-left:40px; max-width:893px;}
#nav .sitem {display:block; margin:0 20px 20px 0;}
#nav .sitem a:link, #nav .sitem a:visited {font-size:30px; display:inline-block; padding:8px 20px; background-color:#27323b;}
.retour {display:none;}
#intro {position:relative; margin-top:115px; width:100%; overflow:hidden; max-height:600px; z-index:50;  background:#e8ded8;}
#wave {position:absolute; width:100%; height:50px; bottom:0; z-index:99;}
.fixdiapo {height:300px;}
.swiper-slide img {width:100%;}
.fixdiapo .swiper-slide img {margin-top: -150px;}
.swiper-container {overflow: hidden; z-index: 1;-webkit-transform: translateZ(0);}
.swiper-wrapper {position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box; pointer-events:none;}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}
.swiper-slide {float: left;-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; position: relative; overflow:hidden; z-index:1;}
.pagination {position:absolute; text-align:center; bottom:200px; width:100%; z-index:98;}
.fixdiapo .pagination {bottom:30px;}
.swiper-pagination-bullet {display:inline-block;width:14px;height:14px;border:2px solid #fff;margin:0 5px;cursor:pointer; border-radius:50%;}
.swiper-pagination-bullet-active {background:#fff;border:2px solid #fff;}
#rand img {margin-bottom:10px; max-height:210px; width:100%;}
#ariane {text-align:center; display:block;}
#page {position:relative; margin:-200px auto 40px auto; max-width:1440px; z-index:60;}
#page img {vertical-align:middle; border-radius:8px;}
#page h1 {font-size:32px; font-weight:bold; display:block; margin:0; padding:0;}
#page h2 {font-size:26px; font-weight:bold; display:block; margin:0; padding:0;}
.magence {display:block; margin-bottom:10px;}
.int {margin:20px auto !important;}
.pdf {vertical-align:middle !important;}
.same {display:inline-block; margin:0 5px; background-color:#000; color:#fff; padding:4px 8px; transition:0.3s;}
form {display:inline;}
.demi {display:inline-block; vertical-align:top; width:calc(50% - 40px); font-size:16px; margin:0 20px;}
.t {border:0; border-collapse:collapse; width:100%;}
.t td {padding:0;}
td {height:40px;}
.text, .textarea, .select {border:1px solid #e8ded8; background:#fff; margin-bottom:2px; font-family:Montserrat Regular,Arial; font-size:16px; padding:10px; border-radius:4px; color:#000; width:calc(100% - 20px);}
.text, .textarea {-webkit-appearance:none;}
.select {width:auto;}
.bouton {display:inline-block; font-family: Montserrat Regular,Arial; font-size:22px; color:#fff; background:#02c204; border:0; border-radius:4px; padding:8px 10px; cursor:pointer; -webkit-appearance:none; font-weight:bold;}
.erreur {display:inline-block; background:#e00005; color:#fff; padding:4px; border-radius:4px;font-size:16px;}
textarea:focus, input:focus{outline: none;}
.petit {font-size:12px;}
.radio {transform:scale(1.2);}
#qsn {position:relative; padding:0 0 60px 0; background:linear-gradient(#fff,#e8ded8);}
#sch {position:relative; padding:20px; margin:0 auto; max-width:1360px; z-index:60; background:#485d6b; border-radius:8px; font-size:0; overflow:hidden; margin-bottom:20px;}
#sch .select {position:relative; display:inline-block; vertical-align:top; padding:0; overflow:hidden; width:calc(25% - 28px); margin:0 10px 0 0; border:0;}
#sch select {width:100% !important; background:#fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:0; color:#485d6b; font-size:18px; padding:10px 40px 10px 10px; border-radius:4px;}
.select::after {content: ''; position:absolute; top:50%; margin-top:-3px; right:15px; display:block; width:0; height:0; border-color:transparent; border-top-color:#485d6b; border-width:8px; border-style:solid; pointer-events:none;}
.ok {display:inline-block; vertical-align:top; position:relative; cursor:pointer; background:#0daf50; border:0; color:#fff; padding:10px 20px; width:72px; height:42px; border-radius:4px; font-size:20px; font-weight:bold;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.case {display:inline-block; vertical-align:top; position:relative; font-size:16px; text-align:center; width:calc(25% - 40px); margin:20px; transition:0.2s; border-radius:8px; overflow:hidden; background:#f3eeeb;}
.case img {border-radius:0 !important; width:100%; height:240px; display:block; position:relative; margin-bottom:10px;}
.case .prix {display:block; margin-top:10px; font-size:24px; font-weight:bold; padding:6px; transition:0.2s; background:#e8ded8;}
.case:hover .prix {background:#b89f90; color:#fff;}
.highslide-image {border-radius:8px;}
.bigtn {display:inline-block; vertical-align:top; width:calc(50% - 20px); margin:20px 0 20px 20px;}
.desc {display:inline-block; vertical-align:top; width:calc(50% - 40px); margin:20px; font-size:16px;}
.bigtn img {max-width:calc(100% - 20px);}
.minitn {max-width:calc(50% - 20px) !important; margin:20px 20px 0 0;}
.desc .prix {display:inline-block; border-radius:8px; font-size:24px; font-weight:bold; padding:6px; background:#b89f90; color:#fff;}
#diags {display:block; padding:10px;background:#e8ded8;border-radius:8px; font-size:0;}
#diags div {display:inline-block; width:50%; font-size:16px;}
#bas {position:relative; padding:0 0 15px 0; background:#485d6b; color:#fff;}
#bas a:link, #bas a:visited, #bas a:hover, .same a:link, .same a:visited, .same a:hover {color:#fff;}
#wavebas {position:absolute; width:100%; height:50px; top:-50px;}
@font-face {
    font-family: 'Montserrat Regular';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Montserrat-Regular.woff') format('woff');
    }
@media screen and (max-width:1440px)
  {
  .s {margin:0 20px;}
  td {width:auto;}
  #rand img, .case img {height:auto; width:auto; max-height:auto;}
  #sch {margin:0 20px;}
  }
@media screen and (max-width:950px)
  {
  #top {position:relative; text-align:center;}
  #logo {width:100%;}
  #coord, .pagination {display:none;}
  #menu {position:fixed; display:block; left:0; bottom:20px; background:#fff; width:70px; height:50px; padding-top:20px; border-radius:50%; margin-left:calc(50% - 35px); text-align:center; z-index:99; transition:0.3s;}
  #nav, .smenu {padding-top:150px; height: calc(100% - 150px);}
  #nav .item {font-size:30px; width:100%; margin-bottom:20px;}
  #nav .item a:after {width:12px; height:12px; top:10px;}
  .smenu.show {width:100%; background:#fff;}
  .smenu div {margin:0 20px;}
  .retour {display:block; font-size:20px; color:#676767; margin:0 0 20px 0 !important;}
  .arrow {margin:0 !important; color:#676767; border-right:4px solid currentcolor; border-bottom:4px solid currentcolor; transform: rotate(135deg); width:12px; height:12px; display:inline-block;}
  #nav .sitem a:link, #nav .sitem a:visited {font-size:20px;}
  #nav .sitem {margin:0 10px 10px 0;}
  #intro {margin:0;}
  #page {margin:0 10px;}
  #qsn {padding:10px 10px 50px 10px;}
  #page a {color:#000;}
  .fixdiapo .swiper-slide img {margin:0;}
  .int {margin:0 10px !important;}
  .fixdiapo {height:auto;}
  #bas .s {margin:0;}
  #bas a {color:#fff;}
  #wavebas {top:-49px;}
  .demi {width:calc(100% - 20px);margin:0 10px;}
  .t td {padding:4px 0; display:block; width:auto; height:auto;}
  .text, .textarea {width:calc(100% - 12px) !important; padding:10px 6px;}
  .textarea {height:200px;}
  .same {display:block; margin:4px 0 0 0; padding:8px;}
  .same a {display:block; color:#fff !important;}
  #sch {margin:0 10px 10px 10px;}
  #sch .select, #sch .input, .select {width:100%; margin:0 0 4px 0;}
  .ok {display:block; -webkit-appearance:none; width:100%;}
  .case {width: calc(100% - 20px); margin: 10px;}
  .bigtn, .desc {display:block; width: calc(100% - 20px); margin:10px 10px 20px 10px;}
  .bigtn img {max-width:100%;}
  .minitn {max-width: calc(100% - 0px) !important; margin: 20px 0 0 0;}
  #diags div {width:100%; margin-bottom:20px;}
  #immodvisor-seal-widget-iframe {display:none!important;}
  }