html,body {margin:0; padding:0; width:100%; height:100%; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust:none; background:#fff;}
body,td {font-family:Verdana,Arial; font-size:13px; color:#0a287d;}
.left {float:left;}
.right {float:right;}
.story {margin:auto; width:1200px;}
.zero {font-size:0;}
.clear {clear:both;}
a {outline:none; color:#0a287d; text-decoration:none;}
a:hover {text-decoration:underline;}
a.b {outline:none; color:#ffffff; text-decoration:none;}
img {margin:0; vertical-align:top;}
#video {position:absolute;width:100%; height:100%; top:0; left:0; overflow:hidden; z-index:50 !important; background:#ffffff;}
video {min-width:100%; min-height:100% ;width:auto; height:auto; position:absolute; top:50%;left:50%;transform:translate(-50%,-50%);}
#grid {position:relative; top:0; width:100%; height:100%; z-index:51; text-align:center; background:url('/imas/grid.png');}
.accueil {position:relative; top:23%; color:#ffffff; margin:0 10px;}
#slo {font-size:50px;margin-top:100px; color:#ffffff; font-weight:bold; color:#d8ddea;font-family:'Times New Roman';}
#slo2 {font-size:25px;font-family:'Times New Roman'; font-style:Italic;}
#entete {width:100%; padding-top:5px; background:#3c518b; position:relative; font-size:0;}
h1 {display:inline-block; margin:0;padding:0;font-weight:normal; font-style:normal;}
#logofdp, #lesbols {display:inline-block; vertical-align:middle; width:50%;}
#lesbols {text-align:right;}
#menur, #menurhome {display:none; position:fixed; bottom:25px; margin-left:calc(50% - 40px); text-align:center; z-index:99; line-height:60px; width:60px; height:60px; padding:10px; border-radius:50%; background:#3c518b;}
#navi {position:relative; clear:both; width:100%; height:60px; text-align:center; background:url('/imas/menu.jpg'); color:#ffffff; font-size:0;z-index:99; }
.fixnav {position:fixed !important; top:0; box-shadow: 0 0 10px #eeeeee;z-index:99;}
.item {display:inline-block; margin:5px 15px; font-family:'Times New Roman'; font-size:27px; font-style: italic; font-weight:Bold; line-height:60px;}
.item a:link {padding:1px 8px; color:#3c518b; text-decoration:none; transition: 0.3s; border-radius:5px;}
.item a:visited {padding:1px 8px; color:#3c518b; text-decoration:none;}
.item a:hover, .item a.on {color:#3c518b !important; text-decoration:none; background:#d8ddea;}
.smenu {z-index:99; position:absolute; display:none; overflow:hidden; text-align:left; line-height:24px;}
.sitem a:link {display:inline-block; width:200px; padding:4px 8px; margin-bottom:2px; color:#d8ddea; background:#3c518b; font-size:18px; text-align:left; border-radius:5px; transition: 0.3s;}
.sitem a:visited {color:#d8ddea;}
.sitem a:hover {color:#3c518b; background:#ffffff;}
#nav0 {width:100%; text-align:center; color:#ffffff; font-size:0; position:absolute; z-index:52; opacity:0.4;transition: 0.3s;}
#nav0:hover {opacity:1;}
#nav0 .item a {color:#d8ddea;}
#nav0 .item a:hover {color:#3c518b;}
#foot0 {width:100%; text-align:center; color:#ffffff; position:absolute; z-index:52; opacity:0.4;bottom:10px;}
#slide {position:relative; width:100%; background:#f9f9f9; overflow:hidden; z-index:50;}
#slide img {width:100%;animation: leaves 10s ease-in-out infinite alternate;}
@keyframes leaves { 0% { transform: scale(1.0); -webkit-transform: scale(1.0);} 100% {transform: scale(1.1);-webkit-transform: scale(1.1);}}
.fixslide {margin-top:60px;}
#main {position:relative; width:1220px; overflow:hidden; margin:20px auto; z-index:10;}
#foot {width:100%; background:#d8ddea; font-size:0; text-align:center;}
.colft {display:inline-block; vertical-align:top; font-size:13px; width:160px; text-align:left; padding:20px;}
.colft span {font-weight:bold; margin-bottom:5px; display:block;font-size:15px;}
.colft a:link, .colft a:visited {color:#3c518b; text-decoration:none;}
.colft a:hover {text-decoration:underline;}
.sep {display:inline-block; vertical-align:middle; width:1px; background:#ffffff; height:150px; margin:20px 0;}
#foot2 {width:100%; background:#3c518b; padding:20px 0; color:#d8ddea;font-size:0;}
.text {font-family:Verdana; font-size:13px; border:0; padding:3px; border-radius:2px; color:#3c518b; margin-right:2px; width:140px;}
.ok {font-family:Verdana; font-size:15px; border:0; padding:3px; border-radius:2px; color:#fff; background:#222; -webkit-appearance:none;}
.g-recaptcha {display:inline-block; vertical-align:middle; transform:scale(0.7);transform-origin: top center; overflow:hidden; width:44px; height:36px; border-radius:2px;}
.g-recaptcha iframe {margin-top:-20px; margin-left:-10px;}
.map {display:block; width:100%; height:600px;}
.marker {border: none; cursor: pointer; height:32px;width:40px; background-image: url('/imas/marker.png');}
.clearfix {display:block;}
.clearfix:after {content:'.'; display:block; height:0; clear:both;visibility:hidden;}
.mapboxgl-popup {padding-bottom: 50px;}
.mapboxgl-popup-close-button {display:none;}
.mapboxgl-popup-content {font-family:Verdana,Arial; font-size:13px;padding:0 !important; min-width:200px;border-radius:4px; overflow:hidden;}
.mapboxgl-popup-content-wrapper {padding:1%;}
.mapboxgl-popup-content span {background:#0a287d;color:#fff; margin:0;display:block; padding:5px 10px; font-weight:bold; font-size:14px;}
.mapboxgl-popup-content p {padding:5px 10px;}
.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: #0a287d;}
.bblanc {font-family:  Verdana, Arial; font-size: 16px; color: #ffffff}
.facture {font-family:  Verdana, Arial; font-size: 14px; color: #000000}
.facture2 {font-family:  Verdana, Arial; font-size: 16px; color: #000000}
.facture3 {font-family:  Verdana, Arial; font-size: 13px; color: #000000}
.vert {color:#51b207;}
#agendaresa {font-size:0; border-radius:4px; border:1px solid #d8ddea;}
#agendaresa .half {display:inline-block; vertical-align:top; width:calc(50% - 20px); padding:10px; font-size:13px;}
#agenda {width:100%;}
#agenda table {border-collapse:separate; border-spacing:1px; width:100%; min-height:150px; background:#f5f5f5;}
#agenda table td {padding:2px 2px 0 2px; width:14%; font-size:13px; color:#111; border-radius:2px; vertical-align:top; text-align:center; border-radius:2px;}
#agenda hr {width:100%; border:0; height:2px; background:#ddd; margin:2px 0;}
#agenda input[type="radio"] {display:none;}
#agenda input[type="radio"] + label {display:block; color:#fff; background:#3788d8; padding:4px; cursor:pointer; border-radius:2px;margin:5px 0;}
#agenda input[type="radio"]:checked + label {background-color:#51be00;}
#agenda input[type="radio"] + label span {font-size:11px;}
#agenda input[type="radio"] + label, input[type="radio"]:checked + label {-webkit-transition:background-color 0.3s linear; -o-transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;  transition:background-color 0.3s linear;}
#agenda input[type="radio"]:disabled + label {background-color:#999; cursor:not-allowed;}
#weeks {display:block; text-align:center; font-size:12px;}
#weeks a {color:#111;}
#weeks .left {float:left;}
#weeks .right {float:right;}
#places table {width:100%;}
#places td {width:33%;}
#agendaresa #post {display:inline-block; border:0; color:#e40006; padding:5px 0; font-size:13px; font-weight:bold;}
#agendaresa .text, #agendaresa .select, #agendaresa .area {font-family: Verdana,Arial,sans-serif; font-size:13px; border:1px solid #d8ddea; padding:4px; border-radius:2px; margin-bottom:5px; background:#fff; resize:none; width:calc(100% - 8px); outline:none;}
#agendaresa .select {width:50px;}
#agendaresa .area {font-size:10px;}
#agendaresa .submit {background-color: #48ca00;font-family: Verdana,Arial,sans-serif; font-size: 15px; border:0; padding:4px 8px; font-weight:bold; border-radius: 2px; color:#fff; display:block; width:100%; text-align:center; margin:5px 0; cursor:pointer;}
#ajax-temp {height:0 !important; font-size:0 !important; display:none;}
@media screen and (max-height:630px)
  {
  #logointro {height:120px;}
  }
@media screen and (max-width: 767px)
  {
  #logointro {max-width:100%;}
  #logo {max-width:270px;}
  #slo {font-size:28px; margin-top:50px;}
  #slo2 {font-size:20px;}
  #lesbols{display:none;}
  #entete {position:fixed; z-index:99; top:0; padding-bottom:5px;}
  #slide {margin-top:90px;}
  .fixslide {margin-top:0;}
  #nav0, #navi {height:0; opacity:1;}
  #navi {top:5px;}
  .fixnav {position:absolute; height:0;}
  #menur, #menurhome {display:block;}
  #items {display:none; position:absolute; top:0; z-index:99; width:100%; background:#fff;}
  .item {display:block; margin:2px 0; text-align:left;}
  .item a:link, .item a:hover, .item a:visited, .item a.on {background:#d8ddea; color:#3c518b; border-radius:0; display:block; padding:0 15px;}
  .smenu {position:relative;}
  .sitem a:link, .sitem a:visited {display:block; width:auto; border-radius:0; background:#3c518b; color:#d8ddea; margin:2px 0 0 0; padding:15px; font-size:20px;}
  #nav0 .item a {color:#3c518b;}
  #nav0 .sitem a {color:#d8ddea;}
  table {max-width:100%; width:auto !important;}
  iframe {width:100%;}
  .story, #main {width: calc(100% - 30px); margin:0 15px;}
  #main {margin:15px;}
  .colft {display:block; width: calc(100% - 30px); padding:10px 15px;}
  .sep {display:none;}
  #agendaresa .half {display:block;width:calc(100% - 20px); margin-bottom:20px;}
  #agenda table td, #agenda input[type="radio"] + label {font-size:10px;}
  #agenda input[type="radio"] + label span {font-size:9px line-height:10px;}
  #places table { width:100% !important;}
  #places td {display:block; width:100% !important;}
  }
@media screen and (min-width: 768px) and (max-width: 1220px)
  {
  .story, #main {margin:auto; width: calc(100% - 30px); margin:0 15px;}
  .colft {padding:10px 15px; width: 150px;}
  #agendaresa .half {display:block;width:calc(100% - 20px); margin-bottom:20px;}
  }
@media screen and (min-width: 768px) and (max-width: 1023px)
  {
  .item {font-size:18px; margin:2px;}
  .item a:link, .item a:hover, .item a:visited {padding:1px 4px;}
  }
@media screen and (min-width: 1024px) and (max-width: 1210px)
  {
  .item {font-size:22px; margin:5px;}
  }