/*------------------------------------*\
    DÉBUT DE PERSONNALISATION ACCUEIL
\*------------------------------------*/
/*------------------------------------*\
    DÉBUT DE PERSONNALISATION REFONTE
\*------------------------------------*/
/* 1- OUEST CONSEILS ET MOI */
#ocm_accueil {
  background: #f3f3f3;
  position: relative;
}

#ocm_accueil .bloc-2 {
  margin: 0;
  align-self: center;
}

#ocm_accueil .backocm .ocmimg {
  padding-right: 0;
}

#ocm_accueil .backocm .ocmimg img {
  width: 100%;
}

#ocm_accueil .ocmcontent {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
}

#ocm_accueil .ocmcontent.ajust {
  position: inherit;
  top: inherit;
  left: inherit;
  height: inherit;
  transform: inherit;
}

#ocm_accueil .ocmcontent .row {
  height: 100%;
}

.ocmcontent .h2 {
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 0.48px;
  margin: 0.5em 0 0;
  line-height: 1;
}

.ocmcontent .h4 {
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0.16px;
  text-align: center;
  text-transform: uppercase;
  color: #0f303f;
  font-weight: 700;
  margin: 0;
}

.ocmcontent hr {
  background: #009fe3;
  margin-bottom: 0.5em;
  width: 60px;
  height: 5px;
}

.ocmcontent p {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.07px;
  margin: 1em 0 2em;
}

.ocmcontent .bloc-4 {
  padding: 0;
}

.ocmcontent .bloc-4 img {
  display: block;
  margin: 0.5em auto;
}

.ocmcontent .button {
  padding: 0.75em 1em;
  background: #009fe4;
  text-transform: uppercase;
  color: #fff;
  display: block;
  width: max-content;
  margin: 1em auto;
  position: relative;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  border-radius: 3px;
}

.btn-serv {
  padding: 0.5em 1em 0.5em 2.5em;
  background: #009fe4;
  text-transform: uppercase;
  color: #fff;
  display: block;
  width: max-content;
  margin: 2em 0 1em;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  border-radius: 2px;
}

.btn-serv:before {
  content: url(https://ouestconseils.bzh/wp-content/themes/Ouest-ConseilsV2/img/fleche-noi.svg);
  position: absolute;
  left: 0.8em;
  top: 0.55em;
}

.ocmcontent .button.vid {
  padding: 0.75em 1em 0.75em 3em;
}

.button.vid:before {
  content: url(https://ouestconseils.bzh/wp-content/themes/Ouest-ConseilsV2/img/picto-player.svg);
  position: absolute;
  left: 0.57em;
  top: 0.35em;
}

.ocmcontent .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  display: none;
}

.ocmcontent .overlay.open {
  display: inherit;
  visibility: visible;
  opacity: 1;
  transition: all 1s ease-in-out;
}

.ocmcontent .popup {
  padding: 2em;
  border-radius: 3px;
  width: 80%;
  max-width: 1100px;
  transition: all 1s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}

.ocmcontent .popup .close {
  position: absolute;
  top: -2px;
  right: 6px;
  transition: all 200ms;
  font-size: 40px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.ocmcontent .popup .close:hover {
  color: #009fe4;
}

.ocmcontent .popup .content video {
  width: 100%;
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #ocm_accueil .bloc-2:first-child {
    padding-right: 0;
  }

  .ocmcontent .h2 {
    font-size: 38px;
  }

  .ocmcontent p {
    margin: 1em 0;
  }

  .ocmcontent .h4 {
    font-size: 14px;
  }

  #ocm_accueil .backocm .ocmimg img {
    object-fit: cover;
    height: 420px;
  }

  .ocmcontent .button {
    padding: 0.65em 0.5em;
    font-size: 20px;
  }

  .ocmcontent .button.vid {
    padding: 0.65em 0.5em 0.65em 2.5em;
    font-size: 20px;
  }

  .button.vid:before {
    content: url(https://ouestconseils.bzh/wp-content/themes/Ouest-ConseilsV2/img/picto_player_tab.svg);
    position: absolute;
    left: 0.5em;
    top: 0.4em;
  }
}

@media screen and (max-width: 1023px) {
  #ocm_accueil .bloc-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  #ocm_accueil .ocmcontent {
    position: inherit;
    top: inherit;
    left: inherit;
    height: inherit;
    transform: inherit;
  }

  #ocm_accueil>div:nth-child(1) {
    order: 2;
  }

  #ocm_accueil>div:nth-child(2) {
    order: 1;
  }

  #ocm_accueil {
    display: flex;
    flex-direction: column;
  }

  #ocm_accueil .ocmcontent .bloc-2:first-child {
    padding-top: 2em;
    padding-bottom: 1.5em;
    width: 88%;
    max-width: 700px;
    margin: auto;
    flex: inherit;
  }

  #ocm_accueil .ocmcontent .box {
    position: absolute;
    bottom: -60%;
  }

  #ocm_accueil .backocm .ocmimg {
    padding-right: 0.9375em;
    width: 80%;
    margin: 0 auto 3em;
    max-width: 700px;
    flex: inherit;
  }

  .ocmcontent .popup .close {
    top: -40px;
    right: 0;
    color: #fff;
  }

  .ocmcontent .popup {
    padding: 0;
    width: 90%;
    background: inherit;
  }
}

@media only screen and (max-width: 720px) {
  .ocmcontent .h2 {
    margin-top: 0;
  }

  #ocm_accueil .ocmcontent .bloc-2:first-child {
    width: 100%;
  }

  #ocm_accueil .backocm .ocmimg {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

@media screen and (max-width: 530px) {
  .ocmcontent .bloc-4 .h4 {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .ocmcontent .h2 {
    font-size: 36px;
  }

  .ocmcontent p {
    margin: 1em 0;
  }

  .ocmcontent .bloc-4 {
    padding: 0 0.5em;
  }

  .ocmcontent .bloc-4 img {
    margin: 0 auto;
  }

  #ocm_accueil .ocmcontent .box {
    bottom: -45%;
  }

  .ocmcontent .button {
    margin: 0 auto;
    font-size: 18px;
  }

  .button.vid:before {
    content: url(https://ouestconseils.bzh/wp-content/themes/Ouest-ConseilsV2/img/picto_player_tab.svg);
    position: absolute;
    left: 0.5em;
    top: 0.4em;
  }
}

/* FIN SECTION OUEST CONSEILS & MOI */

/* 2- SECTION ACTUALITES */
#actu_accueil .bloc-2 {
  margin: 0;
}

#actu_accueil h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 52px;
  margin-bottom: 1em;
}

#actu_accueil .article-blog {
  display: flex;
}

#actu_accueil .article-blog img {
  max-width: 280px;
  margin-right: 1em;
  height: 100%;
  display: block;
  object-fit: cover;
}

#actu_accueil .article-blog .article-text {
  width: 50%;
  align-self: center;
}

#actu_accueil .article-blog hr {
  background: #fcc52a;
  margin-bottom: 0.5em;
  width: 45px;
  height: 4px;
}

#titre-blog {
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
}

#date-blog {
  letter-spacing: 0.1px;
  font-size: 10px;
  line-height: 16px;
  color: #8b8b8b;
}

#excerpt-blog p {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.07px;
  margin: 0.5em 0;
}

.lire-art a {
  background: #fcc52a;
  border-radius: 3px;
  padding: 0.3em 0.75em;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
}

#actu_accueil {
  margin: 2em 0;
}

.text-dintro {
  margin: 2em 10%;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  #ocm_accueil .backocm .ocmimg img {
    object-fit: cover;
    height: 440px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  #actu_accueil .article-blog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
  }

  .article-blog>* {
    float: left;
    width: 100%;
  }

  .article-blog a,
  .article-blog .article-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  #actu_accueil .article-blog img {
    max-width: 95%;
  }

  #excerpt-blog p {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  #actu_accueil .article-blog {
    display: block;
    height: 100%;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
    background: #f3f3f324;
  }

  #actu_accueil .article-blog img {
    max-width: 100%;
    margin-right: inherit;
    height: inherit;
  }

  #actu_accueil .article-blog .article-text {
    width: inherit;
    padding: 1em;
  }

  #actu_accueil h2 {
    margin-bottom: 0.5em;
  }
}

@media screen and (max-width: 480px) {
  #actu_accueil .bloc-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  #actu_accueil>div>div>div:nth-child(2) {
    margin-bottom: 1.5em;
  }

  #actu_accueil .article-blog img {
    width: 100%;
  }
}

@media screen and (max-width: 375px) {
  #actu_accueil h2 {
    line-height: 30px;
    font-size: 26px;
  }
}

/*------------------------------------*\
    FIN DE PERSONNALISATION REFONTE
\*------------------------------------*/

/*------------------------------------*\
    INTRO ACCUEIL
\*------------------------------------*/

.text-dintro {
  margin: 5% 10%;
  text-align: center;
}

.text-dintro h1 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 2rem;
}

.text-dintro p {
  font-size: 20px;
  text-align: center;
  margin-bottom: 2em;
}

.text-dintro p.p2 {
  margin: 0;
}

/*ENTREEE ACCOMPAGNEMENT */
.sect-crpire {
  padding-left: 0;
  padding-right: 0;
}

.bloc-entr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.crpire {
  width: 33.3%;
  display: inline-block;
}

.crpire>h2>a>span {
  font-weight: bold;
  font-size: 60px;
}

.crpire>h2 {
  font-weight: 400;
  font-size: 35px;
  margin-top: 20px;
}

.creer {
  padding-left: 0;
}

.piloter {
  padding-left: 0.46875em;
  padding-right: 0.46875em;
}

.reprendre {
  padding-right: 0;
}

.creer em {
  border-bottom: 5px solid #68bde0;
}

.piloter em {
  border-bottom: 5px solid #0f358d;
}

.reprendre em {
  border-bottom: 5px solid #b03080;
}

.crpire-p {
  margin: 1.5em 0;
}

.crpire>h2>a:hover {
  transition: all 0.3s linear;
  transform: translateX(100px);
  /* On déplace l'objet */
}

.crpire.creer>h2>a:hover {
  border-bottom: 5px solid #68bde0;
}

.crpire.piloter>h2>a:hover {
  border-bottom: 5px solid #0f358d;
}

.crpire.reprendre>h2>a:hover {
  border-bottom: 5px solid #b03080;
}

/* SECTION ACCOMPAGNEMENT*/
/* PARTIE SPECIALITES => SLIDER*/
#nosspe {
  /*    margin:3em 0 2em;*/
  padding-left: 0;
  padding-right: 0;
}

#nosspe h2 {
  font-weight: 600;
}

#nosspe h2 span {
  font-weight: bold;
  font-size: 60px;
}

#nosspe hr {
  background: #fc555c;
  margin-left: 5px;
}

/*------------------------------------*\
    FIN DE PERSONNALISATION DU SLIDE SPECIALITE
\*------------------------------------*/

/*------------------------------------*\
    DEBUT DE PERSONNALISATION DU BANDEAU
\*------------------------------------*/

.ser-band {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.servi2,
.servi3,
.servi4 {
  width: 23%;
  display: inline-block;
  text-align: center;
}

.servi1 {
  width: 31%;
  display: inline-block;
}

#sec-bandeau {
  background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/bandeau-service.jpg);
  background-size: cover;
  padding: 3em 0;
  margin: 4em 0;
}

.ser-band h2 {
  font-weight: 600;
  color: #fff;
}

.ser-band h2 span {
  color: #fff;
}

.ser-band hr {
  background: #2d2d2d;
}

.ser-band img {
  margin: auto;
  margin-bottom: 1em;
}

.ser-band a {
  text-align: center;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 18px;
}

/*------------------------------------*\
    FIN DE PERSONNALISATION DU BANDEAU
\*------------------------------------*/
/*------------------------------------*\
    DEBUT DE PERSONNALISATION SECTION GROUPE RECRUTEMENT CONTACT PRO
\*------------------------------------*/
#grrepr {
  margin: 4em 0;
}

.bloc-grrepr {
  margin: 4em 0 3em;
}

.bloc-marg {
  margin: 0;
}

.sect-grrepr {
  padding-left: 0;
  padding-right: 0;
}

.bloc-grrepr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.grrepr {
  width: 50%;
  display: inline-block;
  position: relative;
}

.recru-acc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.recru-act1 {
  width: 50%;
  display: inline-block;
}

.grrepr.recru-acc>.recru-act1:nth-child(2) {
  padding-left: 0.8em;
}

.grrepr>h2>span,
.recru-act1>h2>span {
  font-weight: bold;
  font-size: 60px;
}

.grrepr>h2,
.recru-act1>h2 {
  font-weight: 400;
  margin-top: 0;
}

.group-acc>p {
  margin: 1em 0;
}

.group-acc hr {
  background: #0f358d;
  margin: 1em 0;
}

.recru-act1 hr {
  background: #fe5e3c;
  margin: 1em 0;
}

.pro-acc2 hr {
  background: #4eb2db;
  margin: 1em 0;
}

.pro-acc2 h3 {
  color: #4eb2db;
  margin: 0.6em 0;
}

.btn-grrepr {
  border: 0;
  padding: 12px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
  transition: 0.3s;
  font-weight: 600;
  margin-left: -0.35em;
  display: inline-block !important;
  position: absolute;
  bottom: 0;
}

.lge {
  background: #0f358d;
  margin-right: 1em;
  margin-top: 1em;
}

.nrs {
  background: #fe5e3c;
}

.pap {
  background: #4eb2db;
}

.btn-nosen {
  margin-left: 24%;
}

/*------------------------------------*\
    FIN DE PERSONNALISATION SECTION GROUPE RECRUTEMENT CONTACT PRO
\*------------------------------------*/

/*------------------------------------*\
    DEBUT DE PERSONNALISATION SECTION OU NOUS TROUVER
\*------------------------------------*/

.trouv {
  width: 100%;
  display: inline-block;
  padding: 2em 0 3em;
  z-index: 999;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}

#nous-trouver {
  background: #009fe3;
  margin: 4em 0 0;
}

#trouver {
  max-height: 315px;
}

#trouver>.container {
  background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/trace-bretagne.png) no-repeat right;
  max-height: 315px;
}

.trouv-band h2 {
  font-weight: 600;
  margin: 0;
  color: #fff;
}

.trouv-band h2 span {
  color: #fff;
}

.trouv-band hr {
  background: #2d2d2d;
}

.trouv p {
  margin: 0.5em 0;
  width: 50%;
}

/*------------------------------------*\
    FIN DE PERSONNALISATION SECTION OU NOUS TROUVER
\*------------------------------------*/
/*------------------------------------*\
    DEBUT DE PERSONNALISATION SECTION RESEAUX SOCIAUX
\*------------------------------------*/
#suivez-nous {
  background: #f3f3f3;
  padding: 3em 0;
}

#suivez-nous h2 {
  margin: 0;
  padding: 0;
}

#suivez-nous hr {
  background: #2d2d2d;
}

#suivez-nous>div>div>img {
  padding: 0;
}

/* L'ACCORDEON SELECT CABINET */
.accordion_c {
  width: 30.5%;
}

.accordion_c__list .link__title {
  background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche.png) right 20px no-repeat;
}

.submenu {
  background: #229fe3;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width: 432px) {}

@media only screen and (min-width: 480px) {}

@media only screen and (min-width: 600px) {
  #shoot-service {
    display: none;
  }
}

@media only screen and (min-width: 720px) {}

@media only screen and (min-width: 768px) {}

@media only screen and (min-width: 801px) {
  #nos-services-tablet {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 991px) {}

@media only screen and (min-width: 1025px) {}

@media screen and (min-width: 1024px) and (max-width: 1040px) {}

@media screen and (min-width: 1024px) and (max-width: 1199px) {}

@media screen and (min-width: 1200px) and (max-width: 1279px) {}

@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 1366px) {}

@media only screen and (min-width: 1440px) {}

@media only screen and (min-width: 1500px) {}

@media only screen and (min-width: 1680px) {}

@media only screen and (min-width: 1920px) {}

@media only screen and (min-width: 2560px) {}

@media only screen and (max-width: 1680px) {}

@media only screen and (max-width: 1500px) {}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1200px) {

  .img-wrapper,
  .text-anic,
  .centered {
    width: 100%;
    height: 183px;
  }

  .accordion_c {
    width: 36%;
  }

  .pro-acc2 h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1140px) {}

@media only screen and (max-width: 1024px) {
  .btn-grrepr {
    font-size: 15px;
  }

  .pro-acc2 h3 {
    font-size: 24px;
  }

  #nosspe hr {
    margin-left: 0;
  }
}

@media only screen and (max-width: 992px) {
  #crpire {
    margin: 3em 0;
  }

  .crpire-p>p {
    display: none;
  }

  .text-dintro {
    margin: 6% 5%;
  }

  .img-wrapper,
  .text-anic,
  .centered {
    height: 170px;
  }

  #grrepr>div>div:nth-child(1)>div.grrepr.group-acc>p:nth-child(3) {
    display: none;
  }
}

@media only screen and (max-width: 800px) {

  #nos-services,
  .recru-act1:nth-child(1),
  .grrepr.pro-acc2>p {
    display: none;
  }

  .recru-act1:nth-child(2) {
    width: 100%;
  }

  .group-acc>p {
    padding-bottom: 3em;
  }

  .btn-nosen {
    margin-left: 35%;
  }

  /* NOUS TROUVER */
  #trouver>.container {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/trace-bretagne-2.png) no-repeat right;
  }

  .accordion_c {
    width: 49%;
  }
}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 720px) {
  .text-dintro {
    margin: 6% 0;
  }

  .grrepr>h2>span,
  .recru-act1>h2>span,
  .crpire>h2>a>span,
  .ser-band h2 span,
  .trouv-band h2 span,
  #suivez-nous h2 span,
  #nosspe h2 span {
    font-size: 36px;
  }

  .grrepr>h2,
  .recru-act1>h2,
  .ser-band h2,
  .crpire>h2,
  .trouv-band h2,
  #suivez-nous h2,
  #nosspe h2 {
    font-size: 24px;
  }

  #crpire {
    margin: 0;
  }

  #sec-bandeau {
    margin: 2em 0;
  }

  .btn-grrepr {
    font-size: 12px;
    padding: 8px;
  }

  .pro-acc2 h3 {
    font-size: 18px;
  }

  .accordion {
    width: 55%;
    font-size: 0.8em;
  }

  .accordion_c__list .link__title {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche.png) right 15px no-repeat;
  }

  #nous-trouver {
    background: #009fe3 url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/trace-bretagne3.png) no-repeat right;
  }

  #trouver>.container {
    background: initial;
  }
}

@media only screen and (max-width: 600px) {
  .trouv p {
    display: none;
  }

  #nous-trouver {
    background: #009fe3 url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/trace-bretagne4.png) no-repeat right;
  }
}

@media only screen and (max-width: 480px) {
  .crpire {
    width: 100%;
    margin-bottom: 8%;
    padding: 0;
  }

  .crpire img {
    padding: 0 1.8em;
    margin: auto;
  }

  .text-dintro {
    margin-bottom: 0;
  }

  body>div:nth-child(3)>div>div>br,
  .text-dintro p:nth-child(2) {
    display: none;
  }

  .crpire>h2 {
    margin-left: 12%;
  }

  .servi2,
  .servi3,
  .servi4 {
    display: none;
  }

  #shoot-service {
    max-width: 230px;
    padding: 2em;
  }

  .prod-exp-comp img,
  .prod-audit img,
  .prod-social img {
    width: 55%;
  }

  .prod-exp-comp,
  .prod-audit,
  .prod-social {
    text-align: center;
  }

  #shoot-service>button.slick-next.slick-arrow,
  #shoot-service>button.slick-prev.slick-arrow {
    top: 35%;
    right: 0;
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche-blanche-droite.png) no-repeat;
  }

  #shoot-service>button.slick-prev.slick-arrow {
    top: 35%;
    left: 0;
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche-blanche-gauche.png) no-repeat;
  }

  .servi1 {
    padding-left: 2em;
  }

  #nosspe {
    padding-left: 2em;
    padding-right: 2em;
  }

  .img-wrapper,
  .text-anic,
  .centered {
    height: 195px;
  }

  .grrepr {
    width: 100%;
    margin: 1.5em 0 1em;
  }

  #grrepr>div>div:nth-child(1)>div.grrepr.group-acc>p:nth-child(3) {
    display: block;
  }

  .group-acc>p {
    padding-bottom: 0;
  }

  #grrepr>div>div:nth-child(1)>div.grrepr.group-acc>p:nth-child(4) {
    padding-bottom: 2em;
  }

  .btn-nosen {
    margin-left: 23%;
  }

  #grrepr {
    padding: 0 1em;
  }

  .grrepr>h2,
  .recru-act1>h2 {
    margin-top: 0.5em;
  }

  .recru-act1>p {
    padding-bottom: 3em;
  }

  .recru-act1:nth-child(1) {
    display: block;
  }

  .recru-act1:nth-child(2) {
    width: 50%;
  }

  .bloc-grrepr,
  #grrepr {
    margin: 0;
  }

  .pro-acc2 h3 {
    padding-bottom: 2em;
  }

  #nous-trouver {
    margin: 2em 0 0;
  }

  .accordion_c {
    width: 62%;
  }

  #nous-trouver {
    background: #009fe3 url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/trace-bretagne5.png) no-repeat right;
  }

  #grrepr>div>div.row.bloc-grrepr.bloc-marg>div.grrepr.pro-acc1 {
    margin-bottom: 0;
  }

  #grrepr>div>div.row.bloc-grrepr.bloc-marg>div.grrepr.pro-acc2 {
    margin-top: 0;
  }

  #sec-bandeau {
    margin: 0 0 2em;
    max-height: 300px;
  }
}

@media only screen and (max-width: 432px) {

  .img-wrapper,
  .text-anic,
  .centered {
    height: 170px;
  }

  .accordion_c {
    width: 54%;
    font-size: 0.6em;
  }

  .submenu a {
    padding: 10px;
  }

  .accordion_c__list .link__title {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche.png) right 10px no-repeat;
  }
}

@media only screen and (max-width: 414px) {

  .img-wrapper,
  .text-anic,
  .centered {
    height: 165px;
  }

  .btn-nosen {
    margin-left: 25%;
  }

  .recru-act1>h2 {
    margin-top: 0;
  }

  .recru-act1>p {
    padding-bottom: 0;
  }

  .accordion_c {
    width: 57%;
  }

  .serband h2 {
    margin-top: 0;
  }
}

@media only screen and (max-width: 411px) {
  .accordion_c {
    width: 58%;
  }
}

@media only screen and (max-width: 384px) {

  .img-wrapper,
  .text-anic,
  .centered {
    height: 150px;
  }

  #grrepr>div>div:nth-child(1)>div.grrepr.recru-acc>div:nth-child(2)>form {
    position: relative;
    margin: 30% 0 0 -70%;
  }

  .accordion_c {
    width: 61%;
  }
}

@media only screen and (max-width: 376px) {

  .img-wrapper,
  .text-anic,
  .centered {
    height: 140px;
  }

  .accordion_c {
    width: 64%;
  }
}

@media only screen and (max-width: 360px) {
  #grrepr>div>div:nth-child(1)>div.grrepr.recru-acc>div:nth-child(1) {
    display: none;
  }

  .recru-act1>p {
    padding-bottom: 1.5em;
  }

  .grrepr.recru-acc>.recru-act1:nth-child(2) {
    padding-left: 0;
    width: 100%;
  }

  #grrepr>div>div:nth-child(1)>div.grrepr.recru-acc>div:nth-child(2)>form {
    position: initial;
    margin: auto;
  }

  .accordion_c {
    width: 70%;
  }
}

@media only screen and (max-width: 320px) {

  .img-wrapper,
  .text-anic,
  .centered {
    height: 118px;
  }

  .accordion {
    width: 76%;
  }

  .accordion>.accordion__list .link__title {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche.png) 200px 10px no-repeat;
  }

  .btn-nosen {
    margin-left: 34%;
  }
}

@media only screen and (min-width: 1800px) {}

@media only screen and (min-width: 2000px) {}