html,body {margin:0; padding:0; width:100%; height:100%; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
body {color:#116b97; font-family:truenolight,Arial; font-size:16px; background:#fff;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal;}
:root{scrollbar-color: #9be0ff #fff !important;scrollbar-width: thin !important;}
.left {float:left;}
.right {float:right;}
.right img {vertical-align:middle;}
.right::after {clear:both;}
.tright {float:right;}
.clear {clear:both;}
a, .msg {text-decoration:none; cursor:pointer; color:#116b97;}
.s {width:100%; max-width:1400px; margin:auto;}

#header {position:relative; width:100%; text-align:center; height:230px; overflow:hidden;}

#home {position:relative; width:100%; text-align:center; height:calc(100% - 160px); overflow:hidden;}
#logo {position:absolute; top:40px; left:calc(50% - 195px); z-index:99;}
#piece {position:absolute; top:20px; left:20px; z-index:98; background:url('/ima/piece.png'); width:750px; height:900px;}
.diapo {position:absolute; width:100%; height:100%; top:0; left:0;}
.diapo img {position:absolute; min-width:100%; min-height:100%; width:auto; height:auto; top:50%; left:50%; transform:translate(-50%,-50%);}

#nav {position:absolute; width:calc(100% - 40px); margin:0 20px; text-align:left; top:30%; z-index:99;}
#nav h1 {display:block; margin:0 auto 40px auto; max-width:1400px; font-weight:normal; font-size:50px; color:#fff; line-height:100%;}
#nav span {font-family:truenoregular; font-weight:bold; font-size:60px; display:block;}
#navi {display:block; margin:auto; max-width:1360px; background:rgba(112,197,238,0.9); padding:30px 20px 20px 20px; border-radius:4px; font-size:0;}
#navi .text, #navi .select, #navipage .text, #navipage .select {display:inline-block; vertical-align:middle; height:22px; margin:0 10px 10px 0; color:#116b97; border-radius:4px; border:0; background:#fff; font-family:truenolight,Arial; font-size:18px; cursor:pointer; padding:10px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#navi .select, #navipage .select {max-width:270px; height:42px; padding-right:30px; background-image: linear-gradient(45deg, transparent 50%, #116b97 50%), linear-gradient(135deg, #116b97 50%, transparent 50%),linear-gradient(to right, #fff, #fff); background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) 0.5em; background-size:5px 5px,5px 5px,1px 1.5em;background-repeat: no-repeat;box-shadow: none !important;-webkit-box-shadow: none; }
#navi .select option[value="maville"], #navipage .select option[value="maville"] {background:#e1f9bf;}
#navi .select option, #navipage .select option{min-height:20px;}
#navi .text, #navipage .text {width:120px;}
input:focus, textarea:focus, select:focus, *:focus {outline:none;}
#navi .trouver, #navipage .trouver {display:inline-block; vertical-align:middle; margin-bottom:10px; height:42px; border:0; background:#116b97; color:#fff; padding:10px; font-size:19px; font-family:truenoregular; cursor:pointer; border-radius:4px; text-align:center; transition:0.3s; -webkit-appearance:none;}
#navi .trouver:hover, #navipage .trouver:hover {background:#199ad9;}
#reset {display:inline-block; vertical-align:middle; color:#116b97; width:20px; height:20px; font-size:14px; line-height:20px; background:#d9f0fb; border-radius:50%; margin:0 0 10px 10px; text-align:center; cursor:pointer; transition:0.3s;}
#reset:hover {background:#199ad9; color:#fff;}

#main {position:relative; margin:90px auto 20px auto; width:100%; max-width:1440px; font-size:0;}

.cell {display:block; padding:20px; margin:20px; background:#f5f5f5; font-size:16px; border-radius:4px;}
.cellnom {display:block; padding:10px; background:#f5f5f5; font-size:16px; border-radius:4px; margin:10px 0;}
.trouge {font-family:truenoregular; font-size:16px; color:red;}
.tvert {font-family:truenoregular; font-size:16px; color:#02c204;}
.text, .textarea, .select {display:inline-block; vertical-align:middle; color:#000; border-radius:4px; border:1px solid #ddd; background:#fff; font-family:truenolight,Arial; font-size:16px; cursor:pointer; padding:8px;}
.text, .textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.textarea {height:auto; max-width:calc(100% - 36px) !important;}
.ok {display:inline-block; vertical-align:middle; border:0; background:#02c204; color:#fff; padding:8px; font-size:16px; font-family:truenoregular; cursor:pointer; border-radius:4px; text-align:center; transition:0.3s; -webkit-appearance:none;}
.r {border:2px solid #ff0000;}
.rouge {display:inline-block;font-family:'truenoregular'; font-size:14px; padding:4px 8px; border:0; background:#e40007; color:#ffffff; cursor:pointer;border-radius:4px;}
.mtext {display:inline-block; vertical-align:middle; color:#000; border-radius:4px; border:1px solid #ddd; background:#fff; font-family:truenolight,Arial; font-size:14px; cursor:pointer; padding:4px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.mok {display:inline-block; vertical-align:middle; border:0; background:#02c204; color:#fff; padding:4px; font-size:14px; font-family:truenoregular; cursor:pointer; border-radius:4px; text-align:center; transition:0.3s; -webkit-appearance:none;}
#cgu {overflow:auto; height:100px; background:#fff; padding:10px; margin-bottom:10px;}

#menuppal {display:flex; position:absolute; height:100px; z-index:99; margin:-140px 20px 0 20px; width:calc(100% - 40px); max-width:1400px; color:#fff; text-align:center; font-family:truenoregular;}
.fixmenu {position:fixed !important; top:0; margin-top:0 !important;}
.menu {display:inline-block; vertical-align:middle; flex:1; width:calc(20% - 40px); height:60px; padding:20px; transition:0.3s;}
#accasso {display:inline-block; vertical-align:middle; flex:1; max-width:100%; min-width:calc(20% - 40px); height:60px; padding:20px; overflow:hidden; background:#fb4701; transition:0.3s; border-top-right-radius:4px; border-bottom-right-radius:4px;}
.menu:hover, #accasso:hover {flex:2; cursor:pointer;}
.annuaire {background:#70c5ee;}
.actualites {background:#e65894; border-top-left-radius:4px; border-bottom-left-radius:4px;}
.revue-de-presse {background:#d5ce15;}
.guide {background:#f8a522;}
.menu img, .menuon img, #accasso img {display:inline-block; vertical-align:middle; margin:auto;}
.menu span, .menuon span, #accasso span {display:inline-block; vertical-align:middle; transition:0.3s;}
.menu:hover span, .menuon span, #accasso:hover span {margin-left:10px; font-size:20px;}
.menu a:link, .menu a:hover, .menu a:visited, .menuon a:link, .menuon a:hover, .menuon a:visited {color:#fff; display:block;}
#navipage {display:none; position:absolute; margin-top:24px; left:0; width:calc(100% - 40px); max-width:1360px; background:#70c5ee; padding:30px 20px 20px 20px; border-radius:4px; font-size:0; text-align:left;}
#auth {display:none; position:absolute; right:0; margin-top:24px; font-family:truenolight,Arial; background:#fb4701; padding:20px 20px 10px 20px; border-radius:4px; font-size:0;text-align:right;}
#auth .text, #formmdp .text {display:inline-block; vertical-align:middle; height:22px; margin:0 10px 10px 0; color:#116b97; border-radius:4px; border:0; background:#fff; font-family:truenolight,Arial; font-size:18px; padding:10px; text-align:center;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
#auth .ok {display:inline-block; vertical-align:middle; margin-bottom:10px; height:42px; border:0; background:#02c204; color:#fff; padding:10px; font-size:19px; font-family:truenoregular; cursor:pointer; border-radius:4px; text-align:center; transition:0.3s; -webkit-appearance:none;}
.vert {background:#02c204 !important;}
#auth .r{background:#fff444;}
#auth div {font-size:14px;}
#auth a {color:#fff;}
#auth .user, #logout {display:inline-block; font-size:16px; margin:0 0 10px 10px; background:#fff; border-radius:4px; padding:10px; font-weight:bold;}
#logout {background:red;}
#auth a .user{color:#116b97;}
#formmdp {display:none; position:fixed; left:50%; top:50%; transform: translate(-50%,-50%); z-index:100; width:320px; background:#fb4701; padding:20px; border-radius:4px; box-shadow:0px 0px 100px 100px #fff; font-size:16px; color:#fff;}
#cancel {position:absolute; right:0; top:0; font-size:16px; cursor:pointer; width:20px; text-align:center;}
#ajax-temp {display:none;}

#ariane {position:relative; padding:20px; margin:0 20px 20px 20px; background:#eee; border-radius:4px; width:calc(100% - 80px); font-size:16px; font-family:truenoregular;}
#ariane h1 {font-size:20px;}
#ariane a {color:#116b97;}
#ariane img {margin-top:-2px;}

.case {display:inline-block; vertical-align:top; position:relative; width:calc(25% - 70px); border-radius:4px; padding:15px; margin:20px; transition:0.3s; color:#fff; overflow:hidden;}
.case img {position:relative; width:100%; z-index:2; border-radius:4px; overflow:hidden;}
.case::after {content:""; position:absolute; width:0; height:100%; left:0; top:0px; transition: 0.3s;}
.case.annuaire::after {background:#9be0ff;}
.case.actualites::after, .case.cal {background:#fa88b8;}
.case.revue-de-presse::after {background:#ede745;}
.case:hover::after {width:100%; z-index:0;}
.case h2 {z-index:2; font-family:truenoregular; font-size:18px; position:relative; margin:15px 0 5px 0; height:44px; overflow:hidden;}
.case span, #cal {z-index:2; position:relative; font-size:14px;}
.case:hover h2, .case:hover span {color:#116b97;}
.case a {color:#fff;}
.blur h2, .blur span, .blur img {filter:blur(4px);}
.lock {position:absolute; right:0; top:0; border-bottom-left-radius:4px; width:60px; padding-top:10px; height:50px; background:#fb4701; text-align:center; z-index:50;}
.lock img {width:30px; height:40px; filter:blur(0);}
#cal {text-align:center;}
#calendrier {width:100%; font-size:0; border-collapse:collapse; max-height:239px;}
#calendrier td, #calendrier td:first-child {width:calc(14.286% - 8px); padding:2.6% 3px; margin:1px; display:inline-block; font-size:14px; color:#116b97;}
#calendrier td.jours {color:#fff;}

#carte {position:relative; margin:40px 20px; width:calc(100% - 40px); border-radius:4px; overflow:hidden;}
.nav {position:relative; width:280px; height:600px; top:0; left:0; overflow:hidden;}
.listings {height:100%; overflow:auto; background:#70c5ee; color:#fff;}
.listings .item {display:block;border-bottom:1px solid #fff; padding:20px; text-decoration:none; font-size:14px; transition:0.3s;}
.listings .item a {color:#fff;}
.listings .item:hover a {color:#116b97;}
.listings .item:last-child {border-bottom:none;}
.listings .item .title {display:block;font-weight:bold; font-size:18px;}
.listings .item .title small {font-weight:normal;}
.listings .item:hover, .listings .item.active, .listings .item.active a {background:#9be0ff; color:#116b97;}
.map {position:absolute; left:280px; width:calc(100% - 280px); top:0;bottom:0;}
.minimap {position:relative; width:100%; height:200px; border-radius:4px;}
.marker {border:2px solid #70c5ee; cursor:pointer; width:22px; height:22px; border-radius:50%;}
.clearfix {display:block;}
.clearfix:after {content:'.'; display:block; height:0; clear:both;visibility:hidden;}
.mapboxgl-popup {padding:20px; font-family:truenoregular,Arial;}
.mapboxgl-popup-close-button {display:none;}
.mapboxgl-popup-content {font-size:14px;padding:0; width:250px;overflow:hidden;}
.mapboxgl-popup-content-wrapper {padding:1%;}
.mapboxgl-popup-content h3 {background:#70c5ee;color:#fff; margin:0;display:block; padding:10px;}
.mapboxgl-popup-content h4 {margin:0;display:block; padding:10px;font-weight:normal;}
.mapboxgl-popup-content div {padding:10px;}
.mapboxgl-popup-content a {color:#116b97;}
.mapboxgl-container .leaflet-marker-icon {cursor:pointer;}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-content {margin-top:0px;}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {border-bottom-color: #70c5ee;}

#fic-gauche {display:inline-block; vertical-align:top; width:calc(30% - 80px); font-size:16px; margin:20px; padding:20px; border-radius:4px; word-break:break-all;}
#fic-gauche.annuaire {background:#b1e8ff;}
#fic-gauche.actualites {background:#fa88b8;}
#fic-gauche img {display:block; width:100%; margin-bottom:10px; border-radius:4px;}
#fic-droite {display:inline-block; vertical-align:top; margin:20px; width:calc(70% - 40px); font-size:16px;}
#fic-droite h2 {font-family:truenoregular; font-size:40px;}
#fic-droite h3 {display:block; font-family:truenoregular; background:linear-gradient(45deg,#fff,#f5f5f5); border-radius:4px; padding:5px 0; font-size:18px; margin:20px 0 15px 0;}
li {padding:2px;}
.web {display:inline-block; margin-right:10px;}
#msg {display:block; border-radius:4px; text-align:center; padding:5px; font-size:14px; font-weight:bold; background:#70c5ee; color:#fff; padding:10px; font-size:16px; cursor:pointer;}

#form {display:none; text-align:left; margin-top:10px;}
#form .text, #form .textarea {-webkit-appearance:none; font-family:truenolight,Arial; color:#116b97; border:0; font-size:14px; width:calc(100% - 16px); margin:5px 0; padding:8px; border-radius:2px;}
.g-recaptcha{margin:5px 0;text-align:center;display:inline-block;}
.highslide-dimming{background:#fff;}
.highslide-caption{display:none;font-size:18px;color:#116b97; margin-top:5px;}
.closebutton{position:relative;top:-15px;left:15px;width:30px;height:30px;cursor:pointer;background:url(graphics/close.png);}
.highslide-controls{width:195px;height:40px;background:url(graphics/controlbar-white.gif) 0 -90px no-repeat;margin:-4px 8px 10px 0;border-radius:0px;}
.highslide-controls ul{position:relative;left:15px;height:40px;list-style:none;margin:0;padding:0;background:url(graphics/controlbar-white.gif) right -90px no-repeat;}
.highslide-controls li{float:left;padding:5px 0;margin:0;list-style:none;}
.highslide-controls a{background-image:url(graphics/controlbar-white.gif);display:block;float:left;height:30px;width:30px;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 a{background-position:0 0;}
.highslide-controls .highslide-previous a.disabled{background-position:0 -60px;}
.highslide-controls .highslide-play a{background-position:-30px 0;}
.highslide-controls .highslide-play a.disabled{background-position:-30px -60px;}
.highslide-controls .highslide-pause a{background-position:-60px 0;}
.highslide-controls .highslide-next a{background-position:-90px 0;}
.highslide-controls .highslide-next a.disabled{background-position:-90px -60px;}
.highslide-controls .highslide-move a{background-position:-120px 0;}
.highslide-controls .highslide-full-expand a{background-position:-150px 0;}
.highslide-controls .highslide-full-expand a.disabled{background-position:-150px -60px;}
.highslide-controls .highslide-close a{background-position:-180px 0;}
.pdf {display:inline-block; margin-right:10px; width: calc(33.33% - 10px); margin-bottom:5px; height:40px; font-size:14px; transition:0.3s;}
.pdf:hover {background:#eee;}
.pdf img {display:inline-block; vertical-align:middle; height:40px; width:40px; margin-right:10px;}
.pdf span {display:inline-block; vertical-align:middle; width:calc(100% - 50px); line-height:16px;}

#bas {position:relative; width:100%; padding:20px 0; background:#f5f5f5;}
.columns {position:relative; columns:5; width:calc(100% - 40px); max-width:1400px; margin:auto;}
.columns p {margin:0 0 2px 0; font-size:12px;} 
.columns p a {color:#333;}
#absbas {position:relative; width:100%; padding:20px 0; background:#ddd; color:#333;}

@font-face {font-family: 'truenoregular'; src: url('/fonts/truenorg-webfont.woff2') format('woff2'),url('/fonts/truenorg-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'truenolight'; src: url('/fonts/truenolt-webfont.woff2') format('woff2'),url('/fonts/truenolt-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}

@media screen and (max-width:768px)
  {
  #logo img {max-width:calc(100% - 20px);}
  #piece {display:none;}
  #home {overflow:visible; height:100%;}
  .diapo {overflow:hidden;}
  #nav {top:160px;}
  #nav h1 {font-size:30px; margin-bottom:20px;}
  #nav span {font-size:40px;}
  #navi, #auth {padding:15px 15px 5px 15px; text-align:center;}
  #navi .text, #navi .select, #navipage .text, #navipage .select {display:block; width:100%; max-width:100%; text-align:left;}
  #navi .text, #navipage .text, #auth .text {width:calc(100% - 20px);}
  #menuppal {position:relative; margin:0px; height:70px; width:100%;}
  .menu, #accasso {height:30px; border-radius:0;}
  .menu img, .menuon img, #accasso img {height:30px;}
  .menu:hover span, #accasso:hover span {font-size:0;margin:0;}
  .menu:hover, #accasso:hover {flex:1;}
  #auth .left, #auth .right {float:none;}
  #auth div {display:block !important; padding:20px; margin-bottom:10px; background:#116b97; border-radius:4px;}
  #main {margin:0 auto 20px auto;}
  .fixmain {margin-top:90px !important;}
  #ariane {margin-top:20px; margin-bottom:10px;}
  .case {width:calc(100% - 70px); margin:10px 20px;}
  .lock {transform:scale(0.8); border-radius:50%; transform-origin: top right;}
  #header {height:160px;}
  #navipage {width:calc(100% - 40px); border-radius:0; margin-top:20px;}
  #auth { border-radius:0; margin-top:20px;}
  #fic-gauche {width:calc(100% - 80px);}
  #fic-droite {width:calc(100% - 40px);word-break: break-all;}
  #fic-gauche img {width:100%;}
  #carte {margin:20px;}
  .nav {width:100%; height:auto;}
  .listings {height:200px; border-top-left-radius:4px; border-top-right-radius:4px;}
  #map {position:relative; width:100%; left:0; top:auto; bottom:auto; height:400px;} 
  .g-recaptcha {transform:scale(0.9); transform-origin: top left;}
  .columns {columns:3;}
  .s {width:calc(100% - 40px);}
  .cell table {padding:0;}
  .cell td {display:block;}
  .cell .text, .cell .select, .cell .textarea, #depotcomment .textarea {width:calc(100% - 36px) !important;}
  .mtext {width:70px;}
  .pdf {width:100%;}
  }
@media screen and (max-width:400px)
  {
  #fic-gauche .thumb {display:block;margin:20px 20px 0 0; width:100%;}
  .columns {columns:1;}
  #form {right:10px;}
  .half {width:100%;}
  }