html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:'museo_sans300',Arial; font-size:16px; color:#222; background:#fff url('/ima/bk.jpg') fixed;}
.center {text-align:center;}
.right {text-align:right;}
.left {float:left;}
.fright {float:right; margin:0 10px 10px 10px;}
.fleft {float:left; margin:0 10px 10px 0;}
.clr {clear:both;}
a {outline: none;}
img {border-radius:4px;}
a:link {color: #ffffff; text-decoration: none}
a:visited {color: #ffffff; text-decoration: none}
a:hover {color: #ffffff; text-decoration: none}
#top {position:fixed; width:90%; padding:20px 5%; height:40px; color:#fff; z-index:99; font-size:0; background:url('/ima/bkhome.png');}
.half {display:inline-block; vertical-align:middle; width:50%; font-size:14px;}
h1,h2,h3,h4,h5 {margin:0;padding:0;font-style:normal;}
#lmenu {position:fixed; left:5%; top:50px; z-index:99; display:none;}
#menu {border-radius:4px;}
.m {display:block; background:#222; padding:10px; margin-bottom:5px; border-radius:4px;}
.m a:link, .m a:visited {color:#fff;}
#video {position:relative;width:100%; height:100%; overflow:hidden; z-index:50 !important;}
video {min-width: 100%; min-height: 100%;width: auto;height: auto; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#grid {position:absolute; width:100%; height:100%; top:0; z-index:51; text-align:center;}
.accueil {position:absolute; width:100%; top:15%; color:#fff;}
h1 {margin:30px 0;padding:0;display:block; margin-bottom:50px;font-family:'museo_sans700',Arial; font-size:50px; letter-spacing:-2px;}
h2 {margin:0;padding:0; display:block; margin-bottom:5px; font-size:20px;}
h3 {padding:0;display:block;font-size:18px;margin:0;font-style:italic;}
#slo {background:rgba(255,255,255,0.5); padding:10px; border-radius:10px; color:#81201a; display:inline-block; margin:0 2.5%;}
#scroll {position:absolute; bottom:20px; text-align:center; width:100%;animation: bounce 1.5s infinite;}
h4 {padding:0; display:block; font-size:50px; font-family: 'androgyneregular'; margin:0 0 2.5% 0;}
#intro, #quisuisje {position:relative; width:100%; font-size:0;}
.gauche, .droite {width:42.5%; display:inline-block; text-align:justify; vertical-align:top; font-size:16px; margin:5%;}
.gauche {margin-right:0;}
.droite {margin-left:0;}
.milieu {width:5%; display:inline-block;}
.gauche img, .droite img {width:100%;}
h5 {padding:0; position:relative; display:inline-block; vertical-align:middle; font-size:36px; font-family: 'androgyneregular'; color:#ca3f14; margin:0 2px 8px 0;}
#soins {position:relative; width:95%; text-align:center; font-size:0; background:url('/ima/bksoins.jpg') fixed; background-size:cover; color:#fff; padding:5% 2.5%;}
#galerie {position:relative; width:97.5%; text-align:center; font-size:0; background:url('/ima/bksoins.jpg') fixed; background-size:cover; color:#fff; padding:5% 1.25%;}

.case {cursor:pointer;width:calc(28.33% - 40px); border-radius:10px; display:inline-block; vertical-align:top; overflow:hidden; position:relative; background:#fff url('/ima/bk.jpg'); padding:20px; transition:0.5s; color:#222; margin:2.5%; font-size:16px;}
.case a {color:#222;}
.case .img {width:100%;}
.case .t {display:block; font-size:1.5em; margin:15px 0;font-family: 'androgyneregular';}
.case .area, .case .area2 {font-size:16px; text-align:justify;}
.case .area {font-weight:bold;}
.case .area2 {display:none;margin-top:20px;}
.plus {font-size:20px; display:block; border-radius:5px; padding:10px;transition:0.5s;margin-top:20px; background:#ca3f14; color:#fff; text-align:center;}
.case:hover .plus {background:#222;}
.plus2 {float:right; font-size:14px; border-radius:5px; padding:5px;transition:0.5s; background:#222; color:#fff; text-align:center;margin:10px 0;}
h6 {display:block; font-size:1.5em; margin:0 0 20px 0;font-family: 'androgyneregular'; padding:0;}
.mcase {cursor:pointer; width:300px; display:inline-block; vertical-align:top; overflow:hidden; position:relative; margin:1.25%;}
.mcase img {width:100%;}
#contact {position:relative; width:95%; background:#cc6f3c; padding:2.5%; color:#fff; font-size:0; text-align:center;}
#contact span {font-size:16px;}
.three {display:inline-block; vertical-align:top; width:28.33%; margin:0 2.5%; text-align:left; font-size:16px;}
.three img {max-width:100%;}
.text {color:#222; background:#fff; border:0;font-family:'museo_sans700',Arial; font-size:16px; padding:8px; border-radius:4px; width:100%; margin-bottom:15px;}
.envoyer {display:inline-block; border:0; background:#222; color:#fff; padding:10px; font-size:20px; font-family:'museo_sans700',Arial; cursor:pointer;border-radius:4px;}
.envoyer:hover {background:#388400; transition: 0.5s;}
.g-recaptcha {margin-bottom:10px; border:0; border-radius:4px;}
textarea {height:115px;}
#post {color:#fff;}
#bas {position:relative; width:95%; background:#1d1e18; padding:2.5%; color:#fff; font-size:0;}
#bas img, #bas span {display:inline-block; vertical-align:middle;}
#bas a {text-decoration: underline;}
.small {font-size:12px;}
@font-face {
    font-family: 'museo_sans300';
    src: url('/fonts/museo-sans-300-webfont.woff2') format('woff2'),
         url('/fonts/museo-sans-300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans700';
    src: url('/fonts/museosans_700-webfont.eot');
    src: url('/fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/museosans_700-webfont.woff') format('woff'), url('/fonts/museosans_700-webfont.ttf') format('truetype'), url('/fonts/museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'androgyneregular';
    src: url('/fonts/androgyne_tb-webfont.woff2') format('woff2'),
         url('/fonts/androgyne_tb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@media screen and (min-width: 768px) and (max-width: 990px)
  {
  .g-recaptcha {transform:scale(0.8);}
  .text {width:calc(100% - 20px);}
  .case {width:calc(45% - 40px);}
  }
@media screen and (max-width: 767px)
  {
  #top {padding:10px 5%; height:60px;}
  .accueil {width:95%; padding-left:2.5%; padding-right:2.5%; top:15%;}
  .accueil img {max-width:100%;}
  h1 {font-size:30px; letter-spacing:-1px;}
  h2, h3 {font-size:14px;}
  h4 {margin:5% 0; font-size:30px;}
  #scroll {display:none;}
  #soins {width:100%; padding:5% 0;}
  .half {font-size:12px;}
  .case {width:calc(90% - 40px); margin:5%;}
  .gauche, .droite {width:90%; margin:5%;}
  .m {font-size:14px;}
  .three {width:100%; margin:5px 0;}
  .text {width:calc(100% - 16px);}
  .g-recaptcha {text-align: -webkit-center;text-align: -moz-center; text-align: -o-center;text-align: -ms-center;}
  .fleft, .fright {float:none;}
  img {max-width:100%;}
  .mcase {margin:2.5%;}
}