html,body {margin:0 auto; padding:0; width:100%; height:100%; max-width:1600px; cursor:default;-webkit-user-select: none;user-select: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {font-family:'open_sansregular',Arial; font-size:15px; color:#0d3043; background:#fff;}
.s {width:calc(100% - 40px); padding:20px; font-size:15px;}
.center {text-align:center;}
.right {text-align:right;float:right;}
.left {float:left;}
.zero {font-size:0;}
.clr {clear:both;}
a {outline: none;}
img {display:inline-block; vertical-align:middle; margin:0;}
.gp {float:left; margin:0 20px 20px 0;}
.dp {float:right; margin:0 0 20px 20px;}
a:link {color: #ffffff; text-decoration: none}
a:visited {color: #ffffff; text-decoration: none}
a:hover {color: #ffffff; text-decoration: none}
h1,h2,h3,h4,h5 {margin:0;padding:0;font-weight:normal;}
.highslide-dimming{background:#fff;}
.highslide-image, .highslide img {border-radius:4px;}
#menur{display:none; position:absolute; bottom:20px; left:20px; z-index:99;}
#video {position:relative;width:100%; height:100%; overflow:hidden; z-index:50 !important;}
video {min-width:100%; min-height:100%; width:auto; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.accueil {position:relative; width:calc(100% - 20px); padding:0 10px; top:44%; color:#fff; text-align:center;}
h1 {padding:0;display:block; font-family:'bebas_neuebook',Arial; font-size:98px; letter-spacing:10px;}
h2 {margin:-20px 0 0 0;padding:0; display:block; margin-bottom:5px; font-size:130px; font-family:the_fighterregular;}
h3 {width:100%; max-width:700px; padding:0; font-size:18px; margin:0; display:inline-block;}
#navscroll {position:absolute; width:100%; bottom:0; text-align:center; height:100px; z-index:99 !important; max-width:1600px;}
.fixnav {position:fixed !important; top:-35px;}
#nav {position:absolute; width:calc(100% - 40px); bottom:20px; padding:0 20px; overflow:hidden; text-align:left; font-family:'bebas_neueregular',Arial; font-size:24px; color:#69a6c3;}
.item {display:inline-block;}
.item a {color:#144a68; transition:0.5s;}
.item a:hover, .active a {color:#69a6c3;}
.e {display:inline-block; margin:0 15px;}
#rdv {position:absolute; right:0; width:180px; height:165px; padding:25px 10px 10px 10px; border-radius:100px; background:#b23f3c; z-index:99;margin-top:-50px;font-family:'bebas_neueregular',Arial; font-size:24px; color:#fff;transition:all .6s ease;}
#rdv img {margin-bottom:10px;}
#rdv:hover {background:#a3261d;}
#navbas {position:absolute; width:100%; height:50px; top:0; left:0; z-index:98;}
#main {position:relative;width:100%;}
.section {font-size:0; display:flex; padding:10px 0;}
hr {display:block; border:0; height:1px; background:#0d3043; margin:5px 0;}
.ref {width:200px; height:200px; display:inline-block; margin:5px; position:relative; transition:all .6s ease;transform-style: preserve-3d; cursor:pointer;}
.pile, .face {position:absolute; top:0; left:0; backface-visibility:hidden;-webkit-backface-visibility:hidden;  text-align:center; justify-content: center; align-items: center; display:flex; flex-direction: column;width:180px; height:180px; padding:10px; border-radius:100px;transform:perspective(600px); -webkit-transform:perspective(600px);}
.pile {z-index:1; background:#376f8b; color:#fff; transform: rotateY(0deg); -webkit-transform: rotateY(0deg);}
.face {z-index:2; background:#b23f3c; color:#fff; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.flip {transform:rotateY(180deg) translateZ(0px); -webkit-transform: rotateY(180deg) translateZ(0px);}
.rond {background:#448aac; color:#fff; display:inline-block; vertical-align:middle; position:relative; border-radius:50%; width:180px; height:180px; max-width:180px; padding:10px; margin:5px;}
.rond div {text-align:center; justify-content: center; align-items: center; display:flex;width:180px; height:180px;flex-direction: column;}
#hwave {position:relative; width:100%; height:20px; margin-top:40px; font-size:0;}
#contact {position:relative; width:calc(100% - 40px); background:#b23f3c; color:#fff; padding:20px;}
.three {width:33.33%; display:inline-block; vertical-align:top;font-size:15px;}
.third {width:calc(33.33% - 20px); margin-left:20px;}
.text, .select, .textarea, .mtext {color:#0d3043; background:#fff; border:0; font-family:'open_sansregular',Arial; font-size:15px; padding: 8px 0px 8px 10px; border-radius:2px; width:calc(100% - 30px); margin-bottom:10px;}
.textarea {margin-bottom:0;width:calc(100% - 10px);}
.mtext {margin-right:10px; width:calc(50% - 27px);}
.envoyer {display:inline-block; border:0; background:#51be00; color:#fff; padding:6px 12px; font-size:18px; font-family:'open_sansregular',Arial; cursor:pointer; border-radius:4px; font-weight:bold;}
.envoyer:hover {background:#388400; transition: 0.5s;}
.g-recaptcha {margin-bottom:10px; border:0;overflow:hidden;}
.select {width:calc(100% - 20px); -webkit-appearance: none;-moz-appearance: none;background-image: linear-gradient(45deg, transparent 50%, #b23f3c 50%), linear-gradient(135deg, #b23f3c 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;}
#post {display:block; font-size:16px; color:#fff; margin-top:10px;}
#calendar {width:100%;}
#calendar table {border-collapse:separate; border-spacing:1px; width:100%;}
#calendar table td {padding:8px 2px 0 2px; min-width:60px; background:#fff; font-size:15px; color:#0d3043; border-radius:2px; vertical-align:top; text-align:center;}
#calendar hr {width:100%; border:0; height:2px; background:#0d3043; margin:2px 0;}
#calendar input[type="radio"] {display:none;}
#calendar input[type="radio"] + label {display:block; color:#fff; background:#376f8b; padding:4px; cursor:pointer; border-radius:2px;margin:5px 0;}
#calendar input[type="radio"]:checked + label {background-color:#51be00;}
#calendar 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;}
input[type="submit"] {-webkit-appearance: none;}
.choix {transform:scale(2);margin-right:10px;}
.choix2 {transform:scale(1.5);margin-right:10px;}
#weeks {display:block; text-align:center; font-size:12px;}
.voirplus {display:none;}
.plus {display:inline-block; background:#0d3043; color:#ffffff; padding:2px 4px; border-radius:2px; margin-top:2px; cursor:pointer;}
#message, #calendar table {height:160px; margin-top:-0.5px;}
#message {display:none;}
#bas {position:relative; width:calc(100% - 40px); background:#0d3043; color:#fff; padding:20px;}
#bas table {width:100%;}
@font-face {font-family: 'open_sansregular';src: url('/fonts/opensans-regular-webfont.eot');src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/opensans-regular-webfont.woff2') format('woff2'),url('/fonts/opensans-regular-webfont.woff') format('woff'),url('/fonts/opensans-regular-webfont.ttf') format('truetype'),url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'bebas_neuebook';src: url('/fonts/bebasneue_book-webfont.woff2') format('woff2'),url('/fonts/bebasneue_book-webfont.woff') format('woff');speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;font-display: swap;}
@font-face {font-family: 'bebas_neueregular'; src: url('/fonts/bebasneue_regular-webfont.woff2') format('woff2'),url('/fonts/bebasneue_regular-webfont.woff') format('woff'); font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'the_fighterregular'; src: url('/fonts/the_fighter-webfont.woff2') format('woff2'), url('/fonts/the_fighter-webfont.woff') format('woff'); font-weight: normal; font-style: normal; line-height:50%;font-display: swap;}
@media screen and (min-width: 800px) and (max-width: 1600px)
  {
  #calendar table td {min-width:0; width:14.28%; font-size:13px;}
  .rond, .rond div {width:160px; height:160px; font-size:13px;}
  .section img {max-width:100%;}
  .gp, .dp {max-width:50%!important;}
  }
@media screen and (min-width: 800px) and (max-width: 990px)
  {
  h1 {font-size:70px;}
  h2 {font-size:100px; line-height:100px;}
  }
@media screen and (max-width: 799px)
  {
  video {left:70%;}
  .accueil {top:20%;}
  h1 {font-size:50px;}
  h2 {font-size:80px; line-height:80px;}
  #nav, .e, #hwave {display:none;}
  .section,#contact {padding-top:50px;}
  .section td, #bas td {display:block !important; text-align:center !important; width: auto!important;}
  .gp, .dp {margin:0 0 10px 0; float:none; display:block;}
  img {max-width:100%;}
  .three, .third {width:100%; margin:0 0 10px 0;}
  .select {width:100%;}
  .text, .mtext {width:calc(100% - 10px);}
  .textarea {margin-bottom:10px;}
  #calendar {margin-bottom:30px;}
  #calendar table td {min-width:0; width:14.28%; font-size:11px;}
  #menur {display:block;}
  #nav {position:relative; width:100%; padding:40px 0 0 0; background:#fff;}
  .item {display:block; border-bottom:1px solid #144a68;}
  .item a {display:block; padding:20px;}
  }
@media screen and (min-width: 300px) and (max-width: 500px)
  {
  video {left:120%;}
  h3 {display:none;}
  }