/* Coque site club — fond bleu, colonne blanche, bandeau/menu/footer */
html {
  background-color: #b0d5fd;
}

body.site-body {
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #b0d5fd;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  body.site-body {
    width: 100% !important;
    min-width: 0 !important;
  }
}

.site-shell {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  min-height: 100vh;
}

header.site-header,
main.site-main {
  display: block;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

header.site-header {
  display: flow-root;
}

.site-footer {
  margin: 0;
  padding: 0;
  background: transparent;
}

.site-header-inner,
.site-main-inner {
  width: 100%;
  margin: 0;
  background-color: #fff;
  box-sizing: border-box;
}

.site-header-inner {
  display: flow-root;
  line-height: normal;
}

.site-header-inner::after {
  display: none;
}

.site-header #banniere,
.site-header #banniere-mobile {
  width: 100%;
  line-height: 0;
  font-size: 0;
}

.site-header #banniere img,
.site-header #banniere-mobile img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.site-header .topnav {
  width: 100%;
  box-sizing: border-box;
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  line-height: normal;
  overflow: hidden;
}

.site-main {
  display: flow-root;
  text-align: left;
  margin: 0;
  padding: 0;
  border-top: 1px solid #fff;
}

.site-main-inner {
  display: flow-root;
  margin: 0;
  padding: 1px 0 0;
  min-height: 200px;
}

/* Médias CMS — ne pas dépasser la colonne */
.site-main-inner img,
.site-main-inner video,
.site-main-inner iframe,
.site-main-inner embed,
.site-main-inner object,
.site-main-inner svg {
  max-width: 100%;
  height: auto;
}

/* Marge du 1er bloc qui remontait hors du main = bande bleue sous le menu */
.site-main-inner > :first-child {
  margin-top: 0;
}

.site-footer-inner {
  width: 100%;
  margin: 0 auto;
  padding: 14px 16px 22px;
  text-align: center;
  font-size: 0.8em;
  color: #555;
  box-sizing: border-box;
  background: transparent;
}

@media screen and (max-width: 600px) {
  html {
    overflow-x: hidden;
  }

  .site-shell,
  .site-header,
  .site-main,
  .site-main-inner {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .site-main-inner {
    overflow-x: clip;
  }

  /* IDs legacy TinyMCE — largeurs fixes en px */
  .site-main-inner #contenu,
  .site-main-inner #page,
  .site-main-inner #corps,
  .site-main-inner #header_home,
  .site-main-inner #pieddepage {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    position: static !important;
    left: auto !important;
    box-sizing: border-box;
  }

  .site-main-inner table {
    max-width: 100%;
  }

  .site-main-inner td,
  .site-main-inner th {
    word-break: break-word;
    overflow-wrap: anywhere;
  }
}