html,body {margin:0; padding:0; width:100%; height:100%; cursor:default;-webkit-user-select: none;user-select: none;}
body {font-family:'futura_bk_btbook',Arial; font-size:16px; color:#435065; background: #d6edfd url('/ima/bk.jpg') center center fixed; background-size:cover;}
h1,h2,h3,h4,h5 {margin:0; padding:0; font-weight:normal;}
.story {margin:auto; width:1400px;}
.album {margin:auto; width:1430px; font-size:0;}
.left {float:left;}
.right {text-align:right;}
.clear {clear:both;}
.no {display:none;}
::-webkit-scrollbar {width:10px; height:10px; border-left:0; background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-track {background:none;}
::-webkit-scrollbar-thumb {background:#435065; border-radius:0;}
#menur {display:none; position:fixed; top:5px; left:10px; font-family: 'beyond_the_mountainsregular'; font-size:20px; color:#fff;}
#top {position:fixed; height:50px; width:100%; font-size:0; text-align:center; top:-50px; z-index:99; background:#2e3746;}
.item, .itemon { font-family: 'beyond_the_mountainsregular';cursor:pointer;display:inline-block; vertical-align:middle; margin:0 15px; font-size:20px; line-height:50px;}
.item a:link, .item a:visited {color:#d6edfd;transition: all 0.4s;}
.item a:hover, .itemon a:link, .itemon a:visited {color:#a0d4fa;}
.e {display:inline-block; vertical-align:middle; margin:0; width:1px; height:20px; background:#435065;}
#diaporama {position:relative; width:100%; min-height:300px; overflow:hidden; z-index:50;}
.diapo {animation: leaves 10s ease-in-out infinite alternate; display:block; overflow:hidden;}
@keyframes leaves { 0% { transform: scale(1.0); -webkit-transform: scale(1.0);} 100% {transform: scale(1.1);-webkit-transform: scale(1.1);}}
#accueil {position:absolute; text-align:center; width:100%; margin-top:-650px; height:650px; z-index:98;}
#rond {width:310px; height:230px; padding:40px 0; background-color:rgba(214,237,253,0.8); border-radius:155px; display:inline-block; margin-top:90px; font-size:20px; transition:0.3s;}
.petitrond {margin-top:325px !important; transform:scale(0.8);-webkit-transform:scale(0.8);}
h1 {font-size:90px; font-family:'beyond_the_mountainsregular'; color:#435065; height:140px;}
h2 {height:35px;}
hr {width:20%; height:2px; background:#435065; border:0;}
#cuistot {position:absolute; z-index:98; margin-left:50%; left:-210px; bottom:-10px; transition:0.3s;}
#cuistot img {-webkit-filter: drop-shadow(-5px 10px 5px black); filter: drop-shadow(-5px 10px 5px black);}
#bulle {position:absolute; z-index:98; margin-left:50%; left:-40px; bottom:80px; padding:50px 30px 50px 70px; width:260px; height:120px; background:url('/ima/bulle.png');font-family: 'SegoePrintRegular'; color:#fff; font-size:18px;}
#bulle .actu {overflow-y:auto; position:relative; width:100%; height:100%;}
#sep_haut {position:absolute; width:100%; height:40px; bottom:0; text-align:center; z-index:51;}
#sep_bas {position:relative; width:100%; height:40px; text-align:center;}
#sep_haut img, #sep_bas img {width:100%; height:40px;}
#main {position:relative; width:100%; padding:70px 0;}
h4 {font-size:26px; font-family:'beyond_the_mountainsregular'; margin:30px 15px 15px 15px; border-bottom:2px solid #435065; line-height:30px;}
h5 {font-size:16px; margin:5px 15px;}
.highslide img, .highslide-image {border-radius:6px;}
.highslide-dimming{background:#fff;}
.highslide-caption{display:none;font-size:16px;color:#435065; margin-top:5px;}
.thumb {display:inline-block; vertical-align:middle; position:relative;width:calc(20% - 30px); margin:15px; transition:0.3s all; max-width:256px;}
.thumb img {width:100%;border-radius:6px;}
a {outline:none;}
a:link {color:#435065; text-decoration:none;}
a:visited {color:#435065; text-decoration:none;}
a:hover {color:#2e3746; text-decoration:none;}
a.b:link {color:#fff; text-decoration:none;}
a.b:visited {color:#fff; text-decoration:none;}
a.b:hover{color:#fff; text-decoration:none;}
.gp {float:left; margin:0 20px 0 0;}
.dp {float:right; margin:0 0 0 20px;}

#contact {position:relative; width:100%; background:#435065; padding:20px 0; color:#fff; font-size:0;}
#contact p {font-size:16px; margin:0;}
.three {display:inline-block; vertical-align:top; width:calc(33.33% - 20px);}
.space {display:inline-block; vertical-align:top; width:30px;}
.text {color:#000000; background:#f9f9f9; border:0; font-family:'futura_bk_btbook',Arial; font-size:16px; padding:6px; border-radius:6px; width:calc(100% - 12px); margin-bottom:15px;}
.envoyer {display:inline-block; border:0; background:#51be00; color:#fff; padding:6px; font-size:18px; font-weight:bold; font-family:'futura_bk_btbook',Arial; cursor:pointer; border-radius:6px;}
.envoyer:hover {background:#388400; transition: 0.3s;}
.g-recaptcha {margin-bottom:10px; border:0; overflow:hidden; border-radius:6px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
textarea {height:110px;}
#post {color:#fff; font-size:14px; margin-left:10px;}
input {-webkit-appearance: none;}

#bas {position:relative; background:#2e3746; width:100%; padding:20px 0;}
tr,td {border-radius:6px;}

@font-face {
    font-family: 'futura_bk_btbook';
    src: url('/fonts/futura_book_font-webfont.woff2') format('woff2'),
         url('/fonts/futura_book_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'beyond_the_mountainsregular';
    src: url('/fonts/beyond_the_mountains-webfont.woff2') format('woff2'),
         url('/fonts/beyond_the_mountains-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    
}
@font-face {font-family: 'SegoePrintRegular';src: url('/fonts/segoepr-webfont.eot'); src: url('/fonts/segoepr-webfont.eot?#iefix') format('embedded-opentype');src: url('/fonts/segoepr-webfont.woff') format('woff');font-weight: normal; font-style: normal;}


@media screen and (max-width:499px)
  {
  .story {width: calc(100% - 20px); padding:0 10px;}
  .album {width:100%; text-align:center;}
  .story img {max-width:100%;}
  .thumb {width:calc(100% - 20px); margin:10px;}
  .gp, .dp {float:none; display:block; margin:0 0 10px 0;}
  #menur {display:block;}
  #menu {display:none;position:absolute;left:0;top:50px; width:100%; padding:0; background:#a0d4fa; z-index:99;}
  .e {display:none;}
  .item, .itemon {display:block; margin:2px 0; background:#435065; padding:20px 0;}
  .item a {display:block;}
  table {max-width:100%;}
  #home td {width: calc(100% - 10px) !important;}
  td {display:block; margin-bottom:5px; width: calc(100% - 20px) !important;}
  .three {width:100%;}
  .text {max-width: calc(100% - 10px);}
  #cuistot {left:-180px; bottom:-15px;}
  #bulle {bottom:0; right:-10px; margin-left:unset; left:unset; transform:scale(0.9);}
  #bas a, .actu a {color:#fff;}
  }
@media screen and (min-width: 500px) and (max-width: 1460px)
  {
  .story {width: calc(100% - 20px); padding:0 10px;}
  .album {width:100%;}
  .thumb {width:calc(20% - 20px); margin:10px;}
  h4,h5 {margin-left:10px; margin-right:10px;}
  .text {width:calc(100% - 10px);}
  table {max-width:100%;}
  }