body {
  background-color: rgb(238, 238, 238);
  font: 300 1em/1.4 Lato;
}

.menu a{
  font-family: 'Cantarell';
}

a:visited, a{
  color:black;
}

a.selected{
      padding-bottom: 6px;
    border-bottom: 5px solid black;
    color: black;
}

.action {
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 50px;
  background-image: url('../images/Auteur_Fond.jpg');
  background-repeat: repeat-y;
  background-size: 2560px 42px;
  background-position: center top;
}

.action .intro {
  float: left;
  clear: both;
  width: 100%;
}

.contact {
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 50px;
  background-image: url('../images/Contact_Fond.jpg');
  background-repeat: repeat-y;
  background-size: 2560px 42px;
  background-position: center top;
}

.action .contenu_droite,
.contact .contenu_droite,
.fluidewhat .contenu_droite {
  max-width: 591px;
}

.action .text,
.contact .text,
.text-11,
.text-15,
.text-20 {
  float: left;
  font-size: 6.313em;
  font-weight: 900;
  color: rgb(255, 255, 255);
}

.action .titreright,
.contact .titreright {
  margin-left: 50%;
}

.container {
  position: relative;
  max-width: 841px;
}

.container .image {
  position: absolute;
}

.container .intro {
  float: left;
  width: 95.3596287703%;
  max-width: 411px;
  margin-top: 264px;
}

.contenu {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 60px;
}

.contenu_droite {
  float: left;
  width: 50%;
  padding-left: 18px;
}

.contenu_droite .container {
  float: left;
  width: 100%;
  padding-left: 410px;
}

.contenu_droite .intro {
  color: rgb(255, 255, 255);
}

.contenu_gauche {
  float: left;
  width: 50%;
  padding-right: 18px;
  padding-left: 18px;
}

.contenu_gauche .container {
  float: right;
  width: 84.1%;
  padding-right: 410px;
}

.contenu_gauche .intro {
  color: rgb(0, 0, 0);
}

.element {
  float: left;
  width: 100%;
  height: 8px;
  background-color: rgb(0, 0, 0);
}

.fluidewhat {
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 50px;
  background-repeat: repeat-y;
  background-size: 2560px 42px;
  background-position: center top;
}

.fluidewhat .intro {
  float: left;
  width: 100%;
}

.fluidewhat .titreleft {
  padding-right: 18px;
}

.h2 {
  float: left;
  width: 100%;
  color: rgb(255, 255, 255);
}

.header {
  float: left;
  width: 100%;
  padding-bottom: 10px;
  background-color: rgb(255, 255, 255);
}

.image {
  display: block;
  height: auto;
  overflow: hidden;
}

.immersion {
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 50px;
  background-image: url('../images/Immersion_Fond.jpg');
  background-repeat: repeat-y;
  background-size: 2560px 42px;
  background-position: center top;
}

.immersion .contenu_droite,
.titreright-3 {
  position: relative;
}

.immersion .titre,
.nolimit .titre {
  position: relative;
}

.immersion .titreleft {
  position: relative;
  z-index: 94;
}

.immersion .titreright {
  position: relative;
  z-index: 96;
  padding-right: 18px;
}

.intro {
  font-size: 1em;
}

.left {
  position: relative;
  float: left;
  width: 50%;
}

.left .image {
  position: relative;
  float: right;
  z-index: 0;
  width: 604px;
}

.liens {
  float: right;
  clear: both;
  width: 514px;
}

.liens .image {
  float: left;
  width: 248px;
}

.menu {
  position: relative;
  float: left;
  width: 50%;
  height: 122px;
}

.menu .text {
  float: left;
  margin-top: 100px;
  font-family: Helvetica;
  font-size: 1em;
  font-weight: 400;
  color: rgb(0, 0, 0);
}

.menuburger {
  display: none;
  position: absolute;
  top: 38px;
  right: 20px;
  z-index: 5;
  width: 50px;
}

.menuburger .text {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 10px;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  color: rgb(0, 0, 0);
}

.nolimit {
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 50px;
  background-image: url('../images/NoLimit_Fond.jpg');
  background-repeat: repeat-y;
  background-size: 2560px 42px;
  background-position: center top;
}

.nolimit .titreleft {
  position: relative;
  z-index: 77;
}

.nolimit .titreright {
  position: relative;
  z-index: 79;
  margin-left: 50%;
}

.text {
  line-height: 1.38;
}

.titre {
  float: left;
  width: 100%;
  min-height: 40px;
  padding-top: 140px;
}

.titreleft {
  float: left;
  width: 50%;
}

.titreleft .text {
  text-align: right;
}

.titreright {
  float: left;
  width: 50%;
  padding-left: 18px;
}

.wrapper,
.wrapper1 {
  float: right;
  width: 100%;
  max-width: 870px;
  /* height: 300px; */
  padding-bottom: 30px;
  /* overflow: hidden; */
}

.wrapper,
.wrapper2 {
  margin-top: 125px;
  float: left;
  width: 100%;
  max-width: 870px;
  /* height: 635px; */
  padding-bottom: 30px;
  overflow: hidden;
}
    

.container-1 {
  margin-top: 115px;
}

.container-2 {
  clear: both;
  /* margin-top: 45px; */
}

.container-3 {
  clear: both;
  margin-top: 60px;
}

.container-4 {
  margin-top: 145px;
}

.element-2,
.element-3 {
  clear: both;
  margin-top: 6px;
}

.fluidewhat-1 {
  background-image: url('../images/FluideWhat_Fond.jpg');
}

.fluidewhat-2 {
  background-image: url('../images/Angle_Fond.jpg');
}

.h2-1 {
  clear: both;
  margin-top: 100px;
  font-size: 1.75em;
}

.h2-10,
.h2-8 {
  clear: both;
  font-size: 1em;
}

.h2-2,
.h2-5 {
  clear: both;
  margin-top: 20px;
  font-size: 1em;
}

.h2-3,
.h2-6 {
  font-size: 1.75em;
}

.h2-4,
.h2-7,
.h2-9 {
  clear: both;
  margin-top: 50px;
  font-size: 1.75em;
}

.image-10 {
  top: 0;
  right: 0;
  z-index: 101;
  width: 417px;
}

.image-11 {
  /* top: 45px; */
  left: 0;
  z-index: 105;
  width: 410px;
}

.image-3 {
  margin-left: 18px;
}

.image-4 {
  float: right;
  width: 604px;
  margin: -100px -17px 0 0;
}

.image-5 {
  float: left;
  width: 514px;
  margin-left: -21px;
}

.image-6,
.image-7 {
  float: left;
  clear: both;
  width: 514px;
  margin-left: -18px;
}

.image-8 {
  top: 0;
  right: 0;
  z-index: 84;
  width: 417px;
}

.image-9 {
  top: 45px;
  left: 0;
  z-index: 88;
  width: 410px;
}

.intro-10,
.intro-7 {
  margin-left: 20px;
}

.intro-3 {
  margin-top: 20px;
}

.intro-4 {
  clear: both;
}

.intro-6 {
  float: left;
  width: 100%;
  max-width: 591px;
}

.intro-8 {
  float: right;
  width: 100%;
  max-width: 700px;
  text-align: right;
}

.intro-9 {
  text-align: right;
  padding-right: 20px;
  color: black;
}

.text-10 {
  float: right;
  font-size: 6.313em;
  font-weight: 900;
  color: rgb(213, 196, 220);
}

.text-14 {
  position: absolute;
  top: 139px;
  right: 18px;
  z-index: 45;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 3px;
  color: rgb(0, 0, 0);
}

.text-16 {
  position: absolute;
  top: 139px;
  left: 18px;
  z-index: 48;
  font-size: 1em;
  font-weight: 400;
  text-align: right;
  letter-spacing: 3px;
  color: rgb(255, 255, 255);
}

.text-18 {
  position: absolute;
  top: 104px;
  left: 50%;
  z-index: 81;
  width: 50%;
  padding-left: 10px;
  font-family: Cantarell;
  font-size: 1.5em;
  font-weight: normal;
  color: rgb(229, 229, 231);
}

.text-19 {
  position: absolute;
  top: 49px;
  left: 0;
  right: 0;
  z-index: 80;
  width: 100%;
  margin: 0 auto;
  padding-left: 10px;
  font-family: Cantarell;
  font-size: 2.25em;
  font-weight: normal;
  text-align: center;
  color: rgb(229, 229, 231);
}

.text-2 {
  padding-left: 10px;
}

.text-21 {
  position: absolute;
  top: 104px;
  left: 50%;
  z-index: 98;
  width: 50%;
  padding-left: 10px;
  font-family: Cantarell;
  font-size: 1.5em;
  font-weight: normal;
  color: rgb(229, 229, 231);
}

.text-22 {
  position: absolute;
  top: 49px;
  left: 0;
  right: 0;
  z-index: 97;
  width: 100%;
  margin: 0 auto;
  padding-left: 10px;
  font-family: Cantarell;
  font-size: 2.25em;
  font-weight: normal;
  text-align: center;
  color: rgb(229, 229, 231);
}

.text-13,
.text-23 {
  float: right;
  font-size: 6.313em;
  font-weight: 900;
  color: rgb(0, 0, 0);
}

.text-5 {
  margin-left: 0.16563%;
  padding-left: 20px;
}

.text-3,
.text-4,
.text-6,
.text-7,
.text-8,
.text-9 {
  padding-left: 20px;
}

.titreleft-3 {
  position: relative;
}

.h2 span,
.text span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(0, 0, 0);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

@media(max-width: 1600px) {
  .contact .image {
    height: auto;
  }

  .container .image {
    width: 50%;
    height: auto;
  }

  .container .intro {
    width: 50%;
    margin-top: 0;
    padding-right: 20px;
  }

  .contenu_droite .container {
    height: 449px;
    padding-left: 0;
    margin-top: 45px;
  }

  .contenu_gauche .container {
    float: left;
    width: 100%;
    height: 449px;
    padding-right: 0;
  }

  .header .left {
    padding-left: 18px;
  }

  .immersion .titreleft {
    position: relative;
    z-index: 94;
  }

  .immersion .titreright {
    position: relative;
    z-index: 96;
  }

  .left .image {
    position: relative;
    float: left;
    z-index: 0;
    height: auto;
  }

  .liens .image {
    height: auto;
  }

  .menu .text {
    position: relative;
  }

  .nolimit .titreleft {
    position: relative;
    z-index: 77;
  }

  .nolimit .titreright {
    position: relative;
    z-index: 79;
  }

  .container .image-11,
  .container .image-9 {
    position: static;
    float: left;
    top: auto;
    left: auto;
  }

  .container .intro-10,
  .container .intro-7 {
    margin-left: 20px;
    padding-left: 50%;
    margin-top: 0px!important;
  }

  .container .intro-5,
  .container .intro-9 {
    float: right;
    margin-right: 50%;
  }

  .contenu_droite .container-4 {
    margin-top: 155px;
  }

  .contenu_droite .image-5,
  .contenu_droite .image-6,
  .contenu_droite .image-7 {
    max-width: 514px;
  }

  .contenu_gauche .container-1 {
    /* margin-top: 114px; */
  }

  .contenu_gauche .intro-8 {
    margin-top: 20px;
  }

  .fluidewhat-2 {
    margin-top: 10px;
  }

  .menu .text-2 {
    z-index: 7;
    margin-top: 61px;
  }

  .menu .text-3 {
    z-index: 8;
    margin-top: 61px;
  }

  .menu .text-4 {
    z-index: 9;
    margin-top: 61px;
  }

  .menu .text-5 {
    z-index: 10;
    margin-top: 61px;
    margin-left: 0.16211%;
  }

  .menu .text-6 {
    clear: both;
    z-index: 11;
    margin-top: 17px;
    padding-left: 10px;
  }

  .menu .text-7 {
    z-index: 12;
    margin-top: 17px;
  }

  .menu .text-8 {
    z-index: 13;
    margin-top: 17px;
  }

  .menu .text-9 {
    z-index: 14;
    margin-top: 17px;
  }

  .titre .text-19,
  .titre .text-22 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .titreright .text-16 {
    left: auto;
    right: auto;
  }

  .titreright .text-20,
  .titreright .text-23 {
    margin-top: 1px;
  }
}

@media(max-width: 1275px) {
  body {
    font-size: 1em;
  }

  .contact .image {
    height: auto;
  }

  .container .image {
    height: auto;
  }

  .container .intro {
    width: 100%;
    max-width: none;
  }

  .contenu_gauche .container,
  .liens .image {
    height: auto;
  }

  .immersion .titreleft {
    position: relative;
    z-index: 94;
  }

  .immersion .titreright {
    position: relative;
    z-index: 96;
  }

  .left .image {
    position: relative;
    z-index: 0;
    height: auto;
  }

  .menu .text {
    position: relative;
  }

  .nolimit .titreleft {
    position: relative;
    z-index: 77;
  }

  .nolimit .titreright {
    position: relative;
    z-index: 79;
  }

  .container .image-10,
  .container .image-8 {
    position: static;
    float: right;
    clear: both;
    top: auto;
    right: auto;
    width: 315px;
    margin-top: 50px;
  }

  .container .image-11,
  .container .image-9 {
    width: 310px;
  }

  .container .intro-10,
  .container .intro-7 {
    clear: both;
    margin-top: 20px;
    padding-left: 0;
  }

  .container .intro-5,
  .container .intro-9 {
    margin-right: 0;
  }

  .contenu_droite .h2-7 {
    margin-top: 28px;
  }

  .contenu_droite .image-5,
  .contenu_droite .image-6,
  .contenu_droite .image-7 {
    width: 100%;
  }

  .menu .text-2 {
    z-index: 7;
  }

  .menu .text-3 {
    z-index: 8;
  }

  .menu .text-4 {
    z-index: 9;
  }

  .menu .text-5 {
    z-index: 10;
    margin-left: 0.14951%;
  }

  .menu .text-6 {
    z-index: 11;
  }

  .menu .text-7 {
    z-index: 12;
  }

  .menu .text-8 {
    z-index: 13;
  }

  .menu .text-9 {
    z-index: 14;
  }

  .titre .text-19,
  .titre .text-22 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .titreleft .text-14 {
    top: auto;
    bottom: -22px;
  }

  .titreright .text-16 {
    top: auto;
    bottom: -22px;
    left: 18px;
    right: auto;
  }

  .titreright .text-23 {
    font-size: 3.125em;
  }
}

@media(max-width: 907px) {

p{
  color:white!important;
}

  .action {
    background: none rgb(50, 66, 127);
  }

  .action .contenu_droite {
    max-width: none;
  }

  .action .titreleft {
    position: relative;
    z-index: 30;
  }

  .action .titreright {
    position: relative;
    z-index: 32;
    margin-left: 0;
  }

  .contact {
    background: none rgb(155, 155, 155);
  }

  .contact .contenu_droite {
    max-width: none;
    margin-top: 100px;
  }

  .contact .image {
    height: auto;
  }

  .action .text,
  .contact .text,
  .titreleft .text-10,
  .titreright .text-11,
  .titreright .text-15 {
    float: none;
    margin-right: auto;
    margin-left: auto;
    font-size: 2.5em;
  }

  .action .titre,
  .contact .titre,
  .fluidewhat .titre {
    padding-top: 50px;
  }

  .contact .titreleft {
    position: relative;
    z-index: 65;
  }

  .contact .titreright {
    position: relative;
    z-index: 67;
    margin-left: 0;
  }

  .container .image {
    float: none;
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .contenu .contenu_droite {
    clear: both;
    width: 100%;
    padding-right: 18px;
  }

  .contenu .contenu_gauche {
    width: 100%;
  }

  .contenu_droite .container {
    width: 95.8668197474%;
    height: auto;
  }

  .contenu_gauche .intro {
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: rgb(255, 255, 255);
  }

  .contenu_gauche .liens {
    float: none;
    clear: none;
    width: 100%;
    max-width: 514px;
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
  }

  .contenu_gauche .wrapper,
  .contenu_gauche .wrapper1 {
    /* height: 300px; */
  }

  .fluidewhat {
    background-image: none;
  }

  .fluidewhat .titreleft {
    padding-right: 0;
  }

  .fluidewhat .titreright {
    clear: both;
  }

  .header .left {
    width: 100%;
    height: 100px;
  }

  .header .menu {
    clear: both;
    width: 100%;
    height: auto;
  }

  .immersion {
    background: none rgb(98, 10, 130);
  }

  .action .contenu,
  .contenu_droite .h2-1,
  .contenu_droite .h2-3,
  .contenu_droite .h2-7,
  .contenu_droite .intro-1,
  .contenu_gauche .container-3,
  .fluidewhat .contenu-1,
  .immersion .contenu,
  .nolimit .contenu {
    margin-top: 50px;
  }

  .immersion .contenu_gauche,
  .nolimit .contenu_gauche {
    padding-right: 20px;
    padding-left: 20px;
  }

  .immersion .titre,
  .nolimit .titre {
    margin-top: 100px;
    padding-top: 50px;
  }

  .immersion .titreleft {
    position: relative;
    z-index: 94;
  }

  .immersion .titreright {
    position: relative;
    z-index: 96;
    padding-right: 0;
  }

  .left .image {
    position: relative;
    z-index: 0;
    width: 135%;
    max-width: 408px;
    height: auto;
  }

  .left .menuburger {
    display: block;
    top: 21px;
  }

  .liens .image {
    width: 48.2490272373%;
    height: auto;
  }

  .menu .text {
    position: relative;
    width: 100%;
    min-height: nonepx;
    margin-top: 0;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 0;
    text-align: center;
  }

  .nolimit {
    background: none rgb(153, 0, 69);
  }

  .nolimit .titreleft {
    position: relative;
    z-index: 77;
  }

  .nolimit .titreright {
    position: relative;
    z-index: 79;
    margin-left: 0;
  }

  .titre .titreleft {
    width: 100%;
  }

  .titre .titreright {
    width: 100%;
    padding-left: 0;
  }

  .titreleft .text,
  .titreright .text {
    text-align: center;
  }

  .container .image-10,
  .container .image-8 {
    clear: none;
    max-width: 315px;
  }

  .container .image-11,
  .container .image-9 {
    max-width: 334px;
  }

  .container .intro-10,
  .container .intro-7 {
    margin-top: 27px;
    padding-left: 20px;
  }

  .container .intro-5,
  .container .intro-9 {
    padding-left: 20px;
  }

  .contenu .contenu_droite-3 {
    max-width: none;
    margin-top: 48px;
  }

  .contenu_droite .container-4 {
    margin-top: 100px;
  }

  .contenu_droite .image-5 {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }

  .contenu_droite .image-6,
  .contenu_droite .image-7 {
    float: none;
    clear: none;
    margin-right: auto;
    margin-left: auto;
  }

  .contenu_droite .intro-6 {
    float: none;
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
  }

  .contenu_gauche .container-1 {
    margin-top: 0;
  }

  .contenu_gauche .image-4 {
    float: left;
    width: 100%;
    margin-top: 0;
    margin-right: 0;
  }

  .contenu_gauche .intro-8 {
    text-align: center;
  }

  .fluidewhat-1 {
    background-color: rgb(239, 102, 148);
  }

  .fluidewhat-2 {
    margin-top: 0;
    background-color: rgb(0, 0, 0);
  }

  .liens .image-3 {
    margin-left: 3.50195%;
  }

  .menu .text-2 {
    z-index: 7;
  }

  .menu .text-3 {
    clear: both;
    z-index: 8;
  }

  .menu .text-4 {
    clear: both;
    z-index: 9;
  }

  .menu .text-5 {
    clear: both;
    z-index: 10;
    margin-left: 0;
  }

  .menu .text-6 {
    z-index: 11;
  }

  .menu .text-7 {
    clear: both;
    z-index: 12;
  }

  .menu .text-8 {
    clear: both;
    z-index: 13;
  }

  .menu .text-9 {
    clear: both;
    z-index: 14;
  }

  .titre .text-18,
  .titre .text-21 {
    top: -30px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    font-size: 1em;
    text-align: center;
  }

  .titre .text-19,
  .titre .text-22 {
    top: -70px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.25em;
  }

  .titreleft .text-13 {
    float: left;
    width: 100%;
    /* margin-top: 110px; */
    font-size: 2.5em;
    color: rgb(255, 255, 255);
  }

  .titreleft .text-14 {
    bottom: -99px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    color: rgb(255, 255, 255);
  }

  .titreright .text-16 {
    bottom: -73px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .titreright .text-20 {
    width: 100%;
    margin-top: -20px;
    font-size: 2.5em;
  }

  .titreright .text-23 {
    float: left;
    width: 100%;
    margin-top: -20px;
    font-size: 2.5em;
    color: rgb(255, 255, 255);
  }

  .h2 span {
    color: inherit;
  }

  .text-19 span,
  .text-22 span {
    color: rgb(255, 255, 255);
  }
}