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:'proxima_novaregular',Arial; font-size:16px; color:#111; background:#c7c7c7; letter-spacing:-0.5px;}
.story {margin:auto; width:1400px;}
img {vertical-align:top;}
hr {height:1px; border:0; background:#111; height:2px;margin:5px 0;}
#coord {position:fixed; top:0; width:100%; height:30px; background:#49454e; z-index:99; color:#fff; line-height:30px; font-size:15px; text-align:right;}
#abstop {position:fixed; top:30px; width:100%; height:40px; background:#fff; z-index:97;}
#top {position:fixed; top:30px; width:100%; height:120px; font-size:0; z-index:98; background:#fff; transform: skewY(-2deg);overflow:visible !important;}
#logo {width:500px; display:inline-block; vertical-align:middle; text-align:left;transform:skewY(2deg); margin-top:-5px;}
#menu {width:calc(100% - 500px); display:inline-block; vertical-align:middle; text-align:right;transform:skewY(2deg); margin-top:20px;}
#menur {display:none;}
h1,h2,h3,h4{margin:0;padding:0;font-weight:normal; font-style:normal;}
.item, .itemon, .itemtel {display:inline-block; vertical-align:middle; margin-left:25px; font-size:18px;}
.item a:link, .item a:visited {color:#111; transition: 0.3s;}
.item a:hover, .item:hover a, .itemon a:link, .itemon a:visited {color:#961d5c;}
#intro {position:relative; width:100%; margin-top:100px; z-index:80; overflow:hidden; height:350px; background:#ddd;}
.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:1420px; text-align:center; font-size:0; margin:-80px auto 0 auto; z-index:90;}
.case {display:inline-block; vertical-align:top; text-align:center; background:#fff; width:calc(33.33% - 60px); margin:0 10px; padding:30px 20px; transform:skewY(-2deg);}
.case img {transform: skewY(2deg); width:100%;}
.case .t {transform: skewY(2deg); font-size:20px; font-weight:bold; margin-top:20px;}
.case .mt {transform: skewY(2deg); font-size:16px; text-align:justify;margin-top:10px;}
.case .a {display:inline-block; text-align:center;background:#f4d894; color:#111; padding:5px 10px; transform: skewY(2deg); font-size:16px; margin-top:10px; transition: 0.3s;}
.case .a:hover {background:#961d5c; color:#fff;}
.album {margin:auto; width:1420px; font-size:0;}
.thumb {display:inline-block; vertical-align:top; margin:10px; font-size:14px; width:335px;}
.thumb img {display:block; margin-bottom:5px; width:100%;}
.highslide-dimming{background:#111;}
.highslide-caption{display:none;font-size:16px;color:#fff; margin-top:5px;}
#main {position:relative; width:100%; z-index:90; padding:30px 0; margin-bottom:20px; background:#fff;}
#qsn {position:relative; padding:60px 0 40px 0; background:#961d5c; color:#fff; margin-top:-20px;}
#contact {position:relative; width:100%; background:#444; padding:30px 0 15px 0; color:#fff; font-size:0;}
#contact span {font-size:16px;}
.three {width:calc(33.33% - 20px); display:inline-block; vertical-align:top; padding:0 10px;}
.text {color:#111; background:#f9f9f9; border:0; font-family:'proxima_novaregular',Arial; font-size:16px; padding:5px; width:calc(100% - 10px); margin-bottom:15px;}
.envoyer {display:inline-block; border:0; background:#51be00; color:#fff; padding:5px; font-size:18px; font-family:'proxima_novaregular',Arial; cursor:pointer;}
.envoyer:hover {background:#388400; transition: 0.3s ease;}
.g-recaptcha {margin-bottom:10px; border:0;}
textarea {height:110px;}
#post {color:#ef0006; margin-left:10px;}
input,textarea {-webkit-appearance: none; border-radius:0;}
#bas {position:relative; width:100%; background:#111; padding:30px 0; color:#fff;}
@font-face {
    font-family: 'proxima_novaregular';
    src: url('/fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('/fonts/proximanova-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
a {outline:none; text-decoration:none;}
a:link {color: #111; text-decoration: none}
a:visited {color: #111; text-decoration: none}
a:hover{color: #111; text-decoration: none}
a.b:link, a.b:visited, a.b:hover {color:#fff; text-decoration:none;}
@media screen and (max-width: 1440px)
  {
  .story {width: calc(100% - 30px); padding-left:15px; padding-right:15px;}
  #page {width: calc(100% - 30px);}
  .album {width:100%;}
  .item, .itemon {margin-left:15px;}
  .thumb {width:calc(25% - 20px);}
  }
@media screen and (min-width: 1000px) and (max-width: 1200px)
  {
  .thumb {width:calc(33.33% - 20px);}
  }
@media screen and (min-width: 800px) and (max-width: 999px)
  {
  .thumb {width:calc(50% - 20px);}
  }
@media screen and (max-width: 800px)
  {
  .album, #page {width:100%; text-align:center;}
  #coord {display:none;}
  #abstop, #top {top:0;}
  #logo {width:100%;}
  #logo_jm {max-width:100%; margin-top:15px;}
  .case {width:calc(100% - 70px); margin:5px 15px;}
  .thumb {max-width:calc(100% - 30px); margin:5px 15px; width:100%;}
  .three {width:100%; padding:0;}
  .text {width:calc(100% - 10px);}
  td {display:block; margin:10px 0; max-width:100%; width:100%;}
  #intro {height:300px !important;}
  #menur {display:block; 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:#961d5c;}

  #menu {display:none;position:absolute;left:0;top:0px; width:100%; padding:0; margin:0;}
  .item, .itemon {display:block; margin:0; padding:30px 15px; background:#fff; border-bottom:2px solid #961d5c; text-align:center; font-size:24px;}
  .item a {display:block;}
  #bas a:link {color:#fff;}
  }