html,body {margin:0; padding:0; width:100%; height:100%; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust:none;-ms-text-size-adjust:none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; -o-user-select: none; user-select: none;}
body {font-family:'open_sansregular',Arial; font-size:15px; color:#111111; background:#f9f9f9; letter-spacing:-0.5px;}
.left {float:left;}
.right {float:right; text-align:right;}
.story {margin:auto; width:1200px;}
.zero {font-size:0;}
.storymax{margin:0 auto;width:1230px; font-size:0;}
.center {text-align:center;}
.clear {clear:both;}
img {vertical-align:top; border-radius:2px;}
h1,h2,h3,h4{margin:0;padding:0;font-weight:normal; font-style:normal;}
hr {height:1px; border:0; background:#555555; height:3px;margin:5px 0;}
#menur{display:none;position:fixed;top:5px;right:5px;z-index:99;}
#tel {display:none;position:fixed;top:40px;right:5px;z-index:99;}
#abstop {position:fixed; top:0; width:100%; height:40px; background:#ffffff; z-index:97;}
#top {position:fixed; top:0; width:100%; height:120px; font-size:0; z-index:98; background:#ffffff; transform: skewY(-2deg);overflow:visible !important;}
#logo {width:300px; display:inline-block; vertical-align:middle; text-align:left;transform: skewY(2deg); }
#menu {width:calc(100% - 300px); display:inline-block; vertical-align:middle; text-align:right;transform: skewY(2deg); margin-top:15px;}
.item, .itemon, .itemtel {display:inline-block; vertical-align:middle; margin-left:10px; font-size:16px; border-radius:2px; padding:5px 10px; transition: 0.3s all ease;}
.itemon, .item:hover {background:#ecbb00; color:#ffffff;}
.item a:link, .item a:visited {color:#111111;}
.item a:hover, .item:hover a, .itemon a:link, .itemon a:visited {color:#ffffff;}
#intro {position:relative; width:100%; margin-top:50px; z-index:80; overflow:hidden; height:350px;}
.diapo {animation: leaves 10s ease-in-out infinite alternate; height:300px;}
@keyframes leaves { 0% { transform: scale(1.0); -webkit-transform: scale(1.0);} 100% {transform: scale(1.1);-webkit-transform: scale(1.1);}}
#page {position:relative; width:100%; text-align:center; font-size:0; margin-top:-80px; z-index:90;}
#main {position:relative; width:100%; z-index:90; padding:30px 0; margin-bottom:20px;}
.case {display:inline-block; vertical-align:top; text-align:center; background:#ffffff; width:220px; padding:25px 15px; margin:0 10px; transform: skewY(-2deg);}
.case img {transform: skewY(2deg); width:100%;}
.case .t {transform: skewY(2deg); font-size:14px; font-weight:bold; margin-top:20px;}
.case .mt {transform: skewY(2deg); font-size:15px; text-align:justify;margin-top:10px;}
.case .a {display:inline-block; text-align:center;background:#ecbb00; color:#ffffff;border-radius:2px; padding:5px 10px; transform: skewY(2deg); font-size:15px;margin-top:10px; transition: 0.3s all ease;}
.case .a:hover {background:#a9333b;}
h4 {font-weight:bold; font-size:100%; margin:20px 0 0 0; padding:0; font-size:22px; color:#444444;}
.highslide-dimming{background:#111111;}
.highslide-caption{display:none;font-size:18px;color:#ffffff; margin-top:5px;}
.thumb {display:inline-block; vertical-align:middle; position:relative;width:175px; height:150px; padding:5px; margin:10px;transition:0.3s all;}
.thumb:hover {background:#e1c039; transform:scale(1.05);}
.sepm{background:#a9333b; width:100%; height:3px;margin:5px 0;}
#qsn {position:relative; padding:60px 0 40px 0; background:#a9333b; color:#ffffff; margin-top:-20px;}
#contact {position:relative; width:100%; background:url('/ima/goudron.jpg') fixed; padding:30px 0; color:#ffffff;}
.three {width:33.33%;}
.text {color:#000000; background:#f9f9f9; border:0; font-family:'open_sansregular',Arial; font-size:14px; 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:'open_sansregular',Arial; cursor:pointer;border-radius:2px;}
.envoyer:hover {background:#388400; transition: 0.3s ease;}
.g-recaptcha {margin-bottom:10px; border:0;}
textarea {height:110px;}
#post {color:#ff6600;}
input {-webkit-appearance: none;}
#bas {position:relative; width:100%; background:#222222; padding:30px 0; color:#ffffff;}

@font-face {
    font-family: 'open_sansregular';
    src: url('/fonts/opensans-regular-webfont.eot');
    src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('/fonts/opensans-regular-webfont.woff') format('woff'),
         url('/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
a {outline:none; text-decoration:none;}
a:link {color: #444444; text-decoration: none}
a:visited {color: #444444; text-decoration: none}
a:hover{color: #000000; text-decoration: none}
a.b:link, a.b:visited, a.b:hover {color:#ffffff; text-decoration:none;}
@media screen and (min-width: 768px) and (max-width: 1400px)
  {
  .story {width: calc(100% - 20px); padding-left:10px; padding-right:10px;}
  .storymax {width:100%;}
  .thumb {margin:5px;}
  .item, .itemon {margin-left:5px;}
  .case {width:calc(20% - 50px);}
  .case img {width:100%;}
  .text {width:calc(100% - 20px);}
  }
@media screen and (max-width: 767px)
  {
  .story {width: calc(100% - 20px); padding-left:10px; padding-right:10px;}
  .storymax {width:100%; text-align:center;}
  .thumb {margin:5px;}
  #logo_tp {height:100px;}
  .three {width:100%;}
  .text {max-width: calc(100% - 10px);}
  td {display:block; margin:5px; max-width:calc(100% - 10px); width:calc(100% - 10px);}
  #logo {margin-top:5px;}
  #menur, #tel {display:block;}
  #menu {display:none;position:absolute;left:0;top:85px; width:100%;padding:0; background:#ffffff;}
  .item, .itemon {display:block; margin:0; border-radius:0; padding:15px; border-bottom:1px solid #ecbb00;}
  .item a {display:block;}
  .case {margin-bottom:20px;}
  #bas a:link {color:#ffffff;}
  }