html,body {margin:0; padding:0; width:100%;}
body {font-family:"Roboto Condensed Regular",Arial; font-size:18px; background:#fff; color:#111;}
.clear {clear:both;}
.s {margin:0 auto; max-width:1400px;}
.smax {margin:0 auto; position:relative; z-index:70; max-width:1440px;}
a{outline:none;}
a:link{color:#111;text-decoration:none}
a:visited{color:#111;text-decoration:none}
a:hover{color:#000;text-decoration:none}
a.b:link{color:#fff;text-decoration:none}
a.b:visited{color:#fff;text-decoration:none}
a.b:hover{color:#fff;text-decoration:none}
.tel {float:left; font-weight:bold; filter:drop-shadow(1px 1px 0.1px black);}
#top {position:fixed; width:100%; top:0; padding:5px 0; z-index:99; font-size:0; transition:0.3s;}
.fixtop {background:rgba(0,0,0,0.5);}
#logo {display:inline-block; vertical-align:middle; position:relative; width:300px;}
#logo img {filter:drop-shadow(1px 1px 0.1px black);}
#menu {display:inline-block; vertical-align:middle; width:calc(100% - 300px); text-align:right;}
.item, .item2 {position:relative; font-family:'Roboto Condensed Regular'; font-size:21px; color:#fff; display:inline-block; vertical-align:middle; margin-left:30px;}
.item a {color:#fff; display:block; transition:0.5s; filter:drop-shadow(1px 1px 0.1px black);}
.fixtop .item a, .fixtop #logo img, .fixtop .tel {filter:none;}
.smenu {position:absolute; display:none; padding-top:10px; z-index:99;margin-left: calc(50% - 110px);}
.sitem a:link, .sitem a:visited {display:inline-block; width:200px; text-align:center; font-family:"Roboto Condensed Regular"; font-size:19px; margin:2px 0; cursor:pointer; color:#000 !important; background:#fff; padding:10px; filter:none;}
.fleche {margin-left:3px; font-size:12px;}
#menur {display:none; position:fixed; bottom:15px; margin-left:calc(50% - 40px); text-align:center; z-index:99; line-height:60px; width:60px; height:60px; padding:10px; border-radius:50%; background:rgba(0,0,0,0.7);}
#intro {position:relative; width:100%; overflow:hidden; max-height:700px; z-index:50; background:#fff; font-size:0;}
.fixdiapo {height:400px;}
.swiper-slide img {width:100%;}
.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:80px; width:100%; z-index:98;}
.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;}
#svg {position:absolute; bottom:0; width:100%; height:130px; z-index:60;}
#page {position:relative; margin:-60px auto 40px auto; max-width:1440px; z-index:60;}
#page img, iframe {vertical-align:top; margin:0;}
#page h1 {font-size:50px; font-weight:normal; display:block; margin:0; padding:0;}
#page h2 {font-size:28px; font-weight:normal; display:block; margin:0; padding:0;}
.case {position:relative; vertical-align:top; display:inline-block; width:calc(25% - 40px); margin:20px; cursor:pointer; text-align:center;}
.case .pic {overflow:hidden;}
.case .pic img {width:100%; transition:0.3s;}
.case:hover .pic img {transform:scale(1.05);}
.case .ico {position:absolute; width:120px; height:100px; padding-top:20px; background:#fff; border-radius:50%; left:calc(50% - 60px); bottom:20px;}
.case .ico img {width:auto;}
.case h2 {position:relative; z-index:90; margin-top:50px !important; font-family:'Roboto Condensed Regular';}
.pdf {vertical-align:middle !important;}
.same {display:inline-block; margin:0 5px; background-color:#9e400d; color:#fff; padding:4px 8px;}
.highslide-dimming {background:#000;}
.highslide-caption{display:none;font-size:17px;color:#fff; margin-top:5px;}
.highslide-number{display:none;}
.highslide, .highslide highslide-active-anchor{outline:none;text-decoration:none;transition:all 0.4s;}
.highslide-controls {position: absolute;width: 100%;height: 0;background: none;margin: 0;}
.highslide-controls ul {position: absolute;width: 100%;	left: 0;height: 0;list-style: none;	margin: 0;padding: 0;background: none;}
.highslide-controls li {position: absolute;padding: 0;float: left;margin:0;}
.highslide-controls a {background-image: url(/lib/highslide/graphics/arrows.png);display: block;float: left;height: 40px;width: 40px;outline: none;}
.highslide-controls a.disabled {cursor: default;}
.highslide-controls a.disabled span {cursor: default;}
.highslide-controls a span {display: none;cursor: pointer;}
.highslide-controls .highslide-next {right: 0;}
.highslide-controls .highslide-previous a {background-position: 0 0; position:absolute; left:-100px;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -40px !important;}
.highslide-controls .highslide-play {display: none;}
.highslide-controls .highslide-pause {display: none;}
.highslide-controls .highslide-next a {	background-position: -40px 0; position:absolute; right:-100px;}
.highslide-controls .highslide-next a.disabled {background-position: -40px -40px !important;}
.highslide-controls .highslide-move {display: none;}
.highslide-controls .highslide-full-expand {display: none;}
.highslide-controls .highslide-close {display: none;}
form {display:inline;}
.text, .textarea {border: 1px solid #ddd; font-family:"Roboto Condensed Regular",Arial; font-size:16px; padding:4px; color:#000; -webkit-appearance:none; width:300px;}
.bouton, .mbouton {display:inline-block; font-family: "Roboto Condensed Regular",Arial; font-size:22px; color:#fff; background: #02c204; border:0; padding:8px; cursor:pointer; -webkit-appearance:none;}
.mbouton {font-size:16px; padding:4px; font-weight:bold; background:#ef6c00; border-radius:4px;}
.erreur {display:inline-block; background:#e00005; color:#fff; padding:4px; border-radius:8px;font-size:16px;}
textarea:focus, input:focus{outline: none;}
.petit {font-size:12px;}
#qsn {position:relative; background:url('/ima/bk.jpg'); background-size:cover; color:#fff;}
#svg2 {position:absolute; top:0; width:100%; height:130px; z-index:60;}
#bas {position:relative; padding:15px 10px; background:#000; color:#fff;}
#bas a:link, #bas a:visited, #bas a:hover, .same a:link, .same a:visited, .same a:hover {color:#fff;}
@font-face {
    font-family: 'Roboto Condensed Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Condensed Regular'), url('/fonts/RobotoCondensed-Regular.woff') format('woff');
    }
@media screen and (max-width:1440px)
  {
  .s {margin:0 15px;}
  }
@media screen and (max-width:1150px)
  {
  .item {font-size:18px; margin:0 10px;}
  }
@media screen and (max-width:950px)
  {
  .tel {display:none !important;}
  #top {position:absolute;}
  .fixdiapo {height:auto;}
  #logo {width:100%;}
  #logoimg {height:120px;}
  .pagination {display:none;}
  #svg, #svg svg {height:60px;}
  #svg2, #svg2 svg {height:80px;}
  #page {margin:0 5px;}
  .case {width:calc(100% - 20px); margin:15px 10px;}
  #page h1, #qsn h1 {font-size:30px;}
  #menur {display:block;}
  #menu {display:none; top:20px; left:0; right:0; position:absolute; width:100%; text-align:center; margin-top:0;}
  .item, .item2 {display:block; margin:0 15px 5px 15px; font-size:24px; padding:20px; background:rgba(0,0,0,0.7);}
  .smenu {position:relative; top:0px !important; padding:20px 10px 6px 10px; margin:0;}
  .sitem a:link, .sitem a:visited {display:block; width:auto; text-align:center; padding:15px 10px; font-size:20px; margin:0 0 4px 0;}
  #bas {padding:15px 5px;}
  #bas .s {margin:0;}
  #bas a {color:#fff;}
  table {width:100%;}
  td {display:block; width:auto;}
  .text, .textarea {width:calc(100% - 8px) !important;}
  .same {display:block; margin:4px 0 0 0; padding:8px;}
  .same a {display:block;}
  }