html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  font-family: "Lato", sans-serif; }
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
strong {
  font-weight: 600; }

a:-webkit-any-link {
  color: #fff;
  text-decoration: none;
  cursor: auto; }

body {
  background-color: #ffffff; }

.contenu {
  margin-left: 10%;
  margin-right: 10%;
  text-align: center; }
  @media screen and (max-width: 750px) {
    .contenu {
      margin-left: 8%;
      margin-right: 8%; } }

.main_bloc {
  padding-top: 50px;
  padding-bottom: 50px; }

.mobile {
  display: none; }
  @media screen and (max-width: 750px) {
    .mobile {
      display: block; } }

.noMobile {
  display: block; }
  @media screen and (max-width: 750px) {
    .noMobile {
      display: none; } }

.mobile2 {
  display: none; }
  @media screen and (max-width: 750px) {
    .mobile2 {
      display: inline-block; } }

.noMobile2 {
  display: inline-block; }
  @media screen and (max-width: 750px) {
    .noMobile2 {
      display: none; } }

.mobile3 {
  display: none; }
  @media screen and (max-width: 750px) {
    .mobile3 {
      display: flex; } }

.noMobile3 {
  display: flex; }
  @media screen and (max-width: 750px) {
    .noMobile3 {
      display: none !important; } }

.header img {
  max-width: 100%; }

.one_bloc {
  width: 100%;
  margin-top: 40px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  clear: left;
  height: 100%; }

.two_blocs {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  clear: left;
  height: 100%; }
  .bloc3 .two_blocs {
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }
  .bloc3 .two_blocs .input {
    width:50%;
    text-align: left;
  }
  .bloc3 .two_blocs .input:last-child {
    width:50%;
    text-align: right;
  }
  .bloc3 .two_blocs .input input {
    width:95%;
  }

.one_bloc .bloc {
  width: 100%;
  clear: left; }
  .one_bloc .bloc .bloc_text {
    padding-left: 20%;
    padding-right: 20%; }

.two_blocs .bloc {
  width: 40%;
  float: left;
  margin-left: 5%;
  margin-right: 5%;
  position: relative;
  display: block;
  margin-top: 40px; }
  @media screen and (max-width: 750px) {
    .two_blocs .bloc {
      width: 90%; } }

.two_blocs .bloc2 {
  width: 40%;
  float: left;
  margin-left: 5%;
  margin-right: 5%;
  position: relative;
  display: block;
  margin-top: 2px; }
  @media screen and (max-width: 750px) {
    .two_blocs .bloc2 {
      width: 90%; } }

.two_blocs .bloc3 {
  width: 44%;
  float: left;
  margin-left: 3%;
  margin-right: 3%;
  position: relative;
  display: block;
  margin-top: 2px; }
  @media screen and (max-width: 1000px) {
    .two_blocs .bloc3 {
      width: 90%; } }

.bloc {
  text-align: center;
  color: #000000;
  height: 100%;
  font-size: 15px; }
  .bloc .blocTitle {
    margin-top: 13px;
    font-family: "Courgette", sans-serif; }
  @media screen and (min-width: 1395px) {
    .bloc .blocText {
      margin-left: 17%; } }
  .bloc .blocText ul li {
    list-style-type: square; }

.blocs {
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
  position: relative;
  clear: right;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 750px) {
    .blocs {
      display: block;
      margin-left: auto;
      margin-right: auto; } }

.one_bloc {
  width: 100%;
  margin-top: 40px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  clear: left;
  height: 100%; }
  .one_bloc .bloc {
    width: 100%;
    clear: left; }

@media screen and (max-width: 750px) {
  .two.blocs .bloc {
    display: flex;
    margin-left: 10%; } }

.three.blocs .bloc {
  width: 25%;
  height: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 60px; }
  @media screen and (max-width: 750px) {
    .three.blocs .bloc {
      width: 90%; } }
  .three.blocs .bloc img {
    max-height: 100%;
    width: 100%; }
    @media screen and (max-width: 750px) {
      .three.blocs .bloc img {
        width: 50%; } }
  .three.blocs .bloc .picto_1:hover {
    content: url(../assets-assets/picto_1_off.png); }
  .three.blocs .bloc .picto_2:hover {
    content: url(../assets-assets/picto_2_off.png); }
  .three.blocs .bloc .picto_3:hover {
    content: url(../assets-assets/picto_3_off.png); }

.divFondHeader, .header.fond_1, .header.fond_2, .header.fond_3 {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  background-position-x: right;
  display: block; }

.header.page {
  height: 100%; }

.header {
  width: 100%;
  height: 100vh;
  top: 0; }
  .header .topBarFixed.active {
    -webkit-transition: top 0.2s ease-in-out;
    transition: top 0.2s ease-in-out;
    top: 0; }
  .header .topBarFixed {
    z-index: 10;
    opacity: 1;
    background-color: #ffffff;
    color: #000000;
    position: fixed;
    display: block;
    width: 100%;
    height: 70px;
    top: -70px;
    -webkit-transition: top 0.2s ease-in-out;
    transition: top 0.2s ease-in-out; }
    .header .topBarFixed img {
      max-height: 100%;
      margin-left: 10%; }
    .header .topBarFixed .logo {
      position: absolute;
      left: 0; }
    .header .topBarFixed .socialnetwork {
      position: absolute;
      right: 0;
      display: none; }
    .header .topBarFixed .menu {
      padding-top: 20px; }
  .header .contenu .topBar {
    position: relative;
    opacity: 1;
    display: block;
    padding-top: 25px; }
    .header .contenu .topBar .logo {
      position: absolute;
      cursor: pointer;
      left: 0; }
    .header .contenu .topBar .socialnetwork {
      position: absolute;
      right: 0; }
  .header .contenu .headerText {
    color: white;
    text-align: right;
    display: block;
    padding-top: 33vh; }
    @media screen and (max-width: 1095px) {
      .header .contenu .headerText {
        padding-top: 33vh;
        margin-right: 5%; } }
    @media screen and (max-width: 750px) {
      .header .contenu .headerText {
        padding-top: 33vh;
        margin-right: 5%; } }
    .header .contenu .headerText div {
      position: relative;
      display: flex;
      justify-content: center; }
      .header .contenu .headerText div .headerTitle {
        font-family: "Raleway", sans-serif;
        font-size: 260%;
        font-weight: 600;
        color: white;
        position: absolute;
        text-align: right;
        display: block; }
        @media screen and (max-width: 750px) {
          .header .contenu .headerText div .headerTitle {
            font-size: 230%; } }
        .header .contenu .headerText div .headerTitle .headerSsTitle {
          font-family: "Courgette", sans-serif;
          font-size: 26px;
          color: white;
          position: relative;
          display: block; }
  .header .contenu .headerButton {
    background-color: transparent !important;
    color: #F9FAFB !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    font-size: 18px;
    width: 200px;
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #E0E1E2;
    color: rgba(0, 0, 0, 0.6);
    margin: 0 .25em 0 0;
    padding: 11px;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    /* border-radius: .28571429rem; */
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
    margin-top: 23vh; }
    @media screen and (max-width: 750px) {
      .header .contenu .headerButton {
        margin-top: 33vh; } }

.header.fond_1 {
  -webkit-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;
  background-image: url(../assets-assets/header_1.jpg); }

.header.fond_2 {
  -webkit-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;
  background-image: url(../assets-assets/header_2.jpg); }

.header.fond_3 {
  -webkit-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;
  background-image: url(../assets-assets/header_3.jpg); }

.menu {
  padding-top: 65px;
  padding-bottom: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 150px; }
  .menu img {
    max-width: inherit; }
  .menu a {
    margin-right: 4%;
    padding: 5px;
    border-bottom: 1px solid transparent; }
  .menu a:hover {
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #ffffff; }
  .menu a.active {
    border-bottom: 1px solid #ffffff; }
  @media screen and (max-width: 1095px) {
    .menu {
      display: none; } }

.menu.black {
  color: #000000; }
  .menu.black a {
    color: #000000; }
  .menu.black a:hover {
    border-bottom: 1px solid #000000; }
  .menu.black a.active {
    border-bottom: 1px solid #000000; }

.title {
  color: #000000;
  font-size: 260%;
  font-family: "Raleway", sans-serif;
  margin-top: 40px; }
  .title .letterInversed {
    background-color: #000000;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 4px; }
  @media screen and (max-width: 750px) {
    .title {
      font-size: 30px;
      margin-top: 40px; } }

.title.white {
  color: #ffffff; }
  .title.white .letterInversed {
    background-color: #ffffff;
    color: #000000; }

.ssTitle {
  font-size: 20px; }
  @media screen and (max-width: 750px) {
    .ssTitle {
      font-size: 16px; } }

.presentation {
  padding-bottom: 70px; }

.citation {
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: cover;
  text-align: center;
  display: block;
  background-image: url(../assets-assets/background_3.jpg);
  padding-top: 140px;
  padding-bottom: 140px;
  background-position: center;
  background-position-y: bottom; }
  @media screen and (max-width: 750px) {
    .citation {
      padding-left: 20px;
      padding-right: 20px; } }
  .citation .text {
    color: white;
    font-size: 150%;
    font-family: "Courgette", sans-serif; }

.blocSite .text {
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px; }
.blocSite .text.white {
  color: #ffffff; }
.blocSite .lesPlus {
  margin-top: 50px;
  font-family: "Courgette", sans-serif; }
  .blocSite .lesPlus img {
    vertical-align: middle;
    margin-right: 5px; }
.blocSite .lesPlus.white {
  color: #ffffff; }

.slideSeminaire {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
  text-align: center; }
  .slideSeminaire img {
    max-width: 100%;
    min-width: 100%; }

.incentive {
  margin-top: 90px;
  margin-bottom: 100px; }
  .incentive .wall {
    margin-top: 60px; }
    .incentive .wall img {
      max-width: 100%;
      min-width: 100%; }

.sport {
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: cover;
  text-align: center;
  display: block;
  background-image: url(../assets-assets/fond_sport.jpg);
  padding-top: 40px;
  padding-bottom: 100px;
  background-position: center;
  background-position-y: bottom; }
  .sport .contenu .ronds {
    margin-top: 60px; }
    .sport .contenu .ronds img {
      margin-left: 1%;
      margin-right: 3%;
      width: 30%; }
      @media screen and (max-width: 750px) {
        .sport .contenu .ronds img {
          margin-left: 5%;
          margin-right: 5%;
          width: 70%;
          margin-bottom: 40px; } }
    .sport .contenu .ronds img:hover {
      -webkit-animation-duration: .5s;
      animation-duration: .5s;
      -webkit-animation-name: pulse;
      animation-name: pulse; }
    .sport .contenu .ronds img:first-child {
      margin-left: 0; }
    .sport .contenu .ronds img:last-child {
      margin-right: 0; }

.actualites {
  margin-bottom: 150px; }
  .actualites .topActu {
    text-align: right;
    margin-bottom: 10px;
    margin-right: 4%; }
    .actualites .topActu a {
      cursor:pointer;
      color: #000000; }
  .actualites .articles {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 750px) {
      .actualites .articles {
        display: block; } }
    .actualites .articles .article {
      width: 29%;
      text-align: left;
      margin-bottom: 100px;
      margin-left: 2%;
      margin-right: 2%;
      position: relative; }
      @media screen and (max-width: 750px) {
        .actualites .articles .article {
          width: 94%;
          margin-top: 60px; } }
      .actualites .articles .article img {
        max-width: 100%;
        min-width: 100%; }
      .actualites .articles .article .titleArticle {
        margin-top: 10px;
        text-align: left;
        font-family: "Courgette";
        font-size: 25px; }
      .actualites .articles .article .date {
        text-align: left;
        font-size: 14px;
        font-family: "Raleway"; }
      .actualites .articles .article .textArticle {
        margin-top: 10px;
        font-size: 16px;
        text-align: justify; }
      .actualites .articles .article .button {
        margin-top: 10px;
        cursor:pointer;
        color: #ffffff;
        font-size: 14px;
        background-color: #000000;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 15px;
        padding-right: 15px;
        position: absolute;
        right: 0; }
      .actualites .articles .article .button:hover {
        color: #000000;
        background-color: #ffffff; }
    .actualites .articles .article:first-child {
      margin-left: 0; }
    .actualites .articles .article:last-child {
      margin-right: 0; }
    @media screen and (max-width: 750px) {
      .actualites .articles .article:first-child {
        margin-left: 2%; }
      .actualites .articles .article:last-child {
        margin-right: 2%; } }

.clients {
  margin-bottom: 100px; }
  .clients .list_client {
    margin-top: 50px; }
  .clients .list_client img {
    margin: 20px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    max-width: 150px;
    max-height: 100px;
    vertical-align: middle; }
  .clients .list_client img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%); }

.contact {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  display: block;
  /* background-image: url(../assets-assets/fond_contact.jpg); */
  padding-top: 40px;
  padding-bottom: 100px;
  background-position: center;
  background-position-y: bottom;
  padding-bottom: 60px;
  padding-top: 1px; }
  .contact .contenu .title {
    padding-top: 30px;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  .contact .contenu .bar {
    border-bottom: 1px solid white;
    width: 265px;
    margin-left: auto;
    margin-right: auto; }

@media screen and (max-width: 1000px) {
  .bloc3 .ss_bloc {
    position: relative; } }

.bloc3 .input {
  margin-bottom: 15px; }
  .bloc3 .input input, .bloc3 .input textarea, .bloc3 .input select {
    padding: 16px;
    width: 90%;
    background-color: transparent;
    /* border: none; */
    border:1px solid black;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.43);
    font-family: "Lato", sans-serif;
    color: #000000; }
  .bloc3 .input input::placeholder, .bloc3 .input textarea::placeholder {
    color:#8a8a8a;
  }
  .bloc3 .input select {
    width: 90%;
  }
  .bloc3 .input textarea {
    height: 90px;
    resize: none;
    overflow: auto;
    text-align: left; }

.bloc3 .input.message {
  padding: 14px;
  border: 1px solid white; }

::-webkit-input-placeholder {
  color: #000000; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000000;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000000;
  opacity: 1; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000000; }

.envoyer {
  text-align: right;
  color: #ffffff;
  font-size: 20px;
  margin-right: 26px; }
  .envoyer p {
    color: #ffffff; }
  .envoyer button {
    vertical-align: top;
    margin-left: 15px;
    background-image: url("../assets-assets/flecheContact.jpg");
    width: 57px;
    height: 33px;
    cursor: pointer;
    background-color: transparent;
    border: 0; }

.text_contact, .phone, .mail {
  font-size: 30px;
  color: white !important; }

.mail {
  font-size: 22px; }

.ville {
  color: white;
  font-size: 15px; }

.footer {
  height: 100%;
  min-height: 100%;
  padding-top: 2%;
  padding-bottom: 2%; }
  .footer .contenu .footerRs {
    width: 100%;
    position: relative;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000; }
    .footer .contenu .footerRs .item {
      margin-top: 25px;
      float: left;
      width: 25%; }
      @media screen and (max-width: 750px) {
        .footer .contenu .footerRs .item {
          width: 50%; } }
      .footer .contenu .footerRs .item span {
        color: #000000;
        float: left;
        width: 70%;
        line-height: 17px;
        margin-top: 2px;
        text-align: right;
        margin-right: 15px;
        font-size:12px}
        @media screen and (max-width: 750px) {
          .footer .contenu .footerRs .item span {
            text-align: right;
            margin-right: 0; } }
      .footer .contenu .footerRs .item p img {
        vertical-align: text-bottom; }
  .footer .contenu .mentionsLegales {
    text-align: center; }
    .footer .contenu .mentionsLegales .mL {
      color: #000000;
      cursor:pointer;
      font-family: "Raleway"; }
    @media screen and (max-width: 750px) {
      .footer .contenu .mentionsLegales {
        margin-bottom: 30px !important; } }
    .footer .contenu .mentionsLegales .rcs {
      font-size: 13px; }
  .footer .contenu .defDaf {
    text-align: right; }

.rightLogo {
  margin-top: 150px !important; }
  @media screen and (max-width: 750px) {
    .rightLogo {
      margin-top: 20px !important;
      margin-bottom: 30px !important; } }

.slick-prev {
  left: 23px;
  z-index: 999999; }

.slick-next {
  right: 23px;
  z-index: 999999; }

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/* ---- grid-item ---- */
.grid-sizer {
  width: 20%;
  height: 242px; }

.grid-item {
  width: 20%; }

.grid-item img {
  display: block;
  max-width: 100%; }

.grid-item--width2 {
  width: 40%; }

.grid-item--width3 {
  width: 60%; }

.grid-item--width4 {
  width: 80%; }

/* ---- ----- ---- ---- -- --- --- --- */
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default; }

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s 0.4s ease-in-out;
  transition: all 0.2s 0.4s ease-in-out; }

.hovereffect img {
  display: block;
  position: relative; }

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6); }

.hovereffect .textes {
  text-transform: uppercase;
  color: #ffffff;
  text-align: left;
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 17px;
  padding: 10px;
  padding-left: 20px;
  padding-bottom: 20px; }
  .hovereffect .textes .hoverTitle {
    font-family: "Raleway";
    color: #ffffff;
    font-size: 15px; }
    @media screen and (max-width: 750px) {
      .hovereffect .textes .hoverTitle {
        display: none; } }
  .hovereffect .textes .hoverSsTitle {
    font-family: "Raleway";
    color: #ffffff;
    font-size: 10px; }
    @media screen and (max-width: 750px) {
      .hovereffect .textes .hoverSsTitle {
        display: none; } }

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff; }

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.hovereffect:hover h2 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s; }

.hovereffect:hover .textes {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s; }

.hovereffect:hover a.info {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.actu {
  margin-bottom: 50px; }
  @media screen and (max-width: 1095px) {
    .actu {
      margin-top: 170px; } }
  .actu .contenu .title {
    text-align: left;
    font-family: "Courgette";
    font-size: 34px; }
  .actu .contenu .date {
    text-align: left;
    margin-bottom: 40px; }
  .actu .contenu .text {
    text-align: left;
    font-family: "Raleway"; }
  .actu img {
    max-width: 100%;
    width: 100%; }

@media screen and (max-width: 1095px) {
  .actus {
    margin-top: 170px; } }
.footer_logos {
  display:flex;position:absolute; left:3%;top:40px;align-items:center;
}
@media screen and (max-width: 1095px) {
  .footer_logos {
    align-items: center;
    position: relative;
    justify-content: space-around;
    top: 10px;
    margin-bottom: 20px;
  }
}

.footerV2 {
  height: 100%;
  background-color: black;
  min-height: 100%;
  padding-top: 15px;
  padding-bottom: 20px }
  .footerV2 .flexFooter {
    display:flex;
    justify-content:space-around;
    align-items: flex-end;
  }
  .footerV2 .officeFooter {
    color:white;
  }
  .footerV2 .officeFooter img {
    margin-bottom: 3px;
  }
  .footerV2 .officeFooter b {
    font-size: 13px;
  }
  @media screen and (max-width: 750px) {
    .footerV2 .flexFooter {
      display: block;
    }
    .footerV2 .officeFooter {
      margin-bottom: 20px;
    }
    .footerV2 .officeFooter.first {
      margin-bottom: 40px;
    }
  }
  .footerV2 .contenu .footerRs {
    position: relative;
    display: inline-block;
    justify-content: center;
    align-items: center;
    color: white; }
  .footerV2 .footerRs .footerCoord {
    font-weight: bold;
    font-size: 15px;
    text-align: right;
    margin-bottom: 5px;
   }
  .footerV2 .footerRs .footerCoord a {
    font-weight: bold;
    font-size: 15px;
    text-align: right
   }
  .footerV2 .footerRs .footerCoord .mail {
    font-size: 14px;
    cursor: pointer;
   }
    .footerV2 .contenu .footerRs .item {
      }
      @media screen and (max-width: 750px) {
        .footerV2 .footerRs .footerCoord {
          text-align: center;
          margin-top: 20px;
          margin-bottom: 20px;
        }
        .footerV2 .contenu .footerRs .item img {
          margin-left: 10px;
          }
        .footerV2 .contenu .footerRs .item {
          width: 50%; } }
      .footerV2 .contenu .footerRs .item span {
        color: white;
        float: left;
        width: 70%;
        line-height: 17px;
        margin-top: 2px;
        text-align: right;
        margin-right: 15px; }
        @media screen and (max-width: 750px) {
          .footerV2 .contenu .footerRs .item span {
            text-align: right;
            margin-right: 0; } }
      .footerV2 .contenu .footerRs .item p {
        display:flex;
        cursor:pointer;
        align-items: center;}
      .footerV2 .contenu .footerRs .item p img {
        vertical-align: text-bottom; }
  .footerV2 .contenu .mentionsLegales {
    color: white;
    text-align: left; }
    .footerV2 .contenu .mentionsLegales .mL {
      color: white;
      cursor: pointer;
      font-family: "Raleway"; }
    @media screen and (max-width: 750px) {
      .footerV2 .contenu .mentionsLegales {
        margin-bottom: 30px !important;
        text-align: center;
        margin-top:30px;} }
    .footerV2 .contenu .mentionsLegales .rcs {
      font-size: 13px; }
  .footerV2 .contenu .defDaf {
    text-align: center; }
  .floating-button {
    position: fixed;
    right: 16px;
    bottom: 16px;

    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 10px;

    z-index: 1500;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    background-color: black;
    border: 3px solid white;
    color: #fff;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: none -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
}
.floating-button, .floating-button img, .floating-button a {
    cursor: pointer!important;
}
@media screen and (max-width: 750px) {
  .floating-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: 90px;
      height: 90px;
      border-radius: 50%;
  }
  .floating-button span.noMobile {
    display:none;
  }
}
.callA {
  margin-top:40px;
}
.btnP {
  cursor: pointer;
  width: 233px;
  color: black;
  border: 1px solid black;
  padding: 20px;
}
.btnP:hover {
  background-color: black;
  color: white;
}
.footerLogo {
  position: absolute;
  top: 10px;
}
@media screen and (max-width: 750px) {
  .footerLogo {
    position: relative;
    top: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.footerLogoImg {
  margin-top:10px;
  max-width: 100%;
  width: 100px;
}
/*# sourceMappingURL=style.css.map */