html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:galano_grotesqueregular,Arial; font-size:16px; background:url('/ima/bg.jpg') center center no-repeat fixed #fff; color:#185274;}
h1,h2,h3,h4 {margin:0; padding:0; font-style:normal;}
.smax {margin:0 auto; max-width:1420px;}
a {outline:none;}
a:link, a:visited, a:hover {color:#185274; text-decoration:none}
img, iframe {vertical-align:top; margin:0;}
#menur {display:none; position:fixed; bottom:15px; margin-left:calc(50% - 40px); text-align:center; z-index:101; line-height:60px; width:60px; height:60px; padding:10px; border-radius:50%; background:#f2211d;}
#bkactu {position:fixed; z-index:998; background:rgba(24,82,116,0.2); width:100%; height:100%; top:0; left:0;}
#actu {position:fixed; overflow:auto; z-index:999; background:#fff; top:50%; left:50%; border-radius:10px; transform: translate(-50%, -50%); width:calc(100% - 30px); height:100%; max-width:800px; max-height:400px;}
#empty {position:relative; width:100%; height:130px; z-index:60; background:none;}
#top {position:fixed; width:100%; padding:10px 0; top:0; height:110px; z-index:99; font-size:0; overflow:visible !important; background:#fff; transition:0.3s;}
.fixtop {height:80px !important;}
.fixtop .item img {height:15px !important; transition:0.3s;}
.fixtop .item {margin-top:15px;}
#wave {position:absolute; width:100%; left:0; bottom:0;}
#wave svg {position:absolute; top:0;}
#w {filter: drop-shadow(0 20px 10px rgba(24,82,116,0.4));}
.fixtop #wave svg {height:50px;}
#logo {display:inline-block; vertical-align:top; position:relative; width:350px; text-align:center; background:#fff; border-radius:50%; padding:10px 0;}
.tiers {display:inline-block; vertical-align:top; position:relative; width:calc(50% - 175px);}
.tleft {text-align:left;}
.tright {text-align:right;}
.item {position:relative; font-size:18px; display:inline-block; vertical-align:middle; margin-top:30px; font-family:'galano_grotesqueregular'; text-align:center; cursor:pointer;}
.item img {display:block; position:relative; margin:0 auto 4px auto;}
.item span {display:block; font-family:'galano_grotesquebold'; margin-top:-1px;}
.tleft .item {margin-left:30px;}
.tleft .item:first-of-type {margin-left:0;}
.tright .item {margin-right:30px;}
.tright .item:last-of-type {margin-right:0;}
.item a {color:#185274; display:block;}
.item.red {color:#f2211d;}
.item a.green, .item:hover a.green, .item a.green:hover {color:#02c204;}
.smenu {position:absolute; display:none; padding-top:10px; z-index:99; margin-left: calc(50% - 110px);}
.sitem a:link, .sitem a:visited {display:inline-block; width:200px; text-align:center; font-size:16px; color:#fff !important; margin:2px 0; cursor:pointer;background:#185274; padding:10px; border-radius:3px;}
.sitem a:hover {background:#1b6089;}
.sitem.green a:link, .sitem.green a:visited {background:#02c204 !important;}
#auth {display:none; position:absolute; margin-top:15px; right:0; background:#f2211d; padding:15px; border-radius:5px; font-size:0; text-align:center;}
#auth .text, #formmdp .text {display:block; margin-bottom:10px; color:#000; border-radius:2px; border:0; background:#fff; font-family:galano_grotesqueregular,Arial; font-size:16px; padding:8px; text-align:center;-webkit-appearance:none; -moz-appearance:none; appearance:none;}
#auth .ok {border:0; background:#02c204; color:#fff; padding:8px; width:100%; font-size:18px; font-family:galano_grotesqueregular; cursor:pointer; border-radius:2px; text-align:center; transition:0.3s; -webkit-appearance:none;}
#auth .err {background:#fff444;}
#auth div {font-size:14px;}
#intro {position:relative; width:100%; overflow:hidden; max-height:700px; z-index:50; background:#ddd;}
.fixdiapo {height:250px;}
.swiper-slide img {width:100%;}
.fixdiapo .swiper-slide img {margin-top: -150px;}
.swiper-container {overflow: hidden; z-index: 1;-webkit-transform: translateZ(0);}
.swiper-wrapper {position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box; pointer-events:none;}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}
.swiper-slide {float: left;-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; position: relative; overflow:hidden; z-index:1;}
.pagination {position:absolute; text-align:center; bottom:120px; width:100%; z-index:98;}
.fixdiapo .pagination {bottom:10px;}
.swiper-pagination-bullet {display:inline-block;width:14px;height:14px;border:2px solid #fff;margin:0 5px;cursor:pointer; border-radius:50%;}
.swiper-pagination-bullet-active {background:#fff;border:2px solid #fff;}
#slo {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; max-width:1400px; margin:auto; z-index:90; color:#fff; height:100%; text-align:center; transform: translateY(30%); font-size:50px;}
#slog {display:block; font-family:'galano_grotesquebold'; font-size:60px; line-height:60px;}
#page {position:relative; margin:-120px auto 80px auto; max-width:1420px; z-index:60; padding:0 10px;}
#page h1 {font-size:40px; display:block; margin:0; padding:0; font-family: 'galano_grotesquebold';}
#page h2 {font-size:26px; display:block; padding:0; font-weight:900;}
#page h3 {font-size:20px; display:block; margin:0; padding:0;}
.int {margin-top:20px !important;}
.pdf {float:left; margin-right:10px; margin-top:-3px;}
.same {display:inline-block; margin:0 5px; background-color:#185274; color:#fff; padding:4px 8px; transition:0.3s; border-radius:3px;}
.highslide-dimming {background:#185274;}
.highslide-caption{display:none;font-size:15px;color:#fff; margin-top:5px;}
.highslide-number{display:none;}
.highslide, .highslide highslide-active-anchor{outline:none;text-decoration:none;transition:all 0.4s;}
.highslide-controls {position: absolute;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;background: 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-next {right: 0;}
.highslide-controls .highslide-previous a {background-position: 0 0; position:absolute; left:-100px;}
.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; position:absolute; right:-100px;}
.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 {display: none;}
form {display:inline;}
.text, .textarea, .select {border:1px solid #ddd; font-family:galano_grotesquebold,Arial; background:#fff; font-size:16px; margin:2px 0; padding:8px; border-radius:4px; color:#000;}
.text, .textarea {-webkit-appearance:none; width:250px;}
.select {border:2px solid #ddd;}
.bouton, .mbouton {display:inline-block; font-family: galano_grotesquebold,Arial; font-size:22px; color:#fff; background:#54a800; border:0; border-radius:8px; padding:8px; cursor:pointer; -webkit-appearance:none;}
.mbouton {font-size:16px; padding:4px; font-weight:bold; background:#ef6c00; border-radius:4px;}
.erreur {display:inline-block; background:#e00005; color:#fff; padding:4px; border-radius:4px;font-size:16px;}
textarea:focus, input:focus{outline: none;}
.petit {font-size:12px;}
.r {border:1px solid #e00005 !important; box-shadow:0px 0px 2px 2px #e00005;}
#bas {position:relative; padding:50px 10px 20px 10px; background:#0b2535; color:#fff;}
#auto {position:absolute; width:155px; height:100px; background:url('/ima/auto.png'); margin-left:calc(50% - 78px); top:-50px; z-index:2; cursor:pointer;}
#auto:hover {animation: spin 0.5s;}
@keyframes spin {0% { transform: scale(1) rotate(0deg);} 50% {transform: scale(1.1) rotate(-5deg);} 100% { transform: scale(1) rotate(0deg);}}
#wave2 {position:absolute; width:100%; left:0; top:0; z-index:1;}
#bas a:link, #bas a:visited, #bas a:hover, .same a:link, .same a:visited, .same a:hover {color:#fff;}
@font-face {
    font-family: 'galano_grotesquebold';
    src: url('/fonts/galanogrotesquebold-webfont.woff2') format('woff2'),
         url('/fonts/galanogrotesquebold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}
@font-face {
    font-family: 'galano_grotesqueregular';
    src: url('/fonts/galanogrotesqueregular-webfont.woff2') format('woff2'),
         url('/fonts/galanogrotesqueregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

@media screen and (max-width:1480px)
  {
  .tleft .item {margin-left:20px;}
  .tright .item {margin-right:20px;}
  .item {font-size:16px;}
  }
@media screen and (max-width:1350px)
  {
  .tleft .item {margin-left:10px;}
  .tright .item {margin-right:10px;}
  }
@media screen and (max-width:1250px)
  {
  .tiers {width: calc(50% - 135px);}
  .item {font-size:14px;}
  .tleft .item {margin-left:5px;}
  .tright .item {margin-right:5px;}
  #logo {width:270px;}
  #logo img {height:150px;}
  }
@media screen and (max-width:1000px)
  {
  #top {position:relative; height:auto;}
  #logo {width:100%; border-radius:0; padding:0;}
  #wave svg {height:30px;}
  .tiers {display:none; width:100%;}
  .tleft .item, .tright .item {display:block; text-align:center; margin:0 0 10px 0; font-size:20px; border-bottom:2px solid #185274; padding:10px 0;}
  .item span {display:inline; margin:0 0 0 5px;}
  #empty, .pagination {display:none;}
  #page {margin-top:5px; padding:0 5px;}
  .int {margin-top:5px !important;}
  .fixdiapo .swiper-slide img {margin:0;}
  .fixdiapo {height:auto;}
  #menur {display:block;}
  iframe {max-width:100%;}
  #page h1 {font-size:40px;}
  .text, .textarea {width:calc(100% - 8px) !important; padding:8px 4px;}
  .same {display:block; margin:4px 0 0 0; padding:8px;}
  .same a {display:block; color:#fff !important;}
  }