html,body{margin:0;padding:0;height:100%;-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:16px;color:#444444;background:#f9f9f9;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.center {text-align:center;}
.story {margin:auto;width:1200px;font-size:16px; text-align:left;}
#intro {position:relative; width:100%; height: calc(100% - 80px); background:url('/ima/introduction.jpg') center center; background-size:cover;}
#introt {position:absolute; top:10%; color:#ffffff; font-weight:bold; text-align:center; width:100%;}
h1 {font-size:46px; margin:0; padding:0; font-style:normal;}
h2 {font-size:28px; margin:0; padding:0; font-style:normal; font-weight:normal;}
#scroll {position:absolute; bottom:20px; text-align:center; width:100%;animation-name: bounce;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: linear;z-index:99;}
#spin {animation-name: spin;animation-duration: 60s;animation-iteration-count: infinite;animation-timing-function: linear; width:350px; height:350px; overflow:hidden;}
#logo {display:inline-block; width:350px; height:350px; background:url('/ima/villagrenadine.png');}
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg);} }
#menu {position:relative; height:80px; background:#ffffff; width:100%; z-index:99; font-size:0;}
#menur {display:none; position:absolute; margin-top:20px; right:10px;}
.fixmenu {position:fixed !important; top:0; z-index:99; box-shadow:0px 0px 5px #dddddd;}
#mlogo {display:inline-block; vertical-align:middle; width:80px; margin-left:10px;}
#items {display:inline-block; vertical-align:middle; text-align:right; width: calc(100% - 90px); margin-top:5px;}
.item {display:inline-block; vertical-align:middle; font-size:15px; margin-right:30px;}
.item:after {display:block;content: '';margin-top:3px;border-bottom:4px dotted #d4a400; transform: scaleX(0); transition: transform 0.3s ease-in-out;transform-origin: 50% 50%;}
.item a {color:#444444;padding:0 5px;}
.item a:hover {color:#d4a400; transition: 0.3s;}
.item:hover:after {transform: scaleX(1);}
.mitem {display:inline-block; vertical-align:middle;margin-right:5px; margin-top:-5px;}
.active a:link {color:#d4a400;}
.fixaccueil {margin-top:80px;}
.section {position:relative;width:100%; font-size:0;}
.gauche, .droite {width:calc(50% - 100px); display:inline-block; overflow:hidden; vertical-align:top; padding:50px;}
.gauche {text-align:right;}
.gauche img {width:100%;}
.droite {font-size:16px;background:#f9f9f9; min-height:360px;}
.padd {padding:50px 0;}
.blanc {background:#ffffff;}
.gris {background:#282c2f; color:#ffffff;}
.gris a:link, .gris a:visited {color:#ffffff;}
.jaune {background:#ffc600;}
.star {display:inline-block; width:42px; height:42px; animation-name: spin;animation-duration: 60s;animation-iteration-count: infinite;animation-timing-function: linear;margin-bottom:10px; overflow:hidden;}
h3 {display:block; font-family:'neobulletin_limited_free_veRg'; font-size:40px; margin:0 0 5px 0; padding:0; font-style:normal; font-weight:normal;}
h4 {display:block; font-size:18px; margin:0 0 40px 0; padding:0; font-style:normal; font-weight:normal;}
.rose {background:#eb2771; padding:20px 0; text-align:center; font-family:'neobulletin_limited_free_veRg'; font-size:20px;}
.rose a {color:#fff !important;}
.case, .case2, .selected {width:calc(33.33% - 40px); max-width:540px; margin:10px; min-height:250px; display:inline-block; vertical-align:middle; overflow:hidden; position:relative;}
.case2 {min-height:300px;}
.case:before {Content: "";display: block;Padding-top: 66.66%;}
.case2:before{Content: "";display: block;Padding-top: 66.66%;}
.selected:before{Content: "";display: block;Padding-top: 66.66%;}
.case img {position:absolute; top:0; left:0; width:100%; height:100%; transition: 0.2s;}
.case:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); filter: brightness(60%);}
.case:hover .loupe img {-webkit-transform: scale(1); transform: scale(1); filter: brightness(100%) !important;}
.case span, .selected span {position:absolute; width:100%; top:0; left:0; width:calc(100% - 20px); padding-left:10px; padding-right:10px; height:74%; padding-top:26%; text-align:center; font-size:20px; color:#ffffff; margin:0; opacity:1; -webkit-transition: 0.2s;transition: 0.2s; z-index:60;}
.case:hover span {opacity:1; height:80%; padding-top:20%;}
.case:hover .loupe {display:block;}
.loupe {display:none; margin-top:20px; font-size:16px; -webkit-transition: 0.2s;transition: 0.2s;}
.loupe img {position:relative; width:30px; height:30px;}

.selected {display:none; background:#eb2771; cursor:pointer;}
.selected span {color:#fff;}
.case:hover h6 {display:block;}

a:link, a:visited {color:#444444;}
h5 {display:block; font-size:24px; margin:0; padding:0;}
h6 {display:none; font-size:20px; margin:0; padding:0;}
hr {height:2px; background:#ffffff; width:50%; border:0;}
.texte {position:absolute; top:0; left:0; width:calc(100% - 40px); height:calc(100% - 40px); padding:20px; background:#ffc600; font-size:16px; color:#ffffff; text-align:left;}
#pano {position:relative; width:100%; height:400px; background:url('/ima/panoramik.jpg');}
a{outline:none;text-decoration:none;color:#444444;}
#send {cursor:pointer;}
#form{position:fixed; bottom:140px;right:20px;z-index:99;padding:10px;width:300px;background:#ffc600;text-align:left;}
.bigtext{-webkit-appearance:none;font-family:'open_sansregular',Arial;color:#111111;border:0;font-size:16px;width:290px;margin:5px 0;padding:5px;transition:0.3s all ease;}
.g-recaptcha{margin:5px 0;text-align:center;display:inline-block;}
.envoyer{font-family:'open_sansregular',Arial;-webkit-appearance:none;border:0;background:#00b002;color:#ffffff;padding:5px;font-size:18px;cursor:pointer;transition:0.3s all ease;font-weight:bold;}
.envoyer:hover{background:#10d413;}
.err{color:#e40000;font-size:16px;}
.highslide-number{font-weight:bold;color:#444444;font-size:16px; display:inline-block;}
.highslide-dimming{background:#ffffff;}
.highslide, .highslide highslide-active-anchor{outline:none;text-decoration:none;transition:all 0.4s;}
.highslide-caption{display:none;font-size:16px;color:#222222;padding:5px;}

.highslide-controls {width:100%;height: 0;background: none;margin: 0;}
.highslide-controls ul {position: absolute;width: 100%;	left: 0;height: 0;list-style: none;	margin: 0;padding: 0;0background: none;}
.highslide-controls li {position: absolute;padding: 0;float: left;margin:0;}
.highslide-controls a {background-image: url(/lib/highslide/graphics/arrows.png);display: block;float: left;height: 40px;width: 40px;outline: none;}
.highslide-controls a.disabled {cursor: default;}
.highslide-controls a.disabled span {cursor: default;}
.highslide-controls a span {display: none;cursor: pointer;}
.highslide-controls .highslide-previous {position:fixed; left: 50px; z-index:10000; top:50%;}
.highslide-controls .highslide-next {position:fixed; z-index:10000; top:50%;right: 50px;}
.highslide-controls .highslide-previous a {background-position: 0 0;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -40px !important;}
.highslide-controls .highslide-play {display: none;}
.highslide-controls .highslide-pause {display: none;}
.highslide-controls .highslide-next a {	background-position: -40px 0;}
.highslide-controls .highslide-next a.disabled {background-position: -40px -40px !important;}
.highslide-controls .highslide-move {display: none;}
.highslide-controls .highslide-full-expand {display: none;}
.highslide-controls .highslide-close a {background-image: url(/lib/highslide/graphics/close.png);display: block; position:fixed; right:50px; top:50px; height:60px;width:60px;outline: none;}

@font-face{font-family:'open_sansregular';src:url('/fonts/opensans-regular-webfont.eot'), 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;}
@font-face {
    font-family: 'neobulletin_limited_free_veRg';
    src: url('/fonts/neobulletin_limited_free_version-webfont.woff2') format('woff2'),
         url('/fonts/neobulletin_limited_free_version-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@media screen and (max-height:650px)
  {
  #scroll {display:none;}
  #logo {transform:scale(0.8);}
  }
@media screen and (max-width: 767px)
  {
  .story {width: calc(100% - 20px); padding:0 10px;}
  .case, .case2, .selected {width:calc(100% - 20px);}
  .case span {opacity:1;height:80%; padding-top:20%;}
  .gauche, .droite {width:calc(100% - 20px); display:block; padding:40px 10px;}
  .gauche {text-align:center;}
  #intro {height:100%;}
  #introt {top:0px;}
  h1,h3 {font-size:30px;}
  h2 {font-size:24px;}
  #logo, #logo img {width:300px; height:300px; background-size:cover;}
  td {display:block; text-align:left;}
#form{right:5px;padding:5px;bottom:100px;}
  }
@media screen and (max-width: 1200px)
  {
  #menur {display:block;}
  #items {display:none; width:100%; background:#ffc600;}
  .item {text-align:right; padding:10px; margin:0 0 2px 0; background:#ffffff; display:block;}
  .story {width: calc(100% - 20px); padding:0 10px;}
  .texte {font-size: 12px;}
  .case2 img {max-width:40px;}
  .highslide-controls .highslide-next a, .highslide-controls .highslide-previous a {position:relative;left:0; right:0;}
  }
@media screen and (min-width: 1201px) and (max-width: 1620px)
  {
  .item {margin-right:10px;}
  .texte {font-size:14px;}
  .case2 img {max-width:60px;}
}