html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:'Montserrat-Regular',Arial; font-size:16px; background:#fff; color:#000; letter-spacing:-0.3px;}
.clear {clear:both;}
.s {margin:0 auto; max-width:1400px; position:relative;}

#top {position:fixed; width:100%; padding-bottom:10px; top:0; z-index:98; font-size:0; background:#fff;}
.fixtop, #top.int {box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1);}
#logo {display:inline-block; vertical-align:top; position:relative; width:280px;}
#menu {display:inline-block; vertical-align:top; position:relative; width:calc(100% - 280px); text-align:right;}
#coord {position:absolute; top:0; width:calc(100% - 40px); background:linear-gradient(to right,#fdd48500,#fdd485); padding:10px 20px; font-size:14px; text-align:right;}
#menur {display:none; 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:#fdd485;}
.item {position:relative; font-family: 'Montserrat-Regular'; font-size:17px; color:#000; display:inline-block; vertical-align:middle; margin:75px 0 0 10px; cursor:pointer; transition:0.3s;}
.fixtop .item {margin-top:55px;}
.item a {color:#000; display:block; transition:0.3s; padding:10px 15px; border-radius:3px;}
.item a:hover, .item:hover a {color:#fff !important; background:#00277f;}
.on a {background:#fdd485;}
.smenu {position:absolute; display:none; padding-top:5px; 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; margin:2px 0; cursor:pointer;background:#00277f; padding:10px; border-radius:3px;}
.sitem a:hover {background:#003ed2;}
.fleche {margin-left:5px; font-size:20px; line-height: 18px;}
.loupe {font-size:0;}
.loupe:hover img {filter: invert(1); -webkit-filter: invert(1); -o-filter: invert(1); -ms-filter: invert(1);}
form {display:inline;}
#recherche {width:130px; padding:15px 10px; border-radius:3px; background:#00277f;}
.mtext {display:inline-block; border:0; font-family:Montserrat-Regular,Arial; font-size:16px; padding:4px; color:#000; width:80px; border-radius:3px; margin-right:5px;-webkit-appearance:none; outline:none;}
.mbouton {display:inline-block; font-family: Montserrat-Regular,Arial; font-size:16px; color:#000; background:#b7fa84; border:0; padding:4px; width:33px; cursor:pointer; -webkit-appearance:none; border-radius:3px;}
.stabilo {background:#fdd485; padding:4px; border-radius:3px; display:inline-block; margin:0 2px;}

#intro {position:relative; width:100%; z-index:50; z-index:1;}
#intro img {width:100%; position:relative; z-index:1;}
svg {width:100%; position:absolute; display:block;}
#svg-blanc {z-index:2; bottom:4px;}
#svg-jaune {z-index:3; bottom:-30px;}

#empty {position:relative; width:100%; height:150px; background:#fff; z-index:60;}

#page {position:relative; margin:45px auto 30px auto; max-width:1440px; z-index:60;}
#page img, iframe, .pdf, #qsn img, #bas img {vertical-align:middle; margin:0; border-radius:3px;}
#page.int {margin-top:30px;}

h1 {font-size:30px; font-family: 'Montserrat-Bold'; display:block; margin:0; padding:0; line-height:30px; color:#00277f; font-weight:normal;}
h2 {font-size:24px; font-family: 'Montserrat-SemiBold'; display:block; margin:0; padding:0; color:#00277f; font-weight:normal;}
h3 {font-size:20px; font-family: 'Montserrat-Regular'; display:block; margin:0; padding:0; font-weight:normal;}

.same {display:inline-block; border-radius:3px; margin:0 5px; background-color:#00277f; color:#fff; padding:4px 8px; transition:0.3s;}
.same:hover {background:#003ed2;}

#qsn {position:relative; width:100%; padding:15px 0 70px 0; background:linear-gradient(#fdd48500,#fdd485);}
#bas {position:relative; width:100%; padding:15px 0; background:#00277f; color:#fff;}
#qsn .s, #bas .s {max-width:1440px;}
#svg-bleu {bottom:0;}
#bas a:link, #bas a:visited, #bas a:hover, .same a:link, .same a:visited, .same a:hover {color:#fff;}

a{outline:none;}
a:link{color:#222;text-decoration:none}
a:visited{color:#222;text-decoration:none}
a:hover{color:#000;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}

.highslide-dimming {background:#fff;}
.highslide-caption {display:none;font-size:16px;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;}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
form {display:inline;}
.text, .textarea, .select {border:1px solid #ddd; font-family:'Montserrat-Regular',Arial; font-size:16px; padding:8px; color:#000; width:calc(100% - 16px); margin:2px 0; border-radius:3px;}
.text, .textarea {-webkit-appearance:none;}
.g-recaptcha {display:inline-block;}
.bouton {display:inline-block; font-family: 'Montserrat-Regular',Arial; font-size:22px; color:#fff; background:#02c204; border:0; padding:8px 16px; cursor:pointer; -webkit-appearance:none;border-radius:2px;}
.erreur {display:inline-block; background:#e00005; color:#fff; padding:4px; border-radius:2px; font-size:16px;}
textarea:focus, input:focus{outline: none;}
.petit {font-size:12px;}

@media screen and (max-width:1440px)
  {
  .s {margin:0 15px;}
  .item {font-size:16px;}
  }
@media screen and (max-width:1150px)
  {

  }
@media screen and (max-width:950px)
  {
  #empty, .pagination, #cities {display:none;}
  #top {position:relative;}
  #logo {width:100%; margin-top:0; text-align:center;}
  #wave {bottom:inherit;}
  #intro {margin-top:0;}
  .fixdiapo {height:auto;}
  #coord {margin:20px;}
  .tiers, .tiers centre {display:block; width:100%;}
  .centre {border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:calc(100% - 2px);}
  .tiers .elem {padding:20px 0;}
  #page {margin:20px 10px;}
  .int {margin-top:10px !important;}
  #menur {display:block;}
  #menu {display:none; top:0; left:0; right:0; position:absolute; width:100%; text-align:center; margin-top:0;}
  .item {display:block; margin:0 0 5px 0; font-size:20px; background:#00277f; padding:20px; border-radius:8px;}
  .item a:link, .item a:visited {color:#fff !important;}
  .smenu {position:relative; top:0px !important; padding:20px 10px 6px 10px; margin:0;}
  .sitem a:link, .sitem a:visited {display:block; width:auto; text-align:center; background:#fff; padding:15px 10px; font-size:18px; color:#363636 !important; margin:0 0 4px 0;}
  .loupe img {filter: invert(1); -webkit-filter: invert(1); -o-filter: invert(1); -ms-filter: invert(1);}
  #recherche {width:100%;}
  #bas {padding:0px;}
  #bas .s {margin:0 10px;}
  #bas a {color:#fff;}
  table {width:100%;}
  td {display:block; width:auto;}
  .text, .textarea {width:calc(100% - 8px) !important;}
  .same {display:block; margin:4px 0 0 0; padding:8px;}
  .same a {display:block;}
  }