html,body {margin:0; padding:0; width:100%; height:100%;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: normal;}
body {font-family:'futura_bk_btbook',Arial; font-size:13pt; color:#222; background:#f5f5f5 url('/ima/bk.jpg') fixed; background-size:cover;}
.center {text-align:center;}
.right {text-align:right;}
.left {float:left;}
.clr {clear:both;}
.s {margin:auto; width:1400px;}
.smax {margin:auto; width:1440px;}
.zero {font-size:0;}
a {outline: none;}
a:link {color: #0f3e5a; text-decoration: none}
a:visited {color: #0f3e5a; text-decoration: none}
a:hover {color: #333; text-decoration: none}
#empty {position:relative;width:100%; height:100px;}
.gp {float:left; margin:0 20px 10px 0;}
.gp:after {content:"";display:block;clear:both;}
.dp {float:right; margin:0 0 10px 20px;}
img {border-radius:4px;}
hr {height:1px; border:0; background:#999; margin-bottom:10px;}
#abstop {position:relative; top:0;}
#top {position:fixed; width:100%; padding-top:15px; height:85px; top:0; z-index:98; font-size:0; background:#fff; overflow:visible !important;}
#logo {display:inline-block; vertical-align:top; width:220px; font-size:13pt;}
#logo a {display:inline-block; vertical-align:top;}
#menu {display:inline-block; vertical-align:top; width:calc(100% - 220px); text-align:right;}
#menur, #menuresp {display:none;}
.item {position:relative; font-size:14pt; color:#333; display:inline-block; vertical-align:top; padding-top:30px; margin-left:40px;}
.item a {color:#333; display:block; cursor:default; transition:0.5s;}
.item a:hover, .item:hover {color:#1b75a9;}
.smenu {position:absolute; display:none; padding-top:15px; z-index:99;}
.sitem a:link, .sitem a:visited {display:inline-block; width:180px; text-align:left; font-size:16px; color:#fff; margin:2px 0; cursor:pointer;background:#1b75a9; padding:10px; border-radius:4px;}
.sitem a:hover {color:#eee;}
.hand {cursor:pointer !important;}
#wave {position:fixed; width:100%; height:115px; top:100px; z-index:97; font-size:0;background:url('/ima/top.png') center center;}
#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; display:table; background:url('/ima/grid.png');}
#intro {width:100%; display:table-cell; vertical-align:middle; color:#fff;}
h1 {margin:0 0 10px 0; padding:0; display:block; font-family: 'futura_md_btmedium'; font-size:70px; letter-spacing:-2px; font-weight:normal;}
h2 {margin:0; padding:0; display:block; font-size:22px; font-weight:normal;}
cite {margin:20px 0 0 0; padding:5px 10px; background:#0f3e5a; color:#fff; display:inline-block; font-size:24px; font-weight:normal; font-style:normal;border-radius:4px;}
#bubble {position:absolute; bottom:-30px; right:10px; width:250px; height:220px; padding-top:30px; border-radius:150px; z-index:53; text-align:center; background:#fff; border:4px solid #0f3e5a; color:#0f3e5a; font-family: 'futura_md_btmedium'; font-size:0; letter-spacing:-0.5px;}
#bubble a {color:#0f3e5a;}
#close {cursor:pointer; position:absolute; margin-left:200px; margin-top:-20px; z-index:53; background:url('/ima/ico-close.png'); width:40px; height:40px;}
#postit {position:absolute; bottom:0px; left:0px; width:310px; height:140px; padding:60px 50px 40px 40px; background:url('/ima/postit.png'); z-index:54;}
.actu {transform:rotate(-2deg); position:relative; width:100%; height:100%; overflow-y:auto;}
h3 {margin:0; padding:0px; display:block; font-size:14pt; font-weight:normal;}
.ico {display:inline-block; vertical-align:bottom; font-size:12pt; margin:0 2px; padding:5px;}
#diapo {position:relative;width:100%; height:400px; overflow:hidden;}
.d {background-size:cover !important;}
a.slideshow_prev {position:absolute; left:10px; margin-top:-190px; z-index:52; width:40px; height:40px; outline:none; opacity:0.5; transition:0.5s all;}
a.slideshow_prev span { display:block; width:40px; height:40px; background:url(/ima/arrows.png) no-repeat -55px 50%; text-indent:-9999px; }
a.slideshow_next {position:absolute; right:10px; margin-top:-190px; z-index:52; width:40px; height:40px; outline:none; opacity:0.5; transition:0.5s all;}
a.slideshow_next span { display:block; width:40px; height:40px; background:url(/ima/arrows.png) no-repeat -5px 50%; text-indent:-9999px; }
a.slideshow_prev:hover, a.slideshow_next:hover {opacity:1;}
#home {position:relative; padding:60px 0;}
#ariane {display:block; color:#333; font-size:36px; font-family: 'futura_md_btmedium';margin-left:100px; letter-spacing:-1px;} 
.sep {padding-bottom:20px; border-top:4px solid #333;border-top-left-radius: 100px 20px; margin:5px 0 20px 0;}
.gal {position:relative; width:100%; background:#fff; font-size:0; padding:20px 0;}
.thumb {display:inline-block; vertical-align:middle; width:calc(20% - 40px); margin:20px;}
.thumb img {width:100%;}
#meteo {position:relative; padding:20px 0; background:#1b75a9; color:#fff; font-size:0;}
.cinq {display:inline-block; vertical-align:top; width:calc(20% - 40px); margin:20px;font-size:13pt;}
.cinq img, .cinq iframe {max-width:100%; border-radius:4px;}
.pt {font-size:12pt;}
.titre {font-size:20pt; display:block; padding-bottom:5px; margin-bottom:10px; font-family: 'futura_md_btmedium'; border-bottom:1px solid #eee;}
#tendance {float:left; margin-right:10px;}
#tb_marees {border:0; border-collapse:collapse;}
#tb_marees td {padding:4px 8px; color:#fff; font-size:13pt;}
#tb_marees td:first-child{border-radius:4px 0 0 4px;}
#tb_marees td:last-child{border-radius:0 4px 4px 0;}
.rowgris {background:#0f3e5a;}
.tel {display:inline-block; padding:5px 10px; background:#0f3e5a; color:#fff; font-size:13pt; border-radius:4px; margin:0 4px 5px 0;}
#bottom {position:relative; padding:20px 0; background:#0f3e5a; color:#fff;}
#meteo a, #bottom a {color:#fff;}
#partners {position:relative; padding:20px 0; background:#05121b; color:#fff; font-size:0; text-align:center;}
.part {display:inline-block; width:14%; text-align:center;}
.part img {-webkit-filter: brightness(50%); -moz-filter: brightness(50%); -ms-filter: brightness(50%); -o-filter: brightness(50%);transition: 0.5s;}
.part:hover img {-webkit-filter: brightness(100%); -moz-filter: brightness(100%); -ms-filter: brightness(100%); -o-filter: brightness(100%);}
#send {cursor:pointer;}
#form{position:fixed; bottom:20px;right:20px;z-index:99;padding:10px;width:300px;background:#0f3e5a;text-align:left;border-radius:4px;}
.text {border:0; width:calc(100% - 8px); font-family:'futura_bk_btbook',Arial; font-size:13pt; color:#333; padding:4px; border-radius:2px; margin:4px 0;}
.g-recaptcha{margin:5px 0;text-align:center;display:inline-block;}
.envoyer{font-family:'futura_bk_btbook',Arial;-webkit-appearance:none;border:0;background:#00b002;color:#ffffff;padding:5px 10px;font-size:16pt;cursor:pointer;transition:0.3s all ease; border-radius:4px;}
.envoyer:hover{background:#10d413;}
.err{color:#eeeeee;font-size:16px;}
.highslide-dimming{background:#fff;}
.highslide-caption{display:none;font-size:14pt;color:#0f3e5a; margin-top:5px;}
@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: 'futura_md_btmedium';
    src: url('/fonts/futura_medium_bt-webfont.woff2') format('woff2'),
         url('/fonts/futura_medium_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@media screen and (max-width: 880px)
  {
  .s {margin:auto; width:calc(100% - 20px); padding-left:10px; padding-right:10px;}
  .smax {width:100%; text-align:center;}
  #menu, #menuresp {display:none;}
  #menuresp {position:absolute; width:calc(100% - 20px); z-index:99; margin:120px 10px 0 10px; text-align:right;}
  #top {padding-top:5px; padding-bottom:10px;}
  #logo img {height:110px;}
  .thumb {width:calc(100% - 20px); margin:10px; max-width:248px;}
  .cinq {display:block; width:calc(100% - 20px); text-align:left; margin:10px 10px 20px 10px;}
  .part {width:auto; margin:10px;}
  #ariane {margin:0;}
  #home td, #bottom td {display:block; margin-bottom:10px;}
  #form {right:0; bottom:0;}
  h1,h2,cite {font-size:0; display:none;}
  #menur {display:block;top:20px;right:20px;position:fixed; z-index:99;}
  .item {display:block; background:#0f3e5a; padding:10px; margin:0 0 5px 0; border-radius:4px;}
  .item a {color:#fff;}
  .smenu {position:relative; padding-top:10px;}
  .sitem a:link, .sitem a:visited {display:block; text-align:right; width:auto;}
  iframe {width:calc(100% - 20px);}
  #postit {transform:scale(0.8); left:-50px;}
  }
@media screen and (min-width: 880px) and (max-width: 1480px)
  {
  .s {margin:auto; width:calc(100% - 40px); padding-left:20px; padding-right:20px;}
  .smax {width:100%;}
  .item {margin-left:20px;}
  #logo img {height:110px;}
  .cinq {min-width:210px;}
  }
@media screen and (min-width: 880px) and (max-width: 1030px)
  {
  .item {margin-left:10px;font-size:12pt;}
  .thumb {width:calc(25% - 40px);}
  }