@import url("../Divi/style.css");
@import url("./_style1.scss");
/*
 Theme Name: Divi-child
 Theme URI: http://www.elegantthemes.com/gallery/divi/
 Version: 2.2
 Description: Thème enfant du thème Divi
 Author: Elegant Themes & Kaiman
 Author URI: http://www.elegantthemes.com
 Template: Divi
 */

@font-face {
  font-family: "October Storm";
  src: url("/wp-content/themes/Divi-child/fonts/OctoberStorm.eot");
  src: url("/wp-content/themes/Divi-child/fonts/OctoberStorm.eot")
      format("embedded-opentype"),
    url("/wp-content/themes/Divi-child/fonts/OctoberStorm.woff2")
      format("woff2"),
    url("/wp-content/themes/Divi-child/fonts/OctoberStorm.woff") format("woff"),
    url("/wp-content/themes/Divi-child/fonts/OctoberStorm.ttf")
      format("truetype"),
    url("/wp-content/themes/Divi-child/fonts/OctoberStorm.svg") format("svg");
}

@font-face {
  font-family: "Amino Bold";
  src: url("/wp-content/themes/Divi-child/fonts/AminoAltBold.eot");
  src: url("/wp-content/themes/Divi-child/fonts/AminoAltBold.eot")
      format("embedded-opentype"),
    url("/wp-content/themes/Divi-child/fonts/AminoAltBold.woff2")
      format("woff2"),
    url("/wp-content/themes/Divi-child/fonts/AminoAltBold.woff") format("woff"),
    url("/wp-content/themes/Divi-child/fonts/AminoAltBold.ttf")
      format("truetype"),
    url("/wp-content/themes/Divi-child/fonts/AminoAltBold.svg#AminoAltBold")
      format("svg");
}

@font-face {
  font-family: "Amino Medium";
  src: url("/wp-content/themes/Divi-child/fonts/AminoAltMedium.eot");
  src: url("/wp-content/themes/Divi-child/fonts/AminoAltMedium.eot")
      format("embedded-opentype"),
    url("/wp-content/themes/Divi-child/fonts/AminoAltMedium.woff2")
      format("woff2"),
    url("/wp-content/themes/Divi-child/fonts/AminoAltMedium.woff")
      format("woff"),
    url("/wp-content/themes/Divi-child/fonts/AminoAltMedium.ttf")
      format("truetype"),
    url("/wp-content/themes/Divi-child/fonts/AminoAltMedium.svg#AminoAltMedium")
      format("svg");
}

@font-face {
  font-family: "Amino";
  src: url("/wp-content/themes/Divi-child/fonts/AminoAlt.eot");
  src: url("/wp-content/themes/Divi-child/fonts/AminoAlt.eot")
      format("embedded-opentype"),
    url("/wp-content/themes/Divi-child/fonts/AminoAlt.woff2") format("woff2"),
    url("/wp-content/themes/Divi-child/fonts/AminoAlt.woff") format("woff"),
    url("/wp-content/themes/Divi-child/fonts/AminoAlt.ttf") format("truetype"),
    url("/wp-content/themes/Divi-child/fonts/AminoAlt.svg#AminoAlt")
      format("svg");
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes bounce {
  0%,
  50% {
    transform: scale(1) rotate(45deg);
  }

  25% {
    transform: scale(1.2) rotate(45deg);
  }
}

@-webkit-keyframes bounce {
  0%,
  50% {
    transform: scale(1) rotate(45deg);
  }

  25% {
    transform: scale(1.2) rotate(45deg);
  }
}

@-moz-keyframes bounce {
  0%,
  50% {
    transform: scale(1) rotate(45deg);
  }

  25% {
    transform: scale(1.2) rotate(45deg);
  }
}

html {
  overflow-x: hidden;
}


.bandeau-visuel-gauche-mfsl{
  position: relative;
}
.bandeau-visuel-gauche-mfsl::before{
  position: absolute;
  content: "";
  left: -120px;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/uploads/2023/05/motif-mfsl.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  max-width: 300px;
}
.bandeau-visuel-gauche-mfsl p{
  font-size: 18px;
}
.bloc-img-bleu-txt {
  height: 400px;
}
.bloc-img-bleu-txt img{
  height: 100%;
  width: 100%;
}
.contenant-titre {
  height: 400px;
}
@media screen and (max-width: 1500px){
  .bandeau-visuel-gauche-mfsl::before{
    max-width: 250px;
  }
  .bloc-img-bleu-txt {
    height: 300px;
  }
  .contenant-titre {
    height: 300px;
  }
}



.rectangle-2 {
  width: auto !important;
  padding: 20px !important;
  min-height: 215px;
}

.job_filters .search_jobs div.search_submit {
  padding-top: 0.5em;
  display: none;
}

.et_pb_row.et_pb_row_3.conteneur-recherche > div {
  margin-bottom: 1em;
}

.grecaptcha-badge {
  z-index: 1000;
}

.bloc-login button.tml-button {
  color: #ffffff;
  background-color: #ff2d23;
  border: none;
  padding: 0.5em 2em;
}

.bloc-login ul.tml-links {
  padding-left: 0 !important;
}

.bloc-login ul.tml-links li {
  list-style: none;
}

.bloc-login ul.tml-links li a {
  color: #ff2d23;
}

.bloc-content-pop-up p *[class^="spu-open"] {
  cursor: pointer;
}

body.annuaire.dentaire .entry-content article .block-image {
  max-height: 300px;
  overflow: hidden;
}

ul.partage-rs > li {
  display: inline-block;
}

ul.partage-rs > li i {
  color: white;
  background: #ff2d23;
  border-radius: 100%;
  max-width: 50px;
  margin-left: 6px;
  font-size: 20px;
  padding: 12px 17px;
}

.bloc-nous-contactez > div > p {
  text-align: center;
}

a.lien-contour-rouge:hover {
  background-color: #ff2d23;
  color: #ffffff !important;
}

.lien-contour-rouge {
  color: #ff2d23 !important;
  position: relative;
  margin: 0 auto;
  padding: 1em;
  border: 2px solid;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.4s;
  display: block;
}

/*pole handicap enfants*/

.pole-handicap-adultes #page-container,
.pole-handicap-enfants #page-container {
  overflow: hidden;
}

body #main-content a.btn-rect-vert {
  color: #08b3b7 !important;
  border-color: #08b3b7;
  border-radius: 0px;
}

body #main-content a.btn-rect-vert:hover {
  color: #ffffff !important;
  border-color: #08b3b7 !important;
  background-color: #08b3b7 !important;
  border-radius: 0px;
  transition: 0.4s;
  opacity: 1 !important;
}

.handicap-enfants-encours ul,
.handicap-enfants-missions ul {
  list-style: none;
}

.handicap-enfants-encours ul li::before,
.handicap-enfants-missions ul li::before {
  content: "\2022";
  color: #08b3b7;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.handicap-enfants-180 .percent,
.handicap-enfants-300 .percent {
  margin-left: 15%;
}

.handicap-enfants-180 .percent:before {
  content: "";
  background: url(/wp-content/uploads/2021/07/handicap-enfants-180.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 70px;
  height: 100%;
  display: block;
  position: absolute;
  left: 20%;
}

.handicap-enfants-300 .percent:before {
  content: "";
  background: url(/wp-content/uploads/2021/07/handicap-enfants-300.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 70px;
  height: 100%;
  display: block;
  position: absolute;
  left: 20%;
}

.btn-contact-dispositifs {
  color: #08b3b7;
  position: relative;
  margin: 25px 0 15px;
  display: inline-block;
}

.btn-contact-dispositifs:hover {
  color: #08b3b7;
  text-decoration: underline;
}

.btn-contact-dispositifs:before {
  content: "";
  background: url(/wp-content/uploads/2021/07/btn-dispositifs.png);
  background-repeat: no-repeat;
  width: 33px;
  height: 33px;
  display: block;
  position: absolute;
  left: -45px;
  top: -10px;
}

/* animate svg schema */

#Calque_handicap_enfants-organisation polygon.st0:hover {
  fill: #bc1f17;
}

#Calque_handicap_enfants-organisation polygon.st7:hover {
  fill: #0094a9;
}

#Calque_handicap_enfants-organisation polygon.st8:hover {
  fill: #02c2c7;
}

#schema-handicap-adultes {
  width: 70%;
}

.container-handicap-global .block-text a.more-link {
  color: #ffffff;
  border: solid 2px #be2319;
  background-color: #ffffff;
  color: #be2319;
}

.container-handicap-global .block-text a.more-link:hover {
  background-color: #be2319;
  color: #ffffff;
}

/*carousel pole handicap enfants*/

#carousel-handicap-enfants .carousel-3d-container[data-v-c06c963c],
#carousel-handicap-enfants .carousel-3d-slide {
  overflow: visible !important;
  border: none;
}

#carousel-handicap-enfants a.btn-rect-vert {
  font-size: 16px;
  font-family: "Amino Medium", Helvetica, Arial, Lucida, sans-serif !important;
  transition: none;
}

#carousel-handicap-enfants a.btn-rect-vert:hover {
  padding: 0.3em 1em;
  transition: none;
}

#carousel-handicap-enfants a.btn-rect-vert::after {
  display: none;
}

body #carousel-handicap-enfants .carousel-3d-slide.current > .et_pb_image {
  overflow: hidden !important;
  max-height: 407px;
}

#nos-dispositifs-bloc .et_pb_row.et_pb_row_8 {
  width: 80%;
}

.carousel-3d-container h3 {
  padding-top: 35px;
}

.bloc-nouveaux-dispositifs {
  padding-top: 0;
  margin-bottom: 200px;
}

.titre-bloc-dispo {
  margin-left: 4% !important;
}

#carousel-handicap-enfants .carousel-3d-container .carousel-3d-slide.right-1 {
  pointer-events: none;
  transform: translateX(1350px) translateZ(-1600px) rotateY(0deg) !important;
}

#carousel-handicap-enfants .carousel-3d-container .carousel-3d-slide.left-1 {
  pointer-events: none;
  transform: translateX(-1350px) translateZ(-1600px) rotateY(0deg) !important;
}

#carousel-handicap-enfants .carousel-3d-controls {
  width: 690px;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#carousel-handicap-enfants .carousel-3d-controls a {
  width: 50px !important;
  height: 50px !important;
  line-height: 50px !important;
  color: #08b3b7;
  border-radius: 50px;
  border: 2px solid #08b3b7;
}

#carousel-handicap-enfants .carousel-3d-controls a span {
  display: block;
  text-align: center;
  font-size: 60px;
  line-height: 42px;
  font-family: monospace;
}

#carousel-handicap-enfants .et_pb_image .et_pb_image_wrap {
  display: block;
}

.handicap-enfants-mots .et_pb_row_3 {
  width: 100%;
}

.handicap-image-bloc-emploi {
  max-height: 600px;
  overflow: hidden;
}

.handicap-enfants-mots h2::before {
  content: "";
  background: url(/wp-content/uploads/2021/07/icon-section-handicap-enfants-qq-mots.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: -14%;
  top: -10%;
}

.handicap-enfants-organisation h2::before {
  content: "";
  background: url(/wp-content/uploads/2021/07/icon-section-handicap-enfants-organisation.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: -6%;
  top: -10%;
}

.handicap-enfants-encours:before {
  content: "";
  background: url(/wp-content/uploads/2021/07/bg-angle-mfsl.png);
  background-repeat: repeat;
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 1;
}

/*roue*/

.roue {
  height: 560px;
  margin-top: 5%;
}

.roue-elt {
  position: absolute;
  transform: translate(1, 1);
  transition: transform 0.5s ease;
  z-index: 99;
}

#roue-one {
  width: 28%;
  left: -5%;
  top: 9%;
}

#roue-two {
  width: 28%;
  left: 23%;
  top: -16%;
}

#roue-three {
  width: 28%;
  left: 53%;
  top: -4%;
}

#roue-four {
  width: 28%;
  top: 32%;
  left: 66%;
}

#roue-five {
  width: 28%;
  left: 52%;
  top: 70%;
}

#roue-six {
  width: 28%;
  left: 18%;
  top: 79%;
}

#roue-seven {
  width: 28%;
  left: -8%;
  top: 50%;
}

#roue-height {
  width: 45%;
  left: 20%;
  top: 22%;
}

.adulte {
  height: 660px;
  margin-top: 0%;
}

.adulte-elt {
  position: absolute;
  transform: translate(1, 1);
  transition: transform 0.5s ease;
  z-index: 99;
}

#adulte-one {
  width: 300px;
  left: -5%;
  top: 2%;
}

#adulte-two {
  width: 300px;
  left: 42%;
  top: 2%;
}

#adulte-three {
  width: 500px;
  left: 6%;
  top: 68%;
}

#adulte-height {
  width: 300px;
  left: 20%;
  top: 27%;
}

/* Slider homepage */

.slider-home .et_pb_slide {
  min-height: 500px;
}

/* Breadcrumb */
.breadcrumb-mfsl {
  padding-bottom: 30px;
  font-family: "Amino Medium", sans-serif;
  margin-top: 8%;
}

.breadcrumb-mfsl a {
  color: #ff2d23;
}

/* breadcrumb pages optique */
.page-id-41 .breadcrumb-mfsl-page,
.page-id-1192 .breadcrumb-mfsl-page,
.page-id-277 .breadcrumb-mfsl-page,
.page-id-683 .breadcrumb-mfsl-page,
.page-id-343 .breadcrumb-mfsl-page,
.page-id-746 .breadcrumb-mfsl-page,
.page-id-1124 .breadcrumb-mfsl-page,
.page-id-1141 .breadcrumb-mfsl-page,
.page-id-685 .breadcrumb-mfsl-page,
.page-id-8058 .breadcrumb-mfsl-page,
.page-id-9373 .breadcrumb-mfsl-page {
  display: none;
}

/* breacrumb pages audition */
.page-id-2128 .breadcrumb-mfsl-page,
.page-id-279 .breadcrumb-mfsl-page,
.page-id-1611 .breadcrumb-mfsl-page,
.page-id-793 .breadcrumb-mfsl-page,
.page-id-2133 .breadcrumb-mfsl-page,
.page-id-2658 .breadcrumb-mfsl-page,
.page-id-2665 .breadcrumb-mfsl-page,
.page-id-798 .breadcrumb-mfsl-page {
  display: none;
}

/* breadcrumb pages dentaire */
.page-id-1179 .breadcrumb-mfsl-page,
.page-id-369 .breadcrumb-mfsl-page,
.page-id-1746 .breadcrumb-mfsl-page,
.page-id-804 .breadcrumb-mfsl-page,
.page-id-3170 .breadcrumb-mfsl-page,
.page-id-2687 .breadcrumb-mfsl-page,
.page-id-2118 .breadcrumb-mfsl-page,
.page-id-4130 .breadcrumb-mfsl-page {
  display: none;
}

.home .breadcrumb-mfsl-page {
  display: none;
}

.breadcrumb-mfsl-page {
  padding-bottom: 30px;
  font-family: "Amino Medium", sans-serif;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2%;
}

.breadcrumb-mfsl-page a {
  color: #ff2d23;
}

.actualites .et_pb_row {
  width: 100%;
}

/* Carte Zoom */
html.magnifying > body {
  overflow-x: hidden !important;
}

.magnify,
.magnify > .magnify-lens,
.magnify-mobile,
.lens-mobile {
  /* Reset */
  min-width: 0;
  min-height: 0;
  animation: none;
  border: none;
  float: none;
  margin: 0;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  text-indent: 0;
  transform: none;
  transition: none;
}

.magnify {
  position: relative;
  width: auto;
  height: auto;
  box-shadow: none;
  display: inline-block;
  z-index: inherit;
}

.magnify > .magnify-lens {
  /* Magnifying lens */
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  /* Multiple box shadows to achieve the glass lens effect */
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  cursor: none;
  display: none;
  z-index: 99;
}

.magnify > .magnify-lens.loading {
  background: #333 !important;
  opacity: 0.8;
}

.magnify > .magnify-lens.loading:after {
  /* Loading text */
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  content: "Loading...";
  font: italic normal 16px Calibri, sans-serif;
  letter-spacing: 1px;
  margin-top: -8px;
  text-align: center;
  text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
  text-transform: none;
}

.carteSSIAD {
  width: 49%;
}

.carteESA {
  width: 49%;
}

@media (max-width: 1770px) {
  .carteSSIAD {
    display: block;
    margin-top: 20px;
    text-align: center !important;
    width: 59%;
  }

  .carteESA {
    display: block;
    margin-top: 20px;
    text-align: center !important;
  }
}

@media (max-width: 1600px) {
  #et-secondary-nav li a span {
    padding-left: 0px !important;
  }
}

@media (max-width: 1556px) {
  .carteSSIAD {
    width: 49%;
  }

  .carteESA {
    width: 49%;
  }

  #top-header .container #et-secondary-menu #et-secondary-nav li {
    padding: 5px 0px 5px 15px;
  }
}

@media (max-width: 1480px) {
  #top-header .container #et-secondary-menu #et-secondary-nav li {
    padding: 5px 0px 5px 15px !important;
  }
}

@media (max-width: 1290px) {
  .carteSSIAD {
    width: 44%;
  }

  #top-header .container #et-secondary-menu #et-secondary-nav li {
    padding: 5px 0px 5px 0px !important;
  }
}

@media (max-width: 1355px) {
  .carteESA {
    width: 44%;
  }
}

@media (max-width: 1200px) {
  .carteSSIAD {
    width: 99%;
  }

  .carteESA {
    width: 49%;
  }
}

@media (max-width: 1260px) {
  .carteESA {
    width: 99%;
  }
}

@media (max-width: 1085px) {
  .carteSSIAD {
    width: 99%;
  }

  .carteESA {
    width: 99%;
  }
}

@media (max-width: 950px) {
  .tri-par-date-actu .form_search_order select {
    width: 100% !important;
  }
}

/*@media (min-width: 1370px){
 #imgMap {
 height: 70% !important;
 width: 70% !important;
 display: block !important;;
 margin-left: auto !important;
 margin-right: auto !important;
 }
 }
 @media (max-width: 640px){
 #imgMap {
 height: 100% !important;
 width: 100% !important;
 display: block !important;;
 margin-left: auto !important;
 margin-right: auto !important;
 }
 .magnify > .magnify-lens {
 width: 130px !important;
 height: 130px !important;
 }
 }
 #imgMap {
 height: 80%;
 width: 80%;
 display: block !important;
 margin-left: auto !important;
 margin-right: auto !important;
 }*/

/* Global */
#et-secondary-nav .menu-item.hide_this_item,
#menu-footer .menu-item.hide_this_item {
  display: block !important;
}

#et-info,
#et-secondary-menu > ul > li a {
  display: inline-block !important;
  padding-bottom: 0.75em;
}

#et-secondary-nav .menu-item-has-children > a:first-child:after,
#top-menu .menu-item-has-children > a:first-child:after {
  position: absolute;
  top: 10px;
  right: 0;
  font-family: ETmodules;
  font-size: 16px;
  font-weight: 800;
  content: "3";
}

article .et_pb_fullwidth_menu .et_pb_menu__wrap,
article .et_pb_menu__menu,
article nav.fullwidth-menu-nav {
  display: block !important;
}

article nav.fullwidth-menu-nav > ul {
  width: 100% !important;
  justify-content: center !important;
}

article nav.fullwidth-menu-nav > ul > li {
  display: inline-block;
}

#footer-widgets .footer-widget li:before {
  display: none;
}

#footer-widgets .footer-widget li {
  padding: 0 !important;
}

.et_pb_column.et_pb_column_3_4.et_pb_column_1.wrap-texte-bandeau-header.et_pb_css_mix_blend_mode_passthrough {
  padding-top: 20px !important;
}

.date-posted {
  display: none;
}

.date {
  visibility: hidden;
}

.titre {
  color: #f05b48;
  font-size: 30px;
}

#main-content .container:before {
  display: none;
}

.bouton-defaut {
  background: white;
  color: #373c42;
  border: solid 1px white;
  text-transform: uppercase;
  padding: 5px 15px;
}

.prendre-rendez-vous {
  color: white !important;
  border: 0;
}

.prendre-rendez-vous.optique,
.prendre-rendez-vous.optique:hover {
  background: #005172 !important;
  border: 0;
}

.prendre-rendez-vous.dentaire,
.prendre-rendez-vous.dentaire:hover {
  background: #2e9d77 !important;
  border: 0;
}

.prendre-rendez-vous.audition,
.prendre-rendez-vous.audition:hover {
  background: #005172 !important;
  border: 0;
}

.prendre-rendez-vous::after {
  color: white !important;
}

.et-cart-info {
  display: none;
}

#main-content .container,
#main-content .et_pb_row {
  max-width: 100%;
}

.single-job_listing #main-content .container,
.single-job_listing #main-content .et_pb_row {
  max-width: 70% !important;
}

.job_application.application {
  text-align: center;
}

.main_title {
  color: #f05b48;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Amino Medium";
}

.message-redirection {
  width: 97%;
  margin-left: auto;
  text-align: center;
  padding: 50px 0;
}

.message-redirection a {
  color: #ff2d23;
}

#main-content #left-area {
  width: 100%;
  padding-right: 0;
}

.wrap-header .texte-bandeau-header .et_pb_text_inner {
  height: 100px;
  display: flex;
  align-items: center;
}

.wrap-header .texte-bandeau-header .et_pb_text_inner img {
  position: relative;
  width: 100px;
  left: 0;
  top: 0;
}

.wrap-header .texte-bandeau-header .et_pb_text_inner h1 {
  padding: 0;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}

.bloc-info-optique {
  transition: 0.7s;
  position: relative;
  margin-bottom: 1.75% !important;
  max-height: 90px;
}

.bloc-info-optique .et_pb_text_inner {
  position: static;
  text-transform: uppercase;
}

.bloc-info-optique .et_pb_text_inner h3 {
  font-size: 20px;
  padding: 0 0 0 55px;
  text-align: left !important;
  margin-top: 0px;
}

.bloc-info-optique:hover {
  box-shadow: 0px 5px 15px #cdc9c7;
  transform: translateY(-8px);
}

.bloc-info-optique:before {
  content: "";
  background-size: 100%;
  position: absolute;
  top: 0;
  width: 42px;
  height: 42px;
  bottom: 0;
  margin: auto;
}

.bloc-info-optique:first-child:before {
  background-image: url(/wp-content/uploads/2017/12/ou-nous-trouver.png);
}

.bloc-info-optique:nth-child(2):before {
  background-image: url(/wp-content/uploads/2017/12/prendre-rdv.png);
}

.bloc-info-optique:nth-child(3):before {
  background-image: url(/wp-content/uploads/2017/12/infos-sante.png);
}

.bloc-info-optique:nth-child(4):before {
  background-image: url(/wp-content/uploads/2017/12/engagement.png);
}

.bloc-info-optique:nth-child(5):before {
  background-image: url(/wp-content/uploads/2017/12/garanties.png);
}

.bloc-info-optique:last-child:before {
  background-image: url(/wp-content/uploads/2017/12/faq.png);
}

.bloc-info-optique:last-child {
  margin-bottom: 1.75% !important;
}

@-moz-document url-prefix() {
  .bloc-info-optique {
    margin-top: 15px !important;
  }
}

.container-bloc-info {
  padding: 27px 0 0 !important;
}

.bloc-info-domicile-top {
  width: 100%;
  max-height: 100px;
  transition: 0.7s;
  position: relative;
  margin-bottom: 1.75% !important;
}

.bloc-info-domicile-top .et_pb_text_inner {
  position: static;
  text-transform: uppercase;
  padding: 40px 0;
}

.bloc-info-domicile-top .et_pb_text_inner h3 {
  font-size: 20px;
  padding: 0;
}

.bloc-info-domicile-top:hover {
  box-shadow: 0 5px 15px #cdc9c7;
}

.bloc-info-domicile-top:before {
  content: "";
  background-size: 100%;
  position: absolute;
  top: 0;
  width: 42px;
  height: 42px;
  bottom: 0;
  left: 25px;
  margin: auto;
  background-image: url(/wp-content/uploads/2019/05/logo_ia_tech_mfsl.png);
}

.bloc-info-domicile {
  padding: 25px;
  width: 50%;
  transition: 0.7s;
  position: relative;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px whitesmoke;
}

.bloc-info-domicile .et_pb_text_inner {
  position: static;
  text-transform: uppercase;
}

.bloc-info-domicile .et_pb_text_inner h3 {
  font-size: 20px;
  padding: 0;
}

.bloc-info-domicile:hover {
  box-shadow: 0px 5px 15px #cdc9c7;
}

.bloc-info-domicile:before {
  content: "";
  background-size: 100%;
  position: absolute;
  top: 0;
  width: 42px;
  height: 42px;
  bottom: 0;
  left: 10px;
  margin: auto;
}

#post-3419 .bloc-info-domicile:before {
  display: none;
}

.bloc-info-domicile:nth-child(2):before {
  background-image: url(/wp-content/uploads/2017/12/ergotherapie.png);
}

.bloc-info-domicile:nth-child(3):before {
  background-image: url(/wp-content/uploads/2017/12/handicap-1.png);
}

.bloc-info-domicile:nth-child(4):before {
  background-image: url(/wp-content/uploads/2018/03/ssiad.png);
}

.bloc-info-domicile:nth-child(5):before {
  background-image: url(/wp-content/uploads/2018/01/Mut-alzheimer.png);
}

.bloc-info-domicile:nth-child(6):before {
  background-image: url(/wp-content/uploads/2017/12/mediation-animale.png);
}

.bloc-info-domicile:last-child:before {
  background-image: url(/wp-content/uploads/2018/01/Mut-juridique.png);
}

.bloc-info-domicile-top.services-solidaires:before {
  content: "";
  background-size: 100%;
  position: absolute;
  top: 0;
  width: 42px;
  height: 42px;
  bottom: 0;
  left: 25px;
  margin: auto;
  background-image: url(/wp-content/uploads/2017/12/restauration.png);
}

.bloc-info-domicile.services-solidaires {
  padding-left: 50px;
}

.bloc-info-domicile.services-solidaires:nth-child(2):before {
  background-image: url(/wp-content/uploads/2017/12/horticulture.png);
}

.bloc-info-domicile.services-solidaires:nth-child(3):before {
  background-image: url(/wp-content/uploads/2017/12/espaces-verts.png);
}

.bloc-info-domicile.services-solidaires:nth-child(4):before {
  background-image: url(/wp-content/uploads/2017/12/location-de-salle.png);
}

.bloc-info-domicile.services-solidaires:nth-child(5):before {
  background-image: url(/wp-content/uploads/2017/12/blanchisserie.png);
}

.bloc-info-domicile.services-solidaires:nth-child(6):before {
  background-image: url(/wp-content/uploads/2017/12/sous-traitance-individuelle.png);
}

.bloc-info-domicile.services-solidaires:last-child:before {
  background-image: url(/wp-content/uploads/2017/12/mise-a-disposition-perso.png);
}

.bloc-info-domicile:last-child {
  margin: 0 !important;
}

#form-ordonnance {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

#form-ordonnance .input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

#form-ordonnance .input-group-append,
#form-ordonnance .input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}

#form-ordonnance .input-group > .form-control {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

#form-ordonnance select,
#form-ordonnance input[type="text"],
#form-ordonnance input[type="datetime"],
#form-ordonnance input[type="date"] {
  display: inline-block;
  height: 30px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#form-ordonnance .input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

#form-ordonnance .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

#form-ordonnance label,
#form-ordonnance input,
#form-ordonnance select,
#form-ordonnance textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

#form-ordonnance button {
  background-color: #005172;
  border-color: #005172;
  font-size: 17px;
}

#form-ordonnance .card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

#form-ordonnance .input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#form-ordonnance .input-group > .custom-select:not(:first-child),
#form-ordonnance .input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#form-ordonnance .text-white {
  color: #fff !important;
}

#form-ordonnance .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #005172;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.validite-ordonnance-optique .modal-backdrop {
  z-index: 99999;
}
.validite-ordonnance-optique .modal-verif-ordo {
  z-index: 99999;
  position: absolute;
}
.validite-ordonnance-optique .modal-verif-ordo .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#form-ordonnance #valide,
#form-ordonnance #non_valide {
  overflow-x: hidden;
  overflow-y: auto;
  background: transparent;
  border: none;
  box-shadow: none;
  max-width: 100%;
}

@-moz-document url-prefix() {
}

.h1-intranet h1 {
  color: #f05b48;
  font-style: italic;
  font-weight: 700;
}

.logo-header:before {
  content: "";
  position: absolute;
  background-size: cover;
  width: 95px;
  height: 95px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.logo-header-optique:before {
  background-image: url("/wp-content/uploads/2017/11/log-opticien.jpg");
}

.logo-header-audition:before {
  background-image: url("/wp-content/uploads/2017/11/log-audition.jpg");
}

.logo-header-domicile:before {
  background-image: url("/wp-content/uploads/2017/12/MFSL-Aidelian-home.jpg");
}

/*************************** MODAL NOUVEAU VENU ******************************/
.modal-nouveau-venu {
  padding-left: 275px;
}

.modal-nouveau-venu .modal-dialog {
  position: absolute;
  left: 275px;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  height: 480px;
}

.modal-nouveau-venu .modal-content {
  color: white;
}

.modal-nouveau-venu .modal-content .modal-header {
  border-bottom: 0;
  background: #f05b48;
}

.modal-nouveau-venu .modal-content .modal-header .close {
  opacity: 1;
}

.modal-nouveau-venu .modal-content .modal-body .wrap-image {
  padding: 30px 0;
}

.modal-nouveau-venu .modal-content .modal-body .text-popup {
  line-height: 25px;
}

.rotate-before {
  transition: 0.7s;
}

.rotate-before:hover:before {
  transform: rotate(45deg);
}

body.menu-optique {
  background: white;
}

/* body.menu-optique .entry-content, body.audition .entry-content, body.dentaire .entry-content, body.services-solidaires .entry-content {
  max-width: 1480px;
  margin: auto;
} */
/************************** Menu principal ***************************/
body.intranet #top-header,
#top-header {
  background-color: #f5f0f0 !important;
  z-index: 100;
}

#top-header .container {
  max-width: 100%;
  padding-top: 0;
}

#top-header .container #et-secondary-menu {
  float: none;
  height: 100%;
}

#top-header .container #et-secondary-menu > ul > li a {
  padding-bottom: 0;
}

#top-header .container #et-secondary-menu #et-secondary-nav {
  width: 100%;
  display: flex;
  align-items: center;
}

#top-header .container #et-secondary-menu #et-secondary-nav li {
  padding: 20px 30px 20px 15px;
}

#top-header
  .container
  #et-secondary-menu
  #et-secondary-nav
  li.current-menu-item {
  position: relative;
}

#top-header
  .container
  #et-secondary-menu
  #et-secondary-nav
  li.current-menu-item::before {
  content: "";
  width: 100%;
  height: 3px;
  top: 0;
  position: absolute;
  background: #fff;
  left: 0;
}

#top-header
  .container
  #et-secondary-menu
  #et-secondary-nav
  li.current-menu-item::after {
  content: "";
  width: 100%;
  height: 3px;
  bottom: 0;
  position: absolute;
  background: #fff;
  left: 0;
}

#top-header .container #et-secondary-menu #et-secondary-nav li.menu-item-62 {
  padding: 12px 10px 11px;
  background: #f05b47;
  border-radius: 5px;
  border: solid 1px #f05b47;
  margin-left: auto;
  transition: 0.7s;
  margin-right: 0;
}

#top-header .container #et-secondary-menu #et-secondary-nav li:last-child {
  padding: 5px 0 5px 0;
  /* background: #f05b47;
  border-radius: 5px;
  border: solid 1px #f05b47; */
  margin-left: auto;
  transition: 0.7s;
  margin-right: 5%;
}

#top-header .container #et-secondary-menu #et-secondary-nav li.menu-item-62 a {
  color: white;
  font-weight: bold;
}

body #top-menu-nav #top-menu #menu-item-6938 a {
  color: #ff2d23 !important;
  border: solid 2px #ff2d23;
  transition: 0.4s;
}

#menu-item-6938 .menu-image-title {
  color: #ff2d23 !important;
  transition: 0.4s;
}

#menu-item-6938:hover .menu-image-title:hover {
  color: white !important;
  transition: 0.4s;
}

body #menu-item-7964 a:after {
  top: 30px !important;
}

body #top-menu-nav #top-menu #menu-item-6938 a:hover {
  color: white !important;
  background: #ff2d23 !important;
  border: solid 2px #ff2d23;
  transition: 0.4s;
  opacity: 1 !important;
}

body #top-menu-nav #top-menu #menu-item-6938 a:hover span {
  color: white !important;
}

.menu-image {
  width: 30px !important;
}

.menu_organigramme {
  display: none !important;
}

.nav > li:focus a span,
.nav > li:hover a span,
.nav .current-menu-item a span {
  transition: 0.7s;
}

.nav > li > a img {
  transition: 500ms;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background: transparent !important;
  opacity: 1;
}

.nav > li > a:focus img,
.nav > li > a:hover img {
  margin-right: 10px !important;
}

@media screen and (max-width: 768px) {
  #et-secondary-menu,
  #et-secondary-nav,
  .et_secondary_nav_only_menu #top-header {
    display: block !important;
  }

  #top-header .container {
    max-width: 100%;
    padding-top: 0;
  }

  #top-header .container #et-secondary-menu {
    float: none;
    height: 100%;
  }

  #top-header .container #et-secondary-menu > ul > li a {
    padding-bottom: 0;
  }

  #top-header .container #et-secondary-menu #et-secondary-nav {
    width: 100%;
    display: flex;
    align-items: center;
  }

  #top-header .container #et-secondary-menu #et-secondary-nav li {
    margin-right: 10px;
    padding: 15px 10px;
  }
}

.et_header_style_centered #main-header div#et-top-navigation {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.et_header_style_centered #top-menu > li > a {
  padding-bottom: 0.5em !important;
}

.et_search_outer .container {
  max-width: 90%;
  margin: auto;
}

/******************************* CONNEXION *************************/
div.woocommerce form.login {
  border: 0;
  padding: 0;
}

div.woocommerce form.login .form-row {
  width: calc(50% - 2px);
  display: inline-block;
}

div.woocommerce form.login .form-row:nth-last-child(2) {
  width: 100%;
  text-align: right;
}

div.woocommerce form.login .form-row:nth-last-child(2) input[type="submit"] {
  display: block;
  margin-left: auto;
}

/*** Components ***/
.container-cadre-portail .cadre-site-portail .et_pb_text_inner .link-portail {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.container-cadre-portail .cadre-site-portail .et_pb_text_inner .link-portail a {
  font-size: 0;
  height: 100%;
  width: 100%;
  display: block;
}

body.portail {
  background: #fff;
}

.block-a-decouvrir {
  display: none;
  padding: 20px !important;
}

.bascule-gris .bascule {
  padding: 0 0 0 19px;
  border: 0;
  position: relative;
}

.bascule-gris .bascule:before {
  content: "\f00d";
  font-family: FontAwesome !important;
  left: 0;
  right: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  color: white;
  transform: rotate(45deg);
  bottom: -44px;
  background: #6c6e7a;
  font-size: 21px;
  line-height: 51px;
  text-align: center;
  position: absolute;
  z-index: 9;
  transition: 0.7s;
  -webkit-animation: bounce 2s infinite;
  -o-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.bascule-gris .bascule:after {
  content: "";
  position: absolute;
  left: 0;
  width: 52px;
  height: 140px;
  display: block;
  top: -30px;
  background: url("/wp-content/uploads/2017/10/logo-mutfond.png") no-repeat;
  background-size: 100%;
}

.bascule-gris .bascule:hover {
  cursor: pointer;
}

.bascule-gris .trois-petits-menus {
  padding-top: 50px;
}

.block-a-decouvrir
  .wrap-block-inner-esprit-mutualiste
  .block-inner-esprit-mutualiste
  .et_pb_text_inner {
  padding: 0 30px;
  position: relative;
}

.block-a-decouvrir
  .wrap-block-inner-esprit-mutualiste
  .block-inner-esprit-mutualiste
  .et_pb_text_inner:before {
  content: "";
  width: 4px;
  height: 125px;
  position: absolute;
  left: 0;
}

.block-a-decouvrir
  .wrap-block-inner-esprit-mutualiste:first-child
  .et_pb_text_inner:before {
  background: #ff2d23;
}

.block-a-decouvrir
  .wrap-block-inner-esprit-mutualiste:nth-child(2)
  .et_pb_text_inner:before {
  background: #d57208;
}

.block-a-decouvrir
  .wrap-block-inner-esprit-mutualiste:nth-child(3)
  .et_pb_text_inner:before {
  background: #a41e22;
}

.block-a-decouvrir
  .wrap-block-inner-esprit-mutualiste:last-child
  .et_pb_text_inner:before {
  background: #4c5d96;
}

.wrap-petit-bascule {
  background: transparent !important;
}

.petit-bascule {
  padding: 0;
  border: 0;
  background: transparent;
}

.petit-bascule h5.et_pb_toggle_title {
  padding: 20px;
  font-size: 20px;
}

.petit-bascule h5.et_pb_toggle_title:before {
  right: 20px;
  content: "\f067";
  font-family: FontAwesome !important;
  color: white;
  transition: 0.7s;
}

.petit-bascule .et_pb_toggle_content {
  background: transparent;
  padding-top: 0;
}

.petit-bascule.soins-mutualistes .et_pb_toggle_title {
  background-color: #01425c;
}

.petit-bascule.soins-mutualistes .et_pb_toggle_content h3 {
  padding: 20px;
  margin: 4px 0;
  position: relative;
}

.petit-bascule.soins-mutualistes .et_pb_toggle_content h3:first-child {
  background: #005172;
}

.petit-bascule.soins-mutualistes .et_pb_toggle_content h3:nth-child(2) {
  background: #005172;
}

.petit-bascule.soins-mutualistes .et_pb_toggle_content h3:last-child {
  background: #005172;
  margin: 4px 0 0;
}

.petit-bascule.soins-mutualistes .et_pb_toggle_content ul {
  padding: 30px 15px 27px 30px;
  margin: 4px 0 0;
  list-style-type: none;
  position: relative;
}

.petit-bascule.soins-mutualistes .et_pb_toggle_content ul:first-child {
  background: #005172;
}

.petit-bascule.soins-mutualistes .et_pb_toggle_content ul:nth-child(2) {
  background: #005172;
}

.petit-bascule.soins-mutualistes .et_pb_toggle_content ul:last-child {
  background: #005172;
}

.petit-bascule.soins-mutualistes .et_pb_toggle_content ul img {
  left: 20px;
  bottom: 0;
  top: 0;
  margin: auto;
  position: absolute;
}

.petit-bascule.soins-mutualistes .et_pb_toggle_content ul span {
  padding-left: 55px;
  display: block;
  font-size: 20px;
}

.petit-bascule.services-a-domicile .et_pb_toggle_title {
  background-color: #4c5d96;
}

.petit-bascule.services-a-domicile .et_pb_toggle_content {
  background: transparent;
}

.petit-bascule.services-a-domicile .et_pb_toggle_content h4 {
  padding: 15px 15px 15px 55px;
  margin: 4px 0;
  background: #00a0af;
}

.petit-bascule.services-a-domicile .et_pb_toggle_content h4:last-child {
  margin: 4px 0 0;
}

.petit-bascule.services-a-domicile .et_pb_toggle_content ul {
  padding: 15px 15px 15px 10px;
  margin: 4px 0 0;
  background: #00a0af;
  list-style-type: none;
  position: relative;
}

.petit-bascule.services-a-domicile .et_pb_toggle_content ul img {
  left: 20px;
  bottom: 0;
  top: 0;
  margin: auto;
  position: absolute;
}

.petit-bascule.services-a-domicile .et_pb_toggle_content ul span {
  padding-left: 55px;
  display: block;
}

.petit-bascule.services-solidaires .et_pb_toggle_title {
  background-color: #d57208;
}

.petit-bascule.services-solidaires .et_pb_toggle_content h4 {
  padding: 15px 15px 15px 55px;
  margin: 4px 0;
  background: #d57208;
}

.petit-bascule.services-solidaires .et_pb_toggle_content h4:last-child {
  margin: 4px 0 0;
}

.petit-bascule.services-solidaires .et_pb_toggle_content ul {
  padding: 15px 15px 15px 10px;
  margin: 4px 0 0;
  background: #d57208;
  list-style-type: none;
  position: relative;
}

.petit-bascule.services-solidaires .et_pb_toggle_content ul img {
  left: 20px;
  bottom: 0;
  top: 0;
  margin: auto;
  position: absolute;
}

.petit-bascule.services-solidaires .et_pb_toggle_content ul span {
  padding-left: 55px;
  display: block;
}

.petit-bascule:hover .et_pb_toggle_title::before {
  transform: rotate(180deg) scale(1.2);
}

@media screen and (max-width: 1200px) {
  .bascule-gris .bascule {
    padding: 0 60px 0 19px;
  }

  .bascule-gris .bascule::before {
    right: 20px;
    left: auto;
    top: 0;
    bottom: 0;
    animation: none;
    width: 20px;
    height: 20px;
    line-height: 1em;
  }

  .wrap-esprit-mutualiste {
    padding: 20px 0;
  }

  .wrap-esprit-mutualiste-wrapper {
    margin-bottom: 0;
  }
}

.container-bloc-actu .et_pb_ajax_pagination_container {
  width: 100%;
}

.container-bloc-actu .block-image {
  background: white;
  flex: 1;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.container-bloc-actu .block-image .entry-featured-image-url {
  margin-bottom: 0;
}

.container-bloc-actu .block-image img {
  width: auto;
  max-height: 300px;
  max-width: none;
}

.container-bloc-actu .block-text {
  flex: 1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .container-bloc-actu .block-image {
    display: block;
    width: 50%;
  }

  .container-bloc-actu .block-image img {
    width: 100%;
  }

  .container-bloc-actu .block-text {
    display: block;
    width: 50%;
    background: white;
  }
}

.premier-blog .et_pb_post {
  margin-bottom: 0;
}

.premier-blog .et_pb_post h2 {
  margin: 20px 0px;
}

.premier-blog article {
  display: flex;
  background: #00a0af;
  padding: 15px;
}

.premier-blog article .block-image {
  display: flex;
  align-items: center;
  flex: 1;
}

.premier-blog article .block-image img {
  width: 100%;
}

.premier-blog article .block-text {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0 0 0 20px;
  flex: 1;
  /**************** IE 10 and above *****************/
}

.premier-blog article .block-text .entry-title {
  text-transform: uppercase;
}

.premier-blog article .block-text .post-meta {
  width: 60px;
  height: 60px;
  position: relative;
  background-color: white;
  color: black;
  text-align: center;
  font-weight: bold;
  mix-blend-mode: screen;
}

.premier-blog article .block-text .post-meta .published {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 60px;
  height: 40px;
  right: 0;
  text-transform: uppercase;
  line-height: 0.9em;
  font-size: 24px;
  font-family: "Amino Medium";
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .premier-blog article .block-text .more-link {
    width: 130px;
  }
}

.premier-blog article .block-text .more-link {
  background-color: white;
  padding: 10px 25px;
  border: solid 1px white;
  color: black;
  text-transform: uppercase;
  border-radius: 2px;
  margin-top: 30px;
  font-family: "Amino Medium";
  mix-blend-mode: screen;
}

.nouveau-venu {
  padding: 20px;
}

.invisible-link {
  font-size: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.bonnes-affaires-block-vert {
  padding: 31px 20px 20px;
}

.tri-par-date-actu .form_search_order {
  width: 100%;
}

.tri-par-date-actu .form_search_order select {
  width: 100%;
  height: 40px;
  border: solid 2px #00a0af;
  border-radius: 3px 0 0 3px;
  font-size: 14px;
  padding-left: 5px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/*.tri-par-date-actu .form_search_order .submit_form_search_order {
  border-radius: 0 5px 5px 0;
  border: 0;
  height: 42px;
  font-size: 14px;
}*/
.toutes-les-actus article {
  display: flex;
  flex-direction: row;
}

.toutes-les-actus article .block-image {
  display: flex;
  align-items: center;
}

.toutes-les-actus article .block-image img {
  max-width: 350px;
}

.toutes-les-actus article .block-text {
  margin-left: 20px;
  padding: 20px;
}

.toutes-les-actus article .block-text .post-meta {
  font-weight: bold;
}

.toutes-les-actus .et_pb_post h2 {
  margin-top: 10px;
}

.et_post_meta_wrapper img {
  width: auto;
  height: auto;
}

/***************************** ORGANIGRAMME *****************************/
.wrap-text-organigramme {
  padding: 30px;
  background: #eaeaea;
  border-radius: 10px;
}

.wrap-text-organigramme a {
  color: #ff2d23;
}

/**************************** NOS VALEURS *************************/
.wrap-block-nos-valeurs {
  display: flex;
}

.wrap-block-nos-valeurs .block-image-nos-valeurs {
  display: flex;
  align-items: center;
}

.wrap-block-nos-valeurs .block-text-nos-valeurs {
  display: flex;
  align-items: center;
}

/**************************** En pratique *************************/
.wrap-block-rose .block-rose {
  display: flex;
  justify-content: flex-start;
  margin-right: 0 !important;
  width: 36%;
  padding: 20px;
}

.wrap-block-rose .block-rose .text-block-rose {
  display: flex;
  margin-top: auto;
  margin-bottom: auto !important;
}

.wrap-block-rose .block-blanc {
  width: 30%;
}

.wrap-block-rose .block-blanc .text-block-blanc {
  padding: 10px 10px 10px 15px;
  height: 100%;
}

.wrap-block-rose .block-blanc .text-block-blanc p {
  position: relative;
}

.wrap-block-rose .block-blanc .text-block-blanc p a {
  color: inherit;
}

.wrap-block-rose .block-blanc .text-block-blanc p::after {
  content: "";
  height: 2px;
  bottom: 7px;
  width: 100%;
  position: absolute;
  display: block;
  background-color: #acb0b6;
}

.wrap-block-rose .block-blanc .text-block-blanc p:last-child::after {
  display: none;
}

.documents-utiles {
  padding: 30px;
}

.documents-utiles a {
  color: #ff2d23;
  font-weight: bold;
  padding: 20px 20px 20px 50px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}

.documents-utiles a:nth-child(2n + 2) {
  float: right;
}

.documents-utiles a:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 40px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 40px;
  background: url("/wp-content/uploads/2017/10/PDF-icon.png") center;
  background-size: 100% 100%;
}

.spu-box {
  background-color: white !important;
}

.spu-box .spu-content {
  background: white;
  padding: 20px;
}

.spu-box .spu-close.top_right {
  right: 0;
  top: 0;
  padding: 15px;
  background: #ff2d23;
}

.spu-box .spu-close.top_right .spu-icon-close:before {
  color: white;
}

html .spu-box a.spu-close {
  text-decoration: none;
  background-color: #ff2d23;
  padding: 0.5em;
  margin: 0;
  color: #ffffff !important;
  top: 0;
  right: 0;
}

.download-pdf {
  position: relative;
  padding: 20px 0 20px 55px;
  padding-bottom: 20px !important;
  font-weight: bold;
  color: #ff2d23;
  display: block;
}

#post-63 .download-pdf {
  position: relative;
  padding: 20px 0 20px 0px;
  padding-bottom: 20px !important;
  font-weight: bold;
  color: white;
  display: block;
  text-align: center;
  margin: auto;
}

.download-pdf:before {
  content: "";
  position: absolute;
  left: 10px;
  width: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  background: url("/wp-content/uploads/2017/10/PDF-icon.png") center;
  background-size: 100% 100%;
}

.download-xlsx {
  position: relative;
  padding: 20px 0 20px 55px;
  padding-bottom: 20px !important;
  font-weight: bold;
  color: #064114;
  display: block;
}

.download-xlsx:before {
  content: "";
  position: absolute;
  left: 10px;
  width: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  background: url("/wp-content/uploads/2017/11/XSLX-icon.png") center;
  background-size: 100% 100%;
}

.download-jpg {
  position: relative;
  padding: 20px 0 20px 55px;
  padding-bottom: 20px !important;
  font-weight: bold;
  color: #008793;
  display: block;
}

.download-jpg:before {
  content: "";
  position: absolute;
  left: 10px;
  width: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  background: url("/wp-content/uploads/2017/11/jpg-icon.png") center;
  background-size: 100% 100%;
}

.download-ppt {
  position: relative;
  padding: 20px 0 20px 55px;
  padding-bottom: 20px !important;
  font-weight: bold;
  color: #c34e1a;
  display: block;
}

.download-ppt:before {
  content: "";
  position: absolute;
  left: 10px;
  width: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  background: url("/wp-content/uploads/2017/11/ppt-icon.png") center;
  background-size: 100% 100%;
}

/************************ BONS PLANS *************************/
.bons-plans-form #user-submitted-posts {
  max-width: 100%;
}

.bons-plans-form #user-submitted-posts form#usp_form fieldset {
  display: inline-flex;
  width: calc(50% - 15px);
}

.bons-plans-form #user-submitted-posts form#usp_form fieldset input,
.bons-plans-form #user-submitted-posts form#usp_form fieldset select,
.bons-plans-form #user-submitted-posts form#usp_form fieldset textarea {
  width: 100%;
  background: transparent;
  padding: 10px;
  color: black;
  border: solid 1px #d6d6d6;
  border-radius: 5px;
}

.bons-plans-form #user-submitted-posts form#usp_form fieldset li {
  width: 100%;
  margin: 2px 0;
  border-radius: 5px;
}

.bons-plans-form #user-submitted-posts form#usp_form fieldset:nth-child(even) {
  margin-right: 25px;
}

.bons-plans-form #user-submitted-posts form#usp_form fieldset.usp-content {
  display: flex;
  width: 100%;
  margin-right: 0;
}

.bons-plans-form #user-submitted-posts form#usp_form .usp-submit {
  padding: 5px 15px;
  background: transparent;
  color: #ff2d23;
  border: solid 2px #ff2d23;
  font-weight: bold;
  border-radius: 5px;
  transition: 0.7s;
}

.bons-plans-form #user-submitted-posts form#usp_form .usp-submit:hover {
  cursor: pointer;
  background: #ff2d23;
  color: white;
}

/****************************** BONNES AFFAIRES ****************************/
.blog-bonne-affaires article {
  padding: 20px;
  background: #f8f8f8;
  margin-bottom: 10px !important;
  border-radius: 10px;
}

.blog-bonne-affaires article .block-text .post-meta {
  color: #ff2d23 !important;
  font-weight: bold !important;
}

.blog-bonne-affaires article .block-text .entry-title {
  text-transform: uppercase;
  font-weight: bold;
}

.blog-bonne-affaires article .block-text .post-content .more-link {
  width: 160px;
  color: #ff2d23;
  background: white;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px;
  border: solid 2px #ff2d23;
  margin: 20px 0;
  border-radius: 5px;
  transition: 0.7s;
}

.blog-bonne-affaires article .block-text .post-content .more-link:hover {
  color: white;
  background: #ff2d23;
  cursor: pointer;
}

.blog-bonne-affaires article:nth-child(odd) {
  background: white;
}

/****************************** STORE LOCATOR *******************************/
.store-locator .wpsl-search {
  background: #ff2d23;
  border-radius: 10px 10px 0 0;
}

.store-locator .wpsl-search #wpsl-search-wrap form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #ff2d23 !important;
}

.store-locator .wpsl-search #wpsl-search-wrap form .wpsl-input label {
  display: block;
  width: 123px;
  color: white;
  padding-top: 5px;
}

.store-locator
  .wpsl-search
  #wpsl-search-wrap
  form
  .wpsl-select-wrap
  #wpsl-radius
  label {
  width: 125px;
  color: white;
  display: block;
  padding-top: 5px;
}

.store-locator
  .wpsl-search
  #wpsl-search-wrap
  form
  .wpsl-select-wrap
  #wpsl-results
  label {
  width: 75px;
  color: white;
  display: block;
  padding-top: 5px;
}

.store-locator .wpsl-search #wpsl-search-wrap form #wpsl-category label {
  color: white;
  padding-top: 5px;
}

.store-locator
  .wpsl-search
  #wpsl-search-wrap
  form
  #wpsl-category
  .wpsl-dropdown {
  width: 186px;
}

.store-locator
  .wpsl-search
  #wpsl-search-wrap
  form
  .wpsl-search-btn-wrap
  #wpsl-search-btn {
  color: white;
  background: #ff2d23;
  border: solid 2px white;
  font-weight: bold;
  transition: 0.7s;
}

.store-locator
  .wpsl-search
  #wpsl-search-wrap
  form
  .wpsl-search-btn-wrap
  #wpsl-search-btn:hover {
  color: #ff2d23;
  border: solid 2px white;
  background: white;
  border-radius: 0px;
  cursor: pointer;
}

.store-locator #wpsl-result-list li p {
  margin: 0;
}

.store-locator #wpsl-stores ul li {
  box-shadow: 0 5px 15px #dedede;
}

.store-locator .wpsl-store-location a:first-child {
  color: #ff2d23;
}

.store-locator .wpsl-store-location p strong {
  color: #ff2d23;
  text-transform: uppercase;
}

/**************************** NEWSLETTER *********************************/
.first-news {
  display: inline-block;
}

.wrap-nos-anciennes-newsletter {
  padding: 0 !important;
  border-radius: 10px;
}

.wrap-nos-anciennes-newsletter .nos-anciennes-newsletter {
  background-color: #ff2d23;
  padding: 15px 0 5px;
  border-radius: 10px;
}

.liste-newsletters .item {
  margin-right: 3%;
  float: left;
  width: 31%;
}

.liste-newsletters .item img {
  width: 100%;
}

.liste-newsletters .item:nth-child(3n + 3) {
  margin-right: 0;
}

/***************************** HISTORIQUE ********************************/
.wrap-historique .wrap-historique-block-gauche,
.wrap-historique .wrap-historique-block-droit {
  border: solid 1px #eaeaea;
  border-radius: 5px;
  min-height: 348px;
  transition: 0.7s;
  box-shadow: 0 5px 25px #eaeaea;
}

.wrap-historique .wrap-historique-block-gauche-valeurs,
.wrap-historique .wrap-historique-block-droit-valeurs {
  min-height: 258px;
}

.wrap-historique .wrap-historique-block-gauche-qsn,
.wrap-historique .wrap-historique-block-droit-qsn {
  min-height: 440px;
}

.wrap-historique .wrap-historique-block-gauche .wrap-historique-titre,
.wrap-historique .wrap-historique-block-droit .wrap-historique-titre {
  padding: 20px 30px 10px;
  background: #ff2d23;
  border-radius: 5px 5px 0 0;
}

.wrap-historique .wrap-historique-block-gauche .wrap-historique-texte,
.wrap-historique .wrap-historique-block-droit .wrap-historique-texte {
  padding: 0 30px 20px;
}

.wrap-historique .wrap-historique-block-gauche:hover,
.wrap-historique .wrap-historique-block-droit:hover {
  transform: translateY(-10px);
  box-shadow: 0 5px 25px #d0d0d0;
}

/**************************** SITE OPTIQUE ******************************/
.wrap-optique .wrap-optique-block-gauche,
.wrap-optique .wrap-optique-block-droit {
  border-radius: 5px;
  min-height: 471px;
  transition: 0.7s;
  background-color: #fff;
}

.wrap-optique .wrap-optique-block-gauche .wrap-optique-titre,
.wrap-optique .wrap-optique-block-droit .wrap-optique-titre {
  padding: 20px 30px 10px;
  background: #005172;
  border-radius: 5px 5px 0 0;
}

.wrap-optique .wrap-optique-block-gauche .wrap-optique-texte,
.wrap-optique .wrap-optique-block-droit .wrap-optique-texte {
  padding: 0 30px 20px;
}

.wrap-optique .wrap-optique-block-gauche:hover,
.wrap-optique .wrap-optique-block-droit:hover {
  transform: translateY(-10px);
  box-shadow: 0 5px 25px #d0d0d0;
}

.validite-ordonnance-optique .wrap-optique .wrap-optique-block-gauche {
  transform: translateY(-10px);
  box-shadow: 0 5px 25px #d0d0d0;
}

.wrap-optique.dentaire {
  background: transparent;
}

.wrap-optique.dentaire .wrap-optique-block-gauche .wrap-optique-titre,
.wrap-optique.dentaire .wrap-optique-block-droit .wrap-optique-titre {
  background: #005172;
}

.wrap-block-footer .et_pb_column {
  display: flex;
  justify-content: center;
  padding: 20px;
  align-items: center;
}

.text-long .wrap-image-header-bandeau {
  margin-right: 0;
}

.text-long .wrap-texte-bandeau-header {
  display: flex;
  padding-top: 0;
  align-items: center;
}

.et_pb_column_.wrap-texte-bandeau-header {
  padding-top: 10px !important;
}

/**************************** NOS CHIFFRES ******************************/
.item-nos-chiffres {
  background: #eaeaea;
  padding: 40px 20px;
  border-radius: 10px;
  min-height: 245px;
  transition: 0.7s;
}

.item-nos-chiffres:hover {
  transform: translateY(-8px);
  box-shadow: 0 5px 25px #d0d0d0;
}

#main-content {
  width: 100%;
  padding-right: 0;
}

#main-content .job_filters {
  background: transparent;
}

#main-content .job_filters .search_jobs {
  padding: 1.5em 0;
  display: flex;
}

#main-content .search_keywords,
#main-content .search_location {
  width: 33%;
  height: 40px;
  padding-right: 0.5em;
}

#main-content .search_keywords input[type="text"],
#main-content .search_location input[type="text"] {
  height: 100%;
  padding: 15px;
  background: #f5f0f0;
  border: 0;
  font-family: "Amino Bold", sans-serif;
}

#main-content .search_categories {
  height: 40px;
  padding-left: 0.5em;
  width: 33%;
  padding-top: 0px;
}

#main-content .select2-container .select2-selection--single {
  height: 40px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 40px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  margin-top: 5px;
}

.select2-container--default .select2-selection--single {
  background: #f5f0f0;
  border: none;
  border-radius: 0px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 15px;
  font-family: "Amino Bold", sans-serif;
}

.job_filters .job_types {
  font-size: 14px;
  color: #555;
  font-family: "Amino Medium", sans-serif;
  border: none !important;
  background: none !important;
}

.rp4wp-related-job_listing > ul,
ul.job_listings {
  border: none;
}

#main-content .search_categories .chosen-container-single .chosen-single {
  height: 40px;
  background: #f5f0f0;
  border: 0;
}

#main-content .search_categories .chosen-container-single .chosen-single span {
  margin-top: 15px;
}

#main-content .search_categories .chosen-container-single .chosen-single div b {
  background-position: 2px 11px;
}

#main-content
  .search_categories
  .chosen-container-active.chosen-with-drop
  div
  b {
  background-position: -15px 11px;
}

#main-content .job_types {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  list-style: none;
}

#main-content .job_types li {
  border-right: 0;
}

#main-content ul.job_listings {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}

#main-content ul.job_listings li.job_listing {
  width: calc(33.3% - 10px);
  margin: 10px 10px 0 0;
  max-height: 220px;
}

#main-content ul.job_listings li.job_listing::-webkit-scrollbar-button {
  display: none;
}

#main-content ul.job_listings li.job_listing:nth-child(3n + 3) {
  margin: 10px 0 0;
  width: 33%;
}

#main-content ul.job_listings li.job_listing a {
  padding: 20px;
  display: flex;
  color: white !important;
  border-radius: 0px;
  transition: 1s;
  height: 100%;
  opacity: 1;
}

#main-content ul.job_listings li.job_listing a:hover {
  background-position: 0 -100%;
}

#main-content ul.job_listings li.job_listing a .company_logo {
  left: 20px;
  bottom: 16px;
}

#main-content ul.job_listings li.job_listing a .position {
  padding: 0;
  width: 100%;
}

#main-content ul.job_listings li.job_listing a .position h3 {
  font-family: "Amino Bold";
  font-size: 16px;
  text-transform: uppercase;
}

#main-content ul.job_listings li.job_listing a .position > * {
  color: white;
  font-size: 14px;
  line-height: 1.5em;
}

#main-content ul.job_listings li.job_listing a .location {
  width: 100%;
  color: white;
  padding-left: 0;
  font-size: 14px;
  font-style: italic;
  line-height: 3em;
}

#main-content ul.job_listings li.job_listing a ul.meta {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0;
  float: none;
  flex-wrap: wrap;
}

#main-content ul.job_listings li.job_listing a img.company_logo {
  width: 150px !important;
  height: 150px !important;
  position: initial;
}

.job-type.temps-plein {
  min-width: 30%;
  display: none !important;
}

.job-type.temps-partiel {
  min-width: 35%;
  display: none !important;
}

#main-content ul.job_listings li.job_listing a ul.meta .job-type {
  padding: 2px 10px;
  background: white;
  border-radius: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 24px;
}

#main-content ul.job_listings li.job_listing a ul.meta .date {
  color: white;
  position: relative;
}

#main-content ul.job_listings li.job_listing a ul.meta .date:before {
  content: "\f017";
  font-family: FontAwesome;
  position: absolute;
  width: 20px;
  height: 20px;
  color: white;
  left: -27px;
  font-size: 25px;
}

/* On gère ici la couleur des postes */

body.single-job_listing article.Dentaire .et_post_meta_wrapper:first-child {
  background: #2e9d77;
}

body.single-job_listing article.Dentaire .entry-content .job-listing-meta {
  background: #2e9d77;
}

li.job_listing[data-categorie="Dentaire"] a {
  border: solid 3px #2e9d77 !important;
}

li.job_listing[data-categorie="Dentaire"] a h3,
li.job_listing[data-categorie="Dentaire"] a strong,
li.job_listing[data-categorie="Dentaire"] a .location {
  color: #2e9d77 !important;
}

li.job_listing[data-categorie="Dentaire"] a .meta .job-type {
  background: #2e9d77 !important;
  padding: 4px 10px;
  padding-bottom: 0px !important;
  color: white !important;
}

body.single-job_listing article.Audition .et_post_meta_wrapper:first-child {
  background: #004153;
}

body.single-job_listing article.Audition .entry-content .job-listing-meta {
  background: #004153;
}

li.job_listing[data-categorie="Audition"] a {
  border: solid 3px #004153 !important;
}

li.job_listing[data-categorie="Audition"] a h3,
li.job_listing[data-categorie="Audition"] a strong,
li.job_listing[data-categorie="Audition"] a .location {
  color: #004153 !important;
}

li.job_listing[data-categorie="Audition"] a .meta .job-type {
  background: #004153 !important;
  padding: 4px 10px;
  padding-bottom: 0px !important;
  color: white !important;
}

body.single-job_listing article.Optique .et_post_meta_wrapper:first-child {
  background: #005172;
}

body.single-job_listing article.Optique .entry-content .job-listing-meta {
  background: #005172;
}

li.job_listing[data-categorie="Optique"] a {
  border: solid 3px #005172 !important;
}

li.job_listing[data-categorie="Optique"] a h3,
li.job_listing[data-categorie="Optique"] a strong,
li.job_listing[data-categorie="Optique"] a .location {
  color: #005172 !important;
}

li.job_listing[data-categorie="Optique"] a .meta .job-type {
  background: #005172 !important;
  padding: 4px 10px;
  padding-bottom: 0px !important;
  color: white !important;
}

body.single-job_listing article.personne .et_post_meta_wrapper:first-child {
  background: #72207e;
}

body.single-job_listing article.personne .entry-content .job-listing-meta {
  background: #72207e;
}

li.job_listing[data-categorie="Services à la personne"] a {
  border: solid 3px #72207e !important;
}

li.job_listing[data-categorie="Services à la personne"] a h3,
li.job_listing[data-categorie="Services à la personne"] a strong,
li.job_listing[data-categorie="Services à la personne"] a .location {
  color: #72207e !important;
}

li.job_listing[data-categorie="Services à la personne"] a .meta .job-type {
  background: #72207e !important;
  padding: 4px 10px;
  padding-bottom: 0px !important;
  color: white !important;
}

body.single-job_listing article.SSIAD .et_post_meta_wrapper:first-child {
  background: #72207e;
}

body.single-job_listing article.SSIAD .entry-content .job-listing-meta {
  background: #72207e;
}

li.job_listing[data-categorie="SSIAD"] a {
  border: solid 3px #72207e !important;
}

li.job_listing[data-categorie="SSIAD"] a h3,
li.job_listing[data-categorie="SSIAD"] a strong,
li.job_listing[data-categorie="SSIAD"] a .location {
  color: #72207e !important;
}

li.job_listing[data-categorie="SSIAD"] a .meta .job-type {
  background: #72207e !important;
  padding: 4px 10px;
  padding-bottom: 0px !important;
  color: white !important;
}

body.single-job_listing
  article.Médico-social
  .et_post_meta_wrapper:first-child {
  background: #6ee1e1;
}

body.single-job_listing article.Médico-social .entry-content .job-listing-meta {
  background: #6ee1e1;
}

li.job_listing[data-categorie="Médico-social"] a {
  border: solid 3px #6ee1e1 !important;
}

li.job_listing[data-categorie="Médico-social"] a h3,
li.job_listing[data-categorie="Médico-social"] a strong,
li.job_listing[data-categorie="Médico-social"] a .location {
  color: #6ee1e1 !important;
}

li.job_listing[data-categorie="Médico-social"] a .meta .job-type {
  background: #6ee1e1 !important;
  padding: 4px 10px;
  padding-bottom: 0px !important;
  color: white !important;
}

body.single-job_listing
  article.Services.solidaires
  .et_post_meta_wrapper:first-child {
  background: #d57208;
}

body.single-job_listing
  article.Services.solidaires
  .entry-content
  .job-listing-meta {
  background: #d57208;
}

li.job_listing[data-categorie="Services solidaires"] a {
  border: solid 3px #d57208 !important;
}

li.job_listing[data-categorie="Services solidaires"] a h3,
li.job_listing[data-categorie="Services solidaires"] a strong,
li.job_listing[data-categorie="Services solidaires"] a .location {
  color: #d57208 !important;
}

li.job_listing[data-categorie="Services solidaires"] a .meta .job-type {
  background: #d57208 !important;
  padding: 4px 10px;
  padding-bottom: 0px !important;
  color: white !important;
}

body.single-job_listing
  article.Services.supports
  .et_post_meta_wrapper:first-child {
  background: #555555;
}

body.single-job_listing
  article.Services.supports
  .entry-content
  .job-listing-meta {
  background: #555555;
}

li.job_listing[data-categorie="Services supports"] a {
  border: solid 3px #555555 !important;
}

li.job_listing[data-categorie="Services supports"] a h3,
li.job_listing[data-categorie="Services supports"] a strong,
li.job_listing[data-categorie="Services supports"] a .location {
  color: #555555 !important;
}

li.job_listing[data-categorie="Services supports"] a .meta .job-type {
  background: #555555 !important;
  padding: 4px 10px;
  padding-bottom: 0px !important;
  color: white !important;
}

body.single-job_listing
  article.Administratif
  .et_post_meta_wrapper:first-child {
  background: #555555;
}

body.single-job_listing article.Administratif .entry-content .job-listing-meta {
  background: #555555;
}

li.job_listing[data-categorie="Administratif"] a {
  border: solid 3px #555555 !important;
}

li.job_listing[data-categorie="Administratif"] a h3,
li.job_listing[data-categorie="Administratif"] a strong,
li.job_listing[data-categorie="Administratif"] a .location {
  color: #555555 !important;
}

li.job_listing[data-categorie="Administratif"] a .meta .job-type {
  background: #555555 !important;
  padding: 4px 10px;
  padding-bottom: 0px !important;
  color: white !important;
}

body.single-job_listing #top-header {
  background-color: #ff2d23;
}

body.single-job_listing hr {
  border-top: 2px solid #e2e0e0;
}

body.single-job_listing #main-content {
  background-color: #f4f7f9;
}

body.single-job_listing article {
  background: white;
  position: relative;
}

body.single-job_listing article .et_post_meta_wrapper {
  display: inline-block;
}

body.single-job_listing article .et_post_meta_wrapper:first-child {
  /* background: #f98a22; */
  background: #ffffff;
  padding: 20px;
  color: white;
  position: relative;
  width: 100%;
}

body.single-job_listing article .et_post_meta_wrapper:first-child .entry-title {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  width: 75%;
}

body.single-job_listing article .et_post_meta_wrapper:first-child .post-meta {
  color: #f98a22;
}

body.single-job_listing article .et_post_meta_wrapper:first-child .post-meta a {
  color: white !important;
}

body.single-job_listing
  article
  .et_post_meta_wrapper:first-child
  .post-meta
  .author {
  position: absolute;
  left: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

body.single-job_listing article .et_post_meta_wrapper:first-child .published {
  width: 50%;
  background: white;
  color: black;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2em;
  padding: 5px 15px;
  display: block;
  mix-blend-mode: screen;
}

body.single-job_listing article .published {
  display: none !important;
}

body.single-job_listing article .et_post_meta_wrapper:first-child img {
  display: none;
}

body.single-job_listing article .print-share {
  width: 50%;
  float: right;
  position: absolute;
  top: 4%;
  right: 0;
}

div.printfriendly a,
div.printfriendly a:link,
div.printfriendly a:visited {
  color: white;
}

.single-job_listing .printfriendly a,
.single-job_listing div.printfriendly a:link,
.single-job_listing div.printfriendly a:visited {
  color: white !important;
}

body.single-job_listing article .entry-content .job-listing-meta {
  width: 100%;
}

body.single-job_listing article .job-listing-meta {
  width: 50%;
}

body.single-job_listing article .entry-content {
  padding-top: 0;
}

body.single-job_listing article .entry-content .job-listing-meta {
  /* background: #f98a22; */
  background: #ffffff;
  list-style-type: none !important;
}

.single_job_listing .meta .job-type {
  color: black;
  background: white;
  mix-blend-mode: screen;
  font-weight: bold;
  border-radius: 0px !important;
}

ul.job-listing-meta.meta {
  padding: 0 0 20px 20px !important;
}

body.single-job_listing article .entry-content .location,
body.single-job_listing article .entry-content .date-posted {
  color: white;
}

body.single-job_listing article .entry-content .location a,
body.single-job_listing article .entry-content .date-posted a {
  color: white;
}

body.single-job_listing article .company {
  border: 0 !important;
  box-shadow: none;
}

body.single-job_listing article .company,
body.single-job_listing article .job_description,
body.single-job_listing article .job_application {
  padding: 30px;
}

body.single-job_listing article .printomatic {
  margin: 15px 0;
}

body.single-job_listing article .printomatic::after {
  content: "Imprimer";
  font-family: "Amino", "Amino Regular";
  position: absolute;
  left: 7%;
}

body.single-job_listing .application .application_button {
  background: #ff2d23;
  color: white;
  border: solid 2px #ff2d23;
  transition: 0.7s;
  text-transform: uppercase;
  font-weight: bold;
}

body.single-job_listing .application .application_button:hover {
  background: #ff2d23;
}

body.single-job_listing .job-manager-application-form input[type="submit"] {
  background: #ff2d23;
  color: white;
  border: solid 2px #ff2d23;
  transition: 0.7s;
  text-transform: uppercase;
  font-weight: bold;
}

body.single-job_listing
  .job-manager-application-form
  input[type="submit"]:hover {
  background: #ff2d23;
}

.container-bloc-actu .bloc-actu article {
  /*background-color: #ecf0f1;*/
  display: flex;
  flex-direction: row-reverse;
  margin: 0;
}

.container-bloc-actu .bloc-actu .block-text {
  background-color: #fff;
  padding: 32px 32px 0;
}

.container-bloc-actu .bloc-actu .block-text h2 {
  margin-top: 0;
}

.container-bloc-actu .bloc-actu .post-content {
  margin-top: 20px;
}

.container-bloc-actu .bloc-actu .post-meta {
  text-transform: capitalize;
}

.container-bloc-actu .bloc-actu .post-meta:before {
  content: "Actualités";
  display: block;
  font-size: 17px;
  color: #ff2d23;
}

.container-bloc-actu .bloc-actu .more-link {
  width: 250px;
  /*background: grey;*/
  text-align: center;
  padding: 10px 15px;
  /*border-radius: 5px;*/
  text-transform: uppercase;
  font-weight: bold;
  /*color: white;*/
  margin-top: 40px;
  color: #ff2d23;
  border: solid 2px #ff2d23;
}

.container-bloc-actu .bloc-actu .more-link:hover {
  width: 250px;
  /*background: #373c42;*/
  text-align: center;
  padding: 10px 15px;
  /*border-radius: 5px;*/
  /*text-transform: uppercase;*/
  font-weight: bold;
  /*color: white;*/
  margin-top: 40px;
  transition: 0.7s;
  background: #ff2d23;
  color: white!important;
}

.wrap-carousel {
  height: auto;
  background-color: white !important;
}

.wrap-carousel .et_pb_slide {
  border: solid 1px #e2e2e2;
}

.wrap-carousel .et_pb_slide .et_pb_slide_overlay_container {
  background-color: transparent !important;
}

.wrap-carousel .et_pb_container {
  height: 100% !important;
}

.wrap-carousel
  .et_pb_container
  .et_pb_slider_container_inner
  .et_pb_slide_description {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2% 5%;
  background: rgba(255, 255, 255, 0.6);
}

.wrap-carousel
  .et_pb_container
  .et_pb_slider_container_inner
  .et_pb_slide_description
  a {
  margin: 0;
  font-size: 20px;
  border: 1px solid black;
  font-weight: 300;
  padding: 2px 20px;
  transition: 0.7s;
  color: black;
  overflow: hidden;
  max-width: 100%;
  display: block;
  text-overflow: ellipsis;
}

.wrap-carousel
  .et_pb_container
  .et_pb_slider_container_inner
  .et_pb_slide_description
  a:hover {
  padding-right: 30px;
}

.wrap-carousel
  .et_pb_container
  .et_pb_slider_container_inner
  .et_pb_slide_description
  h2 {
  padding: 0;
  max-width: 500px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.wrap-carousel
  .et_pb_container
  .et_pb_slider_container_inner
  .et_pb_slide_description::before {
  content: "ACTUALITÉ";
  color: #ff2d23;
  text-shadow: none;
  font-size: 21px;
  font-weight: bold;
}

.wrap-carousel
  .et_pb_container
  .et_pb_slider_container_inner
  .et_pb_slide_description
  .et_pb_slide_content {
  display: none;
}

.wrap-carousel
  .et_pb_container
  .et_pb_slider_container_inner
  .et_pb_slide_description
  .et_pb_slide_title {
  color: black !important;
  font-size: 24px;
  text-shadow: none;
  line-height: 1.8em;
}

.et_pb_slider .et-pb-arrow-next:focus {
  text-decoration: none;
}

.wrap-carousel .et-pb-slider-arrows .et-pb-arrow-next,
.wrap-carousel .et-pb-slider-arrows .et-pb-arrow-prev {
  border-radius: 50%;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 30px;
  font-size: 30px;
  opacity: 1;
}

.wrap-carousel .et-pb-slider-arrows .et-pb-arrow-prev {
  left: 25px;
}

.wrap-carousel .et-pb-slider-arrows .et-pb-arrow-next {
  right: 25px;
}

.container-bloc-actu .block-text {
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.bloc-info-optique {
  padding: 35px;
  width: 32.5%;
}

.bloc-info-optique:last-child {
  margin-bottom: 2.75% !important;
}

.bloc-info-optique i {
  position: relative;
  top: 8px;
}

/**************** IE 10 and above *****************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /***** News ******/
  .bloc-info-optique {
    width: calc(33.3% - 20px);
    margin-right: 20px;
    display: inline-block;
  }

  .bloc-info-optique:nth-child(3n + 3) {
    margin-right: 0;
  }

  .bloc-info-domicile {
    display: inline-block;
    width: 50%;
    float: left;
  }

  .toutes-les-actus article .block-image {
    width: 30%;
    display: inline-block;
  }

  .toutes-les-actus article .block-image img {
    max-width: 100%;
  }

  .toutes-les-actus article .block-text {
    display: inline-block;
    width: 70%;
  }
}

body.portail .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-next,
body.portail .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-prev {
  background: #ff2d23;
}

body.optique .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-next,
body.optique .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-prev {
  background: #005172;
}

body.audition .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-next,
body.audition .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-prev {
  background: #005172;
}

body.dentaire .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-next,
body.dentaire .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-prev {
  background: #005172;
}

body.services-solidaires .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-next,
body.services-solidaires .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-prev {
  background: #d57208;
}

body.services-a-domicile .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-next,
body.services-a-domicile .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-prev {
  background: #00a0af;
}

.suivez-nous-sur-youtube::before {
  content: "";
  background: url("/wp-content/uploads/2017/11/icon-youtube.ico");
  height: 50px;
  width: 50px;
  position: absolute;
  right: 10px;
  background-size: 100%;
}

.block-lien-youtube {
  padding: 10px 0;
}

body.optique .toutes-les-actus article .block-text .post-meta {
  color: #005172;
  font-weight: bold;
}

body.services-solidaires .toutes-les-actus article .block-text .post-meta {
  color: #d57208;
  font-weight: bold;
}

.onglets_optique h5.et_pb_toggle_title {
  color: #fff;
}

.onglets_optique .et_pb_toggle_open h5.et_pb_toggle_title {
  color: #000;
}

.onglets_optique .et_pb_toggle_open h5.et_pb_toggle_title:after {
  color: #000;
}

/******************************** AUDITION *****************************/
body.audition .toutes-les-actus article .block-text .post-meta {
  color: #005172;
  font-weight: bold;
}

.sous-titre-audition h2 {
  background: #005172;
  padding: 15px;
}

.petit-titre {
  padding-top: 12px;
}

.bandeau {
  width: 100%;
  padding: 35px;
  display: flex;
  align-items: center;
}

.bandeau-optique {
  background: #005172;
}

.bandeau-audition {
  background: #005172;
}

.bandeau-dentaire {
  background: #005172;
}

@media screen and (max-width: 1520px) {
  .wrap-carousel
    .et_pb_container
    .et_pb_slider_container_inner
    .et_pb_slide_description {
    flex-direction: column;
    padding: 15px;
  }

  .wrap-carousel
    .et_pb_container
    .et_pb_slider_container_inner
    .et_pb_slide_description
    a {
    font-size: 15px;
    margin: 20px 0 10px;
  }

  .wrap-carousel
    .et_pb_container
    .et_pb_slider_container_inner
    .et_pb_slide_description::before {
    display: none;
  }

  .wrap-carousel
    .et_pb_container
    .et_pb_slider_container_inner
    .et_pb_slide_description
    .et_pb_slide_title {
    font-size: 18px;
    max-width: 350px;
  }
}

@media screen and (max-width: 767px) {
  .container-bloc-actu .bloc-actu .block-text {
    padding: 32px;
  }
  .validite-ordonnance-optique .modal-verif-ordo .modal-dialog {
    width: 90%;
    margin: auto;
  }
}

body.fiche .et_post_meta_wrapper .entry-title {
  text-transform: uppercase;
  color: white;
  padding: 35px;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
}

body.fiche .et_post_meta_wrapper img,
body.fiche .et_post_meta_wrapper p {
  display: none;
}

body.fiche .block-mutli-images {
  padding: 0;
}

body.fiche-optique .et_post_meta_wrapper .entry-title {
  background: #005172;
}

body.fiche-audition .et_post_meta_wrapper .entry-title {
  background: #005172;
}

body.fiche-dentaire .et_post_meta_wrapper .entry-title {
  background: #005172;
}

body.fiche .block-texte-article {
  background: #fff;
  padding: 30px 30px 30px 40px;
  border: solid 3px;
}

body.fiche .block-texte-article.dentaire {
  border-color: #005172;
}

body.fiche .block-texte-article.dentaire h3 {
  color: #005172;
}

body.fiche .block-texte-article h3 {
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

body.fiche .block-texte-article h3::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: cover;
  position: absolute;
  left: -30px;
}

body.fiche .block-texte-article h3.adresse-article::before {
  content: "";
  background: url("/wp-content/uploads/2018/04/adresse_mfsl.svg") no-repeat
    center;
}

body.fiche .block-texte-article h3.tel-article::before {
  content: "";
  background: url("/wp-content/uploads/2018/04/tel_mfsl.svg") no-repeat center;
}

body.fiche .block-texte-article h3.specialites-article::before {
  content: "";
  background: url("/wp-content/uploads/2018/04/specialite_mfsl.svg") no-repeat
    center;
}

body.fiche .block-texte-article h3.mail-article::before {
  content: "";
  background: url("/wp-content/uploads/2018/04/mail_mfsl.svg") no-repeat center;
}

body.fiche .block-texte-article h3.horaires-article::before {
  content: "";
  background: url("/wp-content/uploads/2018/04/horaires_mfsl.svg") no-repeat
    center;
}

body.fiche .block-texte-article p {
  color: #000;
}

body.fiche .block-texte-article a,
body.fiche .block-texte-article a:hover,
body.fiche .block-texte-article a:focus,
body.fiche .block-texte-article a:active {
  color: black;
}

body.fiche .visitez-notre-cabinet {
  background: #fff;
  font-size: 20px;
  font-style: italic;
  padding-top: 0;
}

body.fiche .visitez-notre-cabinet.dentaire h2 {
  color: #005172 !important;
  font-weight: bold;
}

body.annuaire .entry-content article {
  padding: 0;
  background: transparent;
  border: solid 1px;
  transform: translateY(0);
  transition: 0.5s;
  overflow: hidden;
  height: 590px;
}

body.annuaire .entry-content article .block-text h2.entry-title {
  text-transform: uppercase;
  font-weight: bold;
  padding: 20px;
  position: relative;
  margin-top: 0;
}

body.annuaire .entry-content article .block-text h2.entry-title a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 10px 15px;
}

body.annuaire .entry-content article .block-text .post-content .adresse {
  padding: 15px;
  min-height: 80px;
}

body.annuaire .entry-content article .block-text .post-content .horaires {
  color: white;
  margin: 10px 0;
  padding: 15px;
  width: 100%;
}

body.annuaire .entry-content article .block-text .more-link {
  width: 135px;
  height: 30px;
  background: transparent;
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding-top: 2px;
  font-weight: bold;
  transition: 0.7s;
  border: solid 2px;
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  margin: auto;
}

body.annuaire .entry-content article .block-text .more-link:hover {
  cursor: pointer;
}

body.annuaire .entry-content article:hover {
  transform: translateY(-3%);
  box-shadow: 0 6px 20px grey;
}

/* Couleur de fond des éléments de l'annuaire */
body.annuaire.optique .entry-content article {
  border-color: #005172;
}

@media screen and (min-width: 1630px) {
  body.annuaire.dentaire .entry-content article,
  body.annuaire.optique .entry-content article {
    min-height: 640px;
  }

  body.annuaire.audition .entry-content article {
    min-height: 640px;
  }
}

body.annuaire.optique .entry-content .horaires {
  background: #005172;
}

body.annuaire.optique .entry-content .block-text .more-link {
  border-color: #005172;
  background: #005172;
}

body.annuaire.audition .entry-content article {
  border-color: #005172;
}

body.annuaire.audition .entry-content .horaires {
  background: #005172;
}

body.annuaire.audition .entry-content .block-text .more-link {
  border-color: #005172;
  background: #005172;
}

body.annuaire.dentaire .entry-content article {
  border-color: #2e9d77;
}

body.annuaire.dentaire .entry-content .horaires {
  background: #2e9d77;
}

body.annuaire.dentaire .entry-content .block-text .more-link {
  border-color: #2e9d77;
  background: #2e9d77;
}

.offre-dentaire {
  color: white;
  padding: 20px;
  background: #2e9d77;
}

.offre-dentaire h2 {
  font-weight: bold;
  color: white;
}

.offre-dentaire p {
  color: white;
  margin-bottom: 10px;
}

.offre-dentaire a {
  color: #2e9d77;
  background: white;
  padding: 10px 20px;
  border-radius: 7px;
  text-transform: uppercase;
  font-weight: bold;
}

a.prendreRDV {
  color: white;
  border: 1px solid white;
  width: 135px;
  height: 30px;
  background: transparent;
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding-top: 2px;
  font-weight: bold;
  transition: 0.7s;
  left: 0;
  right: 0;
  bottom: 15px;
  margin: auto;
}

a.prendreRDV:hover {
  cursor: pointer;
}

.visite-virtuelle {
  font-size: 22px;
  font-style: italic;
  font-weight: bold;
  background: #fff !important;
}

.visite-virtuelle.optique {
  color: #005172;
}

.visite-virtuelle.dentaire {
  color: #2e9d77;
}

.visite-virtuelle.audition {
  color: #005172;
}

.phrase-intro {
  color: black;
  background: white;
  padding: 20px;
  border: solid 3px #005172;
}

.phrase-intro h2 {
  font-size: 20px;
  line-height: 1.5em;
  padding-bottom: 0;
}

.titre-engagement {
  background: #005172;
  padding: 10px;
}

.titre-engagement h3 {
  color: white;
  padding-bottom: 0;
  font-weight: bold;
  line-height: 1.2em;
  font-size: 22px;
}

.titre-engagement h3::before {
  content: "";
  background: url("http://www.preprod.mutualite-saone.kaiman.fr/wp-content/uploads/2018/03/preconisations.png");
  width: 25px;
  height: 21px;
  background-size: 100%;
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  margin: 0 15px 0 15px;
}

.block-engagements {
  border: solid 3px #005172;
}

.block-engagements .wrap-texte {
  padding: 20px;
}

.block-engagements h3 {
  line-height: 1.5em;
}

.block-engagements h3 span {
  padding: 10px;
  font-weight: bold;
}

.block-engagements.garantie {
  background: white;
  min-height: 395px;
}

.block-engagements.garantie h3 span {
  display: block;
}

.block-engagements.garantie a {
  color: #005172;
  text-decoration: underline;
}

.asterisques {
  font-size: 12px;
  font-style: italic;
}

.engagement .texte-bandeau-header h1 {
  color: #fff;
}

.engagementSousHeader {
  padding: 20px !important;
  border: solid 3px;
  background: #fff;
}

.engagementSousHeader.dentaire {
  border-color: #2e9d77;
  background: #fff;
}

.engagementSousHeader.audition {
  border-color: #005172;
  background: #fff;
}

.engagementSousHeaderTexte h2 {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}

.engagementSousHeaderTexte.dentaire h2 {
  color: #2e9d77;
}

.engagementSousHeaderTexte.audition h2 {
  color: #005172;
}

.engagementSousHeaderTexte p {
  color: #000;
}

.engagementImageFullWidth img {
  width: 100%;
}

.engagementPhraseAccrocheContainer {
  padding-top: 0 !important;
  padding-bottom: 15px !important;
}

.engagementPhraseAccroche {
  background: #fff;
}

.engagementPhraseAccroche h2 {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}

.engagementPhraseAccroche.dentaire h2 {
  color: #2e9d77;
}

.engagementPhraseAccroche.audition h2 {
  color: #005172;
}

.engagementBloc {
  border: solid 3px;
  padding: 0 !important;
  margin-bottom: 30px;
}

.engagementBloc.dentaire {
  background: #2e9d77;
}

.engagementBloc.audition {
  background: #005172;
}

.engagementBlocTitreBloc {
  margin-bottom: 0 !important;
}

.engagementBlocTitreBloc h3 {
  font-size: 22px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  padding: 10px;
}

.engagementBlocTitreBloc.dentaire {
  background: #2e9d77;
}

.engagementBlocTitreBloc.audition {
  background: #005172;
}

.engagementBlocTexteBloc {
  padding: 20px;
  background: #fff;
}

.engagementBlocTexteBloc p,
.engagementBlocTexteBloc li {
  color: #000;
}

.engagementBloc.dentaire {
  border-color: #2e9d77;
}

.engagementBloc.audition {
  border-color: #005172;
}

@media screen and (max-width: 1024px) {
  .engagementBloc > .et_pb_column {
    margin-bottom: 0;
  }
}

/*************************** SERVICES SOLIDAIRES ***********************/
.lesprit-mutualiste {
  padding: 20px 70px;
}

.wrap-block-jaune-optique .et_pb_column {
  display: flex;
  flex-direction: column;
  width: calc(50% - 5px);
  align-items: center;
  justify-content: space-between;
  margin-right: 10px;
}

.wrap-block-jaune-optique .et_pb_column .block-jaune-optique {
  width: 100%;
  padding: 15px 10px 5px;
  margin-bottom: 10px;
}

.wrap-block-jaune-services {
  display: flex;
}

.wrap-block-jaune-services .et_pb_column {
  display: flex;
  flex-direction: row;
  width: calc(50% - 5px);
  justify-content: space-between;
  margin-right: 10px;
}

.wrap-block-jaune-services .et_pb_column .block-jaune-services {
  width: 50%;
  padding: 55px 20px 50px;
}

.wrap-block-jaune-services .et_pb_column .block-jaune-services:first-child {
  margin-right: 10px;
  margin-bottom: 0;
}

.bloc-nous-contactez {
  padding: 25px;
}

.bloc-nous-contactez h3 {
  padding: 0;
}

.titre-services-solidaires {
  background: #d57208;
  padding: 20px !important;
  text-align: center;
}

.titre-services-solidaires h1 {
  padding: 0;
  margin: 0;
  color: white;
  font-weight: bold;
}

.lieu h2 {
  text-transform: uppercase;
  font-weight: bold;
  color: #d57208;
}

.border-jaune {
  border: solid 2px #d57208;
  padding: 50px;
}

.block-texte h3,
.block-infos-complementaires h3 {
  color: #d57208;
}

.block-texte p,
.block-infos-complementaires p,
.block-texte li,
.block-infos-complementaires li {
  font-size: 16px;
  color: black;
}

.wrap-block-avantages .block-infos-complementaires h3 {
  color: #d57208;
  font-weight: bold;
  padding-bottom: 0;
  position: relative;
}

.wrap-block-avantages .block-infos-complementaires h3.formule::before {
  content: "";
  background: url(/wp-content/uploads/2018/02/formules.png);
  -webkit-background-size: cover;
  background-size: cover;
  width: 21px;
  height: 30px;
  position: absolute;
  left: -31px;
}

.wrap-block-avantages .block-infos-complementaires h3.horaires::before {
  content: "";
  background: url(/wp-content/uploads/2018/02/horaires.png);
  -webkit-background-size: cover;
  background-size: cover;
  width: 21px;
  height: 21px;
  position: absolute;
  left: -31px;
}

.wrap-block-avantages .block-infos-complementaires h3.paiement::before {
  content: "";
  background: url(/wp-content/uploads/2018/02/paiement.png);
  -webkit-background-size: cover;
  background-size: cover;
  width: 31px;
  height: 16px;
  position: absolute;
  left: -36px;
}

.wrap-block-contact {
  background: #939598;
  color: #fff;
  margin-top: 20px;
}

.wrap-block-contact .wrap-block-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: baseline;
  padding: 15px;
}

.wrap-block-contact .titre-block-contact {
  text-align: center;
}

.wrap-block-contact .titre-block-contact h3 {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}

.wrap-block-contact .texte-block-contact {
  color: white;
}

.wrap-block-contact .texte-block-contact a {
  color: white;
}

.vos-avantages {
  text-align: center;
  text-transform: uppercase;
}

.vos-avantages h2 {
  color: #d57208;
  font-weight: bold;
}

.vos-avantages-titre {
  margin: 45px auto 0 !important;
  padding: 0 !important;
}

.block-infos-bottom {
  display: flex;
  justify-content: center;
}

.block-infos-bottom .wrap-infos-bottom {
  background: #d57208;
  color: white;
  text-align: center;
  padding: 30px;
  max-width: 350px;
  margin: 0 !important;
  border-right: solid 3px white;
}

.block-infos-bottom .wrap-infos-bottom h3 {
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  text-align: center;
}

.contact-services-solidaires input[type="submit"] {
  background: #d57208 !important;
  border: solid 2px #d57208 !important;
}

.contact-services-solidaires textarea {
  max-width: 100%;
  min-width: 100%;
}

.wrap-contact-services-solidaires .radio input[type="radio"] {
  position: relative;
  left: 0;
  margin: 0;
}

.wrap-contact-services-solidaires input::-webkit-input-placeholder,
.wrap-contact-services-solidaires textarea::-webkit-input-placeholder {
  opacity: 0.5 !important;
  /* for older chrome versions. may no longer apply. */
}

.wrap-contact-services-solidaires input,
.wrap-contact-services-solidaires textarea {
  opacity: 1;
}

.ligne-100 .inp-form {
  width: 100%;
}

.wrap-encart {
  border: solid 3px #00a0af;
  padding: 20px !important;
  color: black;
}

.sous-titre-services-a-domicile h2,
.sous-titre-services-a-domicile h3 {
  color: #00a0af;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0;
  line-height: 1.2em;
}

.container-global {
  padding-top: 0 !important;
}

.wrap-block-gauche .titre-colore h3 {
  color: white;
  text-transform: uppercase;
  padding: 15px 15px 15px 50px !important;
  font-weight: bold;
  display: flex;
  align-items: center;
  font-size: 23px;
}

.wrap-block-gauche .titre-colore .et_pb_text_inner > * {
  padding: 0;
}

.wrap-block-gauche .titre-colore .et_pb_text_inner > :not(h3) {
  padding: 0 20px;
}

.wrap-block-gauche .titre-colore .et_pb_text_inner > :not(h3):nth-child(2) {
  padding-top: 20px;
}

.wrap-block-gauche .titre-colore .et_pb_text_inner > :not(h3):last-child {
  padding-bottom: 20px;
}

.wrap-block-gauche .titre-colore:nth-child(3n + 1) {
  margin-bottom: 20px !important;
}

.wrap-block-gauche .titre-colore:nth-child(3n + 1) h3 {
  background: #00a0af;
}

.wrap-block-gauche .titre-colore:nth-child(3n + 1) h3::before {
  content: "";
  background: url(/wp-content/uploads/2018/03/diagnostique-personnalise.png);
  position: absolute;
  width: 30px;
  height: 35px;
  background-repeat: no-repeat;
  left: 10px;
}

.wrap-block-gauche .titre-colore:nth-child(3n + 1) .et_pb_text_inner {
  border: solid 3px #00a0af;
  background-color: #00a0af;
}

.wrap-block-gauche .titre-colore:nth-child(3n + 2) {
  margin-bottom: 20px !important;
}

.wrap-block-gauche .titre-colore:nth-child(3n + 2) h3 {
  background: #00a0af;
}

.wrap-block-gauche .titre-colore:nth-child(3n + 2) h3::before {
  content: "";
  background: url(/wp-content/uploads/2018/03/preconisations.png);
  position: absolute;
  width: 30px;
  height: 23px;
  background-repeat: no-repeat;
  left: 10px;
}

.wrap-block-gauche .titre-colore:nth-child(3n + 2) .et_pb_text_inner {
  border: solid 3px #00a0af;
  background: #00a0af;
}

.wrap-block-gauche .titre-colore:nth-child(3n + 3) h3 {
  background: #00a0af;
}

.wrap-block-gauche .titre-colore:nth-child(3n + 3) h3::before {
  content: "";
  background: url(/wp-content/uploads/2018/03/orientations.png);
  position: absolute;
  width: 30px;
  height: 25px;
  background-repeat: no-repeat;
  left: 10px;
}

.wrap-block-gauche .titre-colore:nth-child(3n + 3) .et_pb_text_inner {
  border: solid 3px #00a0af;
  background: #00a0af;
}

.wrap-block-gauche .titre-colore p,
.wrap-block-gauche .titre-colore ul {
  padding: 20px;
  list-style-position: inside;
  background-color: #fff;
  color: black;
}

.wrap-block-gauche .titre-colore ul li ul {
  list-style: none;
}

.wrap-block-gauche .titre-colore ul li ul li {
  text-indent: 10px;
  position: relative;
}

.wrap-block-gauche .titre-colore ul li ul li::before {
  content: "-";
  position: absolute;
  left: -15px;
}

.wrap-block-gauche .texte-colore {
  padding: 30px;
}

.wrap-block-gauche .texte-colore:first-child {
  border: solid 3px #68328b;
}

.wrap-block-gauche .texte-colore:nth-child(2) {
  border: solid 3px #ec282f;
}

.wrap-block-gauche .texte-colore:last-child {
  border: solid 3px #5bba67;
}

.post-it {
  color: black;
  background: url("/wp-content/uploads/2018/03/sheet_MFSL.png");
  width: 352px;
  max-width: 352px;
  margin: auto;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px;
  position: relative;
  min-height: 389px;
}

.post-it::before {
  content: "";
  background: url("/wp-content/uploads/2018/03/pins_MFSL.png");
  background-size: cover;
  width: 34px;
  height: 51px;
  position: absolute;
  left: -38px;
  right: 0;
  top: -32px;
  margin: auto;
}

.post-it h3 {
  color: #00a0af;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.3em;
}

.block-jaune {
  border: solid 3px #efb71f;
  padding: 25px;
  background: white;
  color: black !important;
}

.block-jaune h3 {
  color: #efb71f;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.3em;
}

.contact-aidelian input[type="submit"] {
  background: #00a0af !important;
  border: solid 2px #00a0af !important;
}

.contact-aidelian textarea {
  max-width: 100%;
  min-width: 100%;
}

.wrap-contact-aidelian .radio input[type="radio"] {
  position: relative;
  left: 0;
  margin: 0;
}

.wrap-contact-aidelian input::-webkit-input-placeholder,
.wrap-contact-aidelian textarea::-webkit-input-placeholder {
  opacity: 0.5 !important;
  /* for older chrome versions. may no longer apply. */
}

.wrap-contact-aidelian input,
.wrap-contact-aidelian textarea {
  opacity: 1;
}

.ligne-100 .inp-form {
  width: 100%;
}

.wpcf7-form .ligne {
  clear: both;
}

.wpcf7-form .ligne > .inp-form {
  display: inline-block;
  width: calc(50% - 5px);
  float: left;
}

.wpcf7-form .ligne > .inp-form input[type="text"] {
  width: 100%;
}

.wpcf7-form .ligne > .inp-form:first-child {
  margin-right: 10px;
}

.wpcf7-form .ligne.ligne-100 > .inp-form {
  width: 100%;
}

.wpcf7-form .ligne .textarea,
.wpcf7-form .ligne select,
.wpcf7-form .ligne .inp-full-form,
.wpcf7-form .ligne input[type="email"] {
  width: 100%;
}

.wpcf7-form .ligne .textarea textarea,
.wpcf7-form .ligne select textarea,
.wpcf7-form .ligne .inp-full-form textarea,
.wpcf7-form .ligne input[type="email"] textarea {
  width: 100%;
}

.wpcf7-form .ligne select {
  color: #999;
  background-color: #eee;
  padding: 16px;
  border: 0;
  margin-bottom: 10px;
  height: auto;
  border-radius: 0;
}

.wpcf7-list-item-label {
  font-size: 12px;
}

.wpcf7-form .ligne .inp-full-form {
  margin: 5px 0;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  color: #999;
  background-color: #eee;
  padding: 16px;
  border: 0;
  margin-bottom: 10px;
  max-height: 200px;
  border-radius: 0;
  width: 100%;
}

.wpcf7-form input[type="submit"].contactForm {
  background: #ff2d23;
  color: white;
  border: solid 2px #ff2d23;
  padding: 9px 27px;
  margin: 30px auto 30px auto;
  display: block;
  text-transform: uppercase;
  font-family: "Amino Medium";
}

.wpcf7-form input[type="submit"].contactForm:hover {
  transition: 0.7s;
  cursor: pointer;
}

.wpcf7-form .wpcf7-mail-sent-ok {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 5px;
  border-radius: 3px;
  margin-top: 25px;
  width: 100%;
}

.wpcf7-form .wpcf7-not-valid-tip,
.wpcf7-form .wpcf7-mail-sent-ng {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 5px;
  border-radius: 3px;
  width: 100%;
  margin-bottom: 10px;
}

.wpcf7-form .wpcf7-validation-errors {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
  padding: 5px;
  margin: 20px 0 0;
  border-radius: 3px;
}

/******************** RÉSEAU NATIONAL DES CSM ***************/
.image-reseau-national img {
  width: 100%;
}

.titre-reseau-national {
  padding: 15px 15px 7px;
}

/********************* ARTICLE SEUL *************************/
body.single-post article .fluid-width-video-wrapper {
  margin: 20px 0;
}

.logged-in-as a {
  color: #ff2d23;
}

footer#main-footer {
  background: #f5f0f0;
  -webkit-clip-path: polygon(
    50% 0%,
    96% 30%,
    100% 38%,
    100% 100%,
    0 100%,
    0 42%,
    10% 18%
  );
  clip-path: polygon(
    50% 0%,
    96% 30%,
    100% 38%,
    100% 100%,
    0 100%,
    0 42%,
    10% 18%
  );
}

footer#main-footer .container {
  max-width: 100%;
  height: 100%;
  padding-top: 60px;
}

footer#main-footer #footer-widgets {
  padding: 30px 0 0;
}

footer#main-footer #footer-widgets .footer-widget {
  width: 100% !important;
  margin: 0;
}

footer#main-footer #footer-widgets .footer-widget .fwidget {
  width: 100% !important;
}

footer#main-footer #footer-widgets .footer-widget ul#menu-footer {
  display: flex;
  justify-content: center;
}

footer#main-footer #footer-widgets .footer-widget ul#menu-footer .menu-item a {
  color: #222;
  font-size: 15px;
  font-weight: 300;
  margin: 0 15px;
}

footer#main-footer
  #footer-widgets
  .footer-widget
  ul#menu-footer
  .menu-item:before {
  display: none;
}

#footer-bottom {
  background-color: transparent;
}

.site-realise {
  background-color: #333;
  text-align: center;
  color: white;
  width: 100%;
  padding: 20px 5px;
  position: relative;
  padding-bottom: 40px;
  font-size: 11px;
}

.site-realise a {
  color: white;
  font-family: "Amino Bold";
}

@media screen and (max-width: 1400px) {
  footer#main-footer
    #footer-widgets
    .footer-widget
    ul#menu-footer
    .menu-item
    a {
    font-size: 13px;
    margin: 0;
  }

  body .searchForm_actu .et_pb_searchsubmit {
    width: 20%;
  }

  body .tri-par-date-actu .form_search_order .submit_form_search_order {
    width: 20%;
  }
}

@media screen and (max-width: 768px) {
  footer#main-footer #footer-widgets .footer-widget ul#menu-footer {
    flex-direction: column;
    text-align: center;
  }
}

/****************************************************************************************************/
/****************************************************************************************************/
/*                                      MEDIAS QUERIES                                              */
/****************************************************************************************************/
/****************************************************************************************************/
@media all and (max-width: 1480px) {
  /****************************** OFFRES D'EMPLOI **************************/
  body.offres-demploi #left-area ul.job_listings li.job_listing,
  body.offres-demploi
    #left-area
    ul.job_listings
    li.job_listing:nth-child(3n + 3) {
    width: calc(50% - 20px);
    margin: 20px 20px 0 0;
  }

  body.offres-demploi
    #left-area
    ul.job_listings
    li.job_listing:nth-child(2n + 2) {
    margin: 20px 0 0;
  }
}

@media all and (max-width: 1230px) {
  .block-a-decouvrir .wrap-block-inner-esprit-mutualiste {
    width: 44.5%;
    height: 155px;
    margin-top: 1%;
  }
}

@media all and (max-width: 1080px) {
  /******************************** PORTAIL ************************************/
  /***************************** OFFRE D'EMPLOI ********************************/
  /***************************** EN PRATIQUE ********************************/
  body.portail .container-petit-bascule .wrap-bascule {
    width: 100%;
    margin: 5px 0;
  }

  body.offres-demploi #left-area ul.job_listings li.job_listing,
  body.offres-demploi
    #left-area
    ul.job_listings
    li.job_listing:nth-child(3n + 3),
  body.offres-demploi
    #left-area
    ul.job_listings
    li.job_listing:nth-child(2n + 2) {
    width: 100%;
    margin: 10px 0;
  }

  .documents-utiles a {
    width: 100%;
    float: none;
  }

  .documents-utiles a:nth-child(2n + 2) {
    float: none;
  }
}

@media all and (max-width: 980px) {
  body.annuaire .entry-content article {
    min-height: 590px;
  }
  /*************************** MODAL NOUVEAU VENU ******************************/
  /************************** Menu lateral *************************/
  /************************************ OPTIQUE *********************************/
  /********************************** ANNUAIRE ********************************/
  /**************************** NOS VALEURS *************************/
  /**************************** NEWSLETTER *********************************/
  #et-secondary-menu,
  #et-secondary-nav,
  .et_secondary_nav_only_menu #top-header {
    display: block !important;
  }

  .modal-nouveau-venu {
    padding-left: 0;
  }

  .modal-nouveau-venu .modal-dialog {
    left: 0;
    height: 480px;
  }

  .et_header_style_centered #main-header {
    padding: 0;
  }

  .et_header_style_centered #main-header div#et-top-navigation {
    margin-top: 0;
    padding: 5px 0;
  }

  .et_header_style_centered #et_mobile_nav_menu {
    margin-top: 0;
  }

  .mobile_menu_bar:before {
    color: #ff2d23;
  }

  .block-lien-youtube.block-rouge {
    transform: translateY(0);
  }

  body.annuaire .entry-content article {
    height: auto;
  }

  body.annuaire .entry-content article .block-text .post-content .horaires,
  body.annuaire .entry-content article .block-text .post-content .more-link {
    position: relative;
    bottom: 0;
  }

  body.annuaire .blog-annuaire .column {
    float: none;
  }

  .wrap-block-nos-valeurs {
    display: flex;
    flex-direction: column;
  }

  .wrap-nos-anciennes-newsletter {
    border-radius: 10px;
  }

  .wrap-nos-anciennes-newsletter .nos-anciennes-newsletter {
    height: 22px;
  }

  .liste-newsletters .item {
    margin-right: 0;
    float: none;
    width: 100%;
  }

  .liste-newsletters .item img {
    width: 100%;
  }

  .liste-newsletters .item:nth-child(3n + 3) {
    margin-right: 0;
  }
}

@media all and (max-width: 768px) {
  /******************************* CONNEXION *************************/
  /***************************** OFFRE D'EMPLOI ********************************/
  /***************************** OFFRE DETAIL ********************************/
  #et-secondary-menu,
  #et-secondary-nav,
  .et_secondary_nav_only_menu #top-header {
    display: block !important;
  }

  div.woocommerce form.login .form-row {
    width: 100%;
    display: block;
  }

  body.offres-demploi #left-area ul.job_listings li.job_listing a div.location {
    float: left;
    text-align: left;
  }

  body.offres-demploi #left-area ul.job_listings li.job_listing a .position,
  body.offres-demploi #left-area ul.job_listings li.job_listing a .location {
    padding: 0;
  }

  body.single-job_listing article .job-listing-meta {
    width: 100%;
  }
}

.text-center {
  text-align: center;
}

.orange {
  color: #f05b48;
}

.white {
  color: white;
}

.bold {
  font-weight: bold;
}

h2 {
  padding-bottom: 0;
}

h3 {
  font-size: 18px;
}

.lien-absolu {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 0;
}

.bouton- * {
  font-size: 14px;
}

.bouton-intranet {
  color: white;
  background: #ff2d23;
  border: solid 2px #ff2d23;
}

.bouton-intranet:hover {
  color: white;
  background: #ff2d23;
  border: solid 2px #ff2d23;
}

.bouton-optique {
  color: white;
  background: #005172;
  border: solid 2px #005172;
}

.bouton-optique:hover {
  color: white;
  background: #005172;
  border: solid 2px #005172;
}

.bouton-dentaire {
  color: white;
  background: #2e9d77;
  border: solid 2px #2e9d77;
}

.bouton-dentaire:hover {
  color: white;
  background: #2e9d77;
  border: solid 2px #2e9d77;
}

.bouton-audition {
  color: white;
  background: #004153;
  border: solid 2px #004153;
}

.bouton-audition:hover {
  color: white;
  background: #004153;
  border: solid 2px #004153;
}

.bouton-autonomie {
  color: white;
  background: #00a0af;
  border: solid 2px #00a0af;
}

.bouton-autonomie:hover {
  color: white;
  background: #00a0af;
  border: solid 2px #00a0af;
}

.bouton-handicap {
  color: white;
  background: #d57208;
  border: solid 2px #d57208;
}

.bouton-handicap:hover {
  color: white;
  background: #d57208;
  border: solid 2px #d57208;
}

/****************************************************************************************************/
/****************************************************************************************************/
/*                                      MEDIAS QUERIES                                              */
/****************************************************************************************************/
/****************************************************************************************************/
@media all and (max-width: 1480px) {
  /************************ SERVICES A DOMICILE *************************/
  .wrap-block-gauche {
    width: 100% !important;
  }

  .wrap-block-droit {
    margin-top: 50px !important;
    width: 100% !important;
  }
}

/* ************************************************************************* */
/* ************************************************************************* */
/*                                  1300PX                                   */
/* ************************************************************************* */
/* ************************************************************************* */
@media all and (max-width: 1300px) {
  /************************ PORTAIL *************************/
  /***************************** OFFRE DETAIL ********************************/
  .container-bloc-actu .bloc-actu article {
    flex-wrap: wrap;
    align-items: center;
  }

  .container-bloc-actu .bloc-actu article .block-image {
    flex: none;
    text-align: center;
    width: 50%;
  }

  .container-bloc-actu .bloc-actu article .block-image img {
    width: 100%;
    max-height: 100%;
  }

  .container-bloc-actu .bloc-actu article .block-text {
    width: 100%;
  }

  body.single-job_listing article .et_post_meta_wrapper:first-child {
    width: 100%;
  }

  body.single-job_listing article .et_post_meta_wrapper:first-child .published {
    font-size: 15px;
    width: 100%;
  }

  body.single-job_listing article .job-listing-meta {
    width: 100%;
  }

  body.single-job_listing article .print-share {
    display: block;
    width: 100%;
    padding: 15px;
    top: 8%;
  }

  body.single-job_listing article .print-share div.pf-aligncenter {
    margin: 0;
  }

  body.single-job_listing article .print-share div.printfriendly a,
  body.single-job_listing article .print-share div.printfriendly a:link,
  body.single-job_listing article .print-share div.printfriendly a:visited {
    color: white;
  }
}

/* ************************************************************************* */
/* ************************************************************************* */
/*                           LAPTOP IPAD LANDSCAPE                           */
/* ************************************************************************* */
/* ************************************************************************* */
@media all and (max-width: 1024px) {
  /***************************** MENU PRINCIPAL ***************************/
  /******************************** ACCUEIL *******************************/
  /***************************** OFFRE D'EMPLOI ********************************/
  /***************************** EN PRATIQUE ********************************/
  #top-header .container #et-secondary-menu #et-secondary-nav {
    display: flex !important;
  }

  .et_header_style_centered #logo {
    max-height: none;
  }

  .wrap-petit-bascule {
    margin-bottom: 20px !important;
  }

  .petit-bascule h5.et_pb_toggle_title {
    font-size: 16px;
  }

  .petit-bascule .et_pb_toggle_content ul li {
    font-size: 11px;
  }

  .petit-bascule .et_pb_toggle_content ul img {
    position: relative;
  }

  .petit-bascule.soins-mutualistes .et_pb_toggle_content ul span {
    font-size: 16px;
  }

  .petit-bascule.services-a-domicile .et_pb_toggle_content ul img,
  .petit-bascule.services-solidaires .et_pb_toggle_content ul img {
    width: 30px;
  }

  .wrap-block-contact .texte-block-contact a {
    font-size: 13px;
  }

  .wrap-block-contact h2 {
    font-size: 20px;
  }

  .wrap-carousel
    .et_pb_container
    .et_pb_slider_container_inner
    .et_pb_slide_description {
    flex-direction: column;
    padding: 15px;
  }

  .wrap-carousel
    .et_pb_container
    .et_pb_slider_container_inner
    .et_pb_slide_description
    a {
    font-size: 15px;
    margin: 20px 0 10px;
  }

  .wrap-carousel
    .et_pb_container
    .et_pb_slider_container_inner
    .et_pb_slide_description::before {
    display: none;
  }

  .wrap-carousel
    .et_pb_container
    .et_pb_slider_container_inner
    .et_pb_slide_description
    .et_pb_slide_title {
    font-size: 18px;
    max-width: 335px;
  }

  body.offres-demploi #left-area ul.job_listings li.job_listing,
  body.offres-demploi
    #left-area
    ul.job_listings
    li.job_listing:nth-child(3n + 3),
  body.offres-demploi
    #left-area
    ul.job_listings
    li.job_listing:nth-child(2n + 2) {
    width: 100%;
    margin: 10px 0;
  }

  .documents-utiles a {
    width: 100%;
    float: none;
  }

  .documents-utiles a:nth-child(2n + 2) {
    float: none;
  }

  .wrap-block-rose .block-rose {
    margin: 0 !important;
    padding: 15px 0;
    min-height: 200px;
    flex-wrap: wrap;
    width: 100% !important;
  }

  .wrap-block-rose .block-rose .text-block-rose {
    padding: 0 10px;
  }

  .wrap-block-rose .block-rose h3 {
    font-size: 15px;
  }

  .block-blanc {
    margin-bottom: 20px;
  }
}

/* ************************************************************************* */
/* ************************************************************************* */
/*                                  IPAD                                     */
/* ************************************************************************* */
/* ************************************************************************* */
@media all and (min-width: 768px) and (max-width: 1024px) {
  .logo-header:before {
    display: block;
    position: relative;
    margin-bottom: 10px;
  }
}

/* ************************************************************************* */
/* ************************************************************************* */
/*                                  980PX                                    */
/* ************************************************************************* */
/* ************************************************************************* */
@media all and (max-width: 980px) {
  /************************** Menu principal *************************/
  /************************** Menu lateral *************************/
  /*********************************** PORTAIL **********************************/
  /***** OFFRE D'EMPLOI *****/
  /**************** IE 10 and above *****************/

  #et-secondary-menu,
  #et-secondary-nav,
  .et_secondary_nav_only_menu #top-header {
    display: block !important;
  }

  .et_mobile_menu {
    top: 38px !important;
    border-top: 3px solid #ff2d23;
    left: 0;
    right: 0;
    width: 85%;
    margin-left: 15%;
  }

  #overlay.modal-nouveau-venu {
    z-index: 99999;
  }

  #top-header .container #et-secondary-menu #et-secondary-nav li:last-child {
    float: none;
    margin-top: -2px;
    margin-bottom: 0px;
  }

  .et_header_style_centered #main-header {
    padding: 0;
  }

  .et_header_style_centered #main-header #logo {
    max-height: 98px;
  }

  .et_header_style_centered #main-header div#et-top-navigation {
    margin-top: 0;
    padding: 5px 0;
  }

  .et_header_style_centered #et_mobile_nav_menu {
    margin-top: 0;
  }

  .mobile_menu_bar:before {
    color: #ff2d23;
  }

  .wrap-header {
    margin-bottom: 0;
  }

  .container-bloc-actu .bloc-actu article {
    flex-direction: column;
  }

  .container-bloc-actu .bloc-actu article .block-image img {
    width: 100%;
    max-height: none;
    max-width: 100%;
  }

  #main-content ul.job_listings li.job_listing,
  #main-content ul.job_listings li.job_listing:nth-child(2n + 2),
  #main-content ul.job_listings li.job_listing:nth-child(3n + 3) {
    width: 100%;
    margin: 0 0 10px 0;
  }

  #main-content ul.job_listings li.job_listing a:hover,
  #main-content ul.job_listings li.job_listing:nth-child(2n + 2) a:hover,
  #main-content ul.job_listings li.job_listing:nth-child(3n + 3) a:hover {
    background-position: inherit;
  }
}

@media all and (max-width: 980px) and (-ms-high-contrast: none),
  all and (max-width: 980px) and (-ms-high-contrast: active) {
  .container-bloc-actu .bloc-actu article {
    display: block;
  }
}

@media all and (max-width: 980px) and (-ms-high-contrast: none),
  all and (max-width: 980px) and (-ms-high-contrast: active) {
  .container-bloc-actu .bloc-actu article .block-text {
    padding: 32px;
  }
}

@media all and (max-width: 980px) and (-ms-high-contrast: none),
  all and (max-width: 980px) and (-ms-high-contrast: active) {
  /***** News ******/
  .toutes-les-actus article {
    display: block;
    text-align: center;
  }

  .toutes-les-actus article .block-image {
    width: 100%;
    display: block;
  }

  .toutes-les-actus article .block-image img {
    max-width: 350px;
    width: 100%;
  }

  .toutes-les-actus article .block-text {
    display: block;
    width: 100%;
    text-align: left;
  }
}

/* ************************************************************************* */
/* ************************************************************************* */
/*                                  500PX                                    */
/* ************************************************************************* */
/* ************************************************************************* */
@media all and (max-width: 500px) {
  /******************************* CONNEXION *************************/
  /************************* Menu principal ***********************/
  /*************************** MODAL NOUVEAU VENU ******************************/
  /*************************** Menu lateral ******************************/
  /**************************** INTRANET *********************************/
  /****************************** PORTAIL ********************************/
  /********************** Actualite / Accueil ****************************/
  /****************************** EN PRATIQUE *****************************/
  /*************************** ACCORDS ENTREPRISES *************************/
  /******************************* NEWSLETTER *****************************/
  /**************************** OFFRE D'EMPLOI ****************************/
  /**************************** OFFRE DÉTAIL ****************************/
  /****************************** STORE LOCATOR *******************************/
  /************************ SERVICES A DOMICILE *************************/
  /******************** SERVICES SOLIDAIRES *********************/
  /************************ BONS PLANS *************************/
  /********************************* CONTACT ******************************/
  /****************************** FOOTER *******************************/
  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 17px;
  }

  h5 {
    font-size: 14px;
  }

  .et_pb_section {
    padding: 30px 0;
  }

  .et_pb_row {
    padding: 15px 0;
  }

  #main-content > .container {
    width: 100%;
    padding: 0;
  }

  .localisez-un-centre {
    padding: 0 15px;
  }

  .wrap-header .texte-bandeau-header .et_pb_text_inner {
    flex-direction: column;
    padding: 10px;
    height: auto;
  }

  .wrap-header .texte-bandeau-header .et_pb_text_inner img {
    margin-bottom: 20px;
    margin-right: 0;
  }

  body.mon-compte article {
    padding: 15px;
  }

  div.woocommerce form.login .form-row:nth-last-child(2) {
    text-align: center;
  }

  div.woocommerce form.login .form-row:nth-last-child(2) input[type="submit"] {
    display: block;
    width: 100%;
    margin-left: auto;
  }

  .woocommerce form .form-row input.input-text,
  .woocommerce form .form-row textarea {
    padding: 10px;
  }

  .lost_password {
    text-align: center;
  }

  #et-secondary-menu,
  #et-secondary-nav,
  .et_secondary_nav_only_menu #top-header {
    display: block !important;
  }

  #top-header {
    font-size: 12px;
    position: fixed;
    width: 100%;
    top: 0;
  }

  #top-header .container {
    width: 100%;
  }

  #top-header .container #et-secondary-menu #et-secondary-nav li > a {
    font-size: 12px;
  }

  #top-header .container #et-secondary-menu #et-secondary-nav li:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .modal-nouveau-venu {
    padding-left: 0;
  }

  .modal-nouveau-venu .modal-dialog {
    padding: 0 20px;
    height: 350px;
  }

  .modal-nouveau-venu .modal-content .modal-header h2 {
    font-size: 19px;
  }

  .modal-nouveau-venu .modal-content h3 {
    font-size: 16px;
  }

  .et_header_style_centered #logo {
    max-height: 100px;
  }

  .premier-blog .et_pb_post {
    margin-bottom: 15px;
  }

  .premier-blog article .block-text .post-meta .published {
    font-size: 22px;
  }

  .wrap-historique .wrap-historique-block-gauche {
    margin-bottom: 30px;
  }

  .last-block-nos-chiffres .item-nos-chiffres {
    margin-bottom: 30px;
  }

  .item-nos-chiffres {
    min-height: 175px;
    padding: 20px 10px;
  }

  .item-nos-chiffres:hover {
    transform: none;
    -webkit-box-shadow: none;
  }

  .soins-optique-texte img,
  .soins-dentaire-texte img {
    display: block;
    float: none;
    margin-right: 0;
    margin: auto;
    margin-bottom: 20px;
  }

  .wrap-esprit-mutualiste > .et_pb_column {
    margin-bottom: 0;
  }

  .bascule-gris .bascule {
    padding: 0 50px 0 35px;
  }

  .bascule-gris .bascule::before {
    width: 35px;
    height: 35px;
    font-size: 18px;
    line-height: 33px;
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    right: 10px;
    left: auto;
    background: transparent;
    top: 0;
    bottom: 0;
    border: solid 1px white;
    border-radius: 50%;
  }

  .bascule-gris .bascule::after {
    width: 60px;
    height: 75px;
    top: -15px;
  }

  .bascule-gris .block-a-decouvrir .wrap-block-inner-esprit-mutualiste {
    margin: 0 !important;
  }

  .block-a-decouvrir {
    padding: 20px 0 !important;
  }

  .container-bloc-actu .bloc-actu .block-text {
    padding: 15px;
  }

  .container-bloc-actu .bloc-actu .more-link {
    width: 100%;
  }

  .petit-bascule h5.et_pb_toggle_title {
    font-size: 17px;
  }

  .petit-bascule h5.et_pb_toggle_title::before {
    transform: none;
  }

  .petit-bascule.services-a-domicile .et_pb_toggle_content ul img,
  .petit-bascule.services-solidaires .et_pb_toggle_content ul img {
    width: 25px;
  }

  .petit-bascule.services-a-domicile .et_pb_toggle_content ul span,
  .petit-bascule.services-solidaires .et_pb_toggle_content ul span {
    display: block;
  }

  .petit-bascule:hover .et_pb_toggle_title::before {
    transform: none;
  }

  .wrap-carousel
    .et_pb_container
    .et_pb_slider_container_inner
    .et_pb_slide_description {
    flex-direction: column;
    padding: 15px;
  }

  .wrap-carousel
    .et_pb_container
    .et_pb_slider_container_inner
    .et_pb_slide_description
    a {
    font-size: 15px;
    margin: 20px 0 10px;
  }

  .wrap-carousel
    .et_pb_container
    .et_pb_slider_container_inner
    .et_pb_slide_description::before {
    display: none;
  }

  .wrap-carousel
    .et_pb_container
    .et_pb_slider_container_inner
    .et_pb_slide_description
    .et_pb_slide_title {
    font-size: 18px;
    max-width: 245px;
  }

  .et_pb_column {
    margin-bottom: 0;
  }

  .h1-intranet {
    padding: 0;
  }

  .premier-blog article {
    flex-direction: column;
  }

  .premier-blog article .block-text {
    padding: 10px;
  }

  .premier-blog article .block-text .post-meta {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }

  .premier-blog article .block-text .post-meta .published {
    width: 50px;
    height: 36px;
  }

  .premier-blog article .block-text .more-link {
    margin-left: auto;
    margin-right: auto;
  }

  .bonnes-affaires-block-vert,
  .nouveau-venu {
    padding: 15px 0;
  }

  .tri-par-date-actu .form_search_order {
    display: flex;
    justify-content: center;
  }

  .tri-par-date-actu .form_search_order select {
    width: auto;
    flex: 3;
  }

  .tri-par-date-actu .form_search_order .submit_form_search_order {
    flex: 1;
    width: auto;
    background: #e0e0e0;
  }

  .toutes-les-actus article .block-text {
    margin-left: 0;
    padding: 10px;
  }

  .toutes-les-actus .block-image img {
    max-width: 100%;
  }

  .toutes-les-actus .et_pb_post h2 {
    font-weight: bold;
    padding: 10px 0;
  }

  .wrap-block-rose .block-rose {
    margin: 0 !important;
    padding: 15px 0;
  }

  .wrap-block-rose .block-rose .text-block-rose {
    padding: 0 25px;
  }

  .block-blanc {
    margin-bottom: 20px;
  }

  .download-pdf:before {
    left: 0;
  }

  .wrap-nos-anciennes-newsletter .et_pb_column {
    margin-bottom: 0;
  }

  .wrap-nos-anciennes-newsletter .nos-anciennes-newsletter {
    height: auto;
  }

  body.offres-demploi #left-area .search_keywords,
  body.offres-demploi #left-area .search_location {
    padding-right: 0;
    margin-bottom: 1em;
    padding-left: 0;
    width: 100%;
  }

  body.offres-demploi #left-area .search_categories {
    padding-top: 0;
  }

  #main-content .search_keywords,
  #main-content .search_location {
    width: 100%;
    padding: 0 !important;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  #main-content .job_types {
    flex-wrap: wrap;
    padding: 15px 0;
    justify-content: flex-start;
    align-items: center;
  }

  #main-content ul.job_listings li.job_listing,
  #main-content ul.job_listings li.job_listing:nth-child(3n + 3) {
    width: 100%;
    min-height: 185px;
    margin: 0 0 20px 0 !important;
    height: 210px;
  }

  #main-content ul.job_listings li.job_listing a .position,
  #main-content ul.job_listings li.job_listing:nth-child(3n + 3) a .position {
    padding-left: 0;
  }

  #main-content ul.job_listings li.job_listing a div.location,
  #main-content
    ul.job_listings
    li.job_listing:nth-child(3n + 3)
    a
    div.location {
    padding: 0;
    float: left;
    text-align: left;
  }

  body.single-job_listing
    article
    .et_post_meta_wrapper:first-child
    .entry-title {
    width: 100%;
  }

  body.single-job_listing
    article
    .et_post_meta_wrapper:first-child
    .post-meta
    .author {
    position: relative;
    left: -27px;
  }

  body.single-job_listing .application .application_button {
    width: 100%;
  }

  body.single-job_listing .job-manager-application-form label,
  body.single-job_listing .job-manager-application-form div.field {
    width: 100%;
  }

  body.single-job_listing .job-manager-application-form input[type="submit"] {
    width: 100%;
  }

  #left-area .post-meta {
    padding-bottom: 0;
  }

  .single_job_listing .meta li {
    padding: 0.2em;
  }

  .single_job_listing .company .name {
    margin: 5% 0 0 3em !important;
  }

  body .single_job_listing .company .name a {
    float: none !important;
  }

  body a.websiteCompany {
    color: white !important;
    background: #ff2d23 !important;
    padding: 10px 20px !important;
    margin-right: 15px !important;
  }

  body.single-job_listing
    #main-content
    .job_listing
    .entry-title
    .single_job_listing
    .company
    img.company_logo {
    display: none !important;
  }

  .store-locator .wpsl-search {
    background: #ff2d23;
  }

  .store-locator .wpsl-search #wpsl-search-wrap form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #ff2d23 !important;
  }

  .store-locator
    .wpsl-search
    #wpsl-search-wrap
    form
    .wpsl-select-wrap
    #wpsl-radius {
    display: block;
    width: 100%;
  }

  .store-locator
    .wpsl-search
    #wpsl-search-wrap
    form
    .wpsl-select-wrap
    #wpsl-results {
    display: block;
    width: 100%;
  }

  .store-locator .wpsl-search #wpsl-search-wrap form .wpsl-search-btn-wrap {
    width: 100%;
  }

  .store-locator
    .wpsl-search
    #wpsl-search-wrap
    form
    .wpsl-search-btn-wrap
    #wpsl-search-btn {
    width: 100%;
  }

  .store-locator
    .wpsl-search
    #wpsl-search-wrap
    form
    .wpsl-search-btn-wrap
    #wpsl-search-btn:hover {
    color: #ff2d23;
    border: solid 2px #ff2d23;
    background: white;
    cursor: pointer;
  }

  .post-it {
    width: 100%;
    max-width: 100%;
    min-height: auto;
  }

  .border-jaune {
    padding: 40px;
  }

  .wrap-block-avantages {
    margin-top: 50px;
  }

  .wrap-block-avantages .block-infos-complementaires h3 {
    padding-bottom: 4px;
    font-size: 20px;
  }

  .wrap-block-avantages .block-infos-complementaires h3.formule::before {
    width: 20px;
    height: 29px;
    position: absolute;
    left: -28px;
  }

  .wrap-block-avantages .block-infos-complementaires h3.horaires::before {
    width: 22px;
    height: 22px;
    position: absolute;
    left: -28px;
  }

  .wrap-block-avantages .block-infos-complementaires h3.paiement::before {
    width: 25px;
    height: 13px;
    position: absolute;
    left: -29px;
  }

  .image-2 {
    margin-top: 30px;
  }

  .block-infos-bottom {
    flex-wrap: wrap;
  }

  .block-infos-bottom .wrap-infos-bottom {
    border-top: solid 3px white;
    border-right: 0;
  }

  .bons-plans-form #user-submitted-posts form#usp_form fieldset {
    display: inline-flex;
    width: 100%;
  }

  .bons-plans-form #user-submitted-posts form#usp_form fieldset input,
  .bons-plans-form #user-submitted-posts form#usp_form fieldset select,
  .bons-plans-form #user-submitted-posts form#usp_form fieldset textarea {
    font-size: 13px;
  }

  .bons-plans-form #user-submitted-posts form#usp_form .usp-submit {
    width: 100%;
  }

  body.contact article {
    padding: 15px 30px;
  }

  .wpcf7-form .ligne > .inp-form {
    width: 100%;
    float: none;
  }

  footer#main-footer .container {
    width: 100%;
  }

  footer#main-footer #footer-widgets {
    padding: 15px 0;
  }

  footer#main-footer #footer-widgets .footer-widget {
    margin-bottom: 0 !important;
  }

  footer#main-footer
    #footer-widgets
    .footer-widget
    ul#menu-footer
    .menu-item
    a {
    font-size: 11px;
  }

  #footer-bottom {
    display: none;
  }
}

/* ************************************************************************* */
/* ************************************************************************* */
/*                                  320PX   iphone 5  portrait               */
/* ************************************************************************* */
/* ************************************************************************* */
@media all and (max-width: 320px) {
  .menu-item a.menu-image-title-after.menu-image-not-hovered img {
    padding: 5px;
  }

  #top-header .container #et-secondary-menu #et-secondary-nav li {
    padding: 10px 0px;
  }

  .petit-bascule h5.et_pb_toggle_title {
    font-size: 16px;
  }
}

/* ************************************************************************* */
/* ************************************************************************* */
/*                                  1300 PX                                  */
/* ************************************************************************* */
/* ************************************************************************* */
/* ************************************************************************* */
/* ************************************************************************* */
/*                                  1300 PX                                  */
/* ************************************************************************* */
/* ************************************************************************* */
@media all and (max-width: 1300px) {
  /**************** IE 10 and above *****************/
  .texte-bandeau-header {
    text-align: center;
  }

  .container-bloc-info {
    padding: 27px 0 !important;
  }

  .bloc-info-optique {
    border: solid 1px white;
    margin-bottom: 0 !important;
    width: 50%;
  }

  .bloc-info-optique::before {
    width: 32px;
    height: 32px;
  }

  .bloc-info-optique:hover {
    transform: none;
  }

  .bloc-info-optique:last-child,
  body.optique .bloc-info-optique:last-child {
    margin-bottom: 0 !important;
  }

  .suivez-nous-sur-youtube::before {
    display: none;
  }
}

@media all and (max-width: 1300px) and (-ms-high-contrast: none),
  all and (max-width: 1300px) and (-ms-high-contrast: active) {
  .wrap-texte-bandeau-header {
    padding-left: 0;
  }
}

/* ************************************************************************* */
/* ************************************************************************* */
/*                             IPAD LANDSCAPE                                */
/* ************************************************************************* */
/* ************************************************************************* */
@media all and (max-width: 1024px) {
  /************************** SERVICES SOLIDAIRES ***************************/
  .bloc-info-domicile {
    padding: 25px 25px 25px 65px;
  }

  .bloc-info-domicile:before {
    width: 35px;
    height: 35px;
  }

  .container-bloc-info .et_pb_column {
    margin-bottom: 0;
  }
}

@media all and (max-width: 1024px) and (-ms-high-contrast: none),
  all and (max-width: 1024px) and (-ms-high-contrast: active) {
  .bloc-info-optique {
    width: 100%;
  }
}

@media all and (max-width: 980px) {
  /**************** IE 10 and above *****************/
}

@media all and (max-width: 980px) and (-ms-high-contrast: none),
  all and (max-width: 980px) and (-ms-high-contrast: active) {
  .texte-bandeau-header {
    display: block;
    width: 100%;
  }
}

/* ************************************************************************* */
/* ************************************************************************* */
/*                            TABLETTE PORTRAIT                              */
/* ************************************************************************* */
/* ************************************************************************* */
@media all and (max-width: 768px) {
  /**** HOME ****/
  /**** MINI SITES ****/
  .wrap-image-header-bandeau {
    margin: 0 !important;
  }

  .image-bandeau-header {
    margin: 0;
  }

  .wrap-texte-bandeau-header {
    padding: 25px 25px 15px !important;
    margin: 0;
  }

  .texte-bandeau-header {
    text-align: center;
  }

  .container-bloc-actu {
    padding: 30px 0 0;
  }

  body.optique .bloc-info-optique:last-child {
    margin-bottom: 0 !important;
  }

  body .qe-faq-toggle .qe-faq-content {
    background-color: white !important;
  }

  #qaef-1157 {
    background-color: red !important;
  }

  .wrap-tableau {
    overflow-x: hidden;
  }

  .wrap-tableau .sous-wrap-tableau {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }

  table.tableau-ordonnance {
    min-width: 350px;
  }

  table.tableau-ordonnance tr td:first-child {
    min-width: 150px;
  }
}

@media all and (max-width: 550px) {
  #et-secondary-nav {
    padding-left: 0;
  }
}

/* ************************************************************************* */
/* ************************************************************************* */
/*                                  MOBILE                                   */
/* ************************************************************************* */
/* ************************************************************************* */
@media all and (max-width: 500px) {
  /************************** ANNUAIRE **************************/
  /************************ ANNUAIRE DETAIL *******************/
  /************************ INFOS SANTÉ ************************/
  /***************************** FAQ *************************/
  /******************* SERVICES SOLIDAIRES ********************/

  .page-item-252 span,
  .menu-item-163 span {
    display: none !important;
  }

  #et-secondary-nav {
    padding-left: 0;
  }

  #et-top-navigation {
    padding-top: 3% !important;
  }

  .logo-header h2 {
    margin: 10px 0;
  }

  .logo-header::before {
    display: block;
    position: relative;
  }

  .bloc-info-optique:before {
    width: 30px;
    height: 30px;
  }

  .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-next,
  .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-prev {
    height: 25px;
    font-size: 25px;
  }

  .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-prev {
    left: 10px;
  }

  .wrap-carousel .et-pb-slider-arrows .et-pb-arrow-next {
    right: 10px;
  }

  .block-with-image-full-width img {
    width: 100%;
  }

  .bloc-info-optique {
    width: 100%;
  }

  body.annuaire .entry-content article {
    padding-bottom: 10px;
  }

  body.fiche .et_pb_section {
    padding: 15px 35px;
  }

  body.fiche .et_pb_section .et_pb_button {
    width: 100%;
    text-align: center;
  }

  .onglets_optique img {
    width: 100%;
  }

  .faq {
    background: #f4f7f9;
  }

  .faq .qe-faq-toggle {
    margin-bottom: 15px;
  }

  .bloc-info-domicile-top .et_pb_text_inner {
    padding: 15px 15px 15px 55px;
  }

  .bloc-info-domicile-top .et_pb_text_inner h3 {
    font-size: 17px;
    text-align: left !important;
  }

  .bloc-info-domicile-top::before {
    width: 28px;
    height: 28px;
    left: 15px;
  }

  .bloc-info-domicile {
    width: 100%;
    max-height: 60px;
    padding: 25px 25px 25px 55px;
  }

  .bloc-info-domicile .et_pb_text_inner {
    width: 100%;
  }

  .bloc-info-domicile .et_pb_text_inner h3 {
    font-size: 17px;
    text-align: left !important;
  }

  .bloc-info-domicile:hover {
    transform: none;
  }

  .bloc-info-domicile::before {
    width: 32px;
    height: 32px;
  }
}

@media screen and (max-wdith: 450px) {
  #et-main-area {
    margin-top: 50%;
  }
}

@media all and (max-width: 400px) {
  #et-top-navigation {
    padding-top: 8% !important;
  }

  .menu-item a.menu-image-title-after.menu-image-not-hovered img,
  .menu-item
    a.menu-image-hovered.menu-image-title-after
    .menu-image-hover-wrapper {
    padding-right: 0px;
  }
}

@media all and (max-width: 350px) {
  .menu-item-346 img {
    display: none !important;
  }

  .menu-item-163 img {
    display: none !important;
  }

  #et-top-navigation {
    padding-top: 12% !important;
  }
}

/* Modifs MFSL MAI 2019 */

#post-1377
  .wrap-block-gauche
  .titre-colore:nth-child(3n + 1)
  .et_pb_text_inner {
  border: solid 3px #00a0af;
  background-color: #00a0af;
}

#post-1377 .wrap-block-gauche .titre-colore:nth-child(3n + 1) h3 {
  border: solid 3px #00a0af;
  background-color: #00a0af;
}

#post-1377 .wrap-block-gauche .titre-colore:nth-child(3n + 1) h3::before {
  display: none;
}

#post-1377
  .wrap-block-gauche
  .titre-colore:nth-child(3n + 2)
  .et_pb_text_inner {
  border: solid 3px #00a0af;
  background-color: #00a0af;
}

#post-1377 .wrap-block-gauche .titre-colore:nth-child(3n + 2) h3 {
  background-color: #00a0af !important;
}

#post-1377 .wrap-block-gauche .titre-colore:nth-child(3n + 2) h3::before {
  display: none;
}

#post-1377 .wrap-block-gauche .titre-colore:nth-child(3n + 3) h3 {
  background-color: #00a0af;
  border: solid 3px #00a0af;
}

#post-1377
  .wrap-block-gauche
  .titre-colore:nth-child(3n + 3)
  .et_pb_text_inner {
  border: solid 3px #00a0af;
  background-color: #00a0af;
}

#post-1377 .wrap-block-gauche .titre-colore:nth-child(3n + 3) h3::before {
  display: none;
}

#post-1377 .wrap-block-gauche .titre-colore h3 {
  padding: 15px !important;
}

#post-1377 .block-jaune h3 {
  color: #00a0af;
}

#post-1377 .block-jaune {
  border: solid 3px #00a0af;
}

#et-secondary-nav li > ul {
  width: initial;
}

#et-secondary-nav li {
  text-align: left;
}

#et-secondary-nav li > ul ul {
  width: 220px;
}

#et-secondary-nav li ul ul {
  top: 0;
  left: 100%;
  margin-top: -1em;
  right: 0;
}

#et-secondary-nav .menu-item-has-children > a:first-child::after {
  top: 20px;
}

body li#menu-item-6954.menu-item-has-children > a:after {
  top: 45px !important;
}

#et-secondary-nav li .menu-item-has-children > a:first-child::after {
  top: 35px;
  right: 0.67em;
  left: initial;
}

#et-secondary-nav li a span {
  padding-left: 10px;
}

#et-secondary-nav li ul li a span {
  padding-left: 0px;
}

.tri-par-date-actu .form_search_order .submit_form_search_order {
  border-radius: 0 3px 3px 0;
  border: 0;
  height: 40px;
  font-size: 14px;
  background: #00a0af;
  color: white;
  font-family: "Amino Medium";
  width: 15%;
}

#post-5088 form.form_search_order {
  display: flex;
}

.et_pb_search_0.et_pb_search input.et_pb_searchsubmit {
  bottom: 0 !important;
}

#post-5088 form.et_pb_searchform {
  height: 36px;
}

#post-5088 form.et_pb_searchform div input.et_pb_s {
  height: 40px;
}

/* Modifs ergonomie */

/* Navigation */

#top-menu {
  display: flex;
  align-items: center;
}

.current-menu-item a span {
  border-bottom: solid 3px #ff2d23;
  padding-bottom: 4px;
}

.current-menu-item .sub-menu a span {
  border-bottom: none !important;
}

#menu-item-6938.current-menu-item a span {
  border-bottom: none !important;
}

.sub-menu .current-menu-item a span {
  border-bottom: none !important;
}

.follow_us {
  font-family: "October Storm", sans-serif;
  text-transform: capitalize;
  font-size: 35px;
  color: black;
  padding-right: 10px;
}

#et-secondary-nav .menu-image-title-after {
  pointer-events: none;
}

#et-secondary-nav i {
  color: white;
  background: #ff2d23;
  border-radius: 100%;
  max-width: 50px;
  margin-left: 6px;
  font-size: 20px;
}

#et-secondary-nav .fa.fa-twitter,
#et-secondary-nav .fa.fa-linkedin {
  padding: 10px 12px;
}

#et-secondary-nav .fa.fa-facebook {
  padding: 10px 15px;
}

#et-secondary-nav .fa.fa-instagram {
  padding: 10px 12px;
}

#top-header {
  position: fixed;
  z-index: 1000;
  width: 100%;
}

#logo {
  position: absolute;
  z-index: 1;
  top: -60px;
  max-height: 130px !important;
  left: 5%;
}

.nav {
  padding-left: 60px;
}

#top-menu li {
  display: inline-block;
  padding-right: 12px;
  font-size: 13px;
}

#main-header,
#main-header .nav li ul,
.et-search-form,
#main-header .et_mobile_menu {
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.4);
}

.et_mobile_menu li a,
.nav li li a {
  font-size: 13px;
  line-height: 1.5em;
}

/* Footer */

#footer-widgets {
  display: flex;
}

.footer-widget {
  color: black !important;
  font-size: 12px;
  line-height: 1.8em;
  text-align: justify;
  padding-right: 20px;
}

.footer-widget h4.title {
  color: #ff2d23;
  font-size: 14px;
  font-weight: bold;
}

#footer-widgets .footer-widget a,
#footer-widgets .footer-widget li a,
#footer-widgets .footer-widget li a:hover {
  color: black !important;
  font-family: "Amino Medium";
  font-size: 14px;
}

#nav_menu-4 {
  padding-left: 25%;
}

.adresse_footer,
.tel_footer {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  font-family: "Amino Medium";
}

.adresse_footer img,
.tel_footer img {
  padding-right: 10px;
}

/* Titres des pages */

.et_pb_post_title h1 {
  text-transform: uppercase;
  font-size: 30px;
  font-family: "Amino Bold";
}


.et_pb_section h1, .et_pb_section h2 {
  font-family: "Amino";
}
.h2-gabarit-handicap h2 {
  font-family: "Amino Medium";
  font-size: 40px;
  font-weight: 600;
  color: black;
}
.fond-bleu{
  background-color: rgba(82, 178, 191, .7);
}
.bloc-img-bleu-txt{
  position: relative;
}
.contenant-titre{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}
.contenant-titre h3{
  font-family: "Amino Medium";
  color: white;
  font-size: 32px;
  text-align: center;
  padding: 100px 20px 0;
}
@media screen and (max-width: 1500px){
  .contenant-titre h3{
    font-size: 28px;
  }
}

.et_parallax_bg::before {
  content: "";
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  width: 100%;
  height: 100%;
}

.sousTitre_sliderEmploi {
  font-size: 16px;
  max-width: 50%;
  margin: auto;
  font-weight: bold;
  color: #555;
}

/* Custom checkbox */

.job_types input[type="checkbox"] {
  -webkit-appearance: initial;
}

.job_types input[type="checkbox"] {
  width: 1.5em;
  height: 1.5em;
  color: black;
  border: 1px solid grey;
  border-radius: 2px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
  margin-right: 8px;
  position: relative;
  top: 4px;
}

.job_types input[type="checkbox"]:before {
  position: absolute;
  content: "";
  display: block;
  top: 2px;
  left: 6px;
  width: 8px;
  height: 14px;
  border-style: solid;
  border-color: white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}

.job_types input[type="checkbox"]:checked {
  color: white;
  border-color: #ff2d23;
  background: #ff2d23;
  position: relative;
  top: 4px;
}

.job_types input[type="checkbox"]:checked ~ label:before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.job_types input[type="checkbox"]:checked:before {
  opacity: 1;
}

.job_types label {
  position: relative;
  cursor: pointer;
  font-weight: 600;
  padding: 0 0.25em 0;
  user-select: none;
}

.job_types label:before {
  position: absolute;
  content: attr(data-content);
  color: grey;
  clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
  text-decoration: line-through;
  text-decoration-thickness: 3px;
  text-decoration-color: black;
  transition: clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.no_job_listings_found {
  border: none !important;
  display: block;
  margin: auto !important;
  font-family: "Amino Medium", sans-serif;
  padding-top: 2%;
  font-size: 14px;
}

.rp4wp-related-job_listing > ul.loading,
ul.job_listings.loading span {
  display: none;
}

div.job_listings .load_more_jobs {
  max-width: 10%;
  border: solid 2px #ff2d23;
  background: white;
  color: #ff2d23;
  margin: auto;
  padding: 1em !important;
  font-family: "Amino Medium", sans-serif;
  text-transform: uppercase;
  margin-top: 2%;
  transition: 0.4s;
  display: block;
}

div.job_listings .load_more_jobs:hover {
  background: #ff2d23;
  color: white;
  transition: 0.4s;
  border: solid 2px #ff2d23 !important;
}

/* Page Actu */

.bouton-actu {
  display: flex;
  width: 210px;
  align-items: center;
  justify-content: center;
  height: 70px;
  font-size: 16px;
  font-family: "Amino Medium";
}

#post-6906 .block-text .entry-title a,
#post-6906 .block-text .post-content p {
  color: white !important;
}

#post-6906 .block-text a.more-link {
  display: initial !important;
}

#post-6906 .block-text .post-content p {
  margin-bottom: 30px;
}

.et_pb_post .entry-featured-image-url {
  margin-bottom: 0px;
}

.searchForm_actu .et_pb_searchsubmit {
  background-color: #00a0af !important;
  color: white !important;
  font-family: "Amino Medium" !important;
  width: 15%;
}

select.select_form_search_order {
  background-image: linear-gradient(45deg, transparent 50%, #00a0af 50%),
    linear-gradient(135deg, #00a0af 50%, transparent 50%),
    linear-gradient(to right, white, white);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}

select.select_form_search_order:focus {
  background-image: linear-gradient(45deg, #00a0af 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #00a0af 50%),
    linear-gradient(to right, white, white);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: #00a0af;
  outline: 0;
}

.bouton-actu span {
  padding-left: 5px;
}

.block-text a.more-link {
  text-transform: uppercase;
  color: #00a0af;
  border: solid 2px #00a0af;
  display: initial;
  padding: 10px 20px;
  font-family: "Amino Medium";
  text-decoration: none;
}

.block-text .post-content p {
  margin-bottom: 30px;
  margin-top: 30px;
}

.toutes-les-actus .pagination .alignleft a,
.toutes-les-actus .pagination .alignright a {
  border: solid 2px #ff2d23;
  border-radius: 0px;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: "Amino Medium";
  margin-right: 20px;
}

.toutes-les-actus .pagination a {
  color: #ff2d23;
}

.search-results .pagination {
  border: solid 2px #ff2d23;
  border-radius: 0px;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: "Amino Medium";
  display: none;
}

.search-results .pagination a {
  color: #ff2d23;
}

.search-results .back-button input {
  color: #ff2d23;
  border: solid 2px #ff2d23;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: "Amino Medium";
  background: none;
}

.liste-newsletters p img {
  height: 300px;
  width: auto !important;
}

.moove-gdpr-branding {
  display: none !important;
}

/* Module Accessibilité */

#menu-item-7048 a:after {
  display: none;
}

.accessibility_item {
  position: relative;
  z-index: inherit;
  display: flex;
  top: 0;
  left: 0;
}

.accessibility_subItem {
  opacity: 1 !important;
  visibility: visible !important;
  display: contents !important;
}

span.offscreen {
  visibility: hidden;
}

.a11y-toolbar ul li button {
  background: transparent;
  border-top: none;
  border-bottom: none;
}

.a11y-toolbar li.a11y-toolbar-list-item {
  padding: 0 10px !important;
}

/* SVG */

#Calque_1 {
  width: 80px;
}

#Calque_3 {
  width: 30px;
}

.home circle.st1 {
  stroke-width: 2;
}

.page-id-5088 #Calque_1 {
  width: 60px;
}

.page-id-5088 .st0,
.page-id-5088 .st1 {
  stroke: white !important;
}

.page-id-5088 circle.st1 {
  stroke-width: 2;
}

.page-id-5088 .bouton-dentaire g,
.page-id-5088 .bouton-autonomie g,
.page-id-5088 .bouton-handicap g {
  fill: white;
}

/* Bloc vidéo dans page actualité */

.premier-blog-video {
  background: #00a0af;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.premier-blog-video .et_pb_column_2 {
  margin-right: 0px !important;
  width: 50% !important;
  padding: 15px 0 15px 15px !important;
}

.premier-blog-video .et_pb_column_3 {
  padding: 15px 15px 15px 0 !important;
}

.premier-blog-video .premier-blog article {
  padding: 15px 15px 15px 0;
}

.premier-blog-video .premier-blog article .post-meta span {
  color: black;
}

.premier-blog-video .premier-blog article .post-content a.more-link {
  color: black !important;
}

/* Homepage */

.et-pb-controllers {
  bottom: 15% !important;
}

.home h2 {
  font-family: "Amino Bold";
  margin-bottom: 30px;
}

.home h2 span {
  font-family: "October storm";
  font-size: 60px;
  color: #ff2d23;
  line-height: 1.1em;
}

.home .texte-qui-sommes-nous p {
  line-height: 2em;
  text-align: justify;
  max-width: 100%;
}

.home .texte-qui-sommes-nous {
  padding-left: 2%;
}

.home .home-bloc-emploi {
  padding-top: 10px;
}

.home .texte-bloc-emploi,
.handicap-enfants-mots .texte-bloc-emploi {
  margin-top: 6%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
  display: block;
  margin-right: -10%;
  margin-left: 15.5%;
}

.home-bloc-chiffre-cles::before {
  content: "";
  background: url("/wp-content/uploads/2020/04/motif-bloc-chiffre.png");
  background-repeat: no-repeat;
  width: 10%;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: -10%;
  opacity: 0.1;
}

.home .home-image-bloc-emploi {
  max-height: 600px;
  overflow: hidden;
}

.home .home-image-bloc-emploi .et_pb_image_wrap,
.home .home-image-bloc-emploi .et_pb_image_wrap img {
  width: 100%;
}

.home .home-bloc-emploi .et_pb_row.et_pb_row_2 {
  width: 100%;
}

.home-bloc-emploi::before {
  content: "";
  background: url("/wp-content/uploads/2020/04/motif-bloc-emploi.png");
  background-repeat: repeat;
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  bottom: -50%;
  z-index: 1;
  opacity: 0.1;
}

.home .texte-bloc-emploi h2::before {
  content: "";
  background: url("/wp-content/uploads/2020/04/motif-mutualites.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: -14%;
  top: -10%;
}

.home .home-chiffres-cles h4 {
  padding: 10px;
  font-family: "Amino Bold";
  color: white;
}

.home .percent {
  margin-left: 15%;
}

.home .chiffre-cle-effectif .percent:before {
  content: "";
  background: url("/wp-content/uploads/2020/04/chiffre-cle-effectif.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 50px;
  height: 100%;
  display: block;
  position: absolute;
  left: 14%;
}

.home .chiffre-cle-index .percent:before {
  content: "";
  background: url("/wp-content/uploads/2020/04/chiffre-cle-index.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 70px;
  height: 100%;
  display: block;
  position: absolute;
  left: 10%;
}

.home .chiffre-cle-etablissements .percent:before {
  content: "";
  background: url("/wp-content/uploads/2020/04/chiffre-cle-etablissements.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 70px;
  height: 100%;
  display: block;
  position: absolute;
  left: 16%;
}

.home .chiffre-cle-jeunes .percent:before {
  content: "";
  background: url("/wp-content/uploads/2020/04/chiffre-cle-jeunes.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 70px;
  height: 100%;
  display: block;
  position: absolute;
  left: 12%;
}

.home .chiffre-cle-handicap .percent:before {
  content: "";
  background: url("/wp-content/uploads/2020/04/chiffres-cles-handicap-mfsl.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 70px;
  height: 100%;
  display: block;
  position: absolute;
  left: 12%;
}

.home .chiffre-cle-clients .percent:before {
  content: "";
  background: url("/wp-content/uploads/2020/04/chiffre-cle-clients.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 70px;
  height: 100%;
  display: block;
  position: absolute;
  left: -4%;
}

body a.bouton-savoir-plus {
  color: #ff2d23 !important;
}

body a.bouton-savoir-plus:hover {
  border: solid 2px #ff2d23 !important;
  text-decoration: none;
  background: #ff2d23;
  color: white !important;
  transition: 0.4s;
}

.home-bloc-notre-mission {
  color: white;
  font-family: "Amino", "Amino Regular";
  width: 30%;
  position: absolute;
  top: -20%;
  z-index: 1;
  font-size: 16px;
  min-height: 30%;
}

.home-bloc-notre-mission span {
  font-size: 20px;
  font-family: "Amino Medium";
}

.home-bloc-notre-mission p {
  margin-top: 15px;
}

.home .et_pb_slides .et_pb_button.et_pb_more_button:hover {
  border: solid 2px white !important;
}

.home-service-optique,
.home-service-audition,
.home-service-dentaire,
.home-service-autonomie,
.home-service-handicap {
  padding: 30px 0px;
}

.home-service-optique:hover p,
.home-service-audition:hover p,
.home-service-dentaire:hover p,
.home-service-autonomie:hover p,
.home-service-handicap:hover p {
  color: white;
}

.home-service-optique:hover {
  background: #005172;
  color: white;
  transition: 0.4s;
}

.home-service-optique .st0,
.home-service-optique circle.st1 {
  stroke: #005172;
}

.home-service-optique:hover .st0,
.home-service-optique:hover circle.st1 {
  stroke: white;
}

.home-service-audition:hover {
  background: #004153;
  color: white;
  transition: 0.4s;
}

.home-service-audition .st0 {
  stroke: #004153;
}

.home-service-audition:hover .st0 {
  stroke: white;
}

.home-service-dentaire:hover {
  background: #2e9d77;
  color: white;
  transition: 0.4s;
}

.home-service-dentaire g {
  fill: #2e9d77;
}

.home-service-dentaire:hover g {
  fill: white;
}

.home-service-autonomie:hover {
  background: #00a0af;
  color: white;
  transition: 0.4s;
}

.home-service-autonomie .st0,
.home-service-autonomie g {
  fill: #00a0af;
}

.home-service-autonomie .st1 {
  stroke: #00a0af;
}

.home-service-autonomie:hover .st0,
.home-service-autonomie:hover g {
  fill: white;
}

.home-service-autonomie:hover .st1 {
  stroke: white;
}

.home-service-handicap:hover {
  background: #d57208;
  color: white;
  transition: 0.4s;
}

.home-service-handicap g {
  fill: #d57208;
}

.home-service-handicap:hover g {
  fill: white;
}

.select2-container .select2-selection--multiple {
  min-height: 40px !important;
}

.et_pb_scroll_top.et-pb-icon {
  background: rgba(255, 45, 35) !important;
}

body.page-id-407 #wpsl-search-input {
  border-radius: 0px;
  border: none !important;
}

body.page-id-407 .wpsl-dropdown {
  border-radius: 0px;
  border: none;
}

.job-manager-form fieldset div.field {
  display: flex;
}

.store-locator-fixed {
  z-index: 100;
  position: fixed;
  right: 0;
  top: 30%;
  background: #ff2d23;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  -webkit-clip-path: polygon(
    50% 0%,
    100% 25%,
    100% 75%,
    50% 100%,
    0% 75%,
    0% 25%
  );
  color: white;
  padding: 35px 10px 10px 10px !important;
  height: 230px;
  text-align: center;
  font-family: "Amino";
}

.home .store-locator-fixed {
  top: 52%;
}

.store-locator-fixed .wpsl-icon-direction {
  display: none;
}

.contrast .store-locator-fixed #wpsl-widget-form {
  background: #ff2d23 !important;
}

.store-locator-fixed #wpsl-widget-submit {
  border: none;
  background: white;
  color: red;
  padding: 2px 6px;
  font-size: 13px;
}

.store-locator-fixed #wpsl-search-input {
  padding: 4px;
}

.store-locator-fixed #wpsl-search-wrap .wpsl-input label {
  font-size: 14px;
  width: 100%;
  text-align: center;
}

.store-locator-fixed .wpsl-input {
  text-align: center;
  width: 100%;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}

.store-locator-fixed .wpsl-input div {
  width: 100%;
}

.store-locator-fixed #wpsl-search-wrap select {
  display: block !important;
  width: 100%;
}

.store-locator-fixed #wpsl-results,
.store-locator-fixed #wpsl-radius {
  display: none !important;
}

.store-locator-fixed #wpsl-category label {
  width: 100%;
  text-align: center;
}

.store-locator-fixed #wpsl-category-list {
  text-align: center;
  margin: auto !important;
}

.store-locator-fixed .wpsl-search-btn-wrap {
  display: flex;
  width: 100%;
}

.store-locator-fixed #wpsl-category {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

.store-locator-fixed #wpsl-search-btn {
  display: flex;
  justify-content: center;
  width: 50%;
  margin: 10px auto 30px auto !important;
  color: #ff2d23;
  background: white;
  font-family: "Amino Medium";
}

.store-locator-fixed .wpsl-dropdown span.wpsl-selected-item,
.store-locator-fixed .wpsl-dropdown div {
  display: none !important;
}

.store-locator-fixed .wpsl-dropdown {
  background: none !important;
  border: none !important;
}

.store-locator-fixed #wpsl-gmap,
.store-locator-fixed #wpsl-result-list {
  display: none !important;
}

.home .home-bloc-services {
  z-index: 2;
}

/* Contraste */
.contrast a,
.contrast abbr,
.contrast acronym,
.contrast address,
.contrast article,
.contrast aside,
.contrast b,
.contrast basefont,
.contrast bdi,
.contrast big,
.contrast blink,
.contrast blockquote,
.contrast body,
.contrast canvas,
.contrast caption,
.contrast center,
.contrast cite,
.contrast code,
.contrast col,
.contrast colgroup,
.contrast command,
.contrast dd,
.contrast details,
.contrast dfn,
.contrast dir,
.contrast dl,
.contrast dt,
.contrast em,
.contrast embed,
.contrast fieldset,
.contrast figcaption,
.contrast figure,
.contrast font,
.contrast footer,
.contrast form,
.contrast h1,
.contrast h1 a,
.contrast h1 a b,
.contrast h1 abbr,
.contrast h1 center,
.contrast h1 span,
.contrast h2,
.contrast h2 a,
.contrast h2 a b,
.contrast h2 abbr,
.contrast h2 center,
.contrast h2 span,
.contrast h3,
.contrast h3 a,
.contrast h3 a b,
.contrast h3 abbr,
.contrast h3 center,
.contrast h3 span,
.contrast h4,
.contrast h4 a,
.contrast h4 a b,
.contrast h4 abbr,
.contrast h4 center,
.contrast h4 span,
.contrast h5,
.contrast h5 a,
.contrast h5 a b,
.contrast h5 abbr,
.contrast h5 center,
.contrast h5 span,
.contrast h6,
.contrast h6 a,
.contrast h6 a b,
.contrast h6 abbr,
.contrast h6 center,
.contrast h6 span,
.contrast header,
.contrast hgroup,
.contrast html,
.contrast i,
.contrast iframe,
.contrast input,
.contrast kbd,
.contrast label,
.contrast legend,
.contrast li,
.contrast listing,
.contrast mark,
.contrast marquee,
.contrast menu,
.contrast meter,
.contrast multicol,
.contrast nav,
.contrast nobr,
.contrast object,
.contrast ol,
.contrast option,
.contrast p,
.contrast plaintext,
.contrast pre,
.contrast progress,
.contrast q,
.contrast s,
.contrast section,
.contrast small,
.contrast span,
.contrast strike,
.contrast strong,
.contrast sub,
.contrast summary,
.contrast sup,
.contrast table,
.contrast td,
.contrast textarea,
.contrast th,
.contrast time,
.contrast tr,
.contrast tt,
.contrast u,
.contrast ul,
.contrast var,
.contrast xmp {
  background: #111 !important;
}

.contrast .container-bloc-actu .et_pb_slide .et_pb_container,
.contrast
  .container-bloc-actu
  .et_pb_slide
  .et_pb_container
  .et_pb_slider_container_inner,
.contrast
  .container-bloc-actu
  .et_pb_slide
  .et_pb_container
  .et_pb_slider_container_inner
  .et_pb_slide_title,
.contrast
  .container-bloc-actu
  .et_pb_slide
  .et_pb_container
  .et_pb_slider_container_inner
  .et_pb_slide_content,
.contrast
  .container-bloc-actu
  .et_pb_slide
  .et_pb_container
  .et_pb_slide_content,
.contrast .et_pb_slide_content p span,
.contrast .home-bloc-notre-mission span {
  background: none !important;
}

.contrast .home-bloc-emploi,
.contrast .home-bloc-chiffre-cles,
.contrast .home-bloc-emploi .texte-bloc-emploi,
.contrast #top-header .container,
.contrast .home-bloc-services {
  background: #111 !important;
}

.contrast .post-407 .et_pb_section,
.contrast .post-41 .et_pb_section,
.contrast.single-job_listing .et_pb_section,
.contrast.single-job_listing #main-content,
.contrast.page-id-5088 .et_pb_section,
.contrast.single-post #main-content,
.contrast.single-post .et_pb_section {
  background: #111 !important;
}

.contrast .post-41 .sousTitre_sliderEmploi p {
  color: black !important;
}

.contrast .bouton-actu span {
  background: none !important;
}

.contrast.page-id-1017 .et_pb_section,
.contrast.page-id-1017 .et-box-content,
.contrast.page-id-1017 .wrap-historique-titre {
  background: #111 !important;
}

.contrast.page-id-966 .et_pb_section,
.contrast.page-id-966 .wrap-historique-titre,
.contrast.page-id-3710 .et_pb_section,
.contrast.page-id-3710 .item-nos-chiffres {
  background: #111 !important;
}

.contrast.page-id-196 .et_pb_section,
.contrast.page-id-1010 .et_pb_section,
.contrast.page-id-1010 .wrap-historique-titre {
  background: #111 !important;
}

.contrast.page-id-990 .et_pb_section,
.contrast.page-id-990 .wrap-historique-titre {
  background: #111 !important;
}

.contrast .home-bloc-services div {
  background: #111 !important;
}

.contrast #Calque_3 path,
.contrast #Calque_3 g {
  fill: white !important;
}

.contrast #wpsl-search-wrap label,
.contrast #wpsl-search-wrap input {
  background: none !important;
}

.contrast div:not(.et_pb_slide, .et_pb_slide_description) {
  background: #111;
}

.contrast .site-realise {
  background: #111 !important;
}

.contrast a:link,
.contrast a:link abbr,
.contrast a:link acronym,
.contrast a:link b,
.contrast a:link basefont,
.contrast a:link big,
.contrast a:link br,
.contrast a:link code,
.contrast a:link div,
.contrast a:link em,
.contrast a:link font,
.contrast a:link h1,
.contrast a:link h2,
.contrast a:link h3,
.contrast a:link h4,
.contrast a:link h5,
.contrast a:link h6,
.contrast a:link i,
.contrast a:link kbd,
.contrast a:link small,
.contrast a:link span,
.contrast a:link strong,
.contrast a:link tt,
.contrast a:link u,
.contrast a:link var,
.contrast a:link:active,
.contrast a:link:active abbr,
.contrast a:link:active acronym,
.contrast a:link:active b,
.contrast a:link:active basefont,
.contrast a:link:active big,
.contrast a:link:active br,
.contrast a:link:active code,
.contrast a:link:active div,
.contrast a:link:active em,
.contrast a:link:active font,
.contrast a:link:active h1,
.contrast a:link:active h2,
.contrast a:link:active h3,
.contrast a:link:active h4,
.contrast a:link:active h5,
.contrast a:link:active h6,
.contrast a:link:active i,
.contrast a:link:active kbd,
.contrast a:link:active small,
.contrast a:link:active span,
.contrast a:link:active strong,
.contrast a:link:active tt,
.contrast a:link:active u,
.contrast a:link:active var,
.contrast a:visited,
.contrast a:visited abbr,
.contrast a:visited acronym,
.contrast a:visited b,
.contrast a:visited basefont,
.contrast a:visited big,
.contrast a:visited br,
.contrast a:visited code,
.contrast a:visited div,
.contrast a:visited em,
.contrast a:visited font,
.contrast a:visited h1,
.contrast a:visited h2,
.contrast a:visited h3,
.contrast a:visited h4,
.contrast a:visited h5,
.contrast a:visited h6,
.contrast a:visited i,
.contrast a:visited kbd,
.contrast a:visited small,
.contrast a:visited span,
.contrast a:visited strong,
.contrast a:visited tt,
.contrast a:visited u,
.contrast a:visited var,
.contrast a:visited:active,
.contrast a:visited:active abbr,
.contrast a:visited:active acronym,
.contrast a:visited:active b,
.contrast a:visited:active basefont,
.contrast a:visited:active big,
.contrast a:visited:active br,
.contrast a:visited:active code,
.contrast a:visited:active div,
.contrast a:visited:active em,
.contrast a:visited:active font,
.contrast a:visited:active h1,
.contrast a:visited:active h2,
.contrast a:visited:active h3,
.contrast a:visited:active h4,
.contrast a:visited:active h5,
.contrast a:visited:active h6,
.contrast a:visited:active i,
.contrast a:visited:active kbd,
.contrast a:visited:active small,
.contrast a:visited:active span,
.contrast a:visited:active strong,
.contrast a:visited:active tt,
.contrast a:visited:active u,
.contrast a:visited:active var {
  text-decoration: none !important;
}

.contrast img,
.contrast .menu-item a span:after,
.contrast .menu-item a span i {
  background: none !important;
}

.contrast select {
  background: none !important;
}

.contrast #footer-widgets .footer-widget a,
.contrast #footer-widgets .footer-widget li a,
.contrast #footer-widgets .footer-widget li a:hover {
  color: white !important;
}

.contrast div[role="button"],
.contrast input[type="button"],
.contrast input[type="submit"] {
  background: #00a0af !important;
  border: solid 3px #00a0af !important;
}

body.contrast a:hover,
body.contrast a:focus,
body.contrast a:active,
body.contrast a:after,
body.contrast a:before {
  background: none !important;
  background-color: none !important;
}

body.contrast i:before,
body.contrast .et_pb_image_below,
body.contrast .entry-title,
body.contrast p {
  background: none !important;
  background-color: none !important;
}

body.contrast textarea#comment {
  background: #444 !important;
}

body.contrast .form-submit input#submit:hover {
  border: none !important;
}

body.contrast #select2-search_categories-container {
  border: solid 1px gray !important;
}

body.contrast .job_types input[type="checkbox"]:checked {
  background: black !important;
}

body.contrast a:link:hover,
body.contrast a:link:hover abbr,
body.contrast a:link:hover acronym,
body.contrast a:link:hover b,
body.contrast a:link:hover basefont,
body.contrast a:link:hover big,
body.contrast a:link:hover br,
body.contrast a:link:hover code,
body.contrast a:link:hover div,
body.contrast a:link:hover em,
body.contrast a:link:hover font,
body.contrast a:link:hover h1,
body.contrast a:link:hover h2,
body.contrast a:link:hover h3,
body.contrast a:link:hover h4,
body.contrast a:link:hover h5,
body.contrast a:link:hover h6,
body.contrast a:link:hover i,
body.contrast a:link:hover kbd,
body.contrast a:link:hover small,
body.contrast a:link:hover span,
body.contrast a:link:hover strong,
body.contrast a:link:hover tt,
body.contrast a:link:hover u,
body.contrast a:link:hover var,
body.contrast a:visited:hover,
body.contrast a:visited:hover abbr,
body.contrast a:visited:hover acronym,
body.contrast a:visited:hover b,
body.contrast a:visited:hover basefont,
body.contrast a:visited:hover big,
body.contrast a:visited:hover br,
body.contrast a:visited:hover code,
body.contrast a:visited:hover div,
body.contrast a:visited:hover em,
body.contrast a:visited:hover font,
body.contrast a:visited:hover h1,
body.contrast a:visited:hover h2,
body.contrast a:visited:hover h3,
body.contrast a:visited:hover h4,
body.contrast a:visited:hover h5,
body.contrast a:visited:hover h6,
body.contrast a:visited:hover i,
body.contrast a:visited:hover kbd,
body.contrast a:visited:hover small,
body.contrast a:visited:hover span,
body.contrast a:visited:hover strong,
body.contrast a:visited:hover tt,
body.contrast a:visited:hover u,
body.contrast a:visited:hover var {
  background: none !important;
}

body.contrast .et_pb_title_container,
body.contrast .sousTitre_sliderEmploi {
  background: none !important;
}

body.contrast
  .et_pb_module.et_pb_fullwidth_code.et_pb_fullwidth_code_0.sousTitre_sliderEmploi.et_pb_text_align_center
  .et_pb_code_inner {
  background: none !important;
}

body.contrast .adresse_footer img,
body.contrast .tel_footer img {
  display: none !important;
}

.contrast.page-id-190 .et_pb_section,
.contrast.page-id-432 .et_pb_section {
  background: #111 !important;
}

.contrast.page-id-188 .et_pb_section,
.contrast.page-id-188 .nos-anciennes-newsletter {
  background: #111 !important;
}

.contrast.page-id-91 .et_pb_section,
.contrast.page-id-91 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-47 .et_pb_section {
  background: #111 !important;
}

.contrast.page-id-47 .wrap-text-organigramme p span a strong {
  background: #eaeaea !important;
  color: black !important;
}

.contrast.page-id-1094 .et_pb_section,
.contrast.page-id-1079 .et_pb_section {
  background: #111 !important;
}

.contrast.page-id-77 .et_pb_section {
  background: #111 !important;
}

.contrast.page-id-77 h3,
.contrast.page-id-77 h4,
.contrast.page-id-77 h3 span,
.contrast.page-id-77 h4 span,
.contrast.page-id-77 h3,
.contrast.page-id-77 h3 span strong,
.contrast.page-id-77 h3,
.contrast.page-id-77 strong,
.contrast.page-id-77 h3,
.contrast.page-id-77 a strong {
  background: none !important;
  color: black !important;
}

.contrast.page-id-1192 .et_pb_row,
.contrast.page-id-1192 .et_pb_section,
.contrast.page-id-1192 .et_pb_module.et_pb_fullwidth_menu {
  background: #111 !important;
}

.contrast.page-id-277 .et_pb_row,
.contrast.page-id-277 .et_pb_section,
.contrast.page-id-277 .et_pb_module.et_pb_fullwidth_menu {
  background: #111 !important;
}

.contrast.page-id-277 .block-image,
.contrast.page-id-277 .block-text {
  background: #111 !important;
}

.contrast.page-id-277 span,
.contrast.page-id-277 a,
.contrast.page-id-277 h3,
.contrast.page-id-277 h3 span strong {
  background: none !important;
}

.contrast.page-id-683 .et_pb_section,
.contrast.page-id-683 .et_pb_row,
.contrast.page-id-683 .et_pb_module.et_pb_fullwidth_menu {
  background: #111 !important;
}

.contrast.page-id-343 .et_pb_section,
.contrast.page-id-343 .et_pb_row,
.contrast.page-id-343 .et_pb_module.et_pb_fullwidth_menu {
  background: #111 !important;
}

.contrast.page-id-746 .et_pb_section,
.contrast.page-id-746 .et_pb_row,
.contrast.page-id-746 .et_pb_module.et_pb_fullwidth_menu,
.contrast.page-id-746 .wrap-optique-texte,
.contrast.page-id-746 .wrap-optique-titre,
.contrast.page-id-746 .wrap-optique-block-gauche,
.contrast.page-id-746 .wrap-optique-block-droit {
  background: #111 !important;
}

.contrast.page-id-1124 .et_pb_section,
.contrast.page-id-1124 .et_pb_row,
.contrast.page-id-1124 .et_pb_module.et_pb_fullwidth_menu {
  background: #111 !important;
}

.contrast .et_pb_module.et_pb_fullwidth_menu,
.contrast .wrap-optique-block-gauche,
.contrast .wrap-optique-block-droit,
.contrast .wrap-optique-titre,
.contrast .wrap-optique-texte {
  background: #111 !important;
}

.contrast.page-id-1141 .et_pb_section,
.contrast.page-id-1141 .et_pb_row,
.contrast.page-id-1141 .et_pb_fullwidth_menu {
  background: #111 !important;
}

.contrast.page-id-685 .et_pb_section,
.contrast.page-id-685 .et_pb_row,
.contrast.page-id-685 .et_pb_fullwidth_menu {
  background: #111 !important;
}

.contrast.page-id-1179 .et_pb_section,
.contrast.page-id-1179 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-369 .et_pb_section,
.contrast.page-id-369 .et_pb_row,
.contrast.page-id-369 .block-image,
.contrast.page-id-369 .block-text {
  background: #111 !important;
}

.contrast.page-id-369 span,
.contrast.page-id-369 a,
.contrast.page-id-369 h3,
.contrast.page-id-369 h3 span strong {
  background: none !important;
}

.contrast.page-id-1746 .et_pb_section,
.contrast.page-id-1746 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-804 .et_pb_section,
.contrast.page-id-804 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-3170 .et_pb_section,
.contrast.page-id-3170 .et_pb_row,
.contrast.page-id-3170 .infoSanteContainerBascule,
.contrast.page-id-3170 .infoSanteContainerBascule .dentaire {
  background: #111 !important;
}

.contrast.page-id-2687 .et_pb_section,
.contrast.page-id-2687 .et_pb_row,
.contrast.page-id-2687 .engagementBlocTexteBloc {
  background: #111 !important;
}

.contrast.page-id-2118 .et_pb_section,
.contrast.page-id-2118 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-4130 .et_pb_section,
.contrast.page-id-4130 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-2128 .et_pb_section,
.contrast.page-id-2128 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-279 .et_pb_section,
.contrast.page-id-279 .et_pb_row,
.contrast.page-id-279 .block-image,
.contrast.page-id-279 .block-text {
  background: #111 !important;
}

.contrast.page-id-1611 .et_pb_section,
.contrast.page-id-1611 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-793 .et_pb_section,
.contrast.page-id-793 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-2133 .et_pb_section,
.contrast.page-id-2133 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-2658 .et_pb_section,
.contrast.page-id-2658 .et_pb_row,
.contrast.page-id-2658 .engagementBlocTexteBloc {
  background: #111 !important;
}

.contrast.page-id-2665 .et_pb_section,
.contrast.page-id-2665 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-798 .et_pb_section,
.contrast.page-id-798 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-161 .et_pb_section,
.contrast.page-id-161 .et_pb_row {
  background: #111 !important;
}

.contrast.page-id-161 input[type="email"],
.contrast.page-id-161 textarea {
  border: 1px solid #bbb !important;
}

.contrast.page-id-279 span,
.contrast.page-id-279 a,
.contrast.page-id-279 h3,
.contrast.page-id-279 h3 span strong {
  background: none !important;
}

/* Font size augmentation */

.fontsize body.home h2 {
  font-size: 180% !important;
}

.fontsize .bloc-info-optique h3 {
  font-size: 140% !important;
}

.fontsize,
.fontsize h1,
.fontsize h2,
.fontsize h3,
.fontsize h4,
.fontsize h5,
.fontsize h6,
.fontsize p,
.fontsize li:not(.a11y-toolbar-list-item),
.fontsize label,
.fontsize input,
.fontsize select,
.fontsize textarea,
.fontsize legend,
.fontsize code,
.fontsize pre,
.fontsize dd,
.fontsize dt,
.fontsize blockquote {
  font-size: 120% !important;
}

.fontsize .wrap-texte-bandeau-header,
.fontsize .soins-optique-texte h2,
.fontsize .logo-header-dentaire h2,
.fontsize .soins-dentaire-texte h2 {
  font-size: 200% !important;
}

.fontsize #post-2128 h1,
.fontsize #post-1171 h1,
.fontsize #post-1171 h3,
.fontsize #post-1166 h1 strong {
  font-size: 200% !important;
}

.fontsize .texte-bandeau-header h1 strong span,
.fontsize .block-text h2 a,
.fontsize .bloc-info-domicile-top,
.fontsize a h3,
.fontsize .bloc-info-domicile h3 {
  font-size: 200% !important;
}

.fontsize .titre_pageEmploi h1 {
  font-size: 200% !important;
}

.fontsize #menu-item-7048 .sub-menu {
  width: 300px !important;
}

.fontsize .tri-par-date-actu .form_search_order .submit_form_search_order,
.tri-par-date-actu .form_search_order select {
  font-size: 16px !important;
}

.fontsize .wpcf7-list-item-label {
  font-size: 16px !important;
}

.fontsize #post-1017 h3,
.fontsize #post-1017 h4,
.fontsize #post-1017 strong,
.fontsize #post-1017 span {
  font-size: 120% !important;
}

.fontsize #post-861 h1 strong {
  font-size: 180% !important;
}

.fontsize .download-pdf {
  font-size: 120% !important;
}

.fontsize #post-3710 h2 {
  font-size: 140% !important;
  line-height: 0.2em !important;
}

.fontsize .percent-value {
  font-size: 100px !important;
}

.page-id-3710 .percent-value {
  font-size: 62px !important;
  word-wrap: initial;
}

.fontsize #post-1017 h2 strong {
  font-size: 180% !important;
}

.fontsize h3.title {
  font-size: 140% !important;
}

.fontsize #post-966 h3 strong span,
.fontsize #post-966 h2 strong span,
.fontsize #post-966 p span,
.fontsize #post-1010 h2 strong,
.fontsize #post-1010 h3 span strong {
  font-size: 160% !important;
}

.fontsize .wrap-block-gauche .titre-colore h3,
.fontsize .block-jaune h3,
.fontsize .sous-titre-services-a-domicile h2,
.fontsize .post-it h3 {
  font-size: 200% !important;
}

.fontsize .texte-bandeau-header h1 strong {
  font-size: 180% !important;
}

.fontsize #post-966 h3 span strong {
  font-size: 120% !important;
}

.fontsize #post-990 h3 strong {
  font-size: 180% !important;
}

.fontsize #post-990 p span strong {
  font-size: 120% !important;
}

.fontsize #post-432 h4 strong,
.fontsize #post-432 h4 span,
.fontsize #post-432 h4,
.fontsize #post-432 p {
  font-size: 130% !important;
}

.fontsize #post-91 h3 span,
.fontsize #post-91 h3 strong,
.fontsize #post-91 h3 i {
  font-size: 120% !important;
}

.fontsize #post-196 a strong,
.fontsize #post-196 strong a {
  font-size: 130% !important;
}

.fontsize #post-196 h4,
.fontsize #post-196 h2 {
  font-size: 150% !important;
}

.fontsize .menu-image-title,
.fontsize .menu-image-title p {
  font-size: 90% !important;
}

.fontsize .page-id-41 h1.entry-title,
.fontsize .page-id-41 .titre_pageEmploi h2 {
  font-size: 250% !important;
}

.fontsize .page-id-41 input,
.fontsize .page-id-41 label,
.fontsize .page-id-41 li {
  font-size: 110% !important;
}

.fontsize .page-id-41 a h3 {
  font-size: 120% !important;
}

.fontsize .page-id-41 #main-content ul.job_listings li.job_listing {
  max-height: 250px;
  height: 250px;
}

.fontsize .et_pb_slide_description .et_pb_slide_title {
  font-size: 46px !important;
}

.fontsize #menu-optique li a {
  font-size: 100% !important;
}

/*nuance de gris */

body.desaturated #moove_gdpr_cookie_info_bar.moove-gdpr-info-bar-hidden {
  bottom: 0;
  display: none;
}

body.desaturated .grecaptcha-badge {
  display: none;
  right: 0px !important;
}

.desaturated {
  filter: none !important;
}

html {
  position: relative;
}

body.desaturated::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999999999999;
  background-color: white;
  mix-blend-mode: saturation;
  pointer-events: none;
}

html.js {
  margin-top: 0px;
}

/* Article social share */

.share_buttons {
  font-size: 20px;
  margin-left: 50px;
  display: inline-block;
}

.share_buttons p {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-right: 15px;
}

a.social-share-btn {
  padding-right: 15px;
  color: #555;
}

.accessibility-widget-menu-burger {
  display: none;
}

ul.wsp-pages-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

ul.wsp-pages-list li {
  list-style: none;
  flex: 0 0 20%;
  padding: 5px;
}

ul.wsp-pages-list li a {
  color: black;
}

/* Menus situationnels */

.fullwidth-menu-nav #menu-optique,
.fullwidth-menu-nav #menu-audition {
  background: #005172;
  text-align: center;
  text-transform: uppercase;
  font-family: "Amino Bold";
}

.fullwidth-menu-nav #menu-dentaire {
  background: #2e9d77;
  text-align: center;
  text-transform: uppercase;
  font-family: "Amino Bold";
}

.fullwidth-menu-nav #menu-optique li a,
.fullwidth-menu-nav #menu-audition li a,
.fullwidth-menu-nav #menu-dentaire li a {
  color: white;
  font-size: 13px;
}

.fullwidth-menu-nav #menu-optique .current_page_item a span,
.fullwidth-menu-nav #menu-audition .current_page_item a span,
.fullwidth-menu-nav #menu-dentaire .current_page_item a span {
  border-bottom: solid 3px white;
}

body.search-results .et_pb_post a img {
  max-width: 30%;
  margin-bottom: 30px;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: none !important;
}

.select2-container--default .select2-selection--multiple {
  border: none !important;
  background: #f5f0f0 !important;
  color: #4e4e4e !important;
  border-radius: 0px !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
  font-family: "Amino bold";
  padding-left: 10px;
}

.footer-widget #media_image-2 {
  max-width: 180px;
}

/* Correctif responsive */

@media screen and (max-width: 1700px) {
  .home .chiffre-cle-effectif .percent:before {
    left: 6%;
  }

  .home .chiffre-cle-index .percent:before {
    left: 0%;
  }

  .home .chiffre-cle-etablissements .percent:before {
    left: 8%;
  }

  .home .chiffre-cle-jeunes .percent:before {
    left: 2%;
  }

  .home .chiffre-cle-handicap .percent:before {
    left: 0%;
  }

  .home .chiffre-cle-clients .percent:before {
    left: -12%;
  }

  #adulte-one {
    width: 300px;
    left: -7%;
    top: 2%;
  }

  #adulte-two {
    width: 300px;
    left: 45%;
    top: 3%;
  }

  #adulte-three {
    width: 500px;
    left: 5%;
    top: 67%;
  }

  #adulte-height {
    width: 300px;
    left: 20%;
    top: 27%;
  }
}

@media screen and (max-width: 1600px) {
  .bouton-actu {
    max-width: 210px;
    flex-wrap: wrap;
    width: 100% !important;
  }

  .home-bloc-services {
    max-width: 100% !important;
  }

  .nav {
    padding-left: 110px;
  }
}

@media screen and (max-width: 1520px) {
  .nav {
    padding-left: 160px;
  }

  #roue-one {
    width: 28%;
    left: -5%;
    top: 9%;
  }

  #roue-two {
    width: 28%;
    left: 23%;
    top: -8%;
  }

  #roue-three {
    width: 28%;
    left: 53%;
    top: 1%;
  }

  #roue-four {
    width: 28%;
    top: 32%;
    left: 66%;
  }

  #roue-five {
    width: 28%;
    left: 52%;
    top: 60%;
  }

  #roue-six {
    width: 28%;
    left: 18%;
    top: 68%;
  }

  #roue-seven {
    width: 28%;
    left: -8%;
    top: 44%;
  }

  #roue-height {
    width: 45%;
    left: 20%;
    top: 22%;
  }
}

@media screen and (max-width: 1470px) {
  #main-content ul.job_listings li.job_listing a .position h3 {
    font-size: 14px;
  }

  #main-content ul.job_listings li.job_listing a .position > * {
    font-size: 12px;
  }

  #main-content ul.job_listings li.job_listing a .location {
    font-size: 12px;
  }

  #main-content ul.job_listings li.job_listing a ul.meta {
    padding-left: 0 !important;
  }

  #main-content ul.job_listings li.job_listing a ul.meta .job-type {
    margin-bottom: 5px;
  }

  .job_filters .job_types li {
    padding: 0.5em 0.5em;
  }

  .nav {
    padding-left: 210px;
  }

  #top-menu li {
    padding-right: 8px;
  }

  .store-locator .wpsl-search #wpsl-search-wrap form {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 10px;
  }

  .home .texte-bloc-emploi h2:before,
  .handicap-enfants-mots h2::before {
    left: -18%;
  }

  .handicap-enfants-organisation h2::before {
    left: -9%;
  }

  #adulte-one {
    width: 300px;
    left: -10%;
    top: 3%;
  }

  #adulte-two {
    width: 300px;
    left: 48%;
    top: 4%;
  }

  #adulte-three {
    width: 500px;
    left: 3%;
    top: 66%;
  }

  #adulte-height {
    width: 300px;
    left: 20%;
    top: 27%;
  }
}

@media screen and (max-width: 1430px) {
  #top-menu li {
    padding-right: 0px;
  }
}

@media screen and (max-width: 1400px) {
  .load_more_jobs {
    max-width: 14% !important;
  }

  #post-6906 .block-text .post-content p {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  #post-6906 .block-text {
    margin-top: 0px;
  }

  .choix-actu .et_pb_column_8 {
    margin-right: 0%;
  }

  .nav {
    padding-left: 13%;
  }

  #top-menu li {
    font-size: 12px;
    padding-right: 0px;
  }

  #main-header .container.clearfix.et_menu_container {
    padding-left: 0;
    padding-right: 0;
  }

  .home .chiffre-cle-effectif .percent:before {
    left: 0%;
  }

  .home .chiffre-cle-index .percent:before {
    left: -6%;
  }

  .home .chiffre-cle-etablissements .percent:before {
    left: 0%;
  }

  .home .chiffre-cle-jeunes .percent:before {
    left: -6%;
  }

  .home .chiffre-cle-handicap .percent:before {
    left: -8%;
  }

  .home .chiffre-cle-clients .percent:before {
    left: -18%;
  }

  .home .home-bloc-notre-mission {
    width: 40%;
  }

  .home .et_pb_section_4 h2,
  .home .et_pb_section_4 .et_pb_text_5 p {
    max-width: 80%;
  }
}

@media screen and (max-width: 1350px) {
  .et_pb_column_1_5 {
    width: 18%;
    margin-right: 2%;
  }

  .handicap-enfants-180 .percent:before,
  .handicap-enfants-300 .percent:before {
    left: 14%;
  }
}

@media screen and (max-width: 1300px) {
  #main-content ul.job_listings li.job_listing {
    width: calc(50% - 10px);
  }

  #main-content ul.job_listings li.job_listing:nth-child(3n + 3) {
    width: calc(50% - 10px);
    margin: 10px 10px 0 0;
  }

  #main-content .job_types {
    flex-wrap: wrap;
    justify-content: center;
  }

  .titre_pageEmploi h2 {
    padding-bottom: 10px !important;
  }

  .job-type.temps-plein {
    min-width: 32%;
  }

  .job-type.temps-partiel {
    min-width: 35%;
  }

  .premier-blog article .block-text .post-meta .published {
    width: 50px;
    height: 32px;
    font-size: 18px;
  }

  .premier-blog article .block-text .post-meta {
    height: 50px;
    width: 50px;
  }

  .premier-blog article .block-text .entry-title {
    font-size: 22px;
  }

  .bouton-actu {
    height: 80px;
  }

  .page-id-3710 .percent-value {
    font-size: 53px !important;
    word-wrap: initial;
  }

  .home .home-chiffres-cles h4 {
    font-size: 14px;
  }

  .roue {
    height: 450px;
    margin-top: 5%;
  }

  #roue-one {
    width: 28%;
    left: -5%;
    top: 9%;
  }

  #roue-two {
    width: 28%;
    left: 23%;
    top: -10%;
  }

  #roue-three {
    width: 28%;
    left: 53%;
    top: 1%;
  }

  #roue-four {
    width: 28%;
    top: 32%;
    left: 66%;
  }

  #roue-five {
    width: 28%;
    left: 50%;
    top: 64%;
  }

  #roue-six {
    width: 28%;
    left: 18%;
    top: 70%;
  }

  #roue-seven {
    width: 28%;
    left: -8%;
    top: 45%;
  }

  #roue-height {
    width: 45%;
    left: 20%;
    top: 22%;
  }
}

@media screen and (max-width: 1270px) {
  .home-bloc-services p strong {
    font-size: 12px;
  }

  #adulte-one {
    width: 250px;
    left: -9%;
    top: 6%;
  }

  #adulte-two {
    width: 250px;
    left: 47%;
    top: 6%;
  }

  #adulte-three {
    width: 400px;
    left: 5%;
    top: 59%;
  }

  #adulte-height {
    width: 250px;
    left: 20%;
    top: 26%;
  }
}

@media screen and (max-width: 1250px) {
  #post-6906 .block-text .post-content p {
    font-size: 13px;
    line-height: 1.6em;
  }

  #post-6906 .block-text a.more-link {
    font-size: 12px;
  }

  .searchForm_actu .et_pb_searchsubmit {
    width: 20%;
  }

  .tri-par-date-actu .form_search_order .submit_form_search_order {
    width: 20%;
  }

  #logo {
    left: 2%;
  }

  #top-header .container #et-secondary-menu #et-secondary-nav li:last-child {
    margin-right: 2%;
  }

  nav#top-menu-nav {
    width: 100%;
  }

  #top-menu {
    padding-left: 16%;
  }

  span.logo_helper {
    display: none;
  }

  nav #top-menu li a {
    padding: 10px;
  }

  nav #top-menu li {
    padding-right: 6px;
  }
}

@media screen and (max-width: 1200px) {
  .home-service-autonomie {
    padding: 18px;
  }

  .home-chiffres-cles p {
    min-height: 50px;
  }

  .home .texte-bloc-emploi h2:before,
  .handicap-enfants-mots h2::before {
    left: -22%;
  }
}

@media screen and (max-width: 1150px) {
  .premier-blog .et_pb_post h2 {
    margin: 12px 0;
  }

  #adulte-one {
    width: 250px;
    left: -11%;
    top: 6%;
  }

  #adulte-two {
    width: 250px;
    left: 49%;
    top: 7%;
  }

  #adulte-three {
    width: 400px;
    left: 3%;
    top: 58%;
  }

  #adulte-height {
    width: 250px;
    left: 20%;
    top: 26%;
  }
  #carousel-handicap-enfants .carousel-3d-controls {
    width: 100%;
  }

  .page-id-3710 .percent-value {
    font-size: 48px !important;
    word-wrap: initial;
  }
}

@media screen and (max-width: 1030px) {
  .handicap-enfants-180 .percent:before,
  .handicap-enfants-300 .percent:before {
    left: 5%;
  }

  .roue {
    height: 450px;
    margin-top: 5%;
  }

  #roue-one {
    width: 28%;
    left: -5%;
    top: 13%;
  }

  #roue-two {
    width: 28%;
    left: 23%;
    top: -3%;
  }

  #roue-three {
    width: 28%;
    left: 53%;
    top: 6%;
  }

  #roue-four {
    width: 28%;
    top: 31%;
    left: 66%;
  }

  #roue-five {
    width: 28%;
    left: 50%;
    top: 55%;
  }

  #roue-six {
    width: 28%;
    left: 18%;
    top: 60%;
  }

  #roue-seven {
    width: 28%;
    left: -8%;
    top: 40%;
  }

  #roue-height {
    width: 45%;
    left: 20%;
    top: 22%;
  }

  #adulte {
    width: 500px;
  }

  #adulte-one {
    width: 200px;
    left: -8%;
    top: 5%;
  }

  #adulte-two {
    width: 200px;
    left: 46%;
    top: 6%;
  }

  #adulte-three {
    width: 320px;
    left: 5%;
    top: 60%;
  }

  #adulte-height {
    width: 200px;
    left: 20%;
    top: 26%;
  }
}

@media screen and (max-width: 1000px) {
  .home .chiffre-cle-index .percent:before {
    left: -18%;
  }

  .home .chiffre-cle-clients .percent:before {
    left: -32%;
  }
}

@media screen and (max-width: 991px) {
  .site-realise {
    padding-bottom: 50px;
    line-height: 1em;
  }
}

@media screen and (max-width: 980px) {
  .bloc-nouveaux-dispositifs .container-diapo {
    width: 80% !important;
  }

  #carousel-handicap-enfants .carousel-3d-controls {
    width: 125%;
  }

  #carousel-handicap-enfants .carousel-3d-slide {
    width: 100%;
  }

  #carousel-handicap-enfants
    .carousel-3d-slide
    .carousel-3d-slider
    .carousel-3d-slide
    #carousel-handicap-enfants
    .carousel-3d-slide
    .carousel-3d-slider {
    width: 100%;
  }

  .handicap-enfants-180 .percent:before,
  .handicap-enfants-300 .percent:before {
    left: 25%;
  }
  #main-content ul.job_listings li.job_listing {
    width: 100%;
  }

  #main-content ul.job_listings li.job_listing:nth-child(3n + 3) {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }

  #main-content ul.job_listings li.job_listing a .position h3 {
    font-size: 16px;
  }

  #main-content ul.job_listings li.job_listing a .position > * {
    font-size: 14px;
  }

  #main-content ul.job_listings li.job_listing a .location {
    font-size: 14px;
  }

  .section_titreEmploi {
    padding-bottom: 0px;
  }

  .job-type.temps-plein {
    min-width: 20%;
  }

  .job-type.temps-partiel {
    min-width: 20%;
  }

  .load_more_jobs {
    max-width: 22% !important;
  }

  .premier-blog article {
    display: block;
  }

  #post-6906 .block-text {
    margin-top: 10px;
    padding-left: 0px;
  }

  .tri-par-date-actu .form_search_order .submit_form_search_order {
    width: 24%;
  }

  .choix-actu {
    padding-top: 0px;
  }

  .bouton-actu {
    max-width: initial;
  }

  .toutes-les-actus article {
    flex-direction: column;
  }

  .toutes-les-actus article .block-text {
    margin-left: 0;
    padding: 20px 0 20px 0;
  }

  .toutes-les-actus article .block-image img {
    max-width: 100%;
  }

  #logo {
    left: -8%;
    top: -55px;
  }

  .et_header_style_centered #main-header .mobile_nav {
    background: none !important;
  }

  .et_header_style_centered #main-header .mobile_nav span.select_page {
    display: none !important;
  }

  body #page-container header#main-header {
    top: 80px !important;
    height: 55px;
  }

  body #page-container {
    padding-top: 2px !important;
  }

  #top-header .container {
    width: 100%;
    padding-right: 5%;
  }

  #mobile_menu li.menu-item-6956,
  #mobile_menu li#menu-item-7048 {
    display: none;
  }

  .accessibility-widget-menu-burger {
    display: block;
    position: fixed;
    left: 0;
    top: 40%;
    z-index: 100000000;
    background: none !important;
  }

  .accessibility-widget-menu-burger ul {
    list-style: none !important;
    padding: 0;
    font-size: 26px;
    background: #ff2d23;
  }

  .accessibility-widget-menu-burger ul li button span.offscreen {
    display: none !important;
  }

  .accessibility-widget-menu-burger ul li button {
    background: #ff2d23;
    border: none;
    color: white;
    padding: 10px;
    display: block;
    margin: auto;
  }

  .home-service-optique,
  .home-service-audition,
  .home-service-dentaire,
  .home-service-autonomie,
  .home-service-handicap {
    margin-bottom: 0;
  }

  .home .texte-bloc-emploi,
  .handicap-enfants-mots .texte-bloc-emploi {
    margin-top: 0%;
    margin-right: 0;
    margin-left: 12%;
    max-width: 80%;
  }

  footer#main-footer #footer-widgets {
    display: inline-block !important;
  }

  footer#main-footer .container {
    height: 250px;
  }

  footer#main-footer #footer-widgets .footer-widget {
    width: 40% !important;
  }

  footer#main-footer #footer-widgets #nav_menu-4 {
    padding-left: 5%;
  }

  #et-main-area {
    margin-top: 11%;
  }

  .breadcrumb-mfsl-page {
    padding-bottom: 0px;
  }

  #post-41 .entry-content {
    padding-top: 50px;
  }

  .et_pb_fullwidth_slider_0 {
    margin-top: 14%;
  }

  .roue {
    height: 600px;
    margin-top: 0%;
  }

  #roue-one {
    width: 25%;
    left: 8%;
    top: 10%;
  }

  #roue-two {
    width: 25%;
    left: 33%;
    top: -12%;
  }

  #roue-three {
    width: 25%;
    left: 59%;
    top: 0%;
  }

  #roue-four {
    width: 25%;
    top: 32%;
    left: 70%;
  }

  #roue-five {
    width: 25%;
    left: 58%;
    top: 65%;
  }

  #roue-six {
    width: 25%;
    left: 28%;
    top: 73%;
  }

  #roue-seven {
    width: 25%;
    left: 6%;
    top: 48%;
  }

  #roue-height {
    width: 40%;
    left: 30%;
    top: 22%;
  }

  #adulte {
    width: 600px;
  }

  #adulte-one {
    width: 300px;
    left: -2%;
    top: 1%;
  }

  #adulte-two {
    width: 300px;
    left: 46%;
    top: 0%;
  }

  #adulte-three {
    width: 480px;
    left: 13%;
    top: 70%;
  }

  #adulte-height {
    width: 300px;
    left: 25%;
    top: 26%;
  }
}

@media screen and (max-width: 968px) {
  .home .texte-bloc-emploi h2:before,
  .handicap-enfants-mots h2::before {
    left: -15%;
  }

  .handicap-enfants-organisation h2::before {
    left: -11%;
  }

  .home .chiffre-cle-index .percent:before {
    left: 0%;
  }

  .home .chiffre-cle-clients .percent:before {
    left: 0%;
  }

  .home .chiffre-cle-jeunes .percent:before {
    left: 0%;
  }

  .home .chiffre-cle-handicap .percent:before {
    left: 0%;
  }

  .footer-widget #media_image-2 {
    max-width: 140px;
  }

  footer#main-footer {
    clip-path: none;
  }

  #footer-bottom {
    z-index: -1;
    position: relative;
  }

  footer#main-footer .container {
    padding-top: 20px;
    height: 190px;
  }
}

@media screen and (max-width: 850px) {
  #main-content .job_filters .search_jobs {
    display: block;
  }

  body.single-job_listing article .print-share {
    top: 6%;
  }

  ul.job-listing-meta.meta {
    padding: 20px 0 20px 20px !important;
  }

  #main-content .search_keywords,
  #main-content .search_location {
    width: 100%;
    padding: 0;
    margin: 5px 0;
  }

  #main-content .search_categories {
    width: 100%;
    padding: 0px;
    margin: 5px 0px;
  }

  .search_jobs {
    padding-bottom: 0px !important;
  }

  .home-bloc-services .et_pb_column_1_5 {
    width: 30% !important;
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .home-bloc-services .et_pb_column_1_5.home-service-handicap {
    margin-right: auto !important;
  }

  .store-locator-fixed {
    display: none;
  }

  .et_pb_section_3.home-bloc-services {
    margin-top: -12%;
  }

  .et_pb_slider .et-pb-controllers {
    bottom: 12% !important;
  }

  .home .texte-bloc-emploi h2:before,
  .handicap-enfants-mots h2::before {
    left: -18% !important;
  }

  html.js {
    margin-top: 0px !important;
  }

  #adulte-one {
    width: 300px;
    left: 0%;
    top: 0%;
  }

  #adulte-two {
    width: 300px;
    left: 49%;
    top: 1%;
  }

  #adulte-three {
    width: 480px;
    left: 12%;
    top: 70%;
  }

  #adulte-height {
    width: 300px;
    left: 25%;
    top: 26%;
  }
}

@media screen and (max-width: 825px) {
  body.page-id-407 #wpsl-search-wrap .wpsl-input {
    width: auto;
  }

  .et_pb_fullwidth_slider_0 {
    margin-top: 16%;
  }
}

@media screen and (max-width: 800px) {
  .roue {
    height: 500px;
    margin-top: 0%;
  }
}

@media screen and (max-width: 782px) {
  .container-handicap-global .bloc-info-domicile {
    padding: 25px;
  }

  .container-handicap-global .bloc-info-domicile .et_pb_text_inner h3 {
    font-size: 15px;
    padding: 0;
  }
  .handicap-enfants-180 .percent:before,
  .handicap-enfants-300 .percent:before {
    left: 21%;
  }

  body #page-container header#main-header {
    top: 47px !important;
  }

  #et-main-area {
    margin-top: 18%;
  }

  .home #et-main-area {
    margin-top: 8%;
  }
}

@media screen and (max-width: 767px) {
  ul.job_listings li.job_listing a div.location,
  ul.job_listings li.no_job_listings_found a div.location {
    float: none;
    padding: 0;
    text-align: left;
  }

  ul.job_listings li.job_listing a img.company_logo,
  ul.job_listings li.no_job_listings_found a img.company_logo {
    visibility: visible;
  }

  footer#main-footer #footer-widgets .footer-widget {
    width: 50% !important;
  }

  body #page-container header#main-header {
    top: 47px !important;
  }

  .et_pb_fullwidth_slider_0 {
    margin-top: 20%;
  }
}

@media screen and (max-width: 720px) {
  #adulte-one {
    width: 300px;
    left: -3%;
    top: 0%;
  }

  #adulte-two {
    width: 300px;
    left: 51%;
    top: 1%;
  }

  #adulte-three {
    width: 480px;
    left: 10%;
    top: 69%;
  }

  #adulte-height {
    width: 300px;
    left: 25%;
    top: 26%;
  }
}

@media screen and (max-width: 700px) {
  .home-bloc-notre-mission span {
    font-size: 16px;
  }

  .home-bloc-notre-mission p {
    font-size: 12px;
    line-height: 1.5em;
  }

  .home h2 {
    margin-bottom: 12px;
    font-size: 20px;
  }

  .home h2 span {
    font-size: 50px;
  }

  body #page-container .et_pb_button {
    font-size: 12px !important;
  }

  .home .texte-bloc-emploi h2:before,
  .handicap-enfants-mots h2::before,
  .handicap-enfants-organisation h2::before,
  .handicap-enfants-encours:before {
    display: none;
  }

  .home .texte-bloc-emploi,
  .handicap-enfants-mots .texte-bloc-emploi {
    margin-left: 9%;
    max-width: 90%;
  }

  .home-bloc-emploi:before {
    bottom: 22%;
  }

  #et-main-area {
    margin-top: 25%;
  }

  .roue {
    height: 400px;
  }

  .handicap-enfants-180 .percent:before,
  .handicap-enfants-300 .percent:before {
    left: 10%;
  }
}

@media screen and (max-width: 650px) {
  .handicap-enfants-180 .percent:before,
  .handicap-enfants-300 .percent:before {
    left: -5%;
  }

  .bloc-nouveaux-dispositifs {
    margin-bottom: 300px;
  }

  .load_more_jobs {
    max-width: 30% !important;
  }

  .share_buttons {
    margin-left: 0px;
    display: block;
    margin-top: 5px;
  }

  body.single-post #main-content > .container {
    padding: 20px;
  }

  .et_pb_fullwidth_slider_0 {
    margin-top: 24%;
  }

  #adulte-one {
    width: 250px;
    left: -3%;
    top: 0%;
  }

  #adulte-two {
    width: 250px;
    left: 51%;
    top: 1%;
  }

  #adulte-three {
    width: 380px;
    left: 13%;
    top: 54%;
  }

  #adulte-height {
    width: 250px;
    left: 25%;
    top: 20%;
  }
}

@media screen and (max-width: 610px) {
  body.page-id-407 #wpsl-search-wrap .wpsl-select-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  body.page-id-407 #wpsl-results {
    display: none !important;
  }

  .footer-widget #media_image-2 {
    display: none;
  }

  .footer-widget #custom_html-2 {
    display: none;
  }

  footer#main-footer .container {
    padding-top: 0px;
    height: 100%;
  }

  .roue {
    height: 360px;
    margin-top: 0%;
  }
}

@media screen and (max-width: 570px) {
  body.page-id-407 .wpsl-input,
  body.page-id-407 .wpsl-select-wrap,
  body.page-id-407 #wpsl-category,
  body.page-id-407 .wpsl-search-btn-wrap,
  body.page-id-407 #wpsl-radius {
    width: 100% !important;
  }
}

@media screen and (max-width: 550px) {
  .home-bloc-services .et_pb_column_1_5 {
    width: 45% !important;
  }

  .et_pb_slide_content p span {
    font-size: 22px !important;
  }

  .et_pb_slide_description .et_pb_slide_title {
    font-size: 36px;
  }

  footer#main-footer #footer-widgets .footer-widget {
    width: 100% !important;
    text-align: center;
    margin-bottom: 15px !important;
  }

  #footer-bottom {
    display: none;
  }

  footer#main-footer #footer-widgets {
    padding: 0px !important;
  }

  .adresse_footer,
  .tel_footer {
    justify-content: center;
  }

  html.js {
    margin-top: 0px !important;
  }

  .et_pb_fullwidth_slider_0 {
    margin-top: 28%;
  }

  #adulte-one {
    width: 200px;
    left: -3%;
    top: 0%;
  }

  #adulte-two {
    width: 200px;
    left: 51%;
    top: 0%;
  }

  #adulte-three {
    width: 320px;
    left: 12%;
    top: 44%;
  }

  #adulte-height {
    width: 200px;
    left: 25%;
    top: 17%;
  }
}

@media screen and (max-width: 600px) {
  .validite-ordonnance-optique
    .wrap-optique
    .wrap-optique-block-gauche
    .wrap-optique-titre
    strong {
    font-size: 18px;
  }
  .validite-ordonnance-optique .wrap-texte-bandeau-header {
    padding: 0px 25px 15px !important;
  }
  .validite-ordonnance-optique .wrap-texte-bandeau-header h1 {
    font-size: 18px;
  }
}

@media screen and (max-width: 500px) {
  .container-handicap-global .bloc-info-domicile {
    width: 100%;
  }

  .bloc-chiffres-cles {
    margin-bottom: 0px!important;
  }

  .bloc-chiffres-cles .item-nos-chiffres {
    margin-bottom: 30px!important;
  }

  .validite-ordonnance-optique .modal-verif-ordo .modal-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #form-ordonnance .col-md-6 {
    width: 100%;
  }
  #form-ordonnance button {
    width: 100%;
    padding: 10px 5px;
    font-size: 13px;
  }

  .validite-ordonnance-optique .modal-verif-ordo .modal-footer a {
    width: 100%;
  }
  .validite-ordonnance-optique .modal-verif-ordo .modal-footer a:first-of-type {
    margin-bottom: 10px;
  }

  .titre_pageEmploi {
    padding-bottom: 20px !important;
  }

  .searchForm_actu {
    margin-bottom: 15px !important;
  }

  .searchForm_actu .et_pb_searchsubmit {
    width: 28%;
  }

  .et_header_style_centered .mobile_menu_bar {
    top: -4px;
  }

  .et_pb_slide_description .et_pb_slide_title {
    font-size: 26px;
  }

  .et_pb_slide_content p span {
    font-size: 16px !important;
  }

  body
    #page-container
    .et_pb_slider
    .et_pb_slide_0.et_pb_slide
    .et_pb_more_button.et_pb_button {
    font-size: 14px !important;
  }

  .home-bloc-notre-mission {
    width: 45% !important;
    top: -26% !important;
  }

  .et_pb_code_5.home-bloc-notre-mission {
    padding: 20px !important;
  }

  .home h2 {
    margin-top: 20px;
    font-size: 16px !important;
  }

  .home h2 span {
    font-size: 40px !important;
  }

  footer#main-footer #footer-widgets .footer-widget {
    margin-bottom: 15px !important;
  }

  body.single-job_listing article .print-share {
    top: 7%;
  }

  #et-main-area {
    margin-top: 36%;
  }

  .roue {
    height: 400px;
    margin-top: 5%;
  }

  #roue-one {
    width: 28%;
    left: 4%;
    top: 11%;
  }

  #roue-two {
    width: 28%;
    left: 29%;
    top: -6%;
  }

  #roue-three {
    width: 28%;
    left: 58%;
    top: 2%;
  }

  #roue-four {
    width: 25%;
    top: 28%;
    left: 71%;
  }

  #roue-five {
    width: 28%;
    left: 57%;
    top: 55%;
  }

  #roue-six {
    width: 28%;
    left: 27%;
    top: 61%;
  }

  #roue-seven {
    width: 28%;
    left: 3%;
    top: 41%;
  }

  #roue-height {
    width: 40%;
    left: 30%;
    top: 22%;
  }
}

@media screen and (max-width: 480px) {
  .job_listing .company_logo {
    display: none;
  }

  body.single-job_listing article .print-share {
    top: 5.5%;
  }

  #main-content ul.job_listings li.job_listing {
    max-height: 170px !important;
  }

  .load_more_jobs {
    max-width: 40% !important;
  }

  .home #Calque_1 {
    width: 70px;
  }

  .home .home-bloc-services .et_pb_column_1_5 {
    margin-bottom: 0 !important;
  }

  .home #et-main-area {
    margin-top: 16%;
  }

  #et-main-area {
    margin-top: 45%;
  }

  .section_titreEmploi h2 {
    line-height: 0.8em !important;
  }

  .et_pb_fullwidth_slider_0 {
    margin-top: 34%;
  }

  #adulte {
    height: 500px;
    width: auto;
  }

  #adulte-one {
    width: 200px;
    left: -8%;
    top: 0%;
  }

  #adulte-two {
    width: 200px;
    left: 51%;
    top: 1%;
  }

  #adulte-three {
    width: 320px;
    left: 7%;
    top: 56%;
  }

  #adulte-height {
    width: 200px;
    left: 23%;
    top: 21%;
  }
}

@media screen and (max-width: 430px) {
  .home .chiffre-cle-clients .percent:before {
    left: -10%;
  }
}

@media screen and (max-width: 400px) {
  .follow_us {
    font-size: 25px;
  }

  .et_header_style_centered .mobile_menu_bar {
    top: -18px;
  }

  body
    #page-container
    .et_pb_slider
    .et_pb_slide_0.et_pb_slide
    .et_pb_more_button.et_pb_button {
    font-size: 12px !important;
  }

  .home #et-main-area {
    margin-top: 20%;
  }

  #et-main-area {
    margin-top: 52%;
  }

  .et_pb_fullwidth_slider_0 {
    margin-top: 40%;
  }

  .roue {
    height: 350px;
    margin-top: 5%;
  }

  #adulte {
    height: 400px;
    width: auto;
  }

  #adulte-one {
    width: 150px;
    left: -3%;
    top: 0%;
  }

  #adulte-two {
    width: 150px;
    left: 47%;
    top: 1%;
  }

  #adulte-three {
    width: 140px;
    left: 9%;
    top: 51%;
  }

  #adulte-height {
    width: 150px;
    left: 23%;
    top: 19%;
  }
}

@media screen and (max-width: 380px) {
  .home .chiffre-cle-clients .percent:before {
    left: -15%;
  }

  .home .chiffre-cle-handicap .percent:before {
    left: -10%;
  }

  .home .chiffre-cle-index .percent:before {
    left: -15%;
  }

  .home .chiffre-cle-jeunes .percent:before {
    left: -10%;
  }
}

@media screen and (max-width: 350px) {
  .follow_us {
    display: none;
  }

  .et_header_style_centered .mobile_menu_bar {
    top: -24px;
  }

  .home .chiffre-cle-clients .percent:before {
    left: -20%;
  }

  .roue {
    height: 300px;
    margin-top: 5%;
  }
}

@media screen and (max-width: 330px) {
  #roue-six {
    width: 28%;
    left: 27%;
    top: 58%;
  }

  #adulte {
    height: 400px;
    width: auto;
  }

  #adulte-one {
    width: 150px;
    left: -8%;
    top: 0%;
  }

  #adulte-two {
    width: 150px;
    left: 51%;
    top: 1%;
  }

  #adulte-three {
    width: 140px;
    left: 6%;
    top: 51%;
  }

  #adulte-height {
    width: 150px;
    left: 23%;
    top: 19%;
  }
}

@media screen and (max-width: 1367px) and (min-width: 1279px) {
  .home .store-locator-fixed {
    top: 81% !important;
  }
}

@media screen and (max-width: 1600px) and (min-width: 1439px) {
  .home .store-locator-fixed {
    top: 71% !important;
  }
}