html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:Montserrat-Regular,Arial; font-size:16px;overflow-x:hidden;}
.clear {clear:both;}
.s {margin:0 auto; max-width:1400px;}
.smax {margin:0 auto; max-width:1440px;}
.zero {font-size:0;}
#tsp {position:fixed; width:100%; height:100%; background:url('/ima/tsp.png') center center no-repeat fixed; transition: 0.3s;}
#tsp.show {background-position:right center;}

#menur {position:absolute; margin-left:0; top:40px; border-top:4px solid #fff; height:26px; width:35px; box-sizing:border-box; cursor:pointer; transition:all 0.2s ease-in;}
#menur:before {content:""; display:block; position:absolute; height:4px; width:35px; left:0; background:#fff; top:7px; transition:all 0.3s ease-in;}
#menur:after {content:""; display:block; position:absolute; height:4px; width:35px; left:0; background:#fff; bottom:0; transition:all 0.3s ease-in;}
#menur.fixmenu {border-top:4px solid #1450a4;}
#menur.fixmenu:before, #menur.fixmenu:after {background:#1450a4;}
#menur.close, #menur.fixmenu close, #menur.close:before, #menur.close:after {border-color:transparent; background:transparent !important;}

#nav {position:fixed; top:0; left:0; z-index:98; height:calc(100% - 100px); background:#1450a4; transition:0.3s; padding:100px 30px 0 30px;width:240px;}
.item {display:block; position:relative; font-size:24px; font-family:Montserrat-Bold;}
.item a:link, .item a:visited {color:#fff; padding:10px 0; display:block;transition:0.3s all;}
.item:hover, .item.active a, .item a:hover {cursor:pointer;color:#ddd;}
#nav.show {margin-left:0;}
#nav.hide {margin-left:-300px;}

#main {width:100%; height:100%; position:relative; transition:0.3s;}
#main.show {margin-left:300px;}

#top {position:fixed; top:0; width:100%; padding:20px 0; z-index:90; font-size:0; text-align:center; transition:0.3s;}
.fixtop {padding:10px 0 !important; background:#fff; box-shadow:0 3px 8px 0 rgba(0,0,0,0.1)}
#menu {display:inline-block; vertical-align:top; width:calc(50% - 125px);}
#logo {display:inline-block; vertical-align:top; width:250px;}
#tel {display:inline-block; vertical-align:top; text-align:right; width:calc(50% - 125px); margin-top:30px; font-size:22px; color:#fff; font-family:'Montserrat-Bold';}
#tel img {display:inline-block; vertical-align:middle; margin:-3px 5px 0 0;}
.fixtel {color:#1450a4 !important;}

#intro {position:relative; width:100%; overflow:hidden; height:100%; z-index:50; background:#000;}
#agence {position:relative; top:50%; transform:translateY(-60%); z-index:98;}
#agence h1 {display:inline-block; font-family:Montserrat-Bold; padding:0; font-size:36px; line-height:36px; margin:0 60px; letter-spacing:-1px; color:#fff; background:rgba(242,131,57,0.8); padding:20px; border-radius:10px;}
@keyframes moveUp{0%{transform:translateY(100px);}100%{transform:translateY(0px);}}
@keyframes moveUp2{0%{transform:translateY(120px);}100%{transform:translateY(0px);}}
.sl-slider, .sl-slide, .sl-slides-wrapper, .sl-slide-inner {position:absolute;width:100%;height:100%;top:0;left:0;}
.sl-slide {animation: leaves 3s;}
@keyframes leaves { 0% { transform: scale(1.3); -webkit-transform: scale(1.3);} 100% {transform: scale(1.0);-webkit-transform: scale(1.0);}}
.contenu {width:100%; height:100%; position:relative; z-index:2; background:rgba(0,0,0,0.2);}
.contenu .s {position:relative; top:80%; transform:translateY(-20%);}
.sl-slider-wrapper {width:100%;height:100%;overflow:hidden;position:relative;color:#fff;text-align:center;}
.sl-slider h2 {font-family:Montserrat-Bold; padding:0; font-size:50px; line-height:50px; margin:0;}
.sl-slider h3 {display:inline-block; font-size:28px; color:#fff; font-weight:normal; margin:0; padding:0;}
.sl-trans-elems h2{animation:moveUp 1s ease-out both}
.sl-trans-elems h3{animation:moveUp2 1s ease-in-out both;}
.sl-content-slice{overflow:hidden;position:absolute;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;opacity:1;}
.sl-slide-horizontal .sl-content-slice{width:100%;height:50%;left:-200px;-webkit-transform:translateY(0%) scale(1);-moz-transform:translateY(0%) scale(1);-o-transform:translateY(0%) scale(1);-ms-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1);}
.sl-slide-horizontal .sl-content-slice:first-child{top:-200px;padding:200px 200px 0px 200px;}
.sl-slide-horizontal .sl-content-slice:nth-child(2){top:50%;padding:0px 200px 200px 200px;}
.sl-content-wrapper{position:absolute;}
.sl-content{width:100%;height:100%;}
.nav-dots {text-align:center; position:absolute; bottom:20px; width:100%; z-index:98; font-size:0;}
.nav-dot-current, .nav-dots span:hover {background:#fff !important;}
.nav-dots span {display:inline-block; position:relative; width:20px; height:20px; margin:3px; border-radius:50%; background:rgba(255,255,255,0.5); cursor:pointer; transition:0.3s;}
.nav-arrows span {position: absolute; transition:0.3s;z-index: 2000;top: 50%;width: 30px;height: 30px;border: 8px solid #ddd;border: 8px solid rgba(255,255,255,0.5);text-indent: -90000px;margin-top: -30px;cursor: pointer;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.nav-arrows span:hover {border-color:#fff;}
.nav-arrows span.nav-arrow-prev {left: 2%;border-right: none;border-top: none;}
.nav-arrows span.nav-arrow-next {right: 2%;	border-left: none;	border-bottom: none;}

.section{position:relative; width:100%; padding:60px 0; color:#000;}
.s:after, .smax:after {content: '';display: block; clear: both;}
.pdf {vertical-align:middle;}

.ima {display:inline-block; vertical-align:top; position:relative; width:calc(25% - 40px); margin:20px; overflow:hidden; background:#000; border-radius:5px;}
.ima img {width:100%; transition: 0.3s all; }
.ima:hover img {transform:scale(1.1);opacity:0.8;}
.highslide-dimming{background:#1450a4;}
.highslide-caption{display:none;font-size:16px;color:#fff; margin-top:5px;}
.highslide-image {border-radius:10px;}

form {display:inline;}
.three {width:33.33%; display:inline-block; vertical-align:top; text-align:left;}
.last {width:calc(33.33% - 40px); margin-left:40px;}
.text, .textarea {color:#fff; background:#222; border:1px solid #555; border-radius:2px; font-family:Montserrat-Regular,Arial; font-size:16px; padding:10px 0px 10px 10px; width:calc(100% - 52px); margin-bottom:10px;}
.textarea {margin-top:0px; position:relative; width:calc(100% - 10px); height:178px;}
.envoyer {display:inline-block; border:0; background:#0f630d; color:#fff; padding:6px 12px; font-size:18px; font-family:Montserrat-Regular,Arial; cursor:pointer; font-weight:bold;}
.envoyer:hover {background:#388400; transition: 0.5s;}
.g-recaptcha {margin-bottom:10px; border:0;overflow:hidden;}
#post {display:inline-block; font-size:16px; font-weight:bold; color:#eee; margin-left:10px;}

a{outline:none;}
a:link{color:#fff;text-decoration:none}
a:visited{color:#fff;text-decoration:none}
a:hover{color:#fff;text-decoration:none}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@media screen and (max-width:1440px)
  {
  .s {margin:0 15px;}
  .smax {margin-left:5px; margin-right:5px; width:calc(100% - 10px);}
  .zero {margin:0; width:100%;}
  .column {padding:10px !important;}
  .ima {width: calc(25% - 20px); margin:10px;}
  }
@media screen and (max-width:1200px)
  {
  .ima {width: calc(33.33% - 20px); margin:10px;}
  }
@media screen and (max-width:950px)
  {
  #top {position:absolute}
  #logo {display:block; width:100%; text-align:center;}
  #tel, #tsp {display:none;}
  .nav-arrows {display:none;}
  #agence h1 {display:block; margin:0 15px; font-size:32px; line-height:32px;}
  .contenu .s {top:70%;}
  .sl-slider h2 {font-size:28px; line-height:28px;}
  .sl-slider h3 {font-size:20px; line-height:20px;}
  .section {padding:30px 0;}
  .ima {width: calc(50% - 20px); margin:10px;}
  .three, .last {width:calc(100% - 20px); margin:0 10px;}
  .text, .textarea {width:calc(100% - 12px);}
  .textarea {margin-bottom:10px;}
  input {-webkit-appearance:none;}
  #menu {position: fixed;bottom: 15px;z-index: 99;width: 45px;display: block;height: 45px;background: #1450a4;padding: 10px;margin-left: calc(50% - 48px); border-radius:50%; text-align:center;}
  #menur {margin-left:0; left:15px;top:20px;}
  #nav {padding:100px 0; text-align:center; width:100%;}
  #nav.hide {margin-left:-100%;}
  #main.show {margin-left:0;}
  .item {font-size:30px;}
  .item a:link, .item a:visited {padding:20px 0;}
  }
@media screen and (max-width:600px)
  {
  .ima {width: calc(100% - 20px); margin:10px;}
  }