html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:poppinsregular,Arial; font-size:15px; background:url('/ima/background.png') center center no-repeat #fff; background-attachment:fixed; color:#111;}
.s {margin:0 auto; max-width:1400px;}
.smax {margin:0 auto; max-width:1440px;}
.zero {font-size:0;}
a {outline:none;}
a:link, a:visited, a:hover {color:#111; text-decoration:none}
img {max-width:100%;}
#top {position:fixed; z-index:99; top:0; padding:10px 0; width:100%; background:#fff; font-size:0; transition:0.2s;}
#coord {display:inline-block; vertical-align:middle; font-size:20px; width:calc(50% - 187px); font-family:poppinsbold; line-height:40px;}
#coord img {vertical-align:middle; margin-right:10px;}
#logo {display:inline-block; vertical-align:middle; width:374px; text-align:center;}
#logoimg {display:inline-block; transition:0.2s; height:120px;}
#rs {display:inline-block; vertical-align:middle; width:calc(50% - 187px); text-align:right;}
#rs img {vertical-align:middle; margin-left:10px;}
#empty {position:relative; height:140px;}
#intro {position:relative; margin:140px 0 20px 0; width:100%; overflow:hidden; max-height:600px; z-index:50;}
.fixdiapo .swiper-slide img {margin-top: -150px;}
.swiper-button-prev, .swiper-button-next {position:absolute; top:calc(50% - 30px); z-index: 10; cursor: pointer; transition:0.1s; width: 30px;height: 30px;border: 8px solid #ddd;border: 8px solid rgba(150,150,150,0.4);text-indent: -90000px;margin-top: -30px;cursor: pointer;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.swiper-button-prev:hover, .swiper-button-next:hover {border-color:#fff;}
.swiper-button-prev {left: 2%;border-right: none;border-top: none;}
.swiper-button-next {right: 2%;	border-left: none;border-bottom: none;}
.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;}
.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;}
.swiper-slide img {width:100%;}
.dtext {position:absolute; z-index:2; width:100%; max-width:1400px; transform:translate(-50%); top:30%; left:50%; color:#fff;}
.d1 {font-family:Lora; font-size:40px; font-weight:bold; display:block; margin:0 0 15px 0; padding:0; color: var(--my-color-var);}
.d2 {position:relative; font-family:Lora-Bold; font-size:20px; display:inline-block; transition:0.2s;}
.d2 a:link, .d2 a:visited {color:#fff; padding:10px 20px; background-color: var(--my-color-var);}
.d2 a:hover {color:#111 !important; background:#ffde59; padding:10px 20px;}
.gh, .mh, .dh {top:2% !important;}
.gb, .mb, .db {top:65% !important;}
.dh, .dc, .db {text-align:right !important;}
.mh, .mc, .mb {text-align:center !important;}
.gh, .gc, .gb {text-align:left !important;}
#menur {display:none; position:fixed; bottom:20px; margin-left:calc(50% - 40px); text-align:center; z-index:99; line-height:60px; width:60px; height:60px; padding:10px; border-radius:50%; background:#111;}
#nav {position:relative; width:100%; text-align:center; background:#fff; padding-bottom:10px; min-height:60px; z-index:99;}
.fixnav {position:fixed !important; top:100px; z-index:99;}
.item {position:relative; font-family:Lora-Bold; font-size:20px; display:inline-block; background:#03989e; background-color: var(--my-color-var); margin:5px; transition:0.2s;}
.item a:link, .item a:visited {color:#fff; display:block; transition:0.3s; padding:10px 20px;}
.smenu {position:absolute; display:none; padding-top:4px; z-index:99; margin-left: calc(50% - 96px);}
.sitem a:link, .sitem a:visited {display:inline-block; width:180px; text-align:center; font-size:16px; margin:2px 0; cursor:pointer;background-color: var(--my-color-var); padding:6px;}
.item:hover a:link, .item:hover a:visited, .on a:link, .on a:visited, .sitem:hover a:link, .sitem:hover a:visited {color:#111; background:#ffde59;}
#page {position:relative; max-width:1440px; z-index:60; margin:20px auto;}
.fixpage {margin-top:110px !important;}
.int.fixpage {margin-top:90px !important;}
#page img {vertical-align:middle;}
#page p { line-height:130%;}
#page h1 {font-family:Lora-Bold; font-size:40px; font-weight:normal; display:block; margin:0; padding:0;}
#page h2, #page h3 {font-family:Lora-Bold; font-size:24px; font-weight:normal; display:block; margin:0; padding:0;}
.pdf {vertical-align:middle !important;}
.same {display:inline-block; margin:0 5px; background-color:#000; color:#fff; padding:4px 8px; transition:0.3s;}
form {display:inline;}
.demi {display:inline-block; vertical-align:top; width:calc(50% - 40px); font-size:16px; margin:0 20px;}
.t {border:0; border-collapse:collapse; width:100%;}
.t td {padding:0;}
td {height:40px;}
.text, .textarea, .select {border:1px solid #e8ded8; background:#fff; margin-bottom:2px; font-family:poppinsregular,Arial; font-size:16px; padding:10px; border-radius:4px; color:#000; width:calc(100% - 20px);}
.text, .textarea {-webkit-appearance:none;}
.select {width:auto;}
.bouton {display:inline-block; font-family: poppinsregular,Arial; font-size:22px; color:#fff; background:#02c204; border:0; border-radius:4px; padding:8px 10px; cursor:pointer; -webkit-appearance:none; font-weight:bold;}
.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;}
.radio {transform:scale(1.2);}
#frise {position:relative; background:url('/ima/frise.png') center center; background-size:cover; width:100%; height:100px;}
#bas {position:relative; padding:15px 0; background:#111; color:#fff;}
#bas a:link, #bas a:visited, #bas a:hover, .same a:link, .same a:visited, .same a:hover {color:#fff;}
@font-face {
    font-family: 'poppinsregular';
    src: url('/fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('/fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
font-display: swap; 
}
@font-face {
    font-family: 'poppinsbold';
    src: url('/fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('/fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
font-display: swap; 
}
@font-face {
    font-family: 'Lora-Bold';
    src: url('/fonts/lora-bold-webfont.woff2') format('woff2'),
         url('/fonts/lora-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
font-display: swap; 
}
@media screen and (max-width:1440px)
  {
  .s {margin:0 15px;}
  td {width:auto;}
  }
@media screen and (max-width:950px)
  {
  body {background:none;}
  #top {position:relative; text-align:center;}
  #logo {width:100%;}
  #logoimg {height:auto;}
  #coord, #rs, #nav, .pagination, .swiper-button-prev, .swiper-button-next, .dtext, .no {display:none;}
  #intro {margin:0;}
  #page {margin:10px 5px;}
  #menur {display:block;}
  #nav {position:absolute; top:0; z-index:99; padding:15px 0;}
  .item {display:block; margin:0 0 5px 0;}
  .item a:link, .item a:visited {padding:20px;}
  .smenu {position:relative; top:0px !important; margin:0;}
  .sitem a:link, .sitem a:visited {display:block; width:auto; text-align:center; background:#fff; padding:15px 10px; font-size:18px; margin:0 0 5px 0;}
  #page h1, #page h2 {line-height:initial;}
  #bas {padding:10px 5px;}
  #empty {height:0; display:none;}
  }