html,body {margin:0; padding:0; width:100%; height:100%; -webkit-font-smoothing: antialiased !important;-webkit-text-size-adjust:none;}
body {font-family:Lora,Arial; font-size:16px; color:#222;}
#bkg{z-index:-1;position:fixed;top:0;left:0;height:100%;width:100%;background:url('/ima/bk.jpg') center center fixed #fff;}
h1,h2,h3,h4,h5 {margin:0;padding:0;font-weight:normal; font-style:normal;}
#menur {top:10px; left:10px; position:fixed; z-index:99;}
#lmenu {position:fixed; left:10px; top:50px; z-index:99;}
.m {display:inline-block; background:#000; padding:5px 10px; margin-bottom:5px; border-radius:5px;}
.m a:link, .m a:visited {color:#ffffff;}
#video {position:absolute;width:100%; min-height:100%; top:0; left:0; z-index:50 !important; background:#fff url('/ima/poster.jpg'); background-size:cover;}
video {min-width: 100%; min-height: 100%;width: auto;height: auto; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#grid {position:relative; width:100%; min-height:100%; top:0; z-index:51; text-align:center;}
.accueil {position:absolute; width:100%; top:10%; color:#ffff00;}
h1 {margin:0;padding:0;font-weight:normal;display:block; margin-bottom:20px;}
h2 {margin:0;padding:0; display:block; font-size:30px; font-weight:bold; margin-bottom:5px;}
h3 {padding:0;font-weight:bold;display:block;font-size:30px;margin:0; margin-bottom:20px; color:#ff0000;}
.loc {display:inline-block; color:#fff; font-size:30px; font-weight:bold;}
.agrement {display:inline-block; vertical-align:middle; margin:10px;}
#scroll {position:absolute; bottom:10px; text-align:center; width:100%;animation: bounce 2s ease infinite;}
@keyframes bounce{from {transform: translateY(0);} to {transform: translateY(-10px);}}
.s {margin:auto; width:1200px;}
h4 {margin:0;padding:0; display:block; font-size:40px; font-weight:bold; margin-bottom:40px; text-align:center;}
.vert { color:#74ae30;}
#pourquoi {position:relative; padding:60px 0; width:100%;}
#protection {position:relative; padding:20px 0; width:100%; text-align:center; font-size:0; background:url('/ima/bknature.jpg') #6ba02c;}
#pourquoi2 {position:relative; padding:60px 0 0 0; width:100%;}
#protection2 {position:relative; padding:20px 0; width:100%; text-align:center; font-size:0; background:#d00004;}
.ico {display:inline-block; vertical-align:top; width:10%; text-align:center; font-size:16px; font-weight:bold; color:#fff;-webkit-filter: brightness(90%);transition: 0.2s;}
.ico img {margin-bottom:10px;height:100%;}
.ico:hover {-webkit-filter: brightness(100%);}
#prestations {position:relative; padding:60px 0; width:100%; text-align:center; font-size:0; background:url('/ima/bkg.jpg') center center fixed; background-size:cover; color:#fff;}
.case {width:calc(25% - 80px); max-width:360px; border-radius:10px; margin:15px; display:inline-block; vertical-align:top; overflow:hidden; position:relative; background:rgba(50,50,50,0.5); padding:20px; transition:0.2s;}
.case:hover, .bkrouge {background:rgba(255,0,0,0.7); cursor:crosshair;}
.case .img {width:100%;border-radius:5px;}
.case .t {display:block; font-size:22px; font-weight:bold;margin:15px 0;}
.jaune {color:#ffff00;}
.rouge {color:#ff0000;}
.case .area, .case .area2 {font-size:16px; text-align:justify;}
.case .area2 {display:none;margin-top:20px;}
.plus {font-size:20px; display:block; border-radius:5px; padding:10px;transition:0.2s;margin-top:20px; font-weight:bold;background:#fff; color:#000;}
.nota {display:block; font-size:16px; font-style:Italic; text-align:center; margin-top:20px;}
#photos {position:relative; padding:60px 0; width:100%; font-size:0; text-align:center;}
.ima {display:inline-block; margin:10px;}
.highslide img, .highslide-image {border-radius:5px;}
#bas {position:relative; width:100%; background:#1d1e18; padding:20px 0; color:#fff; font-size:16px;}
#bas a, .gris {color:#777;}
h5 {margin:10px 0 0 0;padding:0; display:block; vertical-align:middle; font-size:40px; font-weight:bold;}
#contact {position:relative; width:100%; background:#6c6f5b; padding:30px 0; color:#ffffff;}
.left {float:left;}
.three {width:33.33%;}
.text {color:#000000; background:#f9f9f9; border:0; font-family:Lora,Arial; font-size:16px; padding:5px; border-radius:2px; width:370px; margin-bottom:15px;}
.envoyer {display:inline-block; border:0; background:#51be00; color:#ffffff; padding:5px; font-size:18px; font-family:Lora,Arial; cursor:pointer;border-radius:5px;}
.envoyer:hover {background:#388400; transition: 0.3s ease;}
.g-recaptcha {margin-bottom:10px; border:0;}
textarea {height:110px;}
#post {color:#ff0000;}
.clear {clear:both;}
a {outline: none;}
a:link {color: #ffffff; text-decoration: none}
a:visited {color: #ffffff; text-decoration: none}
a:hover {color: #ffffff; text-decoration: none}
.highslide-dimming{background:#000;}
.highslide-caption{display:none;font-size:16px;color:#ffffff;margin-top:5px;}
.bouton {font-family: Arial;font-size: 14px; color: #ffffff; border:0px; background-color: #48ca00; font-weight: Bold; padding:4px; cursor:pointer;border-radius: 1px;}
.bouton2 {font-family: Arial;font-size: 14px; color: #ffffff; border:0px; background-color: #d1333a; font-weight: Bold; padding:4px; cursor:pointer;border-radius: 1px;}
.bouton3 {font-family: Arial;font-size: 14px; color: #ffffff; border:0px; background-color: #00c7fc; font-weight: Bold; padding:4px; cursor:pointer;border-radius: 1px;}
.textarea {font-family: Arial;font-size: 13px; border:1px solid #dddddd; padding:4px; border-radius: 1px;}
.center {text-align:center; font-size:12px; color:#aaa;}
#picplus {display:inline-block; font-size:16px; background:#000; color:#fff; padding:10px 20px; border-radius:8px; cursor:pointer;}
#showpicplus {display:none;}
@font-face {
    font-family: 'Lora';
    src: url('/fonts/lora.woff2') format('woff2'),
         url('/fonts/lora.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@media screen and (min-width: 768px) and (max-width: 1220px)
  {
  .accueil {top:10%; height:auto;}
  .accueil img {max-width:100%;}
  .s {width: calc(100% - 20px); padding-left:10px; padding-right:10px;}
  .case .t, .plus {font-size:18px;}
  .text {width:calc(100% - 20px);}
  .g-recaptcha {transform:scale(0.8);}
  .case {width:calc(50% - 40px);}
   .ico {width:130px; vertical-align:top; margin:10px;}
  #video, #grid {min-height:120%;}
  }
@media screen and (max-width: 767px)
  {
  .s, .accueil, #prestations {width: calc(100% - 20px); padding-left:10px; padding-right:10px;}
  #scroll {display:none;}
  .ico {width:130px; vertical-align:top; margin:10px;}
  .case {width:calc(100% - 40px); margin:15px 0;}
  .accueil {top:5%; height:auto;}
  h2,h4,h5 {font-size:20px;}
  h3, .loc {font-size:20px;}
  .accueil img {max-width:100%;}
  .left {float:none; display:block; text-align:center;}
  .three {width:100%;}
  .text {max-width: calc(100% - 10px);}
  .g-recaptcha {text-align: -webkit-center;text-align: -moz-center; text-align: -o-center;text-align: -ms-center;}
  .accueil .agrement img {height:40px;}
  #video, #grid {min-height:150%;}
}