@charset "UTF-8";
/*Colors: */ /**z-index calssification, 
initial setup: minimal iteration: 10
tu use: @include z-index(navi);
*/
@import url("https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
.no-pad {
  padding: 0;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pt-0,
.no-pad-top {
  padding-top: 0 !important;
}

.pb-0,
.no-pad-bot {
  padding-bottom: 0 !important;
}

.line-10 {
  padding: 100px 0;
}

.line-10-top {
  padding: 100px 0 0;
}

.line-10-bottom {
  padding: 0 0 100px;
}

.og-overlay .zone-image::before {
  content: "";
  display: inline-block;
  background: rgba(255, 123, 20, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

@media (min-width: 992px) {
  .hide-medium {
    display: none;
  }
}

/*display-none sur medium et plus*/
@media (min-width: 992px) {
  .d-none-md {
    display: none;
  }
}

/*display-none surplus petit que medium*/
@media (max-width: 991px) {
  .d-none-md-only {
    display: none;
  }
}

/*display-none sur small et plus*/
@media (min-width: 768px) {
  .d-none-sm {
    display: none;
  }
}

/*display-none sur plus petit que small*/
@media (max-width: 767px) {
  .d-none-sm-only {
    display: none;
  }
}

.no-scroll {
  overflow: hidden !important;
  height: 100vh;
  width: 100vw;
  position: fixed;
}

html {
  scroll-behavior: smooth;
}

/*auteur*/
.auteur-container {
  margin-top: 80px;
  display: flex;
  align-items: center;
  max-width: 340px;
  background: #f1f5fd;
  border-radius: 4px;
  height: 106px;
}

.auteur-container > img {
  margin-bottom: 0px !important;
}

.auteur-container .auteur-info {
  margin-left: 20px;
}

.auteur-container .auteur-info p {
  margin-bottom: 0;
}

.auteur-container .auteur-info .name {
  color: #337ab7;
  font-weight: bold;
  font-size: 18px;
}

.auteur-container .auteur-info .title {
  color: #337ab7;
  font-weight: normal;
  font-size: 18px;
}

/******INTERNET EXPLORER**********/
.carousel-text img {
  flex-shrink: 0;
  max-width: 100%;
}

.accueil {
  overflow-x: hidden;
}

.container {
  width: 80%;
}
@media (max-width: 991px) {
  .container {
    width: 85%;
  }
}
@media (max-width: 480px) {
  .container {
    width: 92%;
  }
}

/*******background colors on lines********/
/*blue background*/
.bg-bl,
.bg-blue {
  background-color: #337ab7;
}
.bg-bl span,
.bg-bl p,
.bg-bl h1,
.bg-bl h2,
.bg-bl h3,
.bg-bl h4,
.bg-bl h5,
.bg-bl h6,
.bg-bl ul,
.bg-bl li,
.bg-blue span,
.bg-blue p,
.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue h5,
.bg-blue h6,
.bg-blue ul,
.bg-blue li {
  color: white;
}

.bg-bl-lgt {
  background-color: #f1f5fd;
}

/*orange background*/
.bg-og,
.bg-orange {
  color: white;
  background-color: rgb(255, 123, 20);
}
.bg-og span,
.bg-og p,
.bg-og h1,
.bg-og h2,
.bg-og h3,
.bg-og h4,
.bg-og h5,
.bg-og h6,
.bg-og ul,
.bg-og li,
.bg-orange span,
.bg-orange p,
.bg-orange h1,
.bg-orange h2,
.bg-orange h3,
.bg-orange h4,
.bg-orange h5,
.bg-orange h6,
.bg-orange ul,
.bg-orange li {
  color: white;
}

/*zone avec un background gradient bleu */
.bg-grd,
.bg-gradient {
  background: linear-gradient(180deg, #337ab7 0%, #56a4d3 100%);
}
.bg-grd span,
.bg-grd p,
.bg-grd h1,
.bg-grd h2,
.bg-grd h3,
.bg-grd h4,
.bg-grd h5,
.bg-grd h6,
.bg-grd ul,
.bg-grd li,
.bg-gradient span,
.bg-gradient p,
.bg-gradient h1,
.bg-gradient h2,
.bg-gradient h3,
.bg-gradient h4,
.bg-gradient h5,
.bg-gradient h6,
.bg-gradient ul,
.bg-gradient li {
  color: white;
}

/*light blue background */
.bg-light-blue,
.bg-blue-light {
  background-color: #f1f5fd;
}

@media (max-width: 991px) {
  .line-up-50 {
    padding-top: 72px;
  }
  .line-up-50 .zone-50 {
    width: 100%;
  }
  .line-up-50 .zone-50:first-child {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .line-up-50 {
    position: relative;
    padding: 15rem 0;
  }
  .line-up-50 .container {
    width: 90%;
    border-radius: 10px;
    padding: 124px 82px 0;
    background-color: #fff;
    z-index: 11;
    position: absolute;
    top: -620px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .line-up-50 {
    position: relative;
    padding: 25rem 0;
  }
  .line-up-50 .container {
    width: 90%;
    border-radius: 10px;
    padding: 60px;
    background-color: #fff;
    z-index: 11;
    position: absolute;
    top: -400px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.mod-article__intro h2,
.mod-article__intro p {
  margin-bottom: 40px;
}

.line-2-btn {
  padding-bottom: 150px;
}
.line-2-btn .mod-article__intro {
  text-align: center;
}
.line-2-btn .mod-article__intro .btn {
  margin: 0 15px;
  min-width: 250px;
  text-align: center;
}
@media (max-width: 767px) {
  .line-2-btn .mod-article__intro .btn {
    margin: 8px 15px;
    min-width: unset;
    width: 230px;
    padding: 15px 5px;
  }
}

@media (max-width: 991px) {
  .asso-6000-title {
    padding: 91px 0px 0px 0px;
  }
  .asso-6000-title br {
    display: none;
  }
}
@media (max-width: 480px) {
  .asso-6000-title {
    padding: 71px 0px 0px 0px;
  }
  .asso-6000-title br {
    display: none;
  }
}
@media (min-width: 992px) {
  .asso-6000-title {
    padding: 121px 0px 0px 0px;
  }
}
@media (min-width: 1200px) {
  .asso-6000-title {
    padding: 121px 0px 0px 0px;
  }
}
@media (min-width: 1440px) {
  .asso-6000-title {
    padding: 128px 0px 0px 0px;
  }
  .asso-6000-title .container {
    max-width: 990px;
  }
}

@media (max-width: 767px) {
  .asso-6000-img {
    display: none;
  }
}
@media (max-width: 991px) {
  .asso-6000-img {
    padding: 37px 0px 83px 0px;
  }
}
@media (min-width: 992px) {
  .asso-6000-img {
    padding: 37px 0px 83px 0px;
  }
}
@media (min-width: 1200px) {
  .asso-6000-img {
    padding: 37px 0px 80px 0px;
  }
}
@media (min-width: 1440px) {
  .asso-6000-img {
    padding: 37px 0px 80px 0px;
  }
}

@media (min-width: 768px) {
  .asso-6000-img-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .asso-6000-img-mobile {
    padding: 27px 0px 66px 0px;
  }
}

@media (max-width: 991px) {
  .besoin-conseil,
.line-besoin-conseil {
    padding: 105px 0px 96px 0px;
  }
  .besoin-conseil .zone-50:nth-child(1),
.line-besoin-conseil .zone-50:nth-child(1) {
    padding-top: 54px;
  }
}
@media (max-width: 480px) {
  .besoin-conseil,
.line-besoin-conseil {
    padding: 105px 0px 76px 0px;
  }
}
@media (min-width: 992px) {
  .besoin-conseil,
.line-besoin-conseil {
    padding: 105px 0px 96px 0px;
  }
}
@media (min-width: 1200px) {
  .besoin-conseil,
.line-besoin-conseil {
    padding: 185px 0px 114px 0px;
  }
}
@media (min-width: 1440px) {
  .besoin-conseil,
.line-besoin-conseil {
    padding: 128px 0px 106px 0px;
  }
}
.besoin-conseil .row,
.line-besoin-conseil .row {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .besoin-conseil .row,
.line-besoin-conseil .row {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1200px) {
  .besoin-conseil .zone-article .btn-primary,
.line-besoin-conseil .zone-article .btn-primary {
    margin-bottom: 0;
  }
}
.besoin-conseil .zone-50,
.line-besoin-conseil .zone-50 {
  align-self: center;
}
.besoin-conseil .zone-50 .mod-article__content,
.line-besoin-conseil .zone-50 .mod-article__content {
  text-align: left;
}
.besoin-conseil .zone-50 .mod-article__content p,
.line-besoin-conseil .zone-50 .mod-article__content p {
  color: #595c62;
}
.besoin-conseil .zone-50 .mod-article__content .btn,
.line-besoin-conseil .zone-50 .mod-article__content .btn {
  margin: 0 15px 15px 0;
}
.besoin-conseil .mod-article__intro,
.line-besoin-conseil .mod-article__intro {
  max-width: 607px;
}
.besoin-conseil .mod-article__intro p,
.line-besoin-conseil .mod-article__intro p {
  color: #595c62;
  max-width: 575px;
}

@media (max-width: 991px) {
  .line-besoin-conseil,
.besoin-conseil {
    padding: 105px 0px 96px 0px;
  }
  .line-besoin-conseil .container,
.besoin-conseil .container {
    width: 95% !important;
  }
  .line-besoin-conseil .zone-50:nth-child(1),
.besoin-conseil .zone-50:nth-child(1) {
    padding-top: 54px;
  }
}
@media (max-width: 480px) {
  .line-besoin-conseil,
.besoin-conseil {
    padding: 105px 0px 76px 0px;
  }
}
@media (min-width: 992px) {
  .line-besoin-conseil,
.besoin-conseil {
    padding: 100px 0 0;
  }
}
@media (min-width: 1200px) {
  .line-besoin-conseil,
.besoin-conseil {
    padding: 120px 0 0;
  }
}
@media (min-width: 1440px) {
  .line-besoin-conseil,
.besoin-conseil {
    padding: 130px 0 40px;
  }
}
.line-besoin-conseil .container,
.besoin-conseil .container {
  width: 80%;
}
.line-besoin-conseil .mod-article__intro,
.besoin-conseil .mod-article__intro {
  margin-right: 4%;
}
.line-besoin-conseil p,
.besoin-conseil p {
  max-width: 607px;
  font-weight: 600 !important;
  font-size: 20px;
  margin-bottom: 45px;
}
.line-besoin-conseil a.btn.btn-primary,
.besoin-conseil a.btn.btn-primary {
  margin-bottom: 50px;
}

.under-banner {
  height: 85px;
}
@media (max-width: 991px) {
  .under-banner {
    height: 70px;
  }
}

/*exemple page accueil
dernier fold avant le footer

-> pictograme
-> titre h1
-> buttons
*/
.line-cta-picto {
  text-align: center;
}
@media (max-width: 991px) {
  .line-cta-picto {
    padding: 90px 0 35px 0;
  }
}
@media (min-width: 992px) {
  .line-cta-picto {
    padding: 100px 0 25px 0;
  }
}
@media (min-width: 1200px) {
  .line-cta-picto {
    padding: 110px 0 45px 0;
  }
}
@media (min-width: 1440px) {
  .line-cta-picto {
    padding: 120px 0 45px 0;
  }
}
@media (max-width: 991px) {
  .line-cta-picto h1 {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .line-cta-picto h1 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .line-cta-picto h1 {
    margin-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .line-cta-picto h1 {
    margin-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .line-cta-picto img {
    width: 131px;
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .line-cta-picto img {
    width: 213px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .line-cta-picto img {
    width: 264px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .line-cta-picto img {
    padding-bottom: 60px;
  }
}
.line-cta-picto .btn {
  margin: 0 15px;
}
@media (max-width: 767px) {
  .line-cta-picto .btn {
    margin: 15px 15px;
  }
}
@media (min-width: 768px) {
  .line-cta-picto .btn {
    margin: 0 15px;
  }
}

/*Ligne avec fond bleu en dessous des banners 
ou il y a en general une image et un texte*/
.line-intro-app {
  padding-top: 150px;
  padding-bottom: 110px;
}
.line-intro-app h1,
.line-intro-app h2,
.line-intro-app p {
  color: #fff;
}
.line-intro-app p {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .line-intro-app {
    padding-top: 180px;
    padding-bottom: 110px;
  }
}
@media (max-width: 767px) {
  .line-intro-app {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .line-intro-app {
    padding-top: 130px;
    padding-bottom: 90px;
  }
}
.line-intro-app .row-fluid {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .line-intro-app .row-fluid {
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .line-intro-app .row-fluid {
    flex-direction: column;
  }
  .line-intro-app .row-fluid .mod-article__intro {
    margin-left: 0;
  }
  .line-intro-app .row-fluid img {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .line-intro-app .row-fluid img {
    width: 230px;
    height: auto;
  }
}
@media (max-width: 767px) {
  .line-intro-app .row-fluid .zone-33 {
    width: 100%;
  }
}
.line-intro-app .mod-article__intro {
  margin-left: 0px;
}
@media (max-width: 991px) {
  .line-intro-app .mod-article__intro {
    margin-left: 40px;
  }
}
.line-intro-app .mod-article__intro h2 {
  margin-bottom: 30px;
  max-width: 450px;
}
.line-intro-app .mod-article__intro h1 {
  display: inline-block;
  background: #fff;
  color: #337ab7;
  padding: 0 20px 9px;
  margin-bottom: 30px;
}
.line-intro-app .mod-article__intro p {
  max-width: 608px;
}

.line-intro-asso {
  background: linear-gradient(180deg, #337ab7 0%, #56a4d3 100%);
}
.line-intro-asso .content > p {
  font-size: 20px;
  font-weight: 600;
}
.line-intro-asso * {
  color: #fff;
}
.line-intro-asso .container {
  width: 85%;
}
@media (max-width: 480px) {
  .line-intro-asso {
    padding-top: 130px;
    padding-bottom: 90px;
  }
}
@media (min-width: 481px) {
  .line-intro-asso {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (min-width: 768px) {
  .line-intro-asso {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
@media (min-width: 992px) {
  .line-intro-asso {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}
@media (min-width: 1200px) {
  .line-intro-asso {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
.line-intro-asso .content > h2 {
  max-width: 990px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.line-intro-asso .content p {
  max-width: 990px;
  margin: 0 auto;
  margin-bottom: 97px;
}
.line-intro-asso .img-container {
  text-align: center;
}
.line-intro-asso .two-articles {
  display: flex;
  margin-top: 86px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .line-intro-asso .two-articles {
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .line-intro-asso .two-articles .item {
    max-width: 642px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .line-intro-asso .two-articles .item {
    max-width: 400px;
  }
}
.line-intro-asso .two-articles .item h2,
.line-intro-asso .two-articles .item p {
  text-align: center;
  margin-bottom: 40px;
}

.line-all-applications p {
  font-size: 18px;
  font-weight: 600;
}

.line-50-50-img-text .mod-article__intro {
  max-width: 600px;
}
@media (min-width: 768px) {
  .line-50-50-img-text .mod-article__intro {
    margin-left: auto;
  }
}
.line-50-50-img-text p {
  font-size: 20px;
  font-weight: 600;
}

/*nouille et yyy*/
body:not(.basic):not(.accueil) .banner-article::after {
  content: "";
  width: 138px;
  height: 138px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/cercle-topleft.png");
  background-size: 138px;
  position: absolute;
  bottom: -69px;
  left: 15%;
  z-index: 30;
}
@media (max-width: 991px) {
  body:not(.basic):not(.accueil) .banner-article::after {
    width: 97px !important;
    height: 97px !important;
    background-size: 97px !important;
    bottom: -45px !important;
  }
}
@media (max-width: 767px) {
  body:not(.basic):not(.accueil) .banner-article::after {
    width: 82px !important;
    height: 82px !important;
    background-size: 82px !important;
    bottom: -37px !important;
  }
}
@media (max-width: 480px) {
  body:not(.basic):not(.accueil) .banner-article::after {
    width: 70px !important;
    height: 70px !important;
    background-size: 70px !important;
    bottom: -29px !important;
  }
}
body:not(.basic):not(.accueil) .banner-article::before {
  content: "";
  width: 282px;
  height: 223px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/fond-Y.png") repeat;
  background-size: 49px 41px;
  position: absolute;
  bottom: -95px;
  right: 0;
  z-index: 30;
}
@media (max-width: 767px) {
  body:not(.basic):not(.accueil) .banner-article::before {
    width: 88px !important;
    height: 152px !important;
  }
}
@media (max-width: 480px) {
  body:not(.basic):not(.accueil) .banner-article::before {
    content: "";
    width: 28px !important;
    height: 102px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/yyy-mobile.png") no-repeat !important;
    background-size: 28px !important;
    position: absolute;
    bottom: -90px !important;
    right: 20px;
    z-index: 200;
  }
}

.circle-blue {
  position: relative;
}
.circle-blue::after {
  content: "";
  width: 138px;
  height: 138px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/cercle-bleu.png");
  background-size: 138px;
  position: absolute;
  bottom: -70px;
  right: 20%;
  z-index: 30;
}
@media (max-width: 991px) {
  .circle-blue::after {
    background-repeat: no-repeat;
    background-size: 98px;
    width: 98px;
    height: 98px;
    bottom: -50px;
    right: 20%;
  }
}
@media (max-width: 480px) {
  .circle-blue::after {
    background-repeat: no-repeat;
    background-size: 70px;
    width: 70px;
    height: 70px;
    bottom: -35px;
    right: 10%;
  }
}

.circle-blue-small {
  position: relative;
}
.circle-blue-small::after {
  content: "";
  width: 91px;
  height: 91px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/cercle-bleu.png");
  background-size: 91px;
  position: absolute;
  bottom: -70px;
  right: 20%;
  z-index: 30;
}
@media (max-width: 991px) {
  .circle-blue-small::after {
    background-repeat: no-repeat;
    background-size: 98px;
    width: 98px;
    height: 98px;
    bottom: -90px;
    right: 4%;
  }
}
@media (max-width: 480px) {
  .circle-blue-small::after {
    background-repeat: no-repeat;
    background-size: 72px;
    width: 72px;
    height: 72px;
    bottom: -90px;
    right: 4%;
  }
}

.circle-orange {
  position: relative;
}
.circle-orange::after {
  content: "";
  width: 138px;
  height: 138px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/cercle-topleft.png");
  background-size: 138px;
  position: absolute;
  top: -70px;
  left: 15%;
  z-index: 30;
}
@media (max-width: 991px) {
  .circle-orange::after {
    width: 97px !important;
    height: 97px !important;
    background-size: 97px !important;
    top: -45px !important;
  }
}
@media (max-width: 767px) {
  .circle-orange::after {
    width: 82px !important;
    height: 82px !important;
    background-size: 82px !important;
    top: -37px !important;
  }
}
@media (max-width: 480px) {
  .circle-orange::after {
    width: 70px !important;
    height: 70px !important;
    background-size: 70px !important;
    top: -29px !important;
  }
}

.yyy {
  position: relative;
}
.yyy::before {
  content: "";
  width: 207px;
  height: 207px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/yyy-blue.png");
  background-repeat: no-repeat;
  background-size: 207px;
  position: absolute;
  top: -110px;
  left: 13px;
  z-index: 30;
}
@media (max-width: 991px) {
  .yyy::before {
    width: 42px;
    height: 123px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/y-bleu.png");
    background-repeat: no-repeat;
    background-size: 42px;
    top: -65px;
  }
}
@media (max-width: 767px) {
  .yyy::before {
    top: 20px;
  }
}
.yyy::after {
  content: "";
  width: 207px;
  height: 207px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/yyy-blue.png");
  background-repeat: no-repeat;
  background-size: 207px;
  position: absolute;
  top: -110px;
  right: 13px;
  z-index: 30;
}
@media (max-width: 991px) {
  .yyy::after {
    width: 42px;
    height: 123px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/y-bleu.png");
    background-repeat: no-repeat;
    background-size: 42px;
    top: -65px;
  }
}
@media (max-width: 767px) {
  .yyy::after {
    top: 20px;
  }
}

@media (max-width: 1440px) {
  .line-fake-empty {
    padding-top: 60px;
  }
}
@media (max-width: 480px) {
  .line-fake-empty {
    padding-top: 0;
  }
}

.circle-blue-orange {
  position: relative;
}
.circle-blue-orange::after {
  content: "";
  width: 98px;
  height: 98px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/cercle-bleu.png");
  background-size: 98px;
  position: absolute;
  bottom: -52px;
  right: 20%;
  z-index: 30;
}
@media (max-width: 480px) {
  .circle-blue-orange::after {
    width: 70px;
    height: 70px;
    background-size: 70px;
    bottom: -35px;
  }
}
.circle-blue-orange::before {
  content: "";
  width: 138px;
  height: 138px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/cercle-topleft.png");
  background-size: 138px;
  position: absolute;
  top: -70px;
  left: 15%;
  z-index: 30;
}
@media (max-width: 991px) {
  .circle-blue-orange::before {
    width: 97px !important;
    height: 97px !important;
    background-size: 97px !important;
    top: -45px !important;
  }
}
@media (max-width: 767px) {
  .circle-blue-orange::before {
    width: 82px !important;
    height: 82px !important;
    background-size: 82px !important;
    top: -37px !important;
  }
}
@media (max-width: 480px) {
  .circle-blue-orange::before {
    width: 70px !important;
    height: 70px !important;
    background-size: 70px !important;
    top: -29px !important;
  }
}

.blue-arrow {
  position: relative;
}
.blue-arrow::after {
  content: "";
  width: 63px;
  height: 112px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/blue-arrow.png");
  background-size: 63px;
  position: absolute;
  bottom: -60px;
  left: 50%;
  z-index: 30;
}
@media (max-width: 767px) {
  .blue-arrow::after {
    width: 42px !important;
    height: 74px !important;
    background-size: 42px !important;
    bottom: -38px !important;
  }
}

/*line avec artcles en vedette des fonctionnalites se trouve sur page association et les pages fonctionnalite*/
.line-all-applications {
  padding-top: 115px;
  padding-bottom: 100px;
}
.line-all-applications h4 {
  color: #337ab7;
  text-align: center;
  margin-bottom: 102px;
}
@media (max-width: 991px) {
  .line-all-applications h4 {
    margin-bottom: 50px;
  }
}
.line-all-applications .col-sm-6,
.line-all-applications .col-sm-8 {
  text-align: center;
}
@media (max-width: 991px) {
  .line-all-applications .col-sm-6,
.line-all-applications .col-sm-8 {
    width: 50%;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .line-all-applications .col-sm-6,
.line-all-applications .col-sm-8 {
    width: 100%;
    text-align: center;
  }
}
.line-all-applications .col-sm-6 .btn,
.line-all-applications .col-sm-8 .btn {
  margin-top: 26px;
  margin-bottom: 111px;
}
.line-all-applications .col-sm-6 img,
.line-all-applications .col-sm-8 img {
  height: 72px !important;
  margin-bottom: 23px;
}
.line-all-applications .col-sm-6 h4,
.line-all-applications .col-sm-8 h4 {
  margin-bottom: 23px;
  color: rgb(255, 123, 20);
}
.line-all-applications .col-sm-6 p,
.line-all-applications .col-sm-8 p {
  font-size: 20px;
}
@media (max-width: 767px) {
  .line-all-applications .col-sm-6 .btn,
.line-all-applications .col-sm-8 .btn {
    margin-bottom: 84px;
  }
}

.line-6000-title {
  padding-top: 140px;
}

.line-6000-image {
  padding-bottom: 90px;
}

/*force h2 mobile size*/
@media (max-width: 480px) {
  .h2-exception {
    font-size: 22px;
  }
}

.fonctionnalite .line-steps-offer .container {
  padding: 0;
}
.fonctionnalite .line-steps-offer .btn {
  white-space: pre-wrap;
}
.fonctionnalite .line-steps-offer .item {
  padding-right: 5rem;
}
.fonctionnalite .line-steps-offer .item:before {
  line-height: 1;
  transform: translatey(0);
}

.line-no-display {
  display: none;
}

.btn-primary + .btn-default {
  width: 237px;
}

.small-banner-title .banner-menu.banner-menu-small .banner-article:before {
  bottom: -100px;
}

@media (max-width: 991px) {
  #mainMenu > ul > li:nth-last-child(1) {
    padding-bottom: 90px !important;
  }
}
#modal-event-remove-main .btn.modal-cancel {
  padding: 15px 22px;
  opacity: 1;
}

.form-withProgress__navigation-footer a#step_previous {
  margin-right: 1.5rem;
}

.form-withProgress__navigation-footer a#step_previous:hover {
  background: #ff7b14 !important;
  text-decoration: none;
}

.form-withProgress__navigation-footer button#singlebutton:hover {
  background: #ff7b14 !important;
  color: #fff !important;
}

.line-detail-accompagnement .accompagnement-list {
  justify-content: space-between !important;
}

.line-detail-accompagnement .accompagnement-list img,
.line-detail-accompagnement .accompagnement-list ul {
  margin-left: 0 !important;
}

@media (max-width: 991px) {
  #mainMenu > ul > li:nth-last-child(1) {
    padding-bottom: 90px !important;
  }
}
#modal-event-remove-main .btn.modal-cancel {
  padding: 15px 22px;
  opacity: 1;
}

.form-withProgress__navigation-footer a#step_previous {
  margin-right: 1.5rem;
}

.form-withProgress__navigation-footer a#step_previous:hover {
  background: #ff7b14 !important;
  text-decoration: none;
}

.form-withProgress__navigation-footer button#singlebutton:hover {
  background: #ff7b14 !important;
  color: #fff !important;
}

.line-detail-accompagnement .accompagnement-list {
  justify-content: space-between !important;
}

.line-detail-accompagnement .accompagnement-list img,
.line-detail-accompagnement .accompagnement-list ul {
  margin-left: 0 !important;
}

/*temoignage*/
.youtube-wrapper {
  position: relative;
}

.img-youtube {
  z-index: 10;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.img-youtube:hover {
  cursor: pointer;
}

html {
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 28px;
  font-size: 30px;
  line-height: 40px;
}
@media (max-width: 767px) {
  html {
    font-size: 55.5%;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 58.5%;
  }
}

body {
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 2.8rem;
}

/*to include in grey-er p-intros*/
h1,
.h1 {
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-weight: 800;
}
@media (max-width: 480px) {
  h1,
.h1 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (min-width: 481px) {
  h1,
.h1 {
    font-size: 45px;
    line-height: 55px;
  }
}
@media (min-width: 1200px) {
  h1,
.h1 {
    font-size: 55px;
    line-height: 65px;
  }
}

h2,
.h2 {
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-style: normal;
  font-weight: 300;
}
@media (max-width: 480px) {
  h2,
.h2 {
    font-size: 25px;
    line-height: 33px;
  }
}
@media (min-width: 481px) {
  h2,
.h2 {
    font-size: 35px;
    line-height: 43px;
  }
}
@media (min-width: 1200px) {
  h2,
.h2 {
    font-size: 40px;
    line-height: 48px;
  }
}

h3,
.h3 {
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
}
@media (max-width: 480px) {
  h3,
.h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  h3,
.h3 {
    font-size: 25px;
    line-height: 33px;
  }
}
@media (min-width: 1200px) {
  h3,
.h3 {
    font-size: 30px;
    line-height: 38px;
  }
}

h4,
.h4 {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  text-transform: none;
}
@media (max-width: 480px) {
  h4,
.h4 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  h4,
.h4 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  h4,
.h4 {
    font-size: 25px;
    line-height: 30px;
  }
}

h5,
.h5 {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 480px) {
  h5,
.h5 {
    font-size: 16px;
    line-height: 48px;
  }
}
@media (min-width: 481px) {
  h5,
.h5 {
    font-size: 18px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  h5,
.h5 {
    font-size: 18px;
    line-height: 48px;
  }
}

h6,
.h6 {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 480px) {
  h6,
.h6 {
    font-size: 16px;
    line-height: 48px;
  }
}
@media (min-width: 481px) {
  h6,
.h6 {
    font-size: 18px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  h6,
.h6 {
    font-size: 18px;
    line-height: 48px;
  }
}

a {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
}
a:hover, a:focus, a:active, a.active {
  color: rgb(255, 123, 20);
  background-color: transparent;
  text-decoration: none;
  text-emphasis: none;
}

p {
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
}
@media (max-width: 480px) {
  p {
    font-size: 16px;
  }
}
p a:hover {
  text-decoration: underline;
}

strong,
.strong {
  font-weight: 800 !important;
}

ul li {
  font-size: 1.8rem;
}

ol li {
  font-size: 1.8rem;
}

p.intro {
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 991px) {
  .banner-menu .banner-article .container > .row > div:nth-child(1) {
    padding-bottom: 80px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .banner-menu .banner-article .container > .row > div:nth-child(2) {
    width: 100%;
  }
}

.banner-menu {
  background-position: 50% 0;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/poste-disponible-detail.jpg");
  /*bg image banner et menu */
  /*a specifier pour chaque page selon le asset*/
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 36px;
  margin-bottom: 36px;
  /** Pour les entêtes avec seulement un titre **/
}
.banner-menu .banner-article .container {
  width: 60%;
}
@media (max-width: 991px) {
  .banner-menu .banner-article .container {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .banner-menu .banner-article .container {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .banner-menu .banner-article .container h1 {
    font-size: 38px;
    line-height: 1.25;
  }
}
@media (max-width: 480px) {
  .banner-menu .banner-article .container h1 {
    font-size: 30px !important;
  }
}
@media (max-width: 991px) {
  .banner-menu {
    top: 0px;
    margin-bottom: 0;
  }
}
.banner-menu.og-overlay::before {
  content: "";
  display: inline-block;
  background: rgba(255, 123, 20, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.banner-menu .banner-article {
  padding: 18rem 0;
}
@media (max-width: 991px) {
  .banner-menu .banner-article {
    padding: 25rem 0;
  }
}
.banner-menu .banner-article .btn {
  margin: 55px 12px 0px 12px;
}
@media (min-width: 768px) {
  .banner-menu .container {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .banner-menu .container {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .banner-menu .container {
    width: 75%;
  }
}
@media (min-width: 1440px) {
  .banner-menu .container {
    width: 50%;
  }
}
.banner-menu .zone-article {
  z-index: 11;
}
.banner-menu .zone-article .mod-article__title {
  color: white;
  text-align: center;
}
.banner-menu .zone-article .mod-article__content {
  color: white;
  text-align: center;
}
.banner-menu .zone-article .mod-article__intro {
  color: white;
  text-align: center;
}
.banner-menu .zone-article .mod-article__intro h1,
.banner-menu .zone-article .mod-article__intro h2,
.banner-menu .zone-article .mod-article__intro h3,
.banner-menu .zone-article .mod-article__intro h4,
.banner-menu .zone-article .mod-article__intro h5,
.banner-menu .zone-article .mod-article__intro p,
.banner-menu .zone-article .mod-article__intro span {
  color: white;
  text-align: center;
}
.banner-menu.banner-menu-small .banner-article {
  padding: 5.8rem 0;
  position: relative;
  z-index: 20;
  margin: 0;
}
@media (max-width: 991px) {
  .banner-menu.banner-menu-small .banner-article {
    padding-top: calc(7.8rem + 85px);
  }
}
.banner-menu.banner-menu-small .banner-article h1 {
  color: #ffffff;
  text-align: center;
  margin: 0;
  z-index: 201;
  position: relative;
}
.banner-menu.banner-menu-small .banner-article:before {
  content: "";
  width: 138px;
  height: 138px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/cercle-topleft.png");
  background-size: 138px;
  position: absolute;
  bottom: -140px;
  left: 15%;
  z-index: 200;
}
.banner-menu.banner-menu-small .banner-article:after {
  content: "";
  width: 282px;
  height: 180px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/fond-Y.png") repeat;
  background-size: 49px 41px;
  position: absolute;
  bottom: -140px;
  right: 0;
  z-index: 200;
}
.banner-menu.banner-menu-small .banner-article .container > .row > div {
  padding-bottom: 0;
}

@media (max-width: 991px) and (max-width: 991px) {
  .banner-menu.banner-menu-small .banner-article::after {
    content: "";
    width: 151px;
    height: 116px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/yyy-ipad.png") repeat;
    background-size: 151px;
    position: absolute;
    bottom: -90px !important;
    right: 20px;
    z-index: 200;
  }
  .banner-menu.banner-menu-small .banner-article::before {
    width: 97px;
    height: 97px;
    background-size: 97px;
    bottom: -40px !important;
  }
}
@media (max-width: 480px) and (max-width: 991px) {
  .banner-menu.banner-menu-small .banner-article::after {
    content: "";
    width: 28px !important;
    height: 102px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/yyy-mobile.png") no-repeat;
    background-size: 28px;
    position: absolute;
    bottom: -90px !important;
    right: 20px;
    z-index: 200;
  }
  .banner-menu.banner-menu-small .banner-article::before {
    width: 72px;
    height: 73px;
    background-size: 73px;
    bottom: -40px !important;
    left: 30px;
  }
}
.banner-menu h1 + p {
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 991px) {
  .page-accompagnement .banner-article,
.page-federation .banner-article {
    padding: 20rem 0;
  }
}

@media (max-width: 991px) {
  .banner-article .mod-article__intro p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .banner-article .mod-article__intro p {
    font-size: 16px;
  }
}

.banner-big .banner-article:after {
  content: "";
  width: 282px;
  height: 223px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/fond-Y.png") repeat;
  background-size: 49px 41px;
  position: absolute;
  bottom: -110px;
  right: 0;
  z-index: 200;
}
@media (max-width: 991px) {
  .banner-big .banner-article::after {
    content: "";
    width: 151px;
    height: 116px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/yyy-ipad.png") repeat;
    background-size: 151px;
    position: absolute;
    bottom: -90px !important;
    right: 20px;
    z-index: 200;
  }
}
@media (max-width: 480px) {
  .banner-big .banner-article::after {
    content: "";
    width: 28px !important;
    height: 102px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/yyy-mobile.png") no-repeat;
    background-size: 28px;
    position: absolute;
    bottom: -90px !important;
    right: 20px;
    z-index: 200;
  }
}

/* Pour les liens Lire la suite */
.btn {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  box-shadow: none !important;
  max-width: 100%;
  min-width: 1px;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  padding: 15px 22px;
  text-transform: none;
  transition: background-color 0.1s ease-in-out;
}

.btn-primary {
  color: #fff;
  background-color: rgb(255, 123, 20);
}
.btn-primary:hover, .btn-primary:focus {
  color: #fff;
  background-color: #337ab7;
}

.btn.btn-default {
  color: #fff;
  background-color: #337ab7;
}
.btn.btn-default:hover, .btn.btn-default:focus {
  color: #fff;
  background-color: rgb(255, 123, 20);
}

.btn.btn-link {
  color: #337ab7;
  background-color: #f1f5fd;
}
.btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link.active {
  color: #fff;
  background-color: #337ab7;
}

.btn-more {
  font-size: 1.7rem;
  display: inline-block;
  padding: 0 0 1.6rem;
  color: #337ab7;
  font-weight: 500;
  border-bottom: 4px solid rgb(255, 123, 20);
}
.btn-more:hover, .btn-more:focus {
  border-bottom: 4px solid #337ab7;
  text-decoration: none;
}

/*Bouton sur un backgroung orange($color-secondary)*/
.bg-og .btn-primary,
.og-overlay .btn-primary {
  color: #fff;
  background-color: #337ab7;
}
.bg-og .btn-primary:hover, .bg-og .btn-primary:focus,
.og-overlay .btn-primary:hover,
.og-overlay .btn-primary:focus {
  color: #337ab7;
  background-color: #f1f5fd;
}
.bg-og .btn.btn-default,
.og-overlay .btn.btn-default {
  color: #337ab7;
  background-color: #f1f5fd;
}
.bg-og .btn.btn-default:hover, .bg-og .btn.btn-default:focus,
.og-overlay .btn.btn-default:hover,
.og-overlay .btn.btn-default:focus {
  color: #fff;
  background-color: #337ab7;
}
.bg-og .btn.btn-link,
.og-overlay .btn.btn-link {
  color: #337ab7;
  background-color: #f1f5fd;
}
.bg-og .btn.btn-link:hover, .bg-og .btn.btn-link:focus,
.og-overlay .btn.btn-link:hover,
.og-overlay .btn.btn-link:focus {
  color: #fff;
  background-color: #337ab7;
}

/* Bouton sur un backgroung bleu ($color-primary)
** Un seul bouton pour tous les types
*/
.bg-bl .btn.btn-primary,
.bg-grd .btn.btn-primary,
.bg-bl-lgt .btn.btn-primary {
  color: #fff;
  background-color: rgb(255, 123, 20);
}
.bg-bl .btn.btn-primary:hover, .bg-bl .btn.btn-primary:focus,
.bg-grd .btn.btn-primary:hover,
.bg-grd .btn.btn-primary:focus,
.bg-bl-lgt .btn.btn-primary:hover,
.bg-bl-lgt .btn.btn-primary:focus {
  color: #337ab7;
  background-color: #f1f5fd;
}
.bg-bl .btn.btn-default,
.bg-grd .btn.btn-default,
.bg-bl-lgt .btn.btn-default {
  color: #fff;
  background-color: rgb(255, 123, 20);
}
.bg-bl .btn.btn-default:hover, .bg-bl .btn.btn-default:focus,
.bg-grd .btn.btn-default:hover,
.bg-grd .btn.btn-default:focus,
.bg-bl-lgt .btn.btn-default:hover,
.bg-bl-lgt .btn.btn-default:focus {
  color: #337ab7;
  background-color: #f1f5fd;
}
.bg-bl .btn.btn-link,
.bg-grd .btn.btn-link,
.bg-bl-lgt .btn.btn-link {
  color: #fff;
  background-color: rgb(255, 123, 20);
}
.bg-bl .btn.btn-link:hover, .bg-bl .btn.btn-link:focus,
.bg-grd .btn.btn-link:hover,
.bg-grd .btn.btn-link:focus,
.bg-bl-lgt .btn.btn-link:hover,
.bg-bl-lgt .btn.btn-link:focus {
  color: #337ab7;
  background-color: #f1f5fd;
}

a.article-back-to-list-histo {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  box-shadow: none !important;
  max-width: 100%;
  min-width: 1px;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  padding: 15px 22px;
  text-transform: none;
  transition: background-color 0.1s ease-in-out;
  color: #fff;
  background-color: rgb(255, 123, 20);
  margin-top: 40px;
  display: inline-block;
  min-width: 0px !important;
}
a.article-back-to-list-histo:hover, a.article-back-to-list-histo:focus {
  color: #fff;
  background-color: #337ab7;
}

.banner-menu .btn {
  min-width: 230px;
}
@media (max-width: 480px) {
  .banner-menu .btn {
    min-width: 230px;
  }
}

.btn-splash-hover:hover {
  background-color: #3f84bf !important;
}

.btn.btn-primary.btn-wh {
  color: #337ab7;
  background-color: #f1f5fd;
  font-size: 1.6rem;
  line-height: 1;
  white-space: normal;
}

.btn.btn-primary.btn-wh:hover {
  color: #fff;
  background-color: #337ab7;
}

.btn-primary.js {
  height: 61px !important;
  margin-bottom: 50px;
}

.forfaits .tableau-forfait .bloc-forfait .btn {
  text-decoration: none;
}

.forfaits .tableau-forfait .bloc-inner .btn {
  text-decoration: none;
}

.forfaits .tableau-forfait.forfait-small .bloc-inner {
  padding: 4.5rem 3rem 14rem !important;
}

/*Carrousel DES FOCNTIONNALITES de la  page d'accueil*/
@media (max-width: 991px) {
  .line-caroussel-app-title {
    padding: 120px 0 35px;
  }
}
@media (min-width: 992px) {
  .line-caroussel-app-title {
    padding: 130px 0 35px;
  }
}
@media (min-width: 1200px) {
  .line-caroussel-app-title {
    padding: 130px 0 35px;
  }
}
@media (min-width: 1440px) {
  .line-caroussel-app-title {
    padding: 140px 0 35px;
  }
}

.line-caroussel-app {
  /*unset max-height*/
  max-height: none;
}
@media (max-width: 991px) {
  .line-caroussel-app .container {
    width: 95%;
  }
}
@media (max-width: 991px) {
  .line-caroussel-app {
    padding-bottom: 95px;
  }
}
@media (min-width: 992px) {
  .line-caroussel-app {
    padding-bottom: 90px;
  }
}
@media (min-width: 1200px) {
  .line-caroussel-app {
    padding-top: 120px;
  }
}
@media (min-width: 1440px) {
  .line-caroussel-app {
    padding-top: 150px;
  }
}
.line-caroussel-app .carousel.vertical-mode {
  max-height: none;
  margin: auto;
  overflow: hidden;
  /*Cleaer arrows*/
  /*Articles du carrousel*/
  /*chevrons*/
}
.line-caroussel-app .carousel.vertical-mode .carousel-indicators {
  border-top: 1px solid #7fb1d6;
  border-bottom: 1px solid #7fb1d6;
  padding: 14px 0;
  margin-bottom: 63px;
  width: 76%;
  margin-left: 12%;
  margin-right: 12%;
}
@media (max-width: 767px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-indicators {
    display: block;
  }
}
@media (max-width: 480px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-indicators {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.line-caroussel-app .carousel.vertical-mode .carousel-indicators li {
  margin: 0;
  font-family: Muli;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 48px;
  padding: 0 18px;
  text-align: center;
  border-radius: 4px;
  background-color: transparent;
  color: #fff;
}
@media (max-width: 767px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-indicators li {
    margin: 0;
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 48px;
    padding: 0 13px;
  }
}
.line-caroussel-app .carousel.vertical-mode .carousel-indicators li.active {
  background-color: #337ab7;
  margin: 0;
  background: 0.5s ease-in-out;
}
.line-caroussel-app .carousel.vertical-mode .carousel-inner {
  width: 76%;
  padding: 0;
  margin: 0 12%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-inner {
    height: 700px;
    margin: 40px 0 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-inner {
    height: 600px;
  }
}
@media (min-width: 1200px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-inner {
    height: 400px;
  }
}
@media (min-width: 1440px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-inner {
    height: 400px;
  }
}
@media (max-width: 991px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-inner .item {
    height: 500px;
    max-height: 500px;
  }
}
@media (max-width: 767px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-inner .item {
    height: 550px;
    max-height: 550px;
  }
}
@media (min-width: 992px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-inner .item {
    height: 426px;
    max-height: 500px;
  }
}
@media (min-width: 1200px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-inner .item {
    height: 426px;
    max-height: 500px;
  }
}
@media (min-width: 1440px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-inner .item {
    height: 426px;
    max-height: 500px;
  }
}
.line-caroussel-app .carousel.vertical-mode .carousel-control {
  background-image: none;
}
.line-caroussel-app .carousel.vertical-mode .carousel-text {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 767px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-text {
    flex-direction: column;
  }
}
.line-caroussel-app .carousel.vertical-mode .carousel-text > img {
  align-self: center;
}
@media (max-width: 991px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-text > img {
    margin-right: 25px;
    width: 150px;
  }
}
@media (max-width: 767px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-text > img {
    margin-right: 0px;
    margin-bottom: 30px;
    width: 160px;
  }
}
@media (min-width: 992px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-text > img {
    margin-right: 30px;
    width: 180px;
  }
}
@media (min-width: 1200px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-text > img {
    margin-right: 45px;
    width: 241px;
  }
}
@media (min-width: 1440px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-text > img {
    margin-right: 75px;
    width: 340px;
  }
}
.line-caroussel-app .carousel.vertical-mode .carousel-text .caption-intro {
  text-align: left;
}
@media (max-width: 767px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-text .caption-intro {
    text-align: center;
  }
}
.line-caroussel-app .carousel.vertical-mode .carousel-text .caption-intro .img-caroussel {
  margin-right: 28px;
  width: 80px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .line-caroussel-app .carousel.vertical-mode .carousel-text .caption-intro .img-caroussel {
    width: 55px;
  }
}
.line-caroussel-app .carousel.vertical-mode .carousel-text .caption-intro h2 {
  padding-bottom: 40px;
}
.line-caroussel-app .carousel.vertical-mode .carousel-text .caption-intro p {
  padding-bottom: 40px;
}
.line-caroussel-app .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right {
  background: transparent;
  position: relative;
}
.line-caroussel-app .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
  opacity: 1;
  content: "";
  position: absolute;
  width: 49px;
  height: 49px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/home/chevron-right.png");
  background-size: 49px;
  bottom: 0;
  z-index: 200;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .line-caroussel-app .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
    right: 0px;
  }
}
@media (max-width: 991px) {
  .line-caroussel-app .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
    bottom: 0px;
    right: 0px;
  }
}
@media (max-width: 767px) {
  .line-caroussel-app .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
    bottom: 100px;
    right: -35px;
  }
}
@media (max-width: 480px) {
  .line-caroussel-app .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
    bottom: 50px;
    right: -35px;
  }
}
.line-caroussel-app .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left {
  background: transparent;
  z-index: 200;
  position: relative;
}
.line-caroussel-app .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
  opacity: 1;
  content: "";
  position: absolute;
  width: 49px;
  height: 49px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/home/chevron-left.png");
  background-size: 49px;
  bottom: 0;
  z-index: 200;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .line-caroussel-app .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
    left: 0px;
  }
}
@media (max-width: 991px) {
  .line-caroussel-app .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
    bottom: 0px;
    left: 0px;
  }
}
@media (max-width: 767px) {
  .line-caroussel-app .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
    bottom: 100px;
    left: -35px;
  }
}
@media (max-width: 480px) {
  .line-caroussel-app .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
    bottom: 50px;
    left: -35px;
  }
}

/*Caroussel de temoignage employe - 
Page travailler chez Yapla*/
.page-travailler-chez-yapla .carousel.vertical-mode {
  max-width: 1280px;
  min-height: 760px;
  margin: 0 auto;
  background: #f1f5fd;
  border-radius: 10px;
  overflow: hidden !important;
  padding: 0 30px;
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .carousel.vertical-mode {
    min-height: 740px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .page-travailler-chez-yapla .carousel.vertical-mode {
    min-height: 800px;
  }
}
.page-travailler-chez-yapla .carousel.vertical-mode .carousel-text img {
  margin-top: 0;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .page-travailler-chez-yapla .carousel.vertical-mode .carousel-text img {
    margin-top: 0px;
    width: 140px;
  }
}
.page-travailler-chez-yapla .carousel.vertical-mode .item {
  max-width: 1280px;
  min-height: 700px;
  margin: 0 auto;
  background: #f1f5fd;
  border-radius: 10px;
  overflow: hidden !important;
  padding: 0 30px;
  padding: 50px 0px;
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .carousel.vertical-mode .item {
    min-height: 900px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .page-travailler-chez-yapla .carousel.vertical-mode .item {
    min-height: 1000px;
  }
}
.page-travailler-chez-yapla .carousel.vertical-mode .caption-intro {
  max-width: 735px;
  margin: 0 auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-travailler-chez-yapla .carousel.vertical-mode .caption-intro {
    max-width: 600px;
  }
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .carousel.vertical-mode .caption-intro {
    max-width: 500px;
  }
}
.page-travailler-chez-yapla .carousel.vertical-mode .caption-intro h4 {
  color: #337ab7;
}
.page-travailler-chez-yapla .carousel.vertical-mode .carousel-control {
  background-image: none;
}
.page-travailler-chez-yapla .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right {
  background: transparent;
  z-index: 200;
  position: relative;
}
.page-travailler-chez-yapla .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
  opacity: 1;
  content: "";
  position: absolute;
  width: 89px;
  height: 89px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/chevron-right.png");
  background-size: 89px;
  bottom: 0;
  right: 0px;
  z-index: 200;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-travailler-chez-yapla .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
    right: 0px;
  }
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
    bottom: -280px;
    right: 120px;
    width: 59px;
    height: 59px;
    background-size: 59px;
  }
}
@media (max-width: 767px) {
  .page-travailler-chez-yapla .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
    bottom: -320px;
    right: 60px;
  }
}
@media (max-width: 480px) {
  .page-travailler-chez-yapla .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
    bottom: -320px;
    right: 40px;
  }
}
.page-travailler-chez-yapla .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left {
  background: transparent;
  z-index: 200;
  position: relative;
}
.page-travailler-chez-yapla .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
  opacity: 1;
  content: "";
  position: absolute;
  width: 89px;
  height: 89px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/chevron-left.png");
  background-size: 89px;
  bottom: 0;
  left: 0px;
  z-index: 200;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-travailler-chez-yapla .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
    left: 0px;
  }
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
    bottom: -280px;
    left: 120px;
    width: 59px;
    height: 59px;
    background-size: 59px;
  }
}
@media (max-width: 767px) {
  .page-travailler-chez-yapla .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
    bottom: -320px;
    left: 60px;
  }
}
@media (max-width: 480px) {
  .page-travailler-chez-yapla .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
    bottom: -320px;
    left: 40px;
  }
}

/*Caroussel de temoignage CLIENT - 
Page travailler chez Yapla*/
.accueil .carroussel-temoignage .carousel.vertical-mode {
  margin: auto;
  max-width: 1280px;
  min-height: 478px;
}
.accueil .carroussel-temoignage .carousel.vertical-mode .carousel-inner {
  width: 76%;
  padding: 0;
  background-color: #f1f5fd;
  border-radius: 10px;
  margin: auto;
  overflow: hidden;
}
@media (max-width: 991px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode .carousel-inner {
    height: 600px;
    margin: 40px 0 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode .carousel-inner {
    height: 600px;
  }
}
@media (min-width: 1200px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode .carousel-inner {
    height: 400px;
  }
}
@media (min-width: 1440px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode .carousel-inner {
    height: 400px;
  }
}
@media (max-width: 991px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode {
    min-height: 500px;
  }
}
@media (max-width: 767px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode {
    min-height: 600px;
  }
}
.accueil .carroussel-temoignage .carousel.vertical-mode .item {
  padding: 0 30px;
}
.accueil .carroussel-temoignage .carousel.vertical-mode .carousel-text img {
  margin-bottom: 35px;
  padding: 60px 0 40px 0;
}
@media (max-width: 767px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode .carousel-text img {
    width: 140px;
  }
}
.accueil .carroussel-temoignage .carousel.vertical-mode .caption-intro {
  max-width: 735px;
  margin: 0 auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode .caption-intro {
    max-width: 600px;
  }
}
@media (max-width: 991px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode .caption-intro {
    max-width: 500px;
  }
}
@media (max-width: 991px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode .caption-intro h3 {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode .caption-intro h3 {
    font-size: 20px;
  }
}
.accueil .carroussel-temoignage .carousel.vertical-mode .caption-intro h4 {
  color: #337ab7;
}
@media (max-width: 991px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode .caption-intro h4 {
    font-size: 20px;
  }
}
.accueil .carroussel-temoignage .carousel.vertical-mode .carousel-control {
  background-image: none;
}
.accueil .carroussel-temoignage .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right {
  background: transparent;
  z-index: 200;
  position: relative;
}
.accueil .carroussel-temoignage .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
  opacity: 1;
  content: "";
  position: absolute;
  width: 89px;
  height: 89px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/chevron-right.png");
  background-size: 89px;
  bottom: 0;
  right: 0px;
  z-index: 200;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
    right: 0px;
  }
}
@media (max-width: 991px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
    bottom: -200px;
    right: 120px;
    width: 59px;
    height: 59px;
    background-size: 59px;
  }
}
@media (max-width: 767px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right::after {
    bottom: -250px;
    right: 20px;
  }
}
.accueil .carroussel-temoignage .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left {
  background: transparent;
  z-index: 200;
  position: relative;
}
.accueil .carroussel-temoignage .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
  opacity: 1;
  content: "";
  position: absolute;
  width: 89px;
  height: 89px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/chevron-left.png");
  background-size: 89px;
  bottom: 0;
  left: 0px;
  z-index: 200;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
    left: 0px;
  }
}
@media (max-width: 991px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
    bottom: -200px;
    left: 120px;
    width: 59px;
    height: 59px;
    background-size: 59px;
  }
}
@media (max-width: 767px) {
  .accueil .carroussel-temoignage .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left::after {
    bottom: -250px;
    left: 20px;
  }
}

.form-control {
  border: none;
  background: #f1f5fd;
}

.form-horizontal .control-label {
  color: #337ab7;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 300;
}

select {
  height: 40px;
}

a.page {
  color: #337ab7;
}
a.page.active, a.page:hover, a.page:focus {
  color: #337ab7;
}

li.search-choice {
  background: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%) !important;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05) !important;
}

#form-formbuilder .form-element-message .col-md-12 {
  width: 100%;
}

.line-formulaire-inscription {
  margin: 4rem 0;
}

.zone-contact_newsletter h2.section-title {
  text-align: center;
}
.zone-contact_newsletter .row .col-sm-12 {
  width: 100%;
}

.crm-footer-frame {
  display: flex;
  justify-content: flex-end;
}

.zone-crm h1 {
  text-align: center;
}

.bg-light-blue input,
.bg-light-blue textarea,
.bg.bl input,
.bg.bl textarea,
.bg-og input,
.bg-og textarea,
.bg-grd input,
.bg-grd textarea {
  border: none;
  background: #fff;
  height: 64px;
}
.bg-light-blue input[type=file],
.bg.bl input[type=file],
.bg-og input[type=file],
.bg-grd input[type=file] {
  background: none;
  height: auto;
}
.bg-light-blue textarea,
.bg.bl textarea,
.bg-og textarea,
.bg-grd textarea {
  height: 176px;
}

input,
textarea {
  border-radius: 4px !important;
}

.form-element-poste .control-label {
  display: none;
}

input#poste {
  display: none;
}

.page-poste-disponible-detail input#toncv {
  background-color: white;
  padding: 10px;
}

input#toncv {
  font-size: 14px;
}

input#toncv::-webkit-file-upload-button {
  cursor: pointer;
  visibility: visible;
  outline: 0;
  box-shadow: none;
  border: none;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  box-shadow: none !important;
  max-width: 100%;
  min-width: 1px;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  padding: 15px 22px;
  text-transform: none;
  transition: background-color 0.1s ease-in-out;
  color: #fff;
  background-color: #337ab7;
  font-size: 14px;
  padding: 10px 18px;
  margin-right: 15px;
}
input#toncv::-webkit-file-upload-button:hover, input#toncv::-webkit-file-upload-button:focus {
  color: #fff;
  background-color: rgb(255, 123, 20);
}

.js-event-price-individual .btn-add {
  padding: 1rem 1.5rem !important;
}
.js-event-price-individual .btn-add .fa-plus-square {
  margin-right: 0.5rem;
}
.js-event-price-individual .btn-add:hover {
  text-decoration: none !important;
}

form#add_event_web input,
form#add_event_web textarea {
  border: 1px solid #337ab7;
}
form#add_event_web button.btn.btn-primary.modal-yes.btn-primary:hover {
  background: rgb(255, 123, 20) !important;
}
form#add_event_web li.text-danger {
  font-size: 1.4rem;
  color: #b94a48;
}

.form-withProgress__wrapper #modal-event-add button.btn.btn-primary.modal-yes.btn-primary:hover {
  background: rgb(255, 123, 20);
  color: #fff;
}

#modal-event-remove-main .btn.modal-cancel {
  padding: 15px 22px;
  opacity: 1;
}
#modal-event-remove-main .btn.modal-cancel:hover {
  opacity: 0.9;
}
#modal-event-remove-main .btn.modal-yes {
  background: #b94a48;
}
#modal-event-remove-main .btn.modal-yes:hover {
  opacity: 0.9;
}
#modal-event-remove-main h5 {
  color: #b94a48;
}

.form-withProgress__navigation-footer a#step_previous {
  margin-right: 1rem;
}

.form-withProgress__navigation-footer #singlebutton {
  background: rgb(255, 123, 20);
}
.form-withProgress__navigation-footer #singlebutton:hover {
  opacity: 0.9;
}
.form-withProgress__navigation-footer a#step_previous:hover {
  background: #337ab7 !important;
  opacity: 0.9;
}

.help-block {
  font-size: 1.5rem;
}

.sondage h2 {
  margin-top: 3rem;
}
.sondage .control-label {
  font-weight: bold;
}
.sondage .input-radio > div {
  display: inline-block;
}
.sondage .input-radio > div + div {
  margin-left: 15px;
}

.line-formulaire {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.line-formulaire .zone-crm > div > h2,
.line-formulaire .zone-crm > h2 {
  padding-bottom: 5rem;
}
.line-formulaire .section-title {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  color: #337ab7;
}
@media (max-width: 480px) {
  .line-formulaire .section-title {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .line-formulaire .section-title {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  .line-formulaire .section-title {
    font-size: 25px;
    line-height: 30px;
  }
}
.line-formulaire .section {
  margin-bottom: 5rem;
}
.line-formulaire form {
  margin-top: 5rem;
}
.line-formulaire .form-control {
  padding: 1.5rem;
  background-color: #f1f5fd !important;
}
.line-formulaire .control-label {
  font-weight: 700;
  font-size: 1.6rem;
}
.line-formulaire label {
  font-size: 1.6rem;
}
.line-formulaire .help-block {
  font-size: 1.4rem;
}

.line-formulaire-100 .col-md-12 {
  width: 100%;
}

/*Logo*/
.line-menu > .container-fluid > .row .zone-25.zone-header {
  display: inline-block;
  width: min-content;
  margin: 18px 15px 15px 32px;
  width: 160px;
  z-index: 1100;
}

.line-menu.sticky > .container-fluid > .row .zone-25.zone-header {
  margin: 0;
}

.mod-header-logo {
  padding: 0px;
  max-width: 145px;
}

@media (min-width: 992px) {
  .line-menu:not(.sticky) .navbar-nav {
    display: flex;
    float: none;
  }
}
/*Menu*/
.line.site_line__item.line-menu {
  z-index: 900;
}

.line-menu {
  /*@MAJ fixed menu*/
}
@media (max-width: 991px) {
  .line-menu {
    height: 85px;
  }
}
.line-menu .zone-menu {
  padding-left: 0px;
}
.line-menu .zone-menu .navbar-default ul.navbar-nav > li.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li:hover {
  background-color: initial;
}
.line-menu .zone-menu .navbar-default ul.navbar-nav > li.active a, .line-menu .zone-menu .navbar-default ul.navbar-nav > li:hover a {
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 991px) {
  .line-menu .zone-menu .navbar-default ul.navbar-nav > li.active a, .line-menu .zone-menu .navbar-default ul.navbar-nav > li:hover a {
    color: rgba(255, 123, 20, 0.7);
  }
}
.line-menu .zone-menu .navbar-default ul.navbar-nav > li a {
  /*Desktop menu link*/
  color: #ffffff;
  font-size: 1.7rem;
  line-height: 21px;
  font-style: normal;
  font-weight: bold;
  padding: 30px 10px;
  text-transform: none;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  /*Mobile menu link*/
}
.line-menu .zone-menu .navbar-default ul.navbar-nav > li a:hover, .line-menu .zone-menu .navbar-default ul.navbar-nav > li a.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li a:focus {
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 991px) {
  .line-menu .zone-menu .navbar-default ul.navbar-nav > li a {
    color: rgb(255, 123, 20);
    font-size: 20px;
    line-height: 25px;
    font-style: normal;
    font-weight: bold;
    padding: 13px 0px;
    text-transform: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .line-menu .zone-menu .navbar-default ul.navbar-nav > li a:hover, .line-menu .zone-menu .navbar-default ul.navbar-nav > li a.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li a:focus {
    color: rgba(255, 123, 20, 0.7);
  }
}
.line-menu::after {
  content: "";
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.19);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/*dropdown*/
.line-menu {
  /*IPAD ans Mobile Menu*/
}
@media (min-width: 992px) {
  .line-menu span.caret,
.line-menu .dropdown-toggle {
    display: none;
  }
}
@media (max-width: 991px) {
  .line-menu .dropdown-toggle {
    width: 100%;
    text-align: right;
  }
}
@media (max-width: 991px) {
  .line-menu span.caret {
    transition: all ease-in 0.1s;
    transform: rotate(-45deg);
    display: inline-block;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    margin-left: 4px;
    vertical-align: middle;
    border-top: none;
    border-right: 2px solid #337ab7;
    border-left: none;
    border-bottom: 2px solid #337ab7;
    border-radius: 1px;
  }
}
.line-menu li.open span.caret {
  transition: all ease-in 0.1s;
  transform: rotate(-45deg);
}
.line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.11);
  padding: 15px 18px 15px 18px;
  background-color: #fff;
}
@media (max-width: 991px) {
  .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu {
    padding: 0px 18px 15px 18px;
    box-shadow: none;
  }
}
.line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu:hover, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu:focus {
  background-color: white;
}
.line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li {
  background-color: white;
  font-size: 17px;
  line-height: 28px;
}
.line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:hover, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:focus {
  background-color: white;
}
.line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li.active a.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li.active a:hover, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li.active a:focus, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:hover a.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:hover a:hover, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:hover a:focus, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:focus a.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:focus a:hover, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:focus a:focus {
  background-color: white;
  color: rgb(255, 123, 20);
}
@media (max-width: 991px) {
  .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li.active a.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li.active a:hover, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li.active a:focus, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:hover a.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:hover a:hover, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:hover a:focus, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:focus a.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:focus a:hover, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li:focus a:focus {
    color: #337ab7;
  }
}
.line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li a {
  /*Desktop menu link*/
  color: #337ab7;
  font-size: 14px;
  line-height: 25px;
  font-style: normal;
  font-weight: bold;
  padding: 3px 0px;
  text-transform: none;
  -webkit-transition: color 0.3s background 0.3s;
  -o-transition: color 0.3s background 0.3s;
  transition: color 0.3s background 0.3s;
  /*Mobile menu link*/
}
.line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li a:hover, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li a:active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li a.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li a:focus {
  color: rgb(255, 123, 20);
  background-color: white;
}
@media (max-width: 991px) {
  .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li a {
    color: rgb(255, 123, 20);
    font-size: 1.7rem;
    line-height: 21px;
    font-style: normal;
    font-weight: 600;
    padding: 3px 0;
    text-transform: none;
    -webkit-transition: color 0.3s background 0.3s;
    -o-transition: color 0.3s background 0.3s;
    transition: color 0.3s background 0.3s;
  }
  .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li a:hover, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li a.active, .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li a:focus {
    color: #337ab7;
  }
  .line-menu .zone-menu .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li a::after {
    display: none;
  }
}

/********************MOBILE*******************/
@media (max-width: 991px) {
  .zone-menu.zone-75 {
    width: 100%;
    top: 0px;
    position: absolute;
    padding-left: 0px;
  }
  #mainMenu {
    background-color: #fff;
  }
  #mainMenu.navbar-collapse {
    border: none;
    width: 100%;
  }
  #mainMenu.collapse.in {
    overflow-y: unset;
    position: absolute;
    padding: 0 15px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  #mainMenu.collapse.in .nav.navbar-nav {
    height: 100vh;
  }
}
@media (max-width: 991px) and (max-width: 480px) {
  #mainMenu.collapse.in {
    height: 100vh;
    /*real height calculator*/
    height: calc(100vh - 85px);
    overflow-y: scroll;
  }
}
@media (max-width: 991px) {
  #mainMenu.collapsing {
    position: absolute;
    height: 0;
    padding: 0 15px;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
  }
}
/******mobile spec*****/
@media (max-width: 991px) {
  .line-menu {
    position: fixed;
    width: 100%;
    height: 85px;
  }
  .line-menu .navbar-collapse > ul {
    padding: 30px 27px 15px 27px;
  }
  .line-menu .navbar-collapse > ul > li {
    padding: 10px 0px;
    border-top: 1px solid rgba(108, 111, 116, 0.2);
  }
  .line-menu .navbar-collapse > ul > li a {
    color: rgb(255, 123, 20);
    font-size: 28px;
    line-height: 25px;
    font-style: normal;
    font-weight: bold;
    padding: 0px;
    text-transform: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .line-menu .navbar-collapse > ul > li a:hover, .line-menu .navbar-collapse > ul > li a.active, .line-menu .navbar-collapse > ul > li a:focus {
    color: rgb(255, 123, 20);
  }
}
/****toggle button****/
.navbar-default .navbar-toggle {
  background-color: #fff;
  border-radius: 0em;
  padding: 30.25px 26px;
  margin: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: rgb(255, 123, 20);
  display: block;
  width: 30px;
  height: 2.5px;
  border-radius: 1px;
}
.navbar-default .navbar-toggle.collapsed {
  padding: 31.25px 26px;
}

.navbar-default .navbar-toggle.collapsed .icon-bar + .icon-bar,
.navbar-default .navbar-toggle.collapsed .icon-bar + .icon-bar + .icon-bar {
  margin-top: 6.5px;
}

/*******Sticky menu desktop and ipad******/
@media (min-width: 992px) {
  .sticky {
    position: fixed;
    width: 100%;
    display: block;
  }
  .sticky.line-menu {
    height: 57px;
    border-top: #f1f5fd solid 1px;
    background-color: white !important;
    /*small stucky logo*/
    /*small stucky logo*/
  }
  .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li.active, .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li:hover {
    background-color: initial;
  }
  .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li.active a, .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li:hover a {
    color: #337ab7;
  }
}
@media (min-width: 992px) and (max-width: 991px) {
  .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li.active a, .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li:hover a {
    color: rgba(51, 122, 183, 0.7);
  }
}
@media (min-width: 992px) {
  .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li a {
    /*Desktop menu link*/
    color: #337ab7;
    font-size: 1.7rem;
    line-height: 21px;
    font-style: normal;
    font-weight: bold;
    padding: 18px 10px;
    text-transform: none;
    -webkit-transition: color 0.3s background 0.3s;
    -o-transition: color 0.3s background 0.3s;
    transition: color 0.3s background 0.3s;
    /*Mobile menu link*/
  }
  .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li a:hover, .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li a.active, .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li a:focus {
    color: rgba(51, 122, 183, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 991px) {
  .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li a {
    color: rgb(255, 123, 20);
    font-size: 1.7rem;
    line-height: 28px;
    font-style: normal;
    font-weight: bold;
    padding: 30px 30px;
    text-transform: none;
    -webkit-transition: color 0.3s background 0.3s;
    -o-transition: color 0.3s background 0.3s;
    transition: color 0.3s background 0.3s;
  }
  .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li a:hover, .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li a.active, .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li a:focus {
    color: rgba(255, 123, 20, 0.7);
  }
}
@media (min-width: 992px) {
  .sticky.line-menu .mod-header-logo {
    width: 27px;
  }
}
@media (min-width: 992px) {
  .sticky.line-menu.line-menu > .container-fluid > .row .zone-25.zone-header {
    display: inline-block;
    width: 50px;
    margin: 15px 35px 15px 32px;
  }
}
@media (max-width: 991px) {
  .sticky {
    position: fixed;
    width: 100%;
    display: block;
  }
  .sticky.line-menu {
    background-color: white !important;
  }
  .sticky .mod-header-logo {
    width: 35px;
  }
  .sticky.line-menu > .container-fluid > .row .zone-25.zone-header {
    display: inline-block;
    padding: 24px;
  }
}
/*Mobuile dropdown last 4 elements*/
@media (max-width: 991px) {
  /*remove border-top from last 3 and first item,*/
  #mainMenu > ul > li:nth-last-child(2),
#mainMenu > ul > li:nth-last-child(1),
#mainMenu > ul > li:first-child {
    border-top: none;
  }
  #mainMenu > ul > li:nth-last-child(3) {
    padding: 20px 0 0 0;
    margin-bottom: 14px;
  }
  #mainMenu > ul > li:nth-last-child(3) > a {
    background-color: #fff;
    padding: 7px 35px 7px 27px;
    text-align: center;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #337ab7;
  }
  #mainMenu > ul > li:nth-last-child(3) > a::after {
    display: none;
  }
  #mainMenu > ul > li:nth-last-child(2) {
    padding: 0;
    margin-bottom: 14px;
  }
  #mainMenu > ul > li:nth-last-child(2) > a {
    background-color: #f1f5fd;
    padding: 7px 0px 7px 0px;
    text-align: center;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #337ab7;
  }
  #mainMenu > ul > li:nth-last-child(2) > a::after {
    display: none;
  }
  #mainMenu > ul > li:nth-last-child(1) {
    padding: 0;
    margin-bottom: 14px;
  }
  #mainMenu > ul > li:nth-last-child(1) > a {
    background-color: #337ab7;
    padding: 7px 35px 7px 27px;
    text-align: center;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
  }
  #mainMenu > ul > li:nth-last-child(1) > a::after {
    display: none;
  }
}
.simple-menu.line-menu > .container-fluid > .row .zone-25.zone-header {
  display: inline-block;
  padding: 24px;
}
@media (max-width: 991px) {
  .simple-menu .line-menu {
    position: fixed;
    width: 100%;
    display: block;
    top: 0px;
    background-color: white !important;
  }
}
@media (min-width: 992px) {
  .simple-menu .line-menu {
    position: fixed;
    width: 100%;
    display: block;
    height: 57px;
    top: 36px;
    border-top: #f1f5fd solid 1px;
    background-color: white !important;
    /*small stucky logo*/
    /*small stucky logo*/
  }
  .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li.active, .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li:hover {
    background-color: initial;
  }
  .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li.active a, .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li:hover a {
    color: #337ab7;
  }
}
@media (min-width: 992px) and (max-width: 991px) {
  .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li.active a, .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li:hover a {
    color: rgba(51, 122, 183, 0.7);
  }
}
@media (min-width: 992px) {
  .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li a {
    /*Desktop menu link*/
    color: #337ab7;
    font-size: 1.7rem;
    line-height: 21px;
    font-style: normal;
    font-weight: bold;
    padding: 18px 10px;
    text-transform: none;
    -webkit-transition: color 0.3s background 0.3s;
    -o-transition: color 0.3s background 0.3s;
    transition: color 0.3s background 0.3s;
    /*Mobile menu link*/
  }
  .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li a:hover, .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li a.active, .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li a:focus {
    color: rgba(51, 122, 183, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 991px) {
  .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li a {
    color: rgb(255, 123, 20);
    font-size: 1.7rem;
    line-height: 28px;
    font-style: normal;
    font-weight: bold;
    padding: 30px 30px;
    text-transform: none;
    -webkit-transition: color 0.3s background 0.3s;
    -o-transition: color 0.3s background 0.3s;
    transition: color 0.3s background 0.3s;
  }
  .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li a:hover, .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li a.active, .simple-menu .line-menu .zone-menu .navbar-default ul.navbar-nav > li a:focus {
    color: rgba(255, 123, 20, 0.7);
  }
}
@media (min-width: 992px) {
  .simple-menu .line-menu .mod-header-logo {
    max-width: 120px;
  }
}
@media (min-width: 992px) {
  .simple-menu .line-menu > .container-fluid > .row .zone-25.zone-header {
    display: inline-block;
    width: 140px;
    margin: 10px 35px 10px 32px;
  }
}

.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom {
  background: #f1f5fd !important;
  justify-content: center !important;
  padding: 22px 0 !important;
}
.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .cc-message img,
.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .cc-message .cc-link {
  display: none !important;
}
.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom p {
  margin-bottom: 0 !important;
}
.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom p .cc-link {
  display: inline-block !important;
}
.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .cc-message {
  max-width: none !important;
  flex: none !important;
}
.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom a.cc-btn.cc-dismiss {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  box-shadow: none !important;
  max-width: 100%;
  min-width: 1px;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  padding: 15px 22px;
  text-transform: none;
  transition: background-color 0.1s ease-in-out;
  color: #fff;
  background-color: rgb(255, 123, 20);
  border: none !important;
  min-width: 168px !important;
}
.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom a.cc-btn.cc-dismiss:hover, .cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom a.cc-btn.cc-dismiss:focus {
  color: #fff;
  background-color: #337ab7;
}
.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .rgpd-wrapper {
  color: #337ab7 !important;
  font-size: 14px !important;
  margin-right: 200px !important;
}
@media (max-width: 991px) {
  .cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .rgpd-wrapper {
    margin-right: 50px !important;
  }
}
@media (max-width: 767px) {
  .cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .rgpd-wrapper {
    margin-right: 0 !important;
    text-align: center !important;
    max-width: 435px !important;
  }
}
@media (max-width: 480px) {
  .cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .rgpd-wrapper {
    max-width: 380px !important;
    text-align: center !important;
    margin: 0 auto !important;
    margin-right: 0 !important;
  }
}
.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .rgpd-wrapper p {
  font-size: 14px !important;
}
.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .rgpd-wrapper a {
  color: #337ab7 !important;
  opacity: 1 !important;
  font-size: 14px !important;
}
.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .rgpd-wrapper h3 {
  font-size: 18px !important;
  font-weight: bold !important;
}
@media (max-width: 767px) {
  .cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .cc-compliance {
    width: 80% !important;
  }
}
.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom a.cc-btn.cc-dismiss {
  margin-right: 0 !important;
}

@media (min-width: 992px) {
  .cc-window.cc-floating {
    max-width: 100% !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom {
    margin: 0;
    background: #f1f5fd;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom .rgpd-wrapper {
    color: #337ab7 !important;
    font-size: 14px !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom a.cc-btn.cc-dismiss {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    box-shadow: none !important;
    max-width: 100%;
    min-width: 1px;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    padding: 15px 22px;
    text-transform: none;
    transition: background-color 0.1s ease-in-out;
    color: #fff;
    background-color: rgb(255, 123, 20);
    border: none !important;
    min-width: 168px !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom a.cc-btn.cc-dismiss:hover, .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom a.cc-btn.cc-dismiss:focus {
    color: #fff;
    background-color: #337ab7;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom h3 {
    font-size: 18px !important;
    font-weight: bold !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom p {
    font-size: 14px !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom p a {
    color: #337ab7;
    text-decoration: underline;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom a.cc-btn.cc-dismiss {
    margin-right: 0 !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom img,
.cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom .cc-link {
    display: none !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom p {
    margin-bottom: 0 !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom p .cc-link {
    display: inline-block !important;
    color: #337ab7 !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom .cc-message {
    max-width: 100% !important;
    flex: none !important;
  }
}
@media (max-width: 991px) {
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 {
    margin: 0;
    background: #f1f5fd;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 .rgpd-wrapper {
    color: #337ab7 !important;
    font-size: 14px !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 a.cc-btn.cc-dismiss {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    box-shadow: none !important;
    max-width: 100%;
    min-width: 1px;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    padding: 15px 22px;
    text-transform: none;
    transition: background-color 0.1s ease-in-out;
    color: #fff;
    background-color: rgb(255, 123, 20);
    border: none !important;
    min-width: 168px !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 a.cc-btn.cc-dismiss:hover, .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 a.cc-btn.cc-dismiss:focus {
    color: #fff;
    background-color: #337ab7;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 h3 {
    font-size: 18px !important;
    font-weight: bold !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 p {
    font-size: 14px !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 p a {
    color: #337ab7;
    text-decoration: underline;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 a.cc-btn.cc-dismiss {
    margin-right: 0 !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 img,
.cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 .cc-link {
    display: none !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 p {
    margin-bottom: 0 !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 p .cc-link {
    display: inline-block !important;
    color: #337ab7 !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-color-override--1642196580 .cc-message {
    max-width: none !important;
    flex: none !important;
  }
}
@media (max-width: 480px) {
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless {
    margin: 0;
    background: #f1f5fd;
    margin-right: 0 !important;
    text-align: center !important;
    max-width: 435px !important;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless img {
    display: none;
  }
  .cc-window.cc-floating.cc-type-info.cc-theme-edgeless p {
    font-size: 14px !important;
    text-align: center;
  }
  h3 {
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: center;
  }
  .rgpd-wrapper {
    max-width: 380px !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  a.cc-btn.cc-dismiss {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    box-shadow: none !important;
    max-width: 100%;
    min-width: 1px;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    padding: 15px 22px;
    text-transform: none;
    transition: background-color 0.1s ease-in-out;
    color: #fff;
    background-color: rgb(255, 123, 20);
    border: none !important;
    min-width: 168px !important;
    color: #fff !important;
  }
  a.cc-btn.cc-dismiss:hover, a.cc-btn.cc-dismiss:focus {
    color: #fff;
    background-color: #337ab7;
  }
  a.cc-link {
    display: none;
  }
}
#modal-user-consent .button.close {
  margin-left: 0 !important;
}

.modal-header .close {
  margin-left: 0 !important;
  color: #337ab7;
}

.modal-footer.modal_controls button.btn.modal-cancel.close.btn-return {
  color: rgb(255, 123, 20);
  opacity: 1;
}

#modal-user-consent h2 {
  max-width: 500px;
  margin-bottom: 2.5rem;
}
#modal-user-consent h3 {
  font-size: 18px !important;
  font-weight: bold !important;
  margin-bottom: 1.5rem;
}
#modal-user-consent p {
  margin-bottom: 1.5rem;
  font-size: 14px;
}

.cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .cc-message p .cc-link {
  display: inline-block !important;
}

@media (min-width: 992px) {
  .dropdown-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  .dropdown-container .active-language {
    display: flex;
  }
  .dropdown-container span {
    position: relative;
    padding: 18px 16px 18px 8px;
    line-height: 0;
    font-size: 16px;
    display: block;
    font-weight: 600;
  }
  .dropdown-container span.icon.icon-earth {
    padding: 16px;
    font-weight: 400;
  }
  .dropdown-container span.icon.icon-earth::before {
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .dropdown-container:hover span {
    color: rgb(255, 123, 20);
  }
  .dropdown-container:hover .dropdown-menu-lang {
    display: block;
  }
  .dropdown-menu-lang {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 100%;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.11);
    padding: 12px 20px;
    z-index: 1;
    right: 0;
    top: 36px;
  }
  .dropdown-menu-lang ul {
    padding: 0;
  }
  .dropdown-menu-lang ul li {
    list-style: none;
  }
  .dropdown-menu-lang ul li.active a {
    color: rgb(255, 123, 20);
  }
  .dropdown-menu-lang ul li a {
    display: block;
    color: #337ab7;
    padding: 0 0 16px 0;
    text-align: left;
    font-size: 14px;
  }
  .dropdown-menu-lang ul li a:last-child {
    padding-bottom: 0;
  }
  .dropdown-menu-lang ul li a:hover {
    color: rgb(255, 123, 20);
  }
}
@media (min-width: 992px) {
  li[rel=data-menu-36861] {
    display: none;
  }
  li[rel=data-menu-36862] {
    display: none;
  }
}
.line.header {
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 910;
}
.line.header .custom-header {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
}
.line.header .custom-header a.header-link {
  padding: 5px 30px;
  font-size: 16px;
  color: #337ab7;
}
.line.header .custom-header a.header-link:nth-child(1) {
  background-color: white;
  border-left: 1px solid #f1f5fd;
}
.line.header .custom-header a.header-link:nth-child(1):hover, .line.header .custom-header a.header-link:nth-child(1).active, .line.header .custom-header a.header-link:nth-child(1):focus {
  color: rgb(255, 123, 20);
}
.line.header .custom-header a.header-link:nth-child(2) {
  background-color: #f1f5fd;
  color: #337ab7;
}
.line.header .custom-header a.header-link:nth-child(2):hover, .line.header .custom-header a.header-link:nth-child(2).active, .line.header .custom-header a.header-link:nth-child(2):focus {
  background-color: #ff7b14;
  color: white;
}
.line.header .custom-header a.header-link:nth-child(3) {
  background-color: #337ab7;
  color: white;
}
.line.header .custom-header a.header-link:nth-child(3):hover, .line.header .custom-header a.header-link:nth-child(3).active, .line.header .custom-header a.header-link:nth-child(3):focus {
  background-color: rgb(255, 123, 20);
}
.line.header .custom-header a.header-link:nth-child(4) {
  background-color: #fff;
}
.line.header .custom-header a.header-link:nth-child(4):hover, .line.header .custom-header a.header-link:nth-child(4).active, .line.header .custom-header a.header-link:nth-child(4):focus {
  color: rgb(255, 123, 20);
}
.line.header .custom-header a.header-link {
  padding: 5px 30px;
  line-height: 26px;
}
.line.header .mod-header {
  padding: 0px;
}
.line.header .mod-header .header-ext + .header-ext {
  margin-left: -5px;
}
@media (max-width: 991px) {
  .line.header {
    display: none;
  }
}

/*switch-laguage content swap*/
.lang-fr .switch-language {
  /*hide the bad boy*/
  font-size: 0px;
}
.lang-fr .switch-language::before {
  /*show him again*/
  content: "En";
  padding: 0px 8px 0px 16px;
  color: #337ab7;
  font-size: initial;
  vertical-align: -11%;
}
.lang-fr .switch-language::before:hover, .lang-fr .switch-language::before.active, .lang-fr .switch-language::before:focus {
  color: rgb(255, 123, 20);
}

.lang-en .switch-language {
  /*hide the bad boy*/
  font-size: 0px;
}
.lang-en .switch-language::before {
  /*show him again*/
  padding: 8px 8px;
  color: #337ab7;
  font-size: initial;
  content: "Fr";
}

/*cacher menu desktop CA*/
@media (min-width: 992px) {
  li[rel=data-menu-35395],
li[rel=data-menu-35396],
li[rel=data-menu-35397],
li[rel=data-menu-35398],
li[rel=data-menu-36372] {
    display: none;
  }
}

/*cacher menu desktop FR*/
@media (min-width: 992px) {
  li[rel=data-menu-36123],
li[rel=data-menu-36124],
li[rel=data-menu-36125],
li[rel=data-menu-36126],
li[rel=data-menu-36488] {
    display: none;
  }
}

li.header-ext.header-ext-language {
  display: none;
}
li.header-ext.header-ext-language a.switch-language {
  color: transparent;
  font-size: 0;
}

.group-footer {
  background-color: #595c62;
}
.group-footer .container {
  width: 90%;
}
@media (min-width: 1280px) {
  .group-footer .container {
    width: 70%;
  }
}
.group-footer > .line.site_line__item {
  padding: 15px 0px;
}
.group-footer a,
.group-footer li,
.group-footer p,
.group-footer span,
.group-footer div {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2.5rem;
  color: white;
  list-style: none;
}
.group-footer .mod-header-logo {
  z-index: 20;
  max-width: none;
  max-height: 42px;
}
.group-footer .social-link [class*=icon-] {
  font-size: 1.4rem;
  color: white;
  background-color: transparent;
  padding: 13px;
}
.group-footer .social-link [class*=icon-]:hover {
  color: white;
}
.group-footer .footer-menu .news-content.mod-article__content .mod-article__content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .group-footer .footer-menu .news-content.mod-article__content .mod-article__content {
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .group-footer .footer-menu .news-content.mod-article__content .mod-article__content .footer-link-item {
    width: calc(30% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 560px) {
  .group-footer .footer-menu .news-content.mod-article__content .mod-article__content .footer-link-item {
    width: 100%;
    margin: 0;
    text-align: center;
  }
}
.group-footer .footer-menu .news-content.mod-article__content .mod-article__content .footer-link-item ul {
  padding-left: 0;
}
.group-footer .footer-menu .news-content.mod-article__content .mod-article__content .footer-link-item h5,
.group-footer .footer-menu .news-content.mod-article__content .mod-article__content .footer-link-item h5 {
  color: white;
  font-family: Muli;
  font-style: normal;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 4.8rem;
}

.footer-header .mod-header-container {
  border-bottom: 1px solid #6c6f74;
  padding: 20px 0;
}
@media (max-width: 560px) {
  .footer-header .mod-header-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
  }
}
@media (max-width: 480px) {
  .footer-header .mod-header-container .header-ext-social-links {
    display: block !important;
  }
}

.footer-footer .container {
  text-align: center;
  padding: 20px 0;
}

.footer-link-item a:hover {
  text-decoration: underline;
}

.btn.btn-primary.btn-popup:hover {
  color: #337ab7;
  background-color: #ffffff;
}

.popup-a .modal-dialog-centered {
  justify-content: center;
}

.popup-a .modal-content-a {
  background-image: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/files/popup/pop-up-avantages-site-yapla-bg.png) !important;
  background-repeat: no-repeat;
  background-size: cover;
  height: 660px;
  border: 0px solid;
  border-radius: 6px;
}

.popup-a .modal-content {
  background-image: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/files/popup/pop-up-webinaire-site-yapla-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 695px !important;
  max-width: 633px;
  border: 0px solid;
  border-radius: 6px;
  height: auto;
  width: 90%;
}
@media screen and (min-width: 992px) {
  .popup-a .modal-content {
    height: 633px;
    width: 633px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .popup-a .modal-content {
    height: 475px;
  }
}

.popup-a .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 60px !important;
}
@media screen and (max-width: 992px) {
  .popup-a .modal-body {
    padding: 10px 15px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .popup-a .modal-body {
    padding-bottom: 25px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .popup-a .modal-body h4 {
    margin-bottom: 1rem;
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .popup-a .modal-body h4 {
    margin-bottom: 3rem;
  }
}

.popup-a .modal-body .modal-title {
  font-size: 21px;
  padding-bottom: 15px;
  line-height: 1;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .popup-a .modal-body .modal-title {
    font-size: 35px;
  }
}
@media screen and (min-width: 1200px) {
  .popup-a .modal-body .modal-title {
    font-size: 45px;
  }
}

@media screen and (max-width: 992px) {
  .popup-a .modal-body h4 {
    margin-bottom: 0;
  }
  .popup-a .modal-body h4 span {
    font-size: 21px;
    line-height: 25px;
  }
}
@media screen and (max-width: 992px) and (min-width: 992px) and (max-width: 1200px) {
  .popup-a .modal-body h4 span {
    font-size: 24px;
  }
}

.popup-a .modal-header {
  display: flex;
  justify-content: flex-end;
}
.popup-a .modal-header .btn.btn-secondary,
.popup-a .modal-header .btn-x {
  color: #337ab7 !important;
  background: white;
  padding: 5px 15px;
}
@media screen and (max-width: 992px) {
  .popup-a .modal-header {
    padding: 0px 31px;
  }
  .popup-a .modal-header .btn.btn-secondary {
    padding: 0 22px;
  }
}

.popup-a .modal-footer {
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .popup-a .modal-footer {
    padding: 5px 30px;
  }
}

.popup-a .modal-footer .btn {
  width: 37rem;
}

@media screen and (max-width: 992px) {
  .popup-a .modal-footer .btn {
    padding: 5px 12px;
  }
}
.popup-a .modal.fade {
  background-color: rgba(241, 245, 253, 0.5);
}

.popup-c .modal-dialog-centered {
  justify-content: center;
}

.popup-c .popup-a .modal-content-a {
  background-image: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/files/popup/pop-up-avantages-site-yapla-bg.png) !important;
  background-repeat: no-repeat;
  background-size: cover;
  height: 660px;
  border: 0px solid;
  border-radius: 6px;
}

.popup-c .modal-content {
  background-image: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/files/popup/pop-up-webinaire-site-yapla-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 695px !important;
  max-width: 633px;
  border: 0px solid;
  border-radius: 6px;
  height: auto;
  width: 90%;
}
@media screen and (min-width: 992px) {
  .popup-c .modal-content {
    height: 633px;
    width: 633px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .popup-c .modal-content {
    height: 475px;
  }
}

.popup-c .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 60px !important;
}
@media screen and (max-width: 992px) {
  .popup-c .modal-body {
    padding: 10px 15px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .popup-c .modal-body {
    padding-bottom: 25px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .popup-c .modal-body h4 {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .popup-c .modal-body h4 {
    margin-bottom: 3rem;
  }
}

.popup-c .modal-body .modal-title {
  font-size: 21px;
  padding-bottom: 15px;
  line-height: 1;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .popup-c .modal-body .modal-title {
    font-size: 35px;
  }
}
@media screen and (min-width: 1200px) {
  .popup-c .modal-body .modal-title {
    font-size: 45px;
  }
}

@media screen and (max-width: 992px) {
  .popup-c .modal-body h4 {
    margin-bottom: 0;
  }
  .popup-c .modal-body h4 span {
    font-size: 21px;
    line-height: 25px;
  }
}
@media screen and (max-width: 992px) and (min-width: 992px) and (max-width: 1200px) {
  .popup-c .modal-body h4 span {
    font-size: 24px;
  }
}

.popup-c .modal-header {
  display: flex;
  justify-content: flex-end;
}
.popup-c .modal-header .btn.btn-secondary {
  color: #337ab7 !important;
  background: white;
  padding: 5px 15px;
}
@media screen and (max-width: 992px) {
  .popup-c .modal-header {
    padding: 0px 31px;
  }
  .popup-c .modal-header .btn.btn-secondary {
    padding: 0 22px;
  }
}

.popup-c .modal-footer {
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .popup-c .modal-footer {
    padding: 5px 30px;
  }
}

.popup-c .modal-footer .btn {
  width: 37rem;
}

@media screen and (max-width: 992px) {
  .popup-c .modal-footer .btn {
    padding: 5px 15px;
  }
  .cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom a.cc-btn.cc-dismiss {
    padding: 5px 15px;
  }
}
.popup-c .modal.fade {
  background-color: rgba(241, 245, 253, 0.5);
}

.page-nos-associations .popup-a > button[data-target="#exampleModalCenter"] {
  display: none !important;
}

.page-nos-associations .popup-c > button[data-target="#exampleModalCenter3"] {
  display: none !important;
}

@media screen and (max-width: 992px) {
  .cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .rgpd-wrapper {
    max-width: 380px !important;
    text-align: center !important;
    margin: 0 auto !important;
    margin-right: 0 !important;
  }
  .cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .rgpd-wrapper h3 {
    font-size: 16px !important;
  }
  .cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom .rgpd-wrapper p {
    line-height: 21px;
  }
  .cc-window.cc-banner.cc-type-info.cc-theme-edgeless.cc-bottom {
    background: #f1f5fd !important;
    justify-content: center !important;
    padding: 12px 0 !important;
  }
  #yapla-consent-box .consent_notice_title_title {
    font-size: 16px !important;
    line-height: 21px;
  }
  #yapla-consent-box .cookie-notice {
    padding: 0px 20px;
  }
  #yapla-consent-box .cookie-notice p,
#yapla-consent-box .cookie-notice span {
    font-size: 13px !important;
    line-height: 20px;
  }
  #yapla-consent-box .cookie-notice .cm-btn {
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    padding: 5px 15px;
  }
}
.grid-flash h2 {
  max-width: 560px;
}
@media (max-width: 991px) {
  .grid-flash h2 {
    max-width: 500px;
  }
}
.grid-flash p {
  color: #595c62;
  margin-bottom: 40px;
  max-width: 680px;
}
.grid-flash .item p {
  color: #337ab7;
}
.grid-flash .zone-article p {
  font-family: "Muli", Helvetica, sans-serif;
  color: #595c62;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
}
@media (max-width: 480px) {
  .grid-flash .zone-article p {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .grid-flash .zone-article p {
    font-size: 18px;
    line-height: 28px;
  }
}
.grid-flash .itemImage {
  margin-right: 45px;
}
@media (max-width: 991px) {
  .grid-flash .itemImage {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .grid-flash .itemImage {
    margin-right: 10px;
  }
}
@media (max-width: 480px) {
  .grid-flash .itemImage {
    margin-right: 10px;
  }
}
@media (min-width: 768px) {
  .grid-flash {
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .grid-flash {
    padding-bottom: 340px;
  }
}
@media (min-width: 1200px) {
  .grid-flash {
    padding-bottom: 250px;
  }
}
@media (min-width: 1440px) {
  .grid-flash {
    padding-bottom: 200px;
  }
}
@media (min-width: 1600px) {
  .grid-flash {
    padding-bottom: 180px;
  }
}

.grid-flash .zone-news_flash .item {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 1px 1px;
  grid-template-areas: "item-image title" "item-image parahraph" "item-image button";
  grid-auto-rows: min-content;
}
@media (max-width: 991px) {
  .grid-flash .zone-news_flash .item {
    grid-template-columns: 1fr 5fr;
  }
}
.grid-flash .zone-news_flash .item .itemImage {
  align-self: center;
  justify-self: baseline;
  grid-area: item-image;
}
@media (max-width: 991px) {
  .grid-flash .zone-news_flash .item .itemImage {
    justify-self: flex-start;
    max-width: 62px;
  }
}
@media (max-width: 767px) {
  .grid-flash .zone-news_flash .item .itemImage {
    justify-self: baseline;
    max-width: 62px;
  }
}
.grid-flash .zone-news_flash .item h4 {
  grid-area: title;
}
.grid-flash .zone-news_flash .item p {
  grid-area: parahraph;
}
.grid-flash .zone-news_flash .item a.btn {
  grid-area: button;
}

.grid-options .zone-news_flash .item {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 15px 15px;
  grid-template-areas: "item-image title" "item-image parahraph" "item-image button";
  grid-auto-rows: min-content;
}
@media (max-width: 991px) {
  .grid-options .zone-news_flash .item {
    width: 100%;
    padding-bottom: 30px;
    grid-template-columns: 1fr 3fr;
  }
}
.grid-options .zone-news_flash .item .itemImage {
  align-self: center;
  justify-self: center;
  grid-area: item-image;
}
@media (max-width: 991px) {
  .grid-options .zone-news_flash .item .itemImage {
    justify-self: start;
    width: 83px;
  }
}
@media (max-width: 480px) {
  .grid-options .zone-news_flash .item .itemImage {
    justify-self: start;
    width: 53px;
  }
}
.grid-options .zone-news_flash .item h4 {
  grid-area: title;
}
.grid-options .zone-news_flash .item p {
  grid-area: parahraph;
}
.grid-options .zone-news_flash .item a.btn {
  grid-area: button;
}

/*@deprecated since 2021-06-17
replaced by line-steps-offer
*/
@media (min-width: 992px) and (max-width: 1199px) {
  .grid-facons .container {
    width: 95%;
  }
}

/*@deprecated since 2021-06-17
replaced by line-steps-offer
*/
.grid-facons .zone-news_flash .item {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 1fr 2fr;
  gap: auto;
  grid-template-areas: ". title" "item-image parahraph" ". button";
  grid-auto-rows: min-content;
}
@media (max-width: 1440px) {
  .grid-facons .zone-news_flash .item {
    width: 100%;
    padding-bottom: 75px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .grid-facons .zone-news_flash .item {
    grid-template-columns: 1fr 3fr;
  }
}
@media (max-width: 991px) {
  .grid-facons .zone-news_flash .item {
    grid-template-columns: 1fr 4fr;
  }
}
.grid-facons .zone-news_flash .item .itemImage {
  align-self: flex-start;
  justify-self: center;
  width: 72px;
  grid-area: item-image;
}
@media (max-width: 480px) {
  .grid-facons .zone-news_flash .item .itemImage {
    width: 48px;
    justify-self: start;
  }
}
.grid-facons .zone-news_flash .item h4 {
  grid-area: title;
}
.grid-facons .zone-news_flash .item p {
  grid-area: parahraph;
}
.grid-facons .zone-news_flash .item a.btn {
  grid-area: button;
  width: min-content;
}

/*page Aaccueil*/
.accueil .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/home/home-banner.jpg");
  background-position: 0;
}
@media (max-width: 480px) {
  .accueil .banner-menu {
    background-position-x: 12%;
  }
}
@media (min-width: 992px) {
  .accueil .banner-menu {
    /*height: 95vh;*/
  }
}
.accueil .banner-article {
  z-index: 11;
  /*deprecated*/
  /*deprecated*/
}
@media (max-width: 991px) {
  .accueil .banner-article {
    padding: 180px 0;
  }
}
@media (min-width: 992px) {
  .accueil .banner-article {
    padding: 240px 0;
  }
}
@media (min-width: 1200px) {
  .accueil .banner-article {
    position: relative;
    /*
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    */
  }
}
@media (max-width: 480px) {
  .accueil .banner-article .container {
    max-width: 346px;
  }
}
@media (max-width: 991px) {
  .accueil .banner-article .container {
    max-width: 990px;
  }
}
@media (min-width: 992px) {
  .accueil .banner-article .container {
    max-width: 990px;
  }
}
@media (min-width: 1200px) {
  .accueil .banner-article .container {
    max-width: 990px;
  }
}
@media (min-width: 1440px) {
  .accueil .banner-article .container {
    max-width: 990px;
  }
}
@media (max-width: 991px) {
  .accueil .banner-article .container h1 {
    padding-bottom: 20px;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
  }
}
@media (min-width: 992px) {
  .accueil .banner-article .container h1 {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .accueil .banner-article .container h1 {
    padding-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .accueil .banner-article .container h1 {
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .accueil .banner-article .container .mod-article__intro {
    padding-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .accueil .banner-article .container .mod-article__intro {
    padding-bottom: 45px;
  }
}
@media (min-width: 1200px) {
  .accueil .banner-article .container .mod-article__intro {
    padding-bottom: 60px;
  }
}
@media (min-width: 1440px) {
  .accueil .banner-article .container .mod-article__intro {
    padding-bottom: 50px;
  }
}
.accueil .banner-article .og-overlay .zone-image::before {
  content: "";
  display: inline-block;
  background: rgba(255, 123, 20, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.accueil .banner-article .communaute .zone-article .news-content.mod-article__content {
  display: flex;
}
.accueil .communaute .news-content.mod-article__content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.accueil .communaute .mod-article__img {
  width: 200px;
  align-self: center;
  padding-bottom: 15px;
}

/*ligne compte gratuit*/
.free-account {
  background-color: #f1f5fd;
}
.free-account .container {
  width: 80%;
}
@media (max-width: 991px) {
  .free-account {
    padding: 100px 0px 100px 0px;
  }
  .free-account .container {
    width: 90%;
  }
  .free-account .zone-50:nth-child(2) {
    padding-top: 54px;
  }
}
@media (min-width: 992px) {
  .free-account {
    padding: 90px 0px 90px 0px;
  }
}
@media (min-width: 1200px) {
  .free-account {
    padding: 110px 0px 110px 0px;
  }
}
@media (min-width: 1440px) {
  .free-account {
    padding: 125px 0px 125px 0px;
  }
}
.free-account .row {
  display: flex;
  flex-flow: row;
}
@media (max-width: 991px) {
  .free-account .row {
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .free-account .row {
    flex-direction: column;
  }
  .free-account .row .col-sm-12 {
    width: 100%;
  }
}
.free-account .zone-50 {
  text-align: center;
}
.free-account .zone-50 .mod-article__content {
  text-align: left;
}
.free-account .zone-50 .mod-article__content p {
  color: #595c62;
}
.free-account .zone-50 .btn {
  margin: 0 15px 15px 0;
}
.free-account .mod-article__intro {
  max-width: 607px;
}
.free-account .mod-article__intro strong.free-swirl {
  padding: 20px 18px;
  margin: 0 -18px;
  background: no-repeat;
  background-size: contain;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/home/swirl.png");
}
@media (max-width: 480px) {
  .free-account .mod-article__intro strong.free-swirl {
    padding: 12px 13px;
    margin: 0 -13px;
  }
}
@media (min-width: 481px) {
  .free-account .mod-article__intro strong.free-swirl {
    padding: 12px 13px;
    margin: 0 -13px;
  }
}
@media (min-width: 1200px) {
  .free-account .mod-article__intro strong.free-swirl {
    padding: 20px 18px;
    margin: 0 -18px;
  }
}
.free-account p {
  color: #595c62;
  max-width: 575px;
  max-width: 607px;
  font-weight: 600 !important;
  margin-bottom: 45px;
}

/*ligne pour le bouton démo*/
@media (max-width: 767px) {
  .demo-buton {
    padding: 0px 0px 134px 0px;
  }
}
@media (max-width: 991px) {
  .demo-buton {
    padding: 0px 0px 125px 0px;
  }
}

/*Zone redirigeant vers l'aide en ligne*/
@media (max-width: 991px) {
  .aide-en-ligne {
    padding: 100px 0 100px 0;
  }
}
@media (min-width: 992px) {
  .aide-en-ligne {
    padding: 100px 0 100px 0;
  }
}
@media (min-width: 1200px) {
  .aide-en-ligne {
    padding: 100px 0 180px 0;
  }
}
@media (min-width: 1440px) {
  .aide-en-ligne {
    padding: 100px 0 100px 0;
  }
}
.aide-en-ligne h2 {
  max-width: 680px;
  margin: 0 auto 30px;
}
.aide-en-ligne p {
  font-size: 20px;
  font-weight: 600;
  max-width: 440px;
  margin: 0 auto 40px;
}
.aide-en-ligne .mod-article__content {
  text-align: center;
}

/*@ Deprecated */
@media (max-width: 991px) {
  .communaute {
    padding: 65px 0px 33px 0px;
  }
}
@media (min-width: 992px) {
  .communaute {
    padding: 65px 0px 21px 0px;
  }
}
@media (min-width: 1200px) {
  .communaute {
    padding: 65px 0px 37px 0px;
  }
}
@media (min-width: 1440px) {
  .communaute {
    padding: 65px 0px 46px 0px;
  }
}

/*Classe pour image en overlay sur la zone sous celle-ci*/
@media (max-width: 480px) {
  .img-down-overlay {
    padding-top: 40px;
    position: relative;
    top: 25px;
  }
  .img-down-overlay img {
    max-width: 215px;
  }
}
@media (min-width: 481px) {
  .img-down-overlay {
    position: relative;
    top: 25px;
  }
  .img-down-overlay img {
    max-width: 285px;
  }
}
@media (min-width: 768px) {
  .img-down-overlay {
    padding-top: 80px;
    position: relative;
    top: 35px;
  }
  .img-down-overlay img {
    max-width: 340px;
  }
}
@media (min-width: 1200px) {
  .img-down-overlay {
    padding-top: 150px;
    position: relative;
    top: 45px;
  }
  .img-down-overlay img {
    max-width: 460px;
  }
}
@media (min-width: 1440px) {
  .img-down-overlay {
    padding-top: 80px;
    position: relative;
    top: 55px;
  }
  .img-down-overlay img {
    max-width: 530px;
  }
}

.accueil .carroussel-temoignage img {
  width: 130px;
  padding-top: 80px;
  padding-bottom: 40px;
}
.accueil .carroussel-temoignage h3 {
  max-width: 740px;
  margin: 0 auto 40px;
  font-size: 30px;
}
.accueil .free-account .row-fluid {
  align-items: center;
}

.accueil .line-caroussel-app-title h2 {
  max-width: 760px;
  margin: 0 auto 40px;
}
.accueil .line-caroussel-app {
  padding-top: 0;
}
@media (max-width: 991px) {
  .accueil .line-caroussel-app {
    padding-bottom: 0;
  }
}

.accueil .banner-article .mod-article__intro {
  font-size: 20px;
  font-weight: 600;
}

/*decorateur de banner*/
/*cercle-og*/
.accueil .banner-menu::after {
  content: "";
  width: 138px;
  height: 138px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/cercle-topleft.png");
  background-size: 138px;
  position: absolute;
  bottom: -69px;
  left: 15%;
  z-index: 30;
}
@media (max-width: 991px) {
  .accueil .banner-menu::after {
    width: 97px;
    height: 97px;
    bottom: -48px;
    background-size: 97px;
  }
}
@media (max-width: 767px) {
  .accueil .banner-menu::after {
    width: 72px;
    height: 72px;
    bottom: -31px;
    background-size: 72px;
  }
}

/*yyy*/
/*
.accueil .line-caroussel-app-title {
  &::before {
    content: '';
    width: 282px;
    height: 223px;
    background: url('https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/fond-Y.png')
      repeat;
    background-size: 49px 41px;
    position: absolute;

    @include z-index(deco);
    right: 0px;
    bottom: -150px;
    @include for(small-only) {
      width: 88px !important;
    }
  }



}
*/
.accueil .line-caroussel-app-title {
  position: relative;
}
.accueil .line-caroussel-app-title::before {
  content: "";
  width: 256px;
  height: 298px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/6-y.png");
  background-repeat: no-repeat;
  background-size: 256px;
  position: absolute;
  top: -149px;
  right: 13px;
  z-index: 30;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .accueil .line-caroussel-app-title::before {
    width: 207px;
    height: 278px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/5-y.png");
    background-repeat: no-repeat;
    background-size: 207px;
    top: -149px;
  }
}
@media (max-width: 991px) {
  .accueil .line-caroussel-app-title::before {
    width: 155px;
    height: 180px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/6-y.png");
    background-repeat: no-repeat;
    background-size: 155px;
    top: -90px;
  }
}
@media (max-width: 767px) {
  .accueil .line-caroussel-app-title::before {
    width: 36px;
    height: 180px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/2yyy.png");
    background-repeat: no-repeat;
    background-size: 36px;
    top: -90px;
  }
}

.banner-menu .banner-video-home .container {
  width: auto !important;
  max-width: 1300px;
}
.banner-menu .banner-video-home .container .mod-article__intro {
  padding-bottom: 0;
}
.banner-menu .banner-video-home .container .row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .banner-menu .banner-video-home .container .row {
    flex-direction: row;
    align-items: flex-start;
  }
}
.banner-menu .banner-video-home .container iframe {
  border-radius: 10px;
}
.banner-menu .banner-video-home #y0G2VvKdIlZWHluSNjcmJWFI {
  width: 100%;
}
@media (min-width: 992px) {
  .banner-menu .banner-video-home #y0G2VvKdIlZWHluSNjcmJWFI {
    width: 50%;
  }
}
.banner-menu .banner-video-home #a4TmkHvL0Cujy6xguqsQg5gI {
  width: 100%;
}
@media (min-width: 992px) {
  .banner-menu .banner-video-home #a4TmkHvL0Cujy6xguqsQg5gI {
    width: 50%;
  }
}
.banner-menu .banner-video-home #a4TmkHvL0Cujy6xguqsQg5gI .yt-max {
  max-width: 680px;
  margin-left: auto;
  margin-right: 0;
}
.banner-menu .banner-video-home .zone-article .mod-article__intro p {
  margin-bottom: 10px;
}
.banner-menu .banner-video-home .zone-article .mod-article__intro p,
.banner-menu .banner-video-home .zone-article .mod-article__title {
  color: white;
  text-align: left;
}
@media screen and (min-width: 992px) and (max-width: 1100px) {
  .banner-menu .banner-video-home .zone-article .mod-article__content .btn:nth-child(2) {
    margin: 20px 12px 0px 12px;
  }
}
@media (max-width: 625px) {
  .banner-menu .banner-video-home .zone-article .mod-article__content .btn:nth-child(2) {
    margin-top: 20px;
  }
}

.accueil .banner-article {
  padding: 140px 0;
}
@media (min-width: 992px) {
  .accueil .banner-article {
    padding: 75px 0 140px 0;
  }
}

.yt-max {
  border-radius: 10px;
}
.yt-max .yt-wrapper {
  border-radius: 10px;
}
.yt-max img {
  border-radius: 10px;
}

.line-offre-sans-frais-titre {
  padding-top: 80px;
}
@media (min-width: 992px) {
  .line-offre-sans-frais-titre {
    padding-bottom: 20px;
  }
}

.line-offre-sans-frais {
  padding-top: 10px;
  padding-bottom: 100px;
}
@media (max-width: 1440px) {
  .line-offre-sans-frais {
    padding-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .line-offre-sans-frais {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .line-offre-sans-frais .container > .row {
    display: flex;
    flex-direction: column;
  }
}
.line-offre-sans-frais .container > .row > div:nth-child(1) {
  margin-top: 15px;
}
@media (max-width: 991px) {
  .line-offre-sans-frais .container > .row > div:nth-child(1) {
    width: 100%;
    order: 2;
  }
}
.line-offre-sans-frais .container > .row > div:nth-child(1) .content h3 {
  margin-bottom: 30px;
  color: #555555;
  font-size: 20px;
  font-weight: 800;
  text-align: left !important;
}
.line-offre-sans-frais .container > .row > div:nth-child(1) .content p {
  color: #555555;
  font-size: 20px;
}
.line-offre-sans-frais .container > .row > div:nth-child(1) .content ul {
  list-style-type: none;
  padding: 0;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.line-offre-sans-frais .container > .row > div:nth-child(1) .content ul li {
  padding-bottom: 3rem;
  display: flex;
  align-items: center;
  color: #555555;
  font-size: 20px;
}
.line-offre-sans-frais .container > .row > div:nth-child(1) .content ul li::before {
  padding-right: 60px;
  content: "";
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/icones/check-bleu.png") no-repeat;
  background-size: 42px 45px;
  background-position: top left;
  width: 42px;
  height: 45px;
}
@media (max-width: 991px) {
  .line-offre-sans-frais .container > .row > div:nth-child(2) {
    width: 100%;
    padding-bottom: 40px;
    order: 1;
  }
}
@media (min-width: 992px) {
  .line-offre-sans-frais .container > .row > div:nth-child(2) .content {
    padding-left: 30px;
  }
}

/*Master-fontionnalite*/
/*Declaration des banners*/
.page-dons .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/fonctionnalite/dons-banner.jpg");
}

.page-billetterie .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/fonctionnalite/billeterie-banner.jpg");
}

.page-adhesions .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/fonctionnalite/adhesion-banner.jpg");
}

.page-siteweb .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/fonctionnalite/site-web-banner.jpg");
}

.page-comptabilite .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/fonctionnalite/camptabilite-banner.jpg");
}

.page-newsletter .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/fonctionnalite/newsletter-banner.jpg");
}

.page-donnees .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/fonctionnalite/donnees-banner.jpg");
}

.page-contacts .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/fonctionnalite/contact-banner.jpg");
}

.fonctionnalite .banner-menu h1 {
  max-width: 680px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.fonctionnalite .banner-menu p {
  max-width: 990px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.fonctionnalite .banner-menu .mod-article__content p {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .fonctionnalite .banner-menu .banner-article {
    padding: 15rem 0;
  }
}

.app-feature {
  padding: 160px 0;
  color: white;
}
.app-feature .container {
  width: 90%;
}
.app-feature .flex-container {
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 991px) {
  .app-feature .flex-container {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.app-feature .flex-container .flex-col {
  display: flex;
  flex-direction: column;
  margin: 25px 25px;
}
@media (max-width: 480px) {
  .app-feature .flex-container .flex-col {
    margin: 25px 0;
  }
}
.app-feature .flex-container .flex-col .flex-line {
  margin-bottom: 50px;
  margin-top: 0;
  height: 52px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
}
.app-feature .flex-container .flex-col .flex-line:last-child {
  margin-bottom: 0;
}
.app-feature .flex-container .flex-col .flex-line .feat-logo {
  max-width: 50px;
  margin-right: 30px;
}
.app-feature .flex-container .flex-col .flex-line .feat-text {
  color: #fff;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  white-space: normal;
}
.app-feature .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .app-feature .zone-33.col-sm-8 {
    max-width: 33%;
  }
}
@media (max-width: 991px) {
  .app-feature .zone-33.col-sm-8 {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .app-feature .zone-33.col-sm-8 {
    max-width: unset;
    width: 100%;
    margin-bottom: 55px;
  }
}
@media (min-width: 768px) {
  .app-feature .zone-33.col-sm-8 {
    width: 45%;
  }
}
@media (min-width: 1200px) {
  .app-feature .zone-33.col-sm-8 {
    max-width: 18%;
  }
}
@media (min-width: 1440px) {
  .app-feature .zone-33.col-sm-8 {
    max-width: 33%;
  }
}
@media (min-width: 1200px) {
  .app-feature .zone-67 {
    min-width: 850px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .app-feature .zone-67 {
    min-width: unset;
  }
}
@media (max-width: 991px) {
  .app-feature .zone-67 {
    width: 50%;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .app-feature .zone-67 {
    width: 100%;
    margin-left: initial;
  }
}
.app-feature h2 {
  margin-bottom: 60px;
  max-width: 800px;
}

.intro-app {
  padding: 12.5rem 0 8rem 0;
}
.intro-app h2 {
  max-width: 735px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.intro-app p {
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .intro-app .container {
    width: 50%;
  }
}

.carroussel {
  padding: 10rem 0 0rem 0;
}

.page-adhesions .zone-title h2 {
  max-width: 990px;
}

.page-siteweb .zone-title h2 {
  max-width: 990px;
}

.page-dons .zone-title h2 {
  max-width: 880px;
}

.zone-title {
  padding-top: 120px;
}
.zone-title h2 {
  max-width: 830px;
}
.zone-title h2 {
  margin-bottom: 0;
}
.zone-title h3 {
  padding-top: 40px;
  font-size: 30px;
  margin-bottom: 0;
}

.grid-options {
  padding: 90px 0 120px;
}
@media (max-width: 991px) {
  .grid-options {
    padding-bottom: 40px;
  }
}
.grid-options .row {
  margin-bottom: 100px;
}
.grid-options .row:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .grid-options .row .row {
    margin-bottom: 0;
  }
}

.grid-facons {
  padding: 90px 0 120px;
}
@media (max-width: 991px) {
  .grid-facons {
    padding-bottom: 0;
  }
}
@media (max-width: 480px) {
  .grid-facons {
    padding-bottom: 20px;
  }
}
.grid-facons h4 {
  margin-bottom: 15px;
  max-width: 220px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .grid-facons h4 {
    max-width: 180px;
  }
}
@media (max-width: 991px) {
  .grid-facons h4 {
    max-width: 100%;
  }
}
.grid-facons p {
  margin-bottom: 20px;
}

.fct-video {
  padding: 10.8rem 0 12.9rem;
}

.fonctionnalite .line-all-applications .btn {
  margin-bottom: 0 !important;
}
@media (max-width: 991px) {
  .fonctionnalite .line-all-applications {
    margin-bottom: 60px;
  }
  .fonctionnalite .line-all-applications .col-sm-8 {
    width: 33%;
  }
  .fonctionnalite .line-all-applications .col-sm-8 .btn {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 767px) {
  .fonctionnalite .line-all-applications {
    margin-bottom: 60px;
  }
  .fonctionnalite .line-all-applications .col-sm-8 {
    width: 100%;
  }
  .fonctionnalite .line-all-applications .col-sm-8 .btn {
    margin-bottom: 30px !important;
  }
  .fonctionnalite .line-all-applications .row .col-sm-8:last-child .btn-primary {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 480px) {
  .fonctionnalite .line-all-applications .col-sm-8 .btn {
    margin-bottom: 80px !important;
  }
}
.fonctionnalite .line-all-applications.circle-blue::after {
  content: "";
  width: 91px;
  height: 91px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/cercle-bleu.png");
  background-size: 91px;
  position: absolute;
  bottom: -50px;
  right: 20%;
  z-index: 30;
}
@media (max-width: 991px) {
  .fonctionnalite .line-all-applications.circle-blue::after {
    content: "";
    width: 98px;
    height: 98px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/cercle-bleu.png");
    background-size: 98px;
    position: absolute;
    bottom: -50px;
    right: 20%;
    z-index: 30;
  }
}
@media (max-width: 480px) {
  .fonctionnalite .line-all-applications.circle-blue::after {
    content: "";
    width: 72px;
    height: 72px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/cercle-bleu.png");
    background-size: 72px;
    position: absolute;
    bottom: -35px;
    right: 20%;
    z-index: 30;
  }
}
@media (max-width: 767px) {
  .fonctionnalite .line-all-applications {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .fonctionnalite .line-all-applications {
    padding: 70px 0 100px;
  }
}
@media (min-width: 768px) {
  .fonctionnalite .line-all-applications {
    padding: 70px 0 100px;
  }
}
@media (min-width: 992px) {
  .fonctionnalite .line-all-applications {
    padding: 70px 0 125px;
  }
}
@media (min-width: 1200px) {
  .fonctionnalite .line-all-applications {
    padding: 80px 0 180px;
  }
}
@media (min-width: 1440px) {
  .fonctionnalite .line-all-applications {
    padding: 80px 0 230px;
  }
}

.fonctionnalite .carroussel .item {
  width: 100%;
  margin: auto;
}
.fonctionnalite .carroussel .vertical-mode,
.fonctionnalite .carroussel .carousel-inner,
.fonctionnalite .carroussel .carousel-text,
.fonctionnalite .carroussel .item {
  min-height: 840px;
}
.fonctionnalite .carroussel .vertical-mode h3,
.fonctionnalite .carroussel .carousel-inner h3,
.fonctionnalite .carroussel .carousel-text h3,
.fonctionnalite .carroussel .item h3 {
  max-width: 480px;
  margin: 0 auto;
  font-size: 30px;
  margin-bottom: 40px;
}
.fonctionnalite .carroussel .vertical-mode p,
.fonctionnalite .carroussel .carousel-inner p,
.fonctionnalite .carroussel .carousel-text p,
.fonctionnalite .carroussel .item p {
  color: #595c62;
  max-width: 960px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.fonctionnalite .carroussel .vertical-mode li,
.fonctionnalite .carroussel .carousel-inner li,
.fonctionnalite .carroussel .carousel-text li,
.fonctionnalite .carroussel .item li {
  border-radius: 22px;
  padding: 2px 16px;
  font-size: 16px;
  font-weight: bold;
}
.fonctionnalite .carroussel .vertical-mode li.active,
.fonctionnalite .carroussel .carousel-inner li.active,
.fonctionnalite .carroussel .carousel-text li.active,
.fonctionnalite .carroussel .item li.active {
  color: #fff;
}
.fonctionnalite .carroussel .vertical-mode .carousel-control,
.fonctionnalite .carroussel .carousel-inner .carousel-control,
.fonctionnalite .carroussel .carousel-text .carousel-control,
.fonctionnalite .carroussel .item .carousel-control {
  background-image: none;
}
.fonctionnalite .carroussel .vertical-mode span.glyphicon.glyphicon-chevron-right,
.fonctionnalite .carroussel .carousel-inner span.glyphicon.glyphicon-chevron-right,
.fonctionnalite .carroussel .carousel-text span.glyphicon.glyphicon-chevron-right,
.fonctionnalite .carroussel .item span.glyphicon.glyphicon-chevron-right {
  background: transparent;
  position: relative;
}
.fonctionnalite .carroussel .vertical-mode span.glyphicon.glyphicon-chevron-right::after,
.fonctionnalite .carroussel .carousel-inner span.glyphicon.glyphicon-chevron-right::after,
.fonctionnalite .carroussel .carousel-text span.glyphicon.glyphicon-chevron-right::after,
.fonctionnalite .carroussel .item span.glyphicon.glyphicon-chevron-right::after {
  opacity: 1;
  content: "";
  position: absolute;
  width: 49px;
  height: 50px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/icon/chevron-opaque-droit.png");
  background-size: 49px;
  bottom: 0;
  right: 0px;
  z-index: 200;
  bottom: 50px;
}
@media (max-width: 991px) {
  .fonctionnalite .carroussel .vertical-mode span.glyphicon.glyphicon-chevron-right::after,
.fonctionnalite .carroussel .carousel-inner span.glyphicon.glyphicon-chevron-right::after,
.fonctionnalite .carroussel .carousel-text span.glyphicon.glyphicon-chevron-right::after,
.fonctionnalite .carroussel .item span.glyphicon.glyphicon-chevron-right::after {
    bottom: -200px;
  }
}
@media (max-width: 480px) {
  .fonctionnalite .carroussel .vertical-mode span.glyphicon.glyphicon-chevron-right::after,
.fonctionnalite .carroussel .carousel-inner span.glyphicon.glyphicon-chevron-right::after,
.fonctionnalite .carroussel .carousel-text span.glyphicon.glyphicon-chevron-right::after,
.fonctionnalite .carroussel .item span.glyphicon.glyphicon-chevron-right::after {
    bottom: -200px;
    right: -30px;
  }
}
.fonctionnalite .carroussel .vertical-mode span.glyphicon.glyphicon-chevron-left,
.fonctionnalite .carroussel .carousel-inner span.glyphicon.glyphicon-chevron-left,
.fonctionnalite .carroussel .carousel-text span.glyphicon.glyphicon-chevron-left,
.fonctionnalite .carroussel .item span.glyphicon.glyphicon-chevron-left {
  background: transparent;
  z-index: 200;
  position: relative;
}
.fonctionnalite .carroussel .vertical-mode span.glyphicon.glyphicon-chevron-left::after,
.fonctionnalite .carroussel .carousel-inner span.glyphicon.glyphicon-chevron-left::after,
.fonctionnalite .carroussel .carousel-text span.glyphicon.glyphicon-chevron-left::after,
.fonctionnalite .carroussel .item span.glyphicon.glyphicon-chevron-left::after {
  opacity: 1;
  content: "";
  position: absolute;
  width: 49px;
  height: 50px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/icon/chevron-opaque-gauche.png");
  background-size: 49px;
  bottom: 50px;
  left: 0px;
  z-index: 200;
}
@media (max-width: 991px) {
  .fonctionnalite .carroussel .vertical-mode span.glyphicon.glyphicon-chevron-left::after,
.fonctionnalite .carroussel .carousel-inner span.glyphicon.glyphicon-chevron-left::after,
.fonctionnalite .carroussel .carousel-text span.glyphicon.glyphicon-chevron-left::after,
.fonctionnalite .carroussel .item span.glyphicon.glyphicon-chevron-left::after {
    bottom: -200px;
  }
}
@media (max-width: 480px) {
  .fonctionnalite .carroussel .vertical-mode span.glyphicon.glyphicon-chevron-left::after,
.fonctionnalite .carroussel .carousel-inner span.glyphicon.glyphicon-chevron-left::after,
.fonctionnalite .carroussel .carousel-text span.glyphicon.glyphicon-chevron-left::after,
.fonctionnalite .carroussel .item span.glyphicon.glyphicon-chevron-left::after {
    bottom: -200px;
    left: -30px;
  }
}

.fonctionnalite .zone-title.no-max h2 {
  margin-left: auto;
  margin-right: auto;
}

.page-nos-associations .banner-menu,
.page-accompagnement .banner-menu,
.page-chambre-commerce .banner-menu,
.page-fondations .banner-menu,
.page-travailler-chez-yapla .banner-menu {
  height: 720px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/fonctionnalite/nos-associations.jpg");
  background-position: 50% 0;
}
@media (max-width: 991px) {
  .page-nos-associations .banner-menu,
.page-accompagnement .banner-menu,
.page-chambre-commerce .banner-menu,
.page-fondations .banner-menu,
.page-travailler-chez-yapla .banner-menu {
    height: 650px;
  }
}
.page-nos-associations .banner-article .container,
.page-accompagnement .banner-article .container,
.page-chambre-commerce .banner-article .container,
.page-fondations .banner-article .container,
.page-travailler-chez-yapla .banner-article .container {
  width: 60%;
}
@media (max-width: 991px) {
  .page-nos-associations .banner-article .container,
.page-accompagnement .banner-article .container,
.page-chambre-commerce .banner-article .container,
.page-fondations .banner-article .container,
.page-travailler-chez-yapla .banner-article .container {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .page-nos-associations .banner-article .container h1,
.page-accompagnement .banner-article .container h1,
.page-chambre-commerce .banner-article .container h1,
.page-fondations .banner-article .container h1,
.page-travailler-chez-yapla .banner-article .container h1 {
    font-size: 38px;
    line-height: 1.25;
  }
}
@media (max-width: 480px) {
  .page-nos-associations .banner-article .container h1,
.page-accompagnement .banner-article .container h1,
.page-chambre-commerce .banner-article .container h1,
.page-fondations .banner-article .container h1,
.page-travailler-chez-yapla .banner-article .container h1 {
    font-size: 30px !important;
  }
}
.page-nos-associations .line.site_line__item.banner-article.no-pad,
.page-accompagnement .line.site_line__item.banner-article.no-pad,
.page-chambre-commerce .line.site_line__item.banner-article.no-pad,
.page-fondations .line.site_line__item.banner-article.no-pad,
.page-travailler-chez-yapla .line.site_line__item.banner-article.no-pad {
  padding: 0;
}
.page-nos-associations .button-row,
.page-accompagnement .button-row,
.page-chambre-commerce .button-row,
.page-fondations .button-row,
.page-travailler-chez-yapla .button-row {
  margin-top: 55px;
}
.page-nos-associations .button-row .btn,
.page-accompagnement .button-row .btn,
.page-chambre-commerce .button-row .btn,
.page-fondations .button-row .btn,
.page-travailler-chez-yapla .button-row .btn {
  margin: 0 12px;
}
@media (max-width: 991px) {
  .page-nos-associations .button-row .btn-default,
.page-accompagnement .button-row .btn-default,
.page-chambre-commerce .button-row .btn-default,
.page-fondations .button-row .btn-default,
.page-travailler-chez-yapla .button-row .btn-default {
    display: none;
  }
}

/*grille des type d'associations*/
.line-type-asso-grid {
  padding-top: 90px;
  padding-bottom: 110px;
}
.line-type-asso-grid .container {
  width: 100%;
}
.line-type-asso-grid .title {
  margin-bottom: 75px;
}
.line-type-asso-grid .grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1920px;
  margin: 0 auto;
}
.line-type-asso-grid .grid .item {
  max-width: 480px;
  width: 30%;
  height: 694px;
  border-radius: 10px;
  margin: 15px 15px;
  padding: 0 24px 37px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .line-type-asso-grid .grid .item {
    margin: 20px 15px;
  }
}
@media (max-width: 991px) {
  .line-type-asso-grid .grid .item {
    margin: 10px;
  }
}
@media (max-width: 480px) {
  .line-type-asso-grid .grid .item {
    margin: 10px 0;
  }
}
.line-type-asso-grid .grid .item h2,
.line-type-asso-grid .grid .item p {
  color: #fff;
}
@media (min-width: 992px) {
  .line-type-asso-grid .grid .item:nth-child(4), .line-type-asso-grid .grid .item:nth-child(5), .line-type-asso-grid .grid .item:nth-child(9), .line-type-asso-grid .grid .item:nth-child(10) {
    max-width: 660px;
    width: calc(47% - 15px);
    max-height: 524px;
    max-width: 734px;
  }
  .line-type-asso-grid .grid .item:nth-child(4) p, .line-type-asso-grid .grid .item:nth-child(5) p, .line-type-asso-grid .grid .item:nth-child(9) p, .line-type-asso-grid .grid .item:nth-child(10) p {
    max-width: 414px;
  }
}
@media (max-width: 991px) {
  .line-type-asso-grid .grid .item {
    height: 492px;
    width: 340px;
  }
}
.line-type-asso-grid .grid .item:nth-child(1) {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/overlay/asso-culturelle.png");
}
.line-type-asso-grid .grid .item:nth-child(2) {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/overlay/asso-ong.png");
}
.line-type-asso-grid .grid .item:nth-child(3) {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/overlay/asso-environnement.png");
}
.line-type-asso-grid .grid .item:nth-child(4) {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/overlay/asso-etudiante.png");
}
.line-type-asso-grid .grid .item:nth-child(5) {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/overlay/asso-caritative.png");
}
.line-type-asso-grid .grid .item:nth-child(6) {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/overlay/asso-medico(1).png");
}
.line-type-asso-grid .grid .item:nth-child(7) {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/overlay/asso-professionnelle.png");
}
.line-type-asso-grid .grid .item:nth-child(8) {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/overlay/asso-fondation.png");
}
.line-type-asso-grid .grid .item:nth-child(9) {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/overlay/asso-chambre-commerce.png");
}
.line-type-asso-grid .grid .item:nth-child(10) {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/overlay/asso-sport(1).png");
}

/*line 5050 sur page nos association*/
.line-50-50-img-text {
  padding-top: 10%;
  padding-bottom: 135px;
}
@media (max-width: 991px) {
  .line-50-50-img-text {
    padding-top: 15%;
    padding-bottom: 115px;
  }
}
@media (max-width: 767px) {
  .line-50-50-img-text {
    padding-top: 20px;
    padding-bottom: 95px;
  }
}
.line-50-50-img-text .container {
  width: 80%;
}
.line-50-50-img-text .row {
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  .line-50-50-img-text .row {
    flex-direction: column;
  }
  .line-50-50-img-text .row img {
    margin-top: 80px;
  }
}
.line-50-50-img-text .mod-article__intro p {
  color: #595c62;
  font-weight: 500;
}
.line-50-50-img-text .mod-article__intro {
  margin-top: 53px;
}
@media (min-width: 768px) {
  .line-50-50-img-text .mod-article__intro {
    margin-top: -30px;
  }
}

/*==========================================================================
FIN PAGE NOS ASSOCIATION
============================================================================*/
/*==========================================================================
CODE POUR LES AUTRES PAGES ASSO 
============================================================================*/
.page-type-asso .line-banner-module .mod-banner__img {
  height: 777px;
}
@media (max-width: 991px) {
  .page-type-asso .line-banner-module .mod-banner__img {
    height: 720px;
  }
}
@media (max-width: 767px) {
  .page-type-asso .line-banner-module .mod-banner__img {
    height: 780px;
  }
  .page-type-asso .line-banner-module .mod-banner__img h2 {
    margin-top: 30px;
  }
}
.page-type-asso .line-banner-module .mod-banner__content {
  max-width: 700px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-type-asso .line-banner-module .mod-banner__content h2 {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .page-type-asso .line-banner-module .mod-banner__content {
    padding: 0 10%;
  }
}
.page-type-asso .line-banner-module p {
  font-size: 20px;
  font-weight: 600;
}
.page-type-asso .line-avantage {
  padding: 120px 0 20px;
}
@media (max-width: 767px) {
  .page-type-asso .line-avantage {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .page-type-asso .line-avantage .zone-article {
    padding-bottom: 60px;
  }
}
.page-type-asso .line-avantage h2 {
  max-width: 540px;
  min-height: 17rem;
}
@media (max-width: 991px) {
  .page-type-asso .line-avantage h2 {
    max-width: 360px;
    min-height: 23rem;
  }
}
@media (max-width: 767px) {
  .page-type-asso .line-avantage h2 {
    min-height: 100%;
  }
}
.page-type-asso .line-avantage .news-content.mod-article__content {
  max-width: 690px;
}
.page-type-asso .line-avantage .container {
  width: 85%;
}
.page-type-asso .line-avantage img {
  margin-bottom: 60px;
}
.page-type-asso .line-avantage h2 {
  margin-bottom: 40px;
}
.page-type-asso .line-avantage p {
  color: #595c62;
}
.page-type-asso .banner-menu h1 {
  max-width: 990px !important;
  margin: 0 auto;
}

.page-chambre-commerce .banner-menu {
  height: 720px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/page-chambre-commerce.jpg");
  background-position: 50% 0;
}
@media (max-width: 991px) {
  .page-chambre-commerce .banner-menu {
    height: 650px;
  }
}

.page-fondations .banner-menu {
  height: 720px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/fondatoin-banner-main.jpg");
  background-position: 50% 0;
}
@media (max-width: 991px) {
  .page-fondations .banner-menu {
    height: 650px;
  }
}
.page-fondations .line-banner-module h2 {
  max-width: 590px;
  margin: 0 auto;
}

.page-nos-associations .line-all-applications {
  padding-top: 130px;
  padding-bottom: 130px;
}
@media (max-width: 991px) {
  .page-nos-associations .line-all-applications {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .page-nos-associations .line-all-applications {
    padding-bottom: 60px;
  }
}
.page-nos-associations .line-all-applications .container {
  width: 100%;
}
@media (min-width: 1200px) {
  .page-nos-associations .line-all-applications .container {
    width: 80%;
  }
}
.page-nos-associations .line-all-applications .col-sm-6 {
  padding-bottom: 70px;
}
.page-nos-associations .line-all-applications .col-sm-8 {
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .page-nos-associations .line-all-applications.col-4 {
    display: none;
  }
}
@media (min-width: 992px) {
  .page-nos-associations .line-all-applications.col-3 {
    display: none;
  }
}
.page-nos-associations .line-50-50-img-text .line-50-50-img-text .mod-article__intro {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .page-nos-associations .line-intro-app {
    padding-bottom: 80px;
  }
}

.page-federation .banner-menu {
  height: 720px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/typeassociation/shutterstock_1380294050%201.jpg");
  background-position: 50% 0;
}
@media (max-width: 991px) {
  .page-federation .banner-menu {
    height: 650px;
  }
}

.page-accompagnement {
  /*layout banner*/
  /*ajouter num de tel dans le bas du formaulaire*/
}
.page-accompagnement .banner-menu {
  height: 720px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/banner-accompagnement.png");
  background-position: 50% 0;
}
.page-accompagnement .banner-menu::before {
  content: "";
  display: inline-block;
  background: rgba(255, 123, 20, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
@media (max-width: 991px) {
  .page-accompagnement .banner-menu {
    height: 650px;
    background-image: url(" https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/accompagnement-ipad.jpg");
  }
}
.page-accompagnement .button-row .btn-primary {
  background: #337ab7 !important;
}
.page-accompagnement .button-row .btn-primary:hover {
  background: #fff !important;
  color: #337ab7;
}
.page-accompagnement .banner-article h1 {
  margin-bottom: 40px;
}
.page-accompagnement .line-intro-app .mod-article__intro {
  margin-left: 10px;
}
@media (max-width: 991px) {
  .page-accompagnement .line-intro-app .mod-article__intro {
    margin-left: 40px;
  }
}
.page-accompagnement .line-intro-app .mod-article__intro h2 {
  max-width: 100%;
}
.page-accompagnement .banner-article::after {
  content: "";
  width: 138px;
  height: 138px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/cercle-topleft.png");
  background-size: 138px;
  position: absolute;
  bottom: -69px;
  left: 15%;
  z-index: 200;
}
@media (max-width: 991px) {
  .page-accompagnement .banner-article::after {
    width: 97px !important;
    height: 97px !important;
    background-size: 97px !important;
    bottom: -45px !important;
  }
}
@media (max-width: 767px) {
  .page-accompagnement .banner-article::after {
    width: 82px !important;
    height: 82px !important;
    background-size: 82px !important;
    bottom: -37px !important;
  }
}
@media (max-width: 480px) {
  .page-accompagnement .banner-article::after {
    width: 70px !important;
    height: 70px !important;
    background-size: 70px !important;
    bottom: -29px !important;
  }
}
.page-accompagnement .banner-article::before {
  content: "";
  width: 282px;
  height: 223px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/fond-Y.png") repeat;
  background-size: 49px 41px;
  position: absolute;
  bottom: -95px;
  right: 0;
  z-index: 200;
}
@media (max-width: 767px) {
  .page-accompagnement .banner-article::before {
    width: 88px !important;
    height: 152px !important;
  }
}
@media (max-width: 991px) {
  .page-accompagnement .banner-article::before {
    content: "";
    width: 151px;
    height: 116px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/yyy-ipad.png") repeat;
    background-size: 151px;
    position: absolute;
    bottom: -65px;
    right: 20px;
    z-index: 200;
  }
}
@media (max-width: 480px) {
  .page-accompagnement .banner-article::before {
    content: "";
    width: 28px !important;
    height: 102px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/yyy-mobile.png") no-repeat !important;
    background-size: 28px !important;
    position: absolute;
    bottom: -90px !important;
    right: 20px;
    z-index: 200;
  }
}
.page-accompagnement .crm-footer-frame {
  position: relative;
}
.page-accompagnement .crm-footer-frame::after {
  content: "";
  width: 252px;
  height: 42px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/Group%20198.png");
  background-size: 252px;
  position: absolute;
  bottom: 52%;
  left: calc(100% - 252px);
  background-repeat: no-repeat;
}
@media (max-width: 480px) {
  .page-accompagnement .crm-footer-frame::after {
    left: 0;
    bottom: 20px;
  }
}
.page-accompagnement.fr .crm-footer-frame {
  position: relative;
}
.page-accompagnement.fr .crm-footer-frame::after {
  content: "";
  width: 252px;
  height: 42px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/telephone-france.png");
  background-size: 252px;
  position: absolute;
  bottom: 52%;
  left: calc(100% - 252px);
  background-repeat: no-repeat;
}
@media (max-width: 480px) {
  .page-accompagnement.fr .crm-footer-frame::after {
    left: 0;
    bottom: 20px;
  }
}
.page-accompagnement h2#contact-accompagnement {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.line-planifier-succes {
  padding-top: 108px;
}
.line-planifier-succes .zone-image {
  padding-left: 0px;
}
@media (max-width: 1440px) {
  .line-planifier-succes {
    padding-bottom: 120px !important;
  }
}
@media (max-width: 991px) {
  .line-planifier-succes {
    padding-bottom: 0 !important;
  }
  .line-planifier-succes .container {
    width: 90%;
  }
}
.line-planifier-succes .row-fluid {
  height: 100%;
  display: flex;
  align-items: center;
}
.line-planifier-succes .row-fluid .zone-article {
  height: 100%;
  margin-left: 5%;
}
@media (max-width: 991px) {
  .line-planifier-succes .row-fluid .zone-article {
    margin-left: 2%;
  }
}
@media (max-width: 767px) {
  .line-planifier-succes .row-fluid .zone-article {
    margin-left: 0;
  }
}
.line-planifier-succes h2 {
  max-width: 480px;
}
.line-planifier-succes p {
  max-width: 607px;
}

.line-detail-accompagnement {
  padding-top: 52px;
  padding-bottom: 120px;
}
@media (max-width: 480px) {
  .line-detail-accompagnement {
    padding-bottom: 60px;
  }
}
.line-detail-accompagnement .zone-html,
.line-detail-accompagnement .container {
  /*padding-left: 0;
  padding-right: 0*/
}
@media (max-width: 767px) {
  .line-detail-accompagnement .zone-html,
.line-detail-accompagnement .container {
    padding: 0 15px;
  }
}
@media (max-width: 991px) {
  .line-detail-accompagnement .container {
    width: 85%;
  }
  .line-detail-accompagnement ul {
    max-width: 380px;
  }
  .line-detail-accompagnement ul h4 {
    margin-left: -20px;
  }
  .line-detail-accompagnement ul li {
    list-style-position: outside;
  }
}
.line-detail-accompagnement .accompagnement-list {
  padding-top: 67px;
  padding-left: 0;
  padding-right: 0;
  border-top: 1px solid #337ab7;
  display: flex;
  justify-content: flex-start;
}
.line-detail-accompagnement .accompagnement-list ul:last-child {
  list-style-position: inside;
  padding-left: 0;
}
.line-detail-accompagnement .accompagnement-list ul:last-child h4 {
  margin-bottom: 25px;
}
.line-detail-accompagnement .accompagnement-list ul,
.line-detail-accompagnement .accompagnement-list img {
  margin-left: auto;
}
.line-detail-accompagnement .accompagnement-list ul li {
  font-size: 18px;
}
.line-detail-accompagnement .accompagnement-list ul:first-child {
  margin-left: 0;
}
.line-detail-accompagnement .accompagnement-list img {
  margin-right: 50px;
}
@media (max-width: 1360px) {
  .line-detail-accompagnement .accompagnement-list img {
    display: none;
  }
}
@media (max-width: 767px) {
  .line-detail-accompagnement .accompagnement-list {
    flex-direction: column;
  }
  .line-detail-accompagnement .accompagnement-list ul {
    margin-left: 0;
    margin-bottom: 45px;
  }
}

.line-banner-team .mod-banner__img {
  height: 1051px;
}
@media (max-width: 991px) {
  .line-banner-team .mod-banner__img {
    height: 562px;
  }
}
@media (max-width: 480px) {
  .line-banner-team .mod-banner__img {
    height: 326px;
  }
}

.line-contact-form-title {
  padding-top: 110px;
}
.line-contact-form-title h2 {
  margin-bottom: 40px;
}
.line-contact-form-title p {
  max-width: 990px;
  margin: 0 auto;
}

.line-formulaire-contact .container {
  max-width: 990px;
}
.line-formulaire-contact .zone-crm {
  margin: 0 auto;
}
.line-formulaire-contact .zone-crm h1,
.line-formulaire-contact .zone-crm span.crm-form-steps-label,
.line-formulaire-contact .zone-crm .section-title {
  display: none;
}
.line-formulaire-contact .zone-crm #region,
.line-formulaire-contact .zone-crm .form-group.form-element-region,
.line-formulaire-contact .zone-crm .form-group.form-element-votre_demande,
.line-formulaire-contact .zone-crm .form-group.form-element-nom_de_votre_organisation {
  width: 100%;
}
.line-formulaire-contact .zone-crm #region .col-md-12,
.line-formulaire-contact .zone-crm .form-group.form-element-region .col-md-12,
.line-formulaire-contact .zone-crm .form-group.form-element-votre_demande .col-md-12,
.line-formulaire-contact .zone-crm .form-group.form-element-nom_de_votre_organisation .col-md-12 {
  width: calc(100% + 30px);
}
.line-formulaire-contact .zone-crm .form-group.form-element-title select#title {
  height: 64px;
}
.line-formulaire-contact .zone-crm span.control-label--required {
  color: #337ab7;
}
.line-formulaire-contact .zone-crm label {
  font-size: 16px;
  margin-bottom: 12px;
}
.line-formulaire-contact .zone-crm .crm-footer-frame {
  justify-content: flex-start;
  padding-top: 30px;
  padding-bottom: 80px;
}
.line-formulaire-contact .zone-crm .custom-control-input.input-checkbox.optin-field.col-md-12 {
  padding-top: 50px;
  width: 100%;
}
.line-formulaire-contact .zone-crm .checkbox input[type=checkbox] {
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 2px solid #337ab7;
  padding: 9px;
  display: inline-block;
  border-radius: 0;
  position: relative;
  height: 24px;
}
.line-formulaire-contact .zone-crm .checkbox input[type=checkbox]:checked:after {
  content: "X";
  font-size: 14px;
  position: absolute;
  top: 1px;
  left: 4px;
  color: #337ab7;
  font-weight: bold;
}
.line-formulaire-contact .zone-crm .checkbox label {
  display: flex;
  align-items: start;
}
.line-formulaire-contact .zone-crm .checkbox label span {
  margin-left: 10px;
}
@media (max-width: 480px) {
  .line-formulaire-contact {
    padding-bottom: 50px;
  }
}

.title-split {
  margin: 40px 0 40px;
}

.line-intro-app h2,
.line-intro-app p {
  max-width: 800px;
}
.line-intro-app p {
  font-weight: 600;
}

.line-planifier-succes p {
  font-size: 20px;
  font-weight: 600;
}
.line-planifier-succes .mod-article__intro {
  margin-top: -100px;
  position: relative;
}
@media (max-width: 991px) {
  .line-planifier-succes .mod-article__intro {
    margin-top: 0;
    margin-left: 0;
  }
}
.line-planifier-succes .mod-article__intro::after {
  content: "";
  width: 138px;
  height: 138px;
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/blue-arrow.png);
  background-size: 60px;
  position: absolute;
  bottom: -170px;
  left: 100px;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .line-planifier-succes .mod-article__intro::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .line-planifier-succes .row-fluid {
    flex-direction: column;
  }
  .line-planifier-succes img {
    margin-bottom: 40px;
  }
  .line-planifier-succes .zone-article {
    margin-left: 0;
  }
}

.page-accompagnement .line-intro-app .mod-article__intro h2 {
  max-width: 700px;
}
.page-accompagnement .line-intro-app .mod-article__intro p {
  max-width: 100%;
}

/*CSS Riposte Accompagnement V2*/
.page-accompagnement [data-zone-id="1220819"] {
  margin-top: 100px;
}
@media (max-width: 767px) {
  .page-accompagnement [data-zone-id="1220819"] {
    margin-top: 50px;
  }
}
.page-accompagnement .pad-fix {
  width: 93%;
  margin: 0 auto;
}
.page-accompagnement .banner-article br {
  display: none;
}
@media (max-width: 991px) {
  .page-accompagnement .banner-article h1 {
    font-size: 38px !important;
    line-height: 45px;
  }
}
@media (max-width: 767px) {
  .page-accompagnement .banner-article h1 {
    font-size: 28px !important;
    line-height: 36px;
  }
}
.page-accompagnement .line-bn-fm .row.bn-fm {
  height: 500px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/yapla-banner-qualiopi-v2.jpg") no-repeat center center;
  background-size: 95%;
  padding: 60px 6%;
  color: #fff;
  margin-bottom: 130px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-accompagnement .line-bn-fm .row.bn-fm {
    height: 330px;
    padding: 5% 6%;
    background-size: 97%;
  }
}
@media (max-width: 991px) {
  .page-accompagnement .line-bn-fm .row.bn-fm {
    height: 280px;
    padding: 4rem;
    background-size: 100%;
  }
}
@media (max-width: 767px) {
  .page-accompagnement .line-bn-fm .row.bn-fm {
    height: 100%;
    padding: 5rem 3rem;
    background-size: cover;
    background-position: 35%;
    margin-bottom: 70px;
  }
}
.page-accompagnement .line-bn-fm .row.bn-fm .col-md-24 {
  max-width: 700px;
}
.page-accompagnement .line-bn-fm .row.bn-fm h2 {
  font-size: 32px;
  line-height: 39px;
  margin-top: 25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-accompagnement .line-bn-fm .row.bn-fm h2 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 25px;
  }
}
@media (max-width: 991px) {
  .page-accompagnement .line-bn-fm .row.bn-fm h2 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 0px;
  }
}
@media (max-width: 991px) {
  .page-accompagnement .line-bn-fm .row.bn-fm p {
    font-size: 16px;
  }
}
.page-accompagnement .line-bn-fm .row.bn-fm h2,
.page-accompagnement .line-bn-fm .row.bn-fm p {
  color: #fff;
  margin-bottom: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-accompagnement .line-bn-fm .row.bn-fm h2,
.page-accompagnement .line-bn-fm .row.bn-fm p {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .page-accompagnement .line-bn-fm .row.bn-fm h2,
.page-accompagnement .line-bn-fm .row.bn-fm p {
    margin-bottom: 16px;
  }
}
.page-accompagnement .line-bn-fm .row.bn-fm a {
  background: #337ab7 !important;
}
.page-accompagnement .line-bn-fm .row.bn-fm a:hover {
  background: #fff !important;
  color: #337ab7;
}
@media (max-width: 991px) {
  .page-accompagnement .line-bn-fm .row.bn-fm a {
    font-size: 14px;
  }
}
.page-accompagnement .line-bn-fm .row.bn-fm .logoquali {
  display: none;
}
@media (max-width: 767px) {
  .page-accompagnement .line-bn-fm .row.bn-fm .logoquali {
    display: block;
  }
}
.page-accompagnement .line-bn-fm .row.bn-fm .arrow {
  width: 134px;
  position: absolute;
  top: 220px;
  left: 35%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-accompagnement .line-bn-fm .row.bn-fm .arrow {
    top: 140px;
    width: 90px !important;
  }
}
@media (max-width: 991px) {
  .page-accompagnement .line-bn-fm .row.bn-fm .arrow {
    top: 140px;
    width: 70px !important;
  }
}
@media (max-width: 767px) {
  .page-accompagnement .line-bn-fm .row.bn-fm .arrow {
    display: none;
  }
}
.page-accompagnement .line-team-yapla {
  padding: 150px 50px;
  text-align: left !important;
  background-color: #F1F5FD;
}
@media (max-width: 767px) {
  .page-accompagnement .line-team-yapla {
    padding-top: 100px;
  }
}
.page-accompagnement .line-team-yapla h2 {
  font-size: 32px;
  line-height: 42px;
}
.page-accompagnement .line-team-yapla h3 {
  font-size: 25px;
  line-height: 32px;
  text-align: left;
}
.page-accompagnement .line-team-yapla p {
  color: #595C62;
}
.page-accompagnement .line-team-yapla [data-zone-alias=conseil] {
  padding: 0 50px;
}
@media (max-width: 991px) {
  .page-accompagnement .line-team-yapla [data-zone-alias=conseil] {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .page-accompagnement .line-team-yapla [data-zone-alias=conseil] img {
    display: none;
  }
}
@media (max-width: 767px) {
  .page-accompagnement .line-team-yapla {
    padding: 100px 50px;
  }
  .page-accompagnement .line-team-yapla img {
    display: none;
  }
  .page-accompagnement .line-team-yapla .container {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 1500px) and (min-width: 1200px) {
  .page-accompagnement .row.bn-fm {
    height: 455px !important;
  }
  .page-accompagnement .banner-article h1 {
    font-size: 38px !important;
    line-height: 45px;
  }
  .page-accompagnement .line-planifier-succes {
    padding-bottom: 0px !important;
  }
  .page-accompagnement .line-planifier-succes [data-zone-id="1220819"] {
    margin-top: 0px;
  }
  .page-accompagnement .line-planifier-succes h2 {
    font-size: 32px;
    line-height: 39px;
  }
  .page-accompagnement .line-planifier-succes p {
    font-size: 18px;
  }
  .page-accompagnement .line-detail-accompagnement .accompagnement-list div {
    margin: 15px;
  }
  .page-accompagnement .line-detail-accompagnement .accompagnement-list ul li {
    font-size: 14px !important;
  }
  .page-accompagnement .line-team-yapla br {
    display: none;
  }
  .page-accompagnement .line-team-yapla h2 {
    font-size: 28px;
    line-height: 35px;
  }
}
.forfaits .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/forfait-banner.jpg");
  background-position: 50% 0;
}
.forfaits .line-header + .maincontent {
  padding-bottom: 6rem;
}
.forfaits .line-header + .maincontent .mod-article__wrapper {
  max-width: none;
}
.forfaits .line-header + .maincontent h1 {
  text-align: center;
}
.forfaits .line-header + .maincontent h1:after {
  display: none;
}
.forfaits .introForfaits {
  max-width: 95rem;
  margin: 0 auto 21rem;
  text-align: center;
}
.forfaits .tableau-forfait {
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-template-rows: auto;
  font-size: 1.6rem;
  line-height: 1.5em;
}
.forfaits .tableau-forfait .bloc-infos {
  /*grid-row-start: 1;
  grid-row-end: 3;
  background: $blue-light;
  color: $color-primary;
  border-radius: 10px;
  padding: 7rem 3rem;*/
}
.forfaits .tableau-forfait .bloc-infos p {
  margin: 1rem 0;
}
.forfaits .tableau-forfait .bloc-forfait {
  margin: 0 0 0 15px;
}
.forfaits .tableau-forfait .bloc-forfait h4 {
  padding: 0 0 4rem;
  border-bottom: 1px solid #ffffff;
  margin: 0 0 2.5rem;
}
.forfaits .tableau-forfait .bloc-forfait,
.forfaits .tableau-forfait .bloc-inner {
  color: #ffffff;
  padding: 4rem 20px calc(4rem + 90px);
  border-radius: 10px 10px 0 0;
  position: relative;
}
.forfaits .tableau-forfait .bloc-forfait p,
.forfaits .tableau-forfait .bloc-inner p {
  color: #ffffff;
}
.forfaits .tableau-forfait .bloc-forfait:before,
.forfaits .tableau-forfait .bloc-inner:before {
  content: "";
  position: absolute;
  background-size: 100%;
}
.forfaits .tableau-forfait .bloc-forfait.decollage,
.forfaits .tableau-forfait .bloc-inner.decollage {
  background-color: rgb(255, 123, 20);
  grid-column-start: 1;
  margin-left: 0;
}
.forfaits .tableau-forfait .bloc-forfait.decollage:before,
.forfaits .tableau-forfait .bloc-inner.decollage:before {
  width: 125px;
  height: 107px;
  left: -17px;
  top: -101px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/illu-decollage.png");
}
.forfaits .tableau-forfait .bloc-forfait.decollage a[data-toggle],
.forfaits .tableau-forfait .bloc-inner.decollage a[data-toggle] {
  cursor: pointer;
  color: #fff;
}
.forfaits .tableau-forfait .bloc-forfait.envol,
.forfaits .tableau-forfait .bloc-inner.envol {
  background-color: #77acd9;
  grid-column-start: 2;
}
.forfaits .tableau-forfait .bloc-forfait.envol:before,
.forfaits .tableau-forfait .bloc-inner.envol:before {
  width: 156px;
  height: 128px;
  left: -25px;
  top: -117px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/illu-envol.png");
}
.forfaits .tableau-forfait .bloc-forfait.orbite,
.forfaits .tableau-forfait .bloc-inner.orbite {
  background-color: #337ab7;
  grid-column-start: 3;
}
.forfaits .tableau-forfait .bloc-forfait.orbite:before,
.forfaits .tableau-forfait .bloc-inner.orbite:before {
  width: 180px;
  height: 185px;
  left: -39px;
  top: -160px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/illu-orbite.png");
}
.forfaits .tableau-forfait .bloc-forfait.galaxie,
.forfaits .tableau-forfait .bloc-inner.galaxie {
  background-color: #285f8f;
  grid-column-start: 4;
}
.forfaits .tableau-forfait .bloc-forfait.galaxie:before,
.forfaits .tableau-forfait .bloc-inner.galaxie:before {
  width: 161px;
  height: 141px;
  left: 0;
  top: -160px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/illu-galaxie.png");
}
.forfaits .tableau-forfait .bloc-forfait.cosmos,
.forfaits .tableau-forfait .bloc-inner.cosmos {
  background-color: #1d4567;
  grid-column-start: 6;
}
.forfaits .tableau-forfait .bloc-forfait.cosmos:before,
.forfaits .tableau-forfait .bloc-inner.cosmos:before {
  width: 173px;
  height: 157px;
  left: 0;
  top: -160px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/illu-cosmos.png");
}
.forfaits .tableau-forfait .bloc-forfait.cosmos strong,
.forfaits .tableau-forfait .bloc-inner.cosmos strong {
  display: block;
  margin-top: 0;
}
.forfaits .tableau-forfait .bloc-forfait h4,
.forfaits .tableau-forfait .bloc-inner h4 {
  color: #ffffff;
  font-size: 3rem;
}
.forfaits .tableau-forfait .bloc-forfait .price,
.forfaits .tableau-forfait .bloc-inner .price {
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 1em;
  margin: 3.5rem 0 0.5rem 0;
}
@media (max-width: 1199px) {
  .forfaits .tableau-forfait .bloc-forfait .price,
.forfaits .tableau-forfait .bloc-inner .price {
    height: 110px;
  }
}
@media (max-width: 992px) {
  .forfaits .tableau-forfait .bloc-forfait .price,
.forfaits .tableau-forfait .bloc-inner .price {
    height: initial;
  }
}
.forfaits .tableau-forfait .bloc-forfait .price small,
.forfaits .tableau-forfait .bloc-inner .price small {
  display: block;
  font-size: 1.3rem;
  line-height: 1;
  margin-top: 10px;
}
.forfaits .tableau-forfait .bloc-forfait .price sup,
.forfaits .tableau-forfait .bloc-inner .price sup {
  font-size: 2.5rem;
  margin-left: 10px;
}
.forfaits .tableau-forfait .bloc-forfait .btn,
.forfaits .tableau-forfait .bloc-inner .btn {
  position: absolute;
  bottom: 4rem;
  left: 20px;
  right: 20px;
  margin: 0;
  min-width: 1px;
  font-size: 1.6rem;
  line-height: 1;
  white-space: normal;
}
.forfaits .tableau-forfait .bloc-btn {
  grid-row-start: 2;
  grid-column-start: 2;
  grid-column-end: 6;
  text-align: center;
}
.forfaits .tableau-forfait.forfait-small {
  grid-template-columns: repeat(4, 25%);
  margin: 0 -15px;
}
.forfaits .tableau-forfait.forfait-small .bloc-resume-forfait {
  grid-column-start: 1;
  margin: 0 15px;
}
.forfaits .tableau-forfait.forfait-small .bloc-resume-forfait + .bloc-resume-forfait {
  grid-column-start: 2;
}
.forfaits .tableau-forfait.forfait-small .bloc-resume-forfait + .bloc-resume-forfait + .bloc-resume-forfait {
  grid-column-start: 3;
}
.forfaits .tableau-forfait.forfait-small .bloc-resume-forfait + .bloc-resume-forfait + .bloc-resume-forfait + .bloc-resume-forfait {
  grid-column-start: 4;
}
.forfaits .tableau-forfait.forfait-small .bloc-inner {
  padding: 4.5rem 3rem 6rem;
  border-radius: 10px 10px 0 0;
  min-height: 1px;
}
.forfaits .tableau-forfait.forfait-small .forfait-resume {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.2;
  min-height: 5em;
  height: auto;
  padding: 1.5rem 0;
  border-bottom: 1px solid #ffffff;
}
@media (max-width: 1199px) {
  .forfaits .tableau-forfait.forfait-small .forfait-resume {
    height: 160px;
  }
}
@media (max-width: 992px) {
  .forfaits .tableau-forfait.forfait-small .forfait-resume {
    height: initial;
  }
}
.forfaits .tableau-forfait.forfait-small ul {
  background: #f1f5fd;
  border-radius: 0 0 10px 10px;
  padding: 0 2rem 1rem;
}
.forfaits .tableau-forfait.forfait-small ul li {
  display: block;
  font-size: 1.7rem;
  padding: 2.5rem 2rem;
}
.forfaits .tableau-forfait.forfait-small ul li:before {
  content: "•";
  margin-left: -2rem;
  margin-right: 1rem;
}
.forfaits .tableau-forfait.forfait-small ul li.details-intro {
  color: rgb(255, 123, 20);
  font-size: 2rem;
  line-height: 2, 8rem;
  font-weight: 700;
}
.forfaits .tableau-forfait.forfait-small ul li.details-intro:before {
  display: none;
}
.forfaits .tableau-forfait.forfait-small ul li.details-intro strong {
  display: block;
  margin: 1.5rem 0 0;
  font-weight: 800;
  font-size: 3rem;
}
.forfaits .tableau-forfait.forfait-small ul li + li {
  border-top: 1px solid #337ab7;
}
.forfaits .bas-resume-forfait {
  text-align: center;
}
.forfaits .bas-resume-forfait a {
  vertical-align: middle;
  margin: 15px 25px;
}
.forfaits .tableaux-fonctionnalites .panel-group .panel {
  margin: 0 0 4px;
  border: none;
}
.forfaits .tableaux-fonctionnalites .panel-group .panel .panel-heading {
  border: none;
  background-color: #f1f5fd;
  padding: 0;
}
.forfaits .tableaux-fonctionnalites .panel-group .panel .panel-heading .news-accordion-header {
  color: #337ab7;
  padding: 2rem 1.6rem;
  font-size: 3rem;
  font-weight: 700;
}
.forfaits .tableaux-fonctionnalites .panel-group .panel .panel-heading .news-accordion-header:before {
  line-height: 35px;
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/icone-plus.png) no-repeat center;
  height: 5.1rem;
  width: 5.1rem;
  background-size: 100%;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  right: -10%;
  transition: all 0.5s;
}
.forfaits .tableaux-fonctionnalites .panel-group .panel .panel-heading .news-accordion-header.collapsed:before {
  transform: translateY(-50%);
}
.forfaits .tableaux-fonctionnalites .panel-group .panel .panel-collapse.in {
  border: none;
}
.forfaits .tableaux-fonctionnalites .panel-group .panel .panel-body {
  padding: 0;
}
.forfaits .tableaux-fonctionnalites .panel-group .panel .panel-body .news-accordion-content > p {
  display: none;
}
.forfaits .panel-group .panel {
  background: none;
  border-bottom: 1px solid #337ab7;
}
.forfaits .panel-group .panel .panel-heading {
  background-color: transparent;
  color: rgb(255, 123, 20);
  padding: 3rem 0;
  border-bottom: none;
}
.forfaits .panel-group .panel .panel-heading h3 {
  color: rgb(255, 123, 20);
}
.forfaits .panel-group .panel .panel-heading h3 a {
  position: relative;
  color: rgb(255, 123, 20);
  font-size: 2.5rem;
  font-weight: 800;
}
.forfaits .panel-group .panel .panel-heading h3 a:hover {
  text-decoration: none;
  color: #337ab7;
}
.forfaits .panel-group .panel .panel-heading h3 a:before {
  float: right;
  text-align: center;
  line-height: 35px;
  content: "";
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/chevron-right.png) no-repeat center;
  height: 3rem;
  width: 3rem;
  position: absolute;
  z-index: 15;
  background-size: auto 23px;
  top: 50%;
  transform: translateY(-50%);
  right: -10%;
}
.forfaits .panel-group .panel .panel-heading h3 a:after {
  display: none;
}
.forfaits .panel-group .panel .panel-heading h3 a.collapsed:before {
  content: "";
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/chevron-down.png) no-repeat center;
  height: 3rem;
  width: 3rem;
  position: absolute;
  z-index: 15;
  background-size: 23px auto;
  top: 50%;
  transform: translateY(-50%);
  right: -10%;
}
.forfaits .panel-group .panel .panel-body {
  padding: 20px 0;
}
.forfaits .panel-group .panel .panel-body p {
  font-weight: 600;
}
.forfaits .table-bordered {
  border: none;
  font-size: 1.8rem;
}
.forfaits .table-bordered thead th {
  color: #337ab7;
  font-size: 1.6rem;
  text-align: center;
  width: auto;
  border: 4px solid #f1f5fd;
}
.forfaits .table-bordered tbody th {
  width: 16.7%;
  font-weight: 400;
  border: 4px solid #f1f5fd;
}
.forfaits .table-bordered td {
  width: 16.7%;
  text-align: center;
  border: 4px solid #f1f5fd;
  vertical-align: middle;
}
.forfaits .table-bordered td.not-included {
  background: #f1f5fd;
}
.forfaits .line.small {
  color: #337ab7;
  font-size: 1.6rem;
  line-height: 1.5em;
  padding: 4rem 0 14rem;
}
.forfaits .line.small .btn {
  margin-bottom: 6rem;
}
.forfaits .modal.fade {
  background: rgba(255, 255, 255, 0.7);
}
.forfaits .modal.fade .modal-dialog {
  top: 50%;
  z-index: 99999;
  transform: translate(0, -50%);
}
.forfaits .modal.fade .modal-dialog .modal-content {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.forfaits .modal.fade .modal-dialog .modal-header {
  padding: 30px 30px 15px;
}
.forfaits .modal.fade .modal-dialog .modal-body {
  padding: 0 30px 30px;
}
.forfaits .modal.fade .modal-dialog .close {
  font-size: 30px;
}

.section-faq {
  background: #f1f5fd;
  padding: 0 0 15rem 0;
}
.section-faq.title {
  padding: 15rem 0 0 0;
}
.section-faq h3 {
  margin: 0 0 5rem;
}
.section-faq .panel-group .panel {
  margin: 0 0 3rem;
  box-shadow: rgba(0, 87, 255, 0.168627451) 0 0 13px;
}
.section-faq .panel-group .panel .panel-heading {
  padding: 1.5rem 3rem;
}
.section-faq .panel-group .panel .panel-heading h3 {
  margin: 0;
  font-size: 2rem;
}
.section-faq .panel-group .panel .panel-body {
  padding: 3rem;
}

.infos-cosmos {
  padding: 0 0 15rem;
}
.infos-cosmos .mod-article__wrapper {
  color: #ffffff;
  background-color: #093760;
  max-width: 800px;
  margin: 0 auto;
  padding: 3.5rem 6rem 10rem;
  border-radius: 10px;
  position: relative;
}
.infos-cosmos .mod-article__wrapper:before {
  content: " ";
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/illu-cosmos-orange.png) no-repeat top right;
  background-size: 317px 155px;
  height: 155px;
  display: block;
}
.infos-cosmos .mod-article__wrapper .news-content {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
.infos-cosmos .mod-article__wrapper .news-content h2 {
  color: #ffffff;
  margin: 0 0 3.6rem;
}
.infos-cosmos .mod-article__wrapper .news-content p {
  color: #ffffff;
}
.infos-cosmos .mod-article__wrapper .news-content h4 {
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
}
.infos-cosmos .mod-article__wrapper .news-content .tableau-joindre {
  border: 1px solid #ffffff;
  border-width: 1px 0;
  padding: 1.5rem 0;
  display: flex;
  justify-content: space-between;
}
.infos-cosmos .mod-article__wrapper .news-content .tableau-joindre a {
  color: rgb(255, 123, 20);
  font-weight: 600;
  font-size: 2.5rem;
}

@media screen and (max-width: 1649px) {
  .forfaits .tableau-forfait .bloc-forfait h4 {
    font-size: 2.6rem;
  }
  .forfaits .tableau-forfait .bloc-forfait .price {
    font-size: 3rem;
  }
  .forfaits .tableau-forfait .bloc-forfait .btn {
    font-size: 1.6rem;
    line-height: 1;
    white-space: normal;
  }
}
@media screen and (max-width: 1199px) {
  .forfaits .tableau-forfait .bloc-forfait {
    font-size: 1.4rem;
    line-height: 1;
    padding-left: 10px;
    padding-right: 10px;
  }
  .forfaits .tableau-forfait .bloc-forfait:before {
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: bottom left;
  }
  .forfaits .tableau-forfait .bloc-forfait h4 {
    font-size: 1.8rem;
  }
  .forfaits .tableau-forfait .bloc-forfait .price {
    height: auto;
    font-size: 2rem;
  }
  .forfaits .tableau-forfait .bloc-forfait .btn {
    padding: 0;
    background: none;
    color: #ffffff;
  }
  .forfaits .tableau-forfait.forfait-small .forfait-resume {
    font-size: 1.8rem;
    height: auto;
    min-height: 8em;
  }
  .forfaits .tableau-forfait.forfait-small .price {
    font-size: 4.4rem;
    height: auto;
    min-height: 2em;
  }
  .forfaits .tableau-forfait.forfait-small .bloc-inner {
    min-height: 51rem;
  }
  .forfaits .tableau-forfait.forfait-small ul li.details-intro {
    font-size: 2rem;
  }
  .forfaits .tableau-forfait.forfait-small ul li.details-intro strong {
    font-size: 3rem;
  }
  .infos-cosmos .mod-article__wrapper .news-content {
    grid-template-columns: 48% auto;
  }
}
@media screen and (max-width: 991px) {
  .forfaits .maincontent {
    padding-bottom: 3rem;
  }
  .forfaits .introForfaits {
    margin: 0 auto;
  }
  .forfaits .tableau-forfait {
    display: block;
  }
  .forfaits .tableau-forfait.forfait-small {
    grid-template-columns: auto;
    grid-row-gap: 30px;
  }
  .forfaits .tableau-forfait.forfait-small .bloc-resume-forfait {
    grid-column-start: 1;
    padding-top: 15rem;
    margin: 0;
  }
  .forfaits .tableau-forfait.forfait-small .bloc-resume-forfait + .bloc-resume-forfait {
    grid-column-start: 1;
  }
  .forfaits .tableau-forfait.forfait-small .bloc-resume-forfait + .bloc-resume-forfait + .bloc-resume-forfait {
    grid-column-start: 1;
  }
  .forfaits .tableau-forfait.forfait-small .bloc-resume-forfait + .bloc-resume-forfait + .bloc-resume-forfait + .bloc-resume-forfait {
    grid-column-start: 1;
  }
  .forfaits .tableau-forfait.forfait-small .bloc-inner {
    min-height: 1px;
  }
  .forfaits .tableau-forfait.forfait-small .bloc-inner .forfait-resume {
    min-height: 1px;
  }
  .forfaits .tableau-forfait.forfait-small .bloc-inner .price {
    min-height: 1px;
  }
  .forfaits .tableau-forfait.forfait-small ul li.details-intro strong {
    display: inline-block;
  }
  .forfaits .tableau-forfait .bloc-infos {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 6;
    display: none;
  }
  .forfaits .tableau-forfait .bloc-forfait {
    padding: 15px 15px 105px;
    margin: 15rem 0 15px 15px;
  }
  .forfaits .tableau-forfait .bloc-forfait.decollage {
    grid-row-start: 2;
    grid-column-start: 1;
    margin-left: 0 !important;
  }
  .forfaits .tableau-forfait .bloc-forfait.envol {
    grid-row-start: 2;
    grid-column-start: 2;
  }
  .forfaits .tableau-forfait .bloc-forfait.orbite {
    grid-row-start: 2;
    grid-column-start: 3;
  }
  .forfaits .tableau-forfait .bloc-forfait.galaxie {
    grid-row-start: 2;
    grid-column-start: 4;
  }
  .forfaits .tableau-forfait .bloc-forfait.cosmos {
    grid-row-start: 2;
    grid-column-start: 5;
  }
  .forfaits .tableau-forfait .bloc-btn {
    display: none;
  }
  .forfaits .bas-resume-forfait {
    margin-top: 100px;
  }
  .forfaits .infos-cosmos .mod-article__wrapper {
    padding: 3rem;
  }
  .forfaits .infos-cosmos .mod-article__wrapper .news-content {
    grid-template-columns: auto;
    grid-row-gap: 30px;
  }
  .forfaits .infos-cosmos .mod-article__wrapper .news-content .mod-article__content {
    grid-column-start: 1;
  }
  .forfaits .infos-cosmos .mod-article__wrapper .news-content .mod-article__content .tableau-joindre {
    display: block;
  }
  .forfaits .infos-cosmos .mod-article__wrapper .news-content .mod-article__content .tableau-joindre a {
    display: block;
  }
  .forfaits .infos-cosmos .mod-article__wrapper:after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .forfaits .introForfaits {
    margin: 0;
  }
  .forfaits .tableau-forfait h4 {
    font-size: 3rem;
  }
  .forfaits .tableau-forfait .price {
    font-size: 5rem;
  }
}
@media (max-width: 991px) {
  .bloc-resume-forfait {
    margin-bottom: 80px;
  }
}
.line-10 .btn-more {
  font-weight: 700;
}

.news-accordion-header {
  font-weight: 700;
  max-width: 90%;
}

.comparatifs .introForfaits {
  margin-bottom: 24rem;
}
.comparatifs .introForfaits h2 {
  margin-bottom: 50px;
}
.comparatifs .introForfaits p.intro {
  max-width: 828px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px;
}
.comparatifs .introForfaits p {
  max-width: 728px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 140px;
}

.forfaits .introForfaits h2 {
  margin-bottom: 50px;
}
.forfaits .introForfaits p {
  max-width: 748px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
}

.forfaits .banner-menu.banner-menu-small .banner-article:before {
  bottom: -40px;
}

.bloc-inner.decollage a:hover,
.bloc-forfait.decollage a:hover {
  text-decoration: underline;
}

.line-banniere-ca .zone-50 .content {
  background: #edf4f2;
  border-radius: 10px;
  padding: 30px 60px;
  margin: 30px auto 60px;
}
@media (max-width: 991px) {
  .line-banniere-ca .zone-50 .content {
    padding: 30px;
  }
}
.line-banniere-ca .zone-50 .content .media {
  display: table;
  margin: 0;
}
.line-banniere-ca .zone-50 .content .media .media-left {
  padding-right: 6rem;
  width: 172px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .line-banniere-ca .zone-50 .content .media .media-left {
    padding-right: 4rem;
    width: 142px;
  }
}
@media (max-width: 991px) {
  .line-banniere-ca .zone-50 .content .media .media-left {
    padding-right: 3rem;
    width: 132px;
  }
}
.line-banniere-ca .zone-50 .content .media .media-body {
  width: auto;
  font-size: 2.5rem;
  line-height: 1;
  color: #006645;
  vertical-align: middle;
}
.line-banniere-ca .zone-50 .content .media .media-body a {
  position: relative;
  display: inline-block;
  margin-top: 2rem;
  color: #006645;
  text-decoration: underline;
  font-size: 1.6rem;
}
.line-banniere-ca .zone-50 .content .media .media-body a::after {
  display: block;
  height: 5px;
  width: 100%;
  background: #006645;
  content: "";
  border-radius: 7px;
  margin-top: 12px;
}
.line-banniere-ca .zone-50 .content .media .media-body a:hover, .line-banniere-ca .zone-50 .content .media .media-body a:focus {
  opacity: 0.5;
}
.line-banniere-ca .zone-50 + .zone-50 .content {
  background: #e4e9fd;
}
.line-banniere-ca .zone-50 + .zone-50 .content .media .media-body {
  color: #1f368b;
}
.line-banniere-ca .zone-50 + .zone-50 .content .media .media-body a {
  color: #1f368b;
}
.line-banniere-ca .zone-50 + .zone-50 .content .media .media-body a::after {
  background: #1f368b;
}

.forfaits .tableau-forfait.forfait-small .bloc-inner {
  height: 500px;
}

.page-poste-disponible .banner-menu {
  height: 720px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/Groupe_01_0338%202.jpg");
  background-position: 50% 0;
}
@media (max-width: 991px) {
  .page-poste-disponible .banner-menu {
    background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/banner-poste-dispo-min.jpg");
  }
}
.page-poste-disponible .banner-menu h1 {
  max-width: 760px;
  margin: 0 auto;
}
.page-poste-disponible .banner-menu .banner-article {
  padding: 15rem 0;
}
.page-poste-disponible .line-post-disponible-title {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .page-poste-disponible .line-post-disponible-title {
    padding: 60px 0 20px;
  }
}
.page-poste-disponible .line-post-disponible-title h2 {
  font-weight: 700;
}
.page-poste-disponible .line-poste-disponible {
  padding-bottom: 200px;
}
@media (max-width: 991px) {
  .page-poste-disponible .line-poste-disponible .container {
    width: 95%;
  }
}
@media (max-width: 767px) {
  .page-poste-disponible .line-poste-disponible {
    padding-bottom: 100px;
  }
}
@media (max-width: 480px) {
  .page-poste-disponible .line-poste-disponible {
    padding-bottom: 80px;
  }
}
.page-poste-disponible .line-poste-disponible h3 {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  margin-bottom: 35px;
}
@media (max-width: 480px) {
  .page-poste-disponible .line-poste-disponible h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .page-poste-disponible .line-poste-disponible h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  .page-poste-disponible .line-poste-disponible h3 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media (max-width: 991px) {
  .page-poste-disponible .line-poste-disponible h3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .page-poste-disponible .line-poste-disponible h3 {
    margin-bottom: 10px;
  }
}
.page-poste-disponible .line-poste-disponible .item.col-sm-24 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-bottom: 50px;
  margin-bottom: 20px;
  border-bottom: 1px solid #337ab7;
}
@media (max-width: 767px) {
  .page-poste-disponible .line-poste-disponible .item.col-sm-24 {
    flex-direction: column;
  }
  .page-poste-disponible .line-poste-disponible .item.col-sm-24 p.intro {
    text-align: left;
  }
}
@media (max-width: 767px) and (max-width: 480px) {
  .page-poste-disponible .line-poste-disponible .item.col-sm-24 p.intro {
    margin-bottom: 40px;
  }
}
.page-poste-disponible .line-poste-disponible .item.col-sm-24 > h3 {
  width: 100%;
  text-align: left;
}
@media (max-width: 991px) {
  .page-poste-disponible .line-poste-disponible .item .actions {
    margin-top: auto;
  }
}
.page-poste-disponible .line-poste-disponible .item.col-sm-24 > .intro {
  max-width: 70%;
  margin-right: auto;
  font-weight: 600;
}
@media (max-width: 767px) {
  .page-poste-disponible .line-poste-disponible .item.col-sm-24 > .intro {
    max-width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.page-poste-disponible .line-poste-disponible .item.col-sm-24 > .btn-primary {
  margin-left: auto;
  margin-bottom: 0 !important;
}
.page-poste-disponible .besoin-conseil {
  padding-bottom: 120px;
}
@media (max-width: 991px) {
  .page-poste-disponible .besoin-conseil .container {
    width: 90%;
  }
}
.page-poste-disponible .besoin-conseil .row {
  flex-wrap: nowrap;
}
@media (max-width: 480px) {
  .page-poste-disponible .besoin-conseil .row {
    flex-wrap: wrap-reverse;
  }
}
.page-poste-disponible .banner-menu {
  height: 720px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/Groupe_01_0338%202.jpg");
  background-position: 50% 0;
}
@media (max-width: 991px) {
  .page-poste-disponible .banner-menu {
    height: 650px;
    background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/banner-poste-dispo-min.jpg");
  }
}
.page-poste-disponible .besoin-conseil .mod-article__intro p {
  margin-bottom: 65px;
}

@media (max-width: 1330px) {
  .page-travailler-chez-yapla .banner-article,
.page-poste-disponible .banner-article {
    padding-top: 120px;
  }
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .banner-article,
.page-poste-disponible .banner-article {
    padding-top: 160px;
  }
}
.page-travailler-chez-yapla .banner-article h1,
.page-travailler-chez-yapla .banner-article p,
.page-poste-disponible .banner-article h1,
.page-poste-disponible .banner-article p {
  margin-bottom: 40px;
}
.page-travailler-chez-yapla .banner-article .btn,
.page-poste-disponible .banner-article .btn {
  margin-top: 0 !important;
}
.page-travailler-chez-yapla .line-intro-app h2,
.page-poste-disponible .line-intro-app h2 {
  max-width: 620px;
}
.page-travailler-chez-yapla .banner-menu,
.page-poste-disponible .banner-menu {
  height: 720px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/Filling_03_00621%201.jpg");
  background-position: 50% 0;
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .banner-menu,
.page-poste-disponible .banner-menu {
    height: 740px;
  }
}
@media (max-width: 480px) {
  .page-travailler-chez-yapla .banner-menu,
.page-poste-disponible .banner-menu {
    height: 720px;
  }
}
.page-travailler-chez-yapla .line-banner-big .mod-banner__img,
.page-poste-disponible .line-banner-big .mod-banner__img {
  height: 934px;
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .line-banner-big .mod-banner__img,
.page-poste-disponible .line-banner-big .mod-banner__img {
    height: 562px;
  }
}
@media (max-width: 480px) {
  .page-travailler-chez-yapla .line-banner-big .mod-banner__img,
.page-poste-disponible .line-banner-big .mod-banner__img {
    height: 326px;
  }
}
.page-travailler-chez-yapla .grid-facons,
.page-poste-disponible .grid-facons {
  padding-top: 0;
  padding-bottom: 120px;
}
.page-travailler-chez-yapla .grid-facons .container,
.page-poste-disponible .grid-facons .container {
  padding-top: 55px;
}
@media (max-width: 480px) {
  .page-travailler-chez-yapla .grid-facons .container,
.page-poste-disponible .grid-facons .container {
    padding-top: 15px;
  }
}
@media (max-width: 1440px) {
  .page-travailler-chez-yapla .grid-facons,
.page-poste-disponible .grid-facons {
    padding-top: 0;
  }
}
.page-travailler-chez-yapla .line-rejoins-team,
.page-poste-disponible .line-rejoins-team {
  padding-top: 100px;
}
.page-travailler-chez-yapla .line-rejoins-team h2,
.page-poste-disponible .line-rejoins-team h2 {
  margin-bottom: 60px;
}
@media (max-width: 480px) {
  .page-travailler-chez-yapla .line-rejoins-team h2,
.page-poste-disponible .line-rejoins-team h2 {
    margin-bottom: 30px;
  }
}
.page-travailler-chez-yapla .line-rejoins-team p,
.page-poste-disponible .line-rejoins-team p {
  max-width: 990px;
  margin: 0 auto;
  margin-bottom: 80px;
  font-weight: 600;
}
.page-travailler-chez-yapla .line-image-mosaique,
.page-poste-disponible .line-image-mosaique {
  padding-bottom: 180px;
}
@media (max-width: 480px) {
  .page-travailler-chez-yapla .line-image-mosaique,
.page-poste-disponible .line-image-mosaique {
    padding-bottom: 80px;
  }
}
.page-travailler-chez-yapla .line-paris-mtl,
.page-poste-disponible .line-paris-mtl {
  padding-top: 150px;
  padding-bottom: 110px;
}
@media (max-width: 480px) {
  .page-travailler-chez-yapla .line-paris-mtl,
.page-poste-disponible .line-paris-mtl {
    padding-top: 80px;
  }
}
.page-travailler-chez-yapla .line-paris-mtl p,
.page-poste-disponible .line-paris-mtl p {
  color: #595c62;
  max-width: 587px;
}
.page-travailler-chez-yapla .line-paris-mtl .mod-article__intro,
.page-poste-disponible .line-paris-mtl .mod-article__intro {
  margin-left: 30px;
  margin-top: 60px;
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .line-paris-mtl .mod-article__intro,
.page-poste-disponible .line-paris-mtl .mod-article__intro {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .line-paris-mtl .row-fluid.row,
.page-poste-disponible .line-paris-mtl .row-fluid.row {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 480px) {
  .page-travailler-chez-yapla .line-paris-mtl .row-fluid.row,
.page-poste-disponible .line-paris-mtl .row-fluid.row {
    display: block;
  }
  .page-travailler-chez-yapla .line-paris-mtl .row-fluid.row .mod-article__intro,
.page-poste-disponible .line-paris-mtl .row-fluid.row .mod-article__intro {
    margin-left: 0;
  }
  .page-travailler-chez-yapla .line-paris-mtl .row-fluid.row .mod-article__intro p,
.page-poste-disponible .line-paris-mtl .row-fluid.row .mod-article__intro p {
    text-align: left;
  }
  .page-travailler-chez-yapla .line-paris-mtl .row-fluid.row .zone-image,
.page-poste-disponible .line-paris-mtl .row-fluid.row .zone-image {
    margin-bottom: 30px;
  }
}
.page-travailler-chez-yapla .banner-article::after,
.page-poste-disponible .banner-article::after {
  content: "";
  width: 138px;
  height: 138px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/cercle-topleft.png");
  background-size: 138px;
  position: absolute;
  bottom: -69px;
  left: 15%;
  z-index: 200;
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .banner-article::after,
.page-poste-disponible .banner-article::after {
    width: 97px !important;
    height: 97px !important;
    background-size: 97px !important;
    bottom: -45px !important;
  }
}
@media (max-width: 767px) {
  .page-travailler-chez-yapla .banner-article::after,
.page-poste-disponible .banner-article::after {
    width: 82px !important;
    height: 82px !important;
    background-size: 82px !important;
    bottom: -37px !important;
  }
}
@media (max-width: 480px) {
  .page-travailler-chez-yapla .banner-article::after,
.page-poste-disponible .banner-article::after {
    width: 70px !important;
    height: 70px !important;
    background-size: 70px !important;
    bottom: -29px !important;
  }
}
.page-travailler-chez-yapla .banner-article::before,
.page-poste-disponible .banner-article::before {
  content: "";
  width: 282px;
  height: 223px;
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/fond-Y.png) repeat;
  background-size: 49px 41px;
  position: absolute;
  bottom: -95px;
  right: 0;
  z-index: 200;
}
@media (max-width: 767px) {
  .page-travailler-chez-yapla .banner-article::before,
.page-poste-disponible .banner-article::before {
    width: 76px !important;
    height: 109px !important;
  }
}

.line-nos-postes {
  padding: 82px 0;
  height: 650px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/Group%20180.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.line-nos-postes .container {
  margin-top: 30px;
}
.line-nos-postes .news-content.mod-article__content {
  text-align: center;
}
.line-nos-postes img {
  max-width: 350px;
}
.line-nos-postes img,
.line-nos-postes h2,
.line-nos-postes p {
  margin-bottom: 15px;
  color: #fff;
}
.line-nos-postes p {
  font-weight: 600;
}
@media (max-width: 480px) {
  .line-nos-postes {
    height: 670px;
  }
  .line-nos-postes h2 {
    margin-bottom: 20px;
  }
}

.line-defi {
  text-align: center;
}
.line-defi h1 {
  margin: 28px 0;
}

.custom-gradient {
  background: linear-gradient(180deg, rgb(51, 122, 183) 0%, rgb(86, 164, 211) 95%, rgb(255, 255, 255) 95%);
}
.custom-gradient .row-fluid {
  display: flex;
  align-items: flex-start !important;
  height: 100%;
}
.custom-gradient .zone-33,
.custom-gradient .zone-67 {
  height: 100%;
}
.custom-gradient .zone-33 {
  width: 60%;
}
@media (max-width: 767px) {
  .custom-gradient img {
    width: 100% !important;
  }
}
.custom-gradient h2,
.custom-gradient p {
  color: #fff;
}
@media (min-width: 1280px) {
  .custom-gradient {
    background: linear-gradient(180deg, rgb(51, 122, 183) 0%, rgb(86, 164, 211) 85%, rgb(255, 255, 255) 85%);
  }
}
@media (min-width: 1440px) {
  .custom-gradient {
    background: linear-gradient(180deg, rgb(51, 122, 183) 0%, rgb(86, 164, 211) 80%, rgb(255, 255, 255) 80%);
  }
}
@media (min-width: 1630px) {
  .custom-gradient {
    background: linear-gradient(180deg, rgb(51, 122, 183) 0%, rgb(86, 164, 211) 73%, rgb(255, 255, 255) 73%);
  }
}

.page-poste-disponible-detail {
  /*modif champ input file*/
  /*
  with negatif and positif padding & margin
  the block stay at the same place
  and the scroll arrive juste before the block
  like....magic
  */
}
.page-poste-disponible-detail .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/poste-disponible-detail.jpg");
  background-position: 50% 0;
}
.page-poste-disponible-detail .banner-menu-small {
  margin-bottom: 36px;
}
@media (max-width: 991px) {
  .page-poste-disponible-detail .banner-menu-small {
    margin-bottom: 0;
  }
  .page-poste-disponible-detail .banner-menu-small .banner-article:before {
    bottom: -194px;
    z-index: 500;
  }
  .page-poste-disponible-detail .banner-menu-small .banner-article:after {
    bottom: -194px;
    z-index: 500;
  }
}
@media (max-width: 767px) {
  .page-poste-disponible-detail .banner-menu-small .banner-article:after {
    width: 140px;
  }
}
.page-poste-disponible-detail .banner-menu-small::after {
  background: none;
  margin-bottom: 0;
  height: 0;
}
.page-poste-disponible-detail .line-article-container {
  padding: 64px 0;
  max-width: 990px;
  margin: 0 auto;
}
.page-poste-disponible-detail .line-article-container h1 {
  margin-bottom: 40px;
}
.page-poste-disponible-detail .line-article-container .container {
  width: 100%;
}
.page-poste-disponible-detail .line-article-container .mod-article__content h2 {
  font-size: 2.8rem;
  color: rgb(255, 123, 20);
  font-weight: bold;
}
.page-poste-disponible-detail .line-article-container .mod-article__content p,
.page-poste-disponible-detail .line-article-container .mod-article__content ul,
.page-poste-disponible-detail .line-article-container .mod-article__content ol {
  margin-bottom: 3rem;
}
@media (max-width: 991px) {
  .page-poste-disponible-detail .banner-menu-small .banner-article::before {
    width: 97px !important;
    height: 97px !important;
    background-size: 97px !important;
    bottom: -55px !important;
  }
}
@media (max-width: 767px) {
  .page-poste-disponible-detail .banner-menu-small .banner-article::before {
    width: 82px !important;
    height: 82px !important;
    background-size: 82px !important;
    bottom: -57px !important;
  }
}
@media (max-width: 480px) {
  .page-poste-disponible-detail .banner-menu-small .banner-article::before {
    width: 70px !important;
    height: 70px !important;
    background-size: 70px !important;
    bottom: -49px !important;
  }
}
.page-poste-disponible-detail .form-group.form-element-email,
.page-poste-disponible-detail .form-group.form-element-onveutteconnaitre,
.page-poste-disponible-detail .form-group.form-element-nom_de_votre_organisation {
  width: 100%;
}
.page-poste-disponible-detail .form-group.form-element-email .col-md-12,
.page-poste-disponible-detail .form-group.form-element-onveutteconnaitre .col-md-12,
.page-poste-disponible-detail .form-group.form-element-nom_de_votre_organisation .col-md-12 {
  width: calc(100% + 30px);
}
.page-poste-disponible-detail #toncv {
  padding: 20px 0;
}
@media (max-width: 767px) {
  .page-poste-disponible-detail #toncv {
    width: 100%;
  }
}
.page-poste-disponible-detail #form-formbuilder {
  padding-top: 150px;
  margin-top: -150px;
}
.page-poste-disponible-detail h2 {
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-weight: 800;
}
@media (max-width: 480px) {
  .page-poste-disponible-detail h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (min-width: 481px) {
  .page-poste-disponible-detail h2 {
    font-size: 45px;
    line-height: 55px;
  }
}
@media (min-width: 1200px) {
  .page-poste-disponible-detail h2 {
    font-size: 55px;
    line-height: 65px;
  }
}
.page-poste-disponible-detail h3 {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  text-transform: none;
}
@media (max-width: 480px) {
  .page-poste-disponible-detail h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .page-poste-disponible-detail h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  .page-poste-disponible-detail h3 {
    font-size: 25px;
    line-height: 30px;
  }
}
.page-poste-disponible-detail h1,
.page-poste-disponible-detail h2,
.page-poste-disponible-detail h3,
.page-poste-disponible-detail h4,
.page-poste-disponible-detail h5,
.page-poste-disponible-detail h6 {
  text-align: left;
}

.line-carousel-temoignage {
  padding-top: 0;
}

.line-form-poste-disponible {
  padding-top: 100px !important;
}

/*EXCEPTION*/
.page-travailler-chez-yapla .banner-menu .banner-article {
  padding: 10rem 0;
}
.page-travailler-chez-yapla .banner-menu .banner-article h1 {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .banner-menu .banner-article h1 {
    max-width: 800px;
  }
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .banner-menu .banner-article {
    padding: 18rem 0;
  }
  .page-travailler-chez-yapla .banner-menu .banner-article .container {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .page-travailler-chez-yapla .banner-menu .banner-article {
    padding: 16rem 0;
  }
  .page-travailler-chez-yapla .banner-menu .banner-article .container {
    width: 95%;
  }
}
@media (max-width: 991px) {
  .page-travailler-chez-yapla .grid-facons {
    padding-bottom: 75px;
  }
  .page-travailler-chez-yapla .grid-facons .item.col-sm-8:last-child {
    padding-bottom: 0;
  }
}
@media (max-width: 480px) {
  .page-travailler-chez-yapla .grid-facons {
    padding-bottom: 0;
  }
  .page-travailler-chez-yapla .grid-facons .item.col-sm-8 {
    padding-bottom: 35px !important;
  }
  .page-travailler-chez-yapla .grid-facons img {
    width: 47px;
  }
}
.page-travailler-chez-yapla .grid-facons .e-thumbnail {
  margin-top: 8px !important;
}
.page-travailler-chez-yapla .line-cta-picto h1 {
  margin-bottom: 30px;
}
.page-travailler-chez-yapla .line-cta-picto p {
  margin-bottom: 50px;
}

.page-poste-disponible .banner-menu {
  height: 720px;
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/Groupe_01_0338%202.jpg");
  background-position: 50% 0;
  background-size: cover;
}
@media (max-width: 991px) {
  .page-poste-disponible .banner-menu {
    background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/banner-poste-dispo-min.jpg");
  }
}
@media (max-width: 991px) {
  .page-poste-disponible .banner-article .container {
    width: 90%;
  }
  .page-poste-disponible .banner-article::before {
    content: "";
    width: 151px;
    height: 116px;
    background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/deco/yyy-ipad.png") repeat;
    background-size: 151px;
    position: absolute;
    bottom: -65px;
    right: 20px;
    z-index: 200;
  }
  .page-poste-disponible .banner-article p {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 480px) {
  .besoin-conseil.changer-monde .zone-article {
    margin-top: 30px;
  }
}

.line-steps {
  padding-top: 0rem;
  padding-bottom: 11rem;
}
.line-steps h2 {
  font-weight: bold;
}
.line-steps .newsList .row {
  padding-top: 5rem;
  display: flex;
  gap: 5rem;
  align-items: stretch;
}
.line-steps .item {
  width: unset;
  display: flex;
  flex: 1 1 0px;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: baseline;
}
.line-steps .item h3 {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  margin-bottom: 1.7rem;
}
@media (max-width: 480px) {
  .line-steps .item h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .line-steps .item h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  .line-steps .item h3 {
    font-size: 25px;
    line-height: 30px;
  }
}
.line-steps .item > .itemImage {
  min-width: 75px;
  flex-basis: 0;
  flex-grow: 1;
  align-self: baseline;
}
.line-steps .item > .intro {
  flex-basis: 0;
  flex-grow: 3;
}
@media (max-width: 1200px) {
  .line-steps .newsList .row {
    flex-direction: column;
  }
  .line-steps .newsList .row .item {
    flex: 1;
    padding-right: 5rem;
    width: 100%;
    padding-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .line-steps .newsList .row .item {
    flex-direction: column;
  }
}

.page-blogue .banner-menu,
.page-blog-detail .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/poste-disponible-detail.jpg");
  background-position: 50% 0;
}
.page-blogue .banner-menu-small,
.page-blog-detail .banner-menu-small {
  margin-bottom: 36px;
}
@media (max-width: 991px) {
  .page-blogue .banner-menu-small,
.page-blog-detail .banner-menu-small {
    margin-bottom: 0;
  }
  .page-blogue .banner-menu-small .banner-article:before,
.page-blog-detail .banner-menu-small .banner-article:before {
    bottom: -94px;
    z-index: 500;
  }
  .page-blogue .banner-menu-small .banner-article:after,
.page-blog-detail .banner-menu-small .banner-article:after {
    bottom: -194px;
    z-index: 500;
  }
}
@media (max-width: 767px) {
  .page-blogue .banner-menu-small .banner-article:after,
.page-blog-detail .banner-menu-small .banner-article:after {
    width: 140px;
  }
}
.page-blogue .banner-menu-small::after,
.page-blog-detail .banner-menu-small::after {
  background: none;
  margin-bottom: 0;
  height: 0;
}
.page-blogue h1,
.page-blog-detail h1 {
  padding: 80px 0 100px;
  max-width: 660px;
}
.page-blogue .news-title,
.page-blog-detail .news-title {
  margin-bottom: 30px;
}
.page-blogue .news-intro,
.page-blog-detail .news-intro {
  margin-bottom: 40px;
}
.page-blogue a.article-back-to-list-histo,
.page-blog-detail a.article-back-to-list-histo {
  background: none;
  color: #337ab7 !important;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  padding-bottom: 10px;
  position: relative;
}
.page-blogue a.article-back-to-list-histo:hover,
.page-blog-detail a.article-back-to-list-histo:hover {
  color: rgb(255, 123, 20) !important;
}
.page-blogue a.article-back-to-list-histo::after,
.page-blog-detail a.article-back-to-list-histo::after {
  content: "";
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: rgb(255, 123, 20);
  top: 55px;
  border-radius: 4px;
}
.page-blogue ul.checkboxImg,
.page-blog-detail ul.checkboxImg {
  margin-left: 15px;
}
.page-blogue ul.checkboxImg li,
.page-blog-detail ul.checkboxImg li {
  list-style-type: none;
  position: relative;
  line-height: 28px;
  font-size: 18px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.page-blogue ul.checkboxImg li::before,
.page-blog-detail ul.checkboxImg li::before {
  content: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/boite%20a%20outils/checkbox.svg");
  background-repeat: no-repeat;
  width: 35px !important;
  height: 38px !important;
  object-fit: contain;
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}

.line-blogs {
  padding-bottom: 150px;
}
.line-blogs .zone-news {
  position: relative;
}
.line-blogs img {
  margin-bottom: 40px;
}
.line-blogs h3.news-title {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  .line-blogs h3.news-title {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .line-blogs h3.news-title {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  .line-blogs h3.news-title {
    font-size: 25px;
    line-height: 30px;
  }
}
.line-blogs p {
  color: #595c62;
}
.line-blogs .news-intro {
  color: #337ab7;
}
.line-blogs .col-sm-8,
.line-blogs .col-sm-12 {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .line-blogs .col-sm-8,
.line-blogs .col-sm-12 {
    width: 100%;
  }
}
.line-blogs form.paginationControl a.active {
  color: rgb(255, 123, 20);
  background: #f1f5fd;
  padding: 16px 8px;
}
@media (max-width: 480px) {
  .line-blogs form.paginationControl {
    padding-top: 40px;
  }
}
.line-blogs p.news-intro + a,
.line-blogs p + a {
  color: #337ab7;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  display: inline-block;
}
.line-blogs p.news-intro + a::after,
.line-blogs p + a::after {
  content: "";
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: rgb(255, 123, 20);
  border-radius: 4px;
  margin-top: 10px;
}
@media (max-width: 480px) {
  .line-blogs {
    padding-bottom: 220px;
  }
  .line-blogs h1 {
    max-width: 274px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .line-blogs.col-3 {
    display: none;
  }
}
@media (min-width: 992px) {
  .line-blogs.col-2 {
    display: none;
  }
}

.page-blog-detail .line-title-blogue {
  display: none;
}
.page-blog-detail .line-article-container {
  padding: 64px 0 129px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .page-blog-detail .line-article-container {
    padding-bottom: 119px;
  }
}
@media (max-width: 767px) {
  .page-blog-detail .line-article-container {
    padding-bottom: 109px;
  }
}
.page-blog-detail .line-article-container h1 {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 16px;
}
.page-blog-detail .line-article-container h2 {
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-style: normal;
  font-weight: 300;
}
@media (max-width: 480px) {
  .page-blog-detail .line-article-container h2 {
    font-size: 25px;
    line-height: 33px;
  }
}
@media (min-width: 481px) {
  .page-blog-detail .line-article-container h2 {
    font-size: 35px;
    line-height: 43px;
  }
}
@media (min-width: 1200px) {
  .page-blog-detail .line-article-container h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
.page-blog-detail .line-article-container h3 {
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
}
@media (max-width: 480px) {
  .page-blog-detail .line-article-container h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .page-blog-detail .line-article-container h3 {
    font-size: 25px;
    line-height: 33px;
  }
}
@media (min-width: 1200px) {
  .page-blog-detail .line-article-container h3 {
    font-size: 30px;
    line-height: 38px;
  }
}
.page-blog-detail .line-article-container h4 {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  text-transform: none;
}
@media (max-width: 480px) {
  .page-blog-detail .line-article-container h4 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .page-blog-detail .line-article-container h4 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  .page-blog-detail .line-article-container h4 {
    font-size: 25px;
    line-height: 30px;
  }
}
.page-blog-detail .line-article-container h5 {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 480px) {
  .page-blog-detail .line-article-container h5 {
    font-size: 16px;
    line-height: 48px;
  }
}
@media (min-width: 481px) {
  .page-blog-detail .line-article-container h5 {
    font-size: 18px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  .page-blog-detail .line-article-container h5 {
    font-size: 18px;
    line-height: 48px;
  }
}
.page-blog-detail .line-article-container h6 {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 480px) {
  .page-blog-detail .line-article-container h6 {
    font-size: 16px;
    line-height: 48px;
  }
}
@media (min-width: 481px) {
  .page-blog-detail .line-article-container h6 {
    font-size: 18px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  .page-blog-detail .line-article-container h6 {
    font-size: 18px;
    line-height: 48px;
  }
}
.page-blog-detail .line-article-container p,
.page-blog-detail .line-article-container li,
.page-blog-detail .line-article-container .mod-article__content {
  color: #595c62;
}
.page-blog-detail .line-article-container a {
  color: rgb(255, 123, 20);
}
.page-blog-detail .line-article-container a.btn-primary {
  color: #fff;
  background-color: rgb(255, 123, 20);
}
.page-blog-detail .line-article-container a.btn-primary:hover, .page-blog-detail .line-article-container a.btn-primary:focus {
  color: #fff;
  background-color: #337ab7;
}
.page-blog-detail .line-article-container a.btn-default {
  color: #fff;
  background-color: #337ab7;
}
.page-blog-detail .line-article-container a.btn-default:hover, .page-blog-detail .line-article-container a.btn-default:focus {
  color: #fff;
  background-color: rgb(255, 123, 20);
}
.page-blog-detail .line-article-container img {
  margin-bottom: 40px;
}
.page-blog-detail .line-article-container .container {
  width: 80%;
  max-width: 1152px;
}
@media (min-width: 992px) {
  .page-blog-detail .line-article-container .col-sm-16 {
    padding-right: 5rem;
  }
}
.page-blog-detail .line-article-container .col-sm-8 {
  background: #f1f5fd;
  padding: 2.7rem;
}
@media (min-width: 992px) {
  .page-blog-detail .line-article-container .col-sm-8 {
    position: sticky;
    top: 100px;
  }
}
.page-blog-detail .line-article-container .col-sm-8 .news-item {
  margin-bottom: 3rem;
}
.page-blog-detail .line-article-container .col-sm-8 h2.news-list-title {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  color: #337ab7;
  font-weight: 900;
  padding-bottom: 3rem;
  border-bottom: 1px solid #337ab7;
  margin-bottom: 3rem;
}
@media (max-width: 480px) {
  .page-blog-detail .line-article-container .col-sm-8 h2.news-list-title {
    font-size: 16px;
    line-height: 48px;
  }
}
@media (min-width: 481px) {
  .page-blog-detail .line-article-container .col-sm-8 h2.news-list-title {
    font-size: 18px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  .page-blog-detail .line-article-container .col-sm-8 h2.news-list-title {
    font-size: 18px;
    line-height: 48px;
  }
}
.page-blog-detail .line-article-container .col-sm-8 h3.news-title {
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  text-align: left;
}
.page-blog-detail .line-article-container .col-sm-8 .news-meta.e-date a {
  color: #337ab7;
  font-size: 1.8rem;
  text-align: left;
}
.page-blog-detail .line-article-container .col-sm-8 img.news-image {
  display: none;
}
@media (max-width: 991px) {
  .page-blog-detail .line-article-container {
    margin-bottom: 4rem;
  }
  .page-blog-detail .line-article-container .container {
    width: 100%;
  }
  .page-blog-detail .line-article-container .col-sm-16 {
    width: 100%;
  }
  .page-blog-detail .line-article-container .col-sm-8 {
    margin-top: 10rem;
    width: 100%;
    padding-bottom: 5rem;
  }
  .page-blog-detail .line-article-container h2.news-list-title {
    max-width: 310px;
  }
  .page-blog-detail .line-article-container .zone-article {
    padding: 0;
    position: relative;
  }
  .page-blog-detail .line-article-container .mod-article__title {
    max-width: 540px;
  }
}
@media (max-width: 480px) {
  .page-blog-detail .line-article-container .col-sm-8 {
    margin-top: 5rem;
  }
}
.page-blog-detail p.mod-article__published-date {
  color: #337ab7;
  font-size: 18px;
  margin-bottom: 50px;
}
.page-blog-detail img.mod-article__img {
  width: 100%;
}
.page-blog-detail.lang-en .line-article-container .mod-article__content {
  /*Reduire la largeur en anglais*/
  max-width: 748px;
}

.line-blog-newsletter {
  padding: 120px 0;
  background-color: #337ab7;
}
.line-blog-newsletter .row-fluid {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .line-blog-newsletter .row-fluid {
    flex-direction: column;
  }
  .line-blog-newsletter .row-fluid .col-sm-12 {
    width: 100%;
  }
  .line-blog-newsletter .row-fluid .col-sm-12 img {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .line-blog-newsletter img {
    width: 280px;
  }
}
.line-blog-newsletter h2 {
  margin-bottom: 50px;
}
.line-blog-newsletter h1 {
  text-align: left;
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  padding: 0;
  max-width: 580px;
  margin-bottom: 50px;
  font-weight: 600;
  font-size: 20px;
}
@media (max-width: 480px) {
  .line-blog-newsletter h1 {
    font-size: 16px;
  }
}
.line-blog-newsletter .crm-form-steps {
  display: none;
}
.line-blog-newsletter .control-label {
  color: #fff;
}
.line-blog-newsletter form#form-formbuilder {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .line-blog-newsletter form#form-formbuilder {
    flex-direction: column;
    align-items: flex-start;
  }
}
.line-blog-newsletter form#form-formbuilder .btn-primary {
  height: 64px;
  box-sizing: border-box;
  margin: 12px 12px 0;
}
@media (max-width: 767px) {
  .line-blog-newsletter form#form-formbuilder .btn-primary {
    margin-left: 0;
  }
}
.line-blog-newsletter div#section_122625 {
  width: 440px;
}
@media (max-width: 767px) {
  .line-blog-newsletter div#section_122625 {
    width: 340px;
  }
}
@media (max-width: 480px) {
  .line-blog-newsletter div#section_122625 {
    width: 315px;
  }
}
.line-blog-newsletter .crm-footer-frame {
  height: 64px;
}
.line-blog-newsletter .form-element-email .col-md-12 {
  width: 100%;
}
.line-blog-newsletter .form-element-email .col-md-12 input#email {
  height: 64px;
}
@media (max-width: 991px) {
  .line-blog-newsletter.circle-orange::after {
    width: 138px !important;
    height: 138px !important;
    background-size: 138px !important;
    top: -67px !important;
  }
}

.blog-nouveau-chez-yapla {
  padding: 100px 0;
}
.blog-nouveau-chez-yapla .row-fluid.row {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .blog-nouveau-chez-yapla .row-fluid.row {
    flex-direction: column;
  }
  .blog-nouveau-chez-yapla .row-fluid.row .col-sm-12 {
    width: 100%;
  }
  .blog-nouveau-chez-yapla .row-fluid.row .col-sm-12 p {
    max-width: 570px;
    margin: 0 auto;
    margin-bottom: 60px;
  }
  .blog-nouveau-chez-yapla .row-fluid.row img {
    margin-bottom: 60px;
  }
  .blog-nouveau-chez-yapla .row-fluid.row .mod-article__intro {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .blog-nouveau-chez-yapla .row-fluid.row p {
    max-width: 575px;
  }
}

#newsFilterForm {
  width: 480px;
  position: absolute;
  top: 80px;
  right: 0;
}
@media (max-width: 991px) {
  #newsFilterForm {
    display: none;
  }
}
@media (max-width: 1480px) {
  #newsFilterForm {
    position: relative;
    top: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  #newsFilterForm {
    width: 380px;
  }
}
@media (max-width: 480px) {
  #newsFilterForm {
    display: none;
  }
}
#newsFilterForm .col-sm-12,
#newsFilterForm .col-lg-18 {
  width: 100%;
}
#newsFilterForm .chosen-action__wrapper {
  display: none;
  border: none;
}
#newsFilterForm div#keywords_chosen {
  border: 0px;
}
#newsFilterForm .chosen-container-multi .chosen-choices {
  border: none !important;
}
#newsFilterForm ul.chosen-choices {
  background: #f1f5fd;
  min-height: 64px;
}
#newsFilterForm li.search-field {
  padding-top: 15px;
}
#newsFilterForm input.default {
  font-size: 18px !important;
  color: #337ab7;
  padding-left: 30px;
}
#newsFilterForm label.control-label.col-sm-6.col-md-5.col-lg-4 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 14px;
}

.page-contact {
  /*informations d'adresses, bas de la pge contact/nous joindre*/
}
.page-contact .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/contact/Filling_02_1612%203.jpg");
  /**EXCEPTION**/
  height: 460px;
}
.page-contact .banner-menu .banner-article {
  padding: 14rem 0;
}
@media (max-width: 991px) {
  .page-contact .banner-menu .banner-article {
    padding: 22rem 0;
  }
}
@media (max-width: 480px) {
  .page-contact .banner-menu .banner-article {
    padding: 26rem 0;
  }
}
.page-contact .line-formulaire-contact {
  padding-top: 100px !important;
}
.page-contact .line-formulaire-contact .container {
  max-width: none;
}
.page-contact .line-formulaire-contact .zone-33 {
  margin-top: 100px;
}
@media (max-width: 767px) {
  .page-contact .line-formulaire-contact .zone-33 {
    margin: 0;
  }
}
@media (max-width: 991px) {
  .page-contact .line-formulaire-contact .zone-67,
.page-contact .line-formulaire-contact .zone-33 {
    width: 100%;
  }
  .page-contact .line-formulaire-contact .zone-33 {
    margin-top: 0;
  }
  .page-contact .line-formulaire-contact .zone-33 .contact {
    margin-left: 0;
  }
}
.page-contact .contact {
  margin-bottom: 54px;
  margin-left: 60px;
}
@media (max-width: 767px) {
  .page-contact .contact {
    margin-left: 0;
  }
}
.page-contact .contact h4 {
  margin-bottom: 20xp;
}
.page-contact .contact p {
  margin: 0;
}
@media (max-width: 991px) {
  .page-contact .banner-article {
    padding: 23rem 0;
  }
}
@media (max-width: 480px) {
  .page-contact .banner-article {
    padding: 27rem 0;
  }
}

.page-demo-calendly .banner-menu.banner-menu-small {
  height: auto;
  background-position: 50% 0;
  background-image: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/Demo/img-top-banner-prise-rdv-sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 0px;
  margin-bottom: 0px;
}
.page-demo-calendly .banner-menu.banner-menu-small.yapla-fr {
  background-image: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/Demo/Banniere_Demo.jpg);
  background-position: 50% -80px;
}
@media screen and (max-width: 1199px) {
  .page-demo-calendly .banner-menu.banner-menu-small.yapla-fr {
    background-position: 50% -10px;
  }
}
@media screen and (max-width: 992px) {
  .page-demo-calendly .banner-menu.banner-menu-small.yapla-fr {
    background-position: 50% 0;
  }
}
@media screen and (min-width: 992px) {
  .page-demo-calendly .banner-menu.banner-menu-small {
    top: 36px;
    margin-bottom: 36px;
  }
}
@media screen and (max-width: 768px) {
  .page-demo-calendly .banner-menu.banner-menu-small {
    height: auto;
  }
}
@media (max-width: 991px) {
  .page-demo-calendly .banner-menu.banner-menu-small .banner-article::before {
    bottom: -100px !important;
  }
}
.page-demo-calendly .banner-menu.banner-menu-small.banner-two-line .banner-article {
  padding-top: calc(5.8rem + 65px);
}
@media screen and (min-width: 992px) {
  .page-demo-calendly .banner-menu.banner-menu-small.banner-two-line .banner-article {
    padding: 3.8rem 0 9.8rem 0;
  }
}
@media screen and (max-width: 992px) {
  .page-demo-calendly .banner-menu.banner-menu-small.banner-two-line .banner-article {
    padding: 13.8rem 0 14.8rem 0;
  }
}
@media screen and (max-width: 768px) {
  .page-demo-calendly .banner-menu.banner-menu-small.banner-two-line .banner-article {
    padding: 0.8rem 0 3.8rem 0;
    padding-top: calc(5.8rem + 65px);
  }
}

.line-demo-calendly-grid-fr,
.line-demo-calendly-grid-ca,
.line-demo-calendly-CA-grid-fr,
.line-demo-calendly-LCL-grid-fr,
.line-services-professionnels-calendly-grid-fr,
.line-services-professionnels-calendly-grid-ca {
  padding-top: 6rem !important;
  padding-bottom: 12rem !important;
}
@media screen and (max-width: 992px) {
  .line-demo-calendly-grid-fr,
.line-demo-calendly-grid-ca,
.line-demo-calendly-CA-grid-fr,
.line-demo-calendly-LCL-grid-fr,
.line-services-professionnels-calendly-grid-fr,
.line-services-professionnels-calendly-grid-ca {
    padding-top: 3rem !important;
    padding-bottom: 9rem !important;
  }
}
@media screen and (max-width: 768px) {
  .line-demo-calendly-grid-fr,
.line-demo-calendly-grid-ca,
.line-demo-calendly-CA-grid-fr,
.line-demo-calendly-LCL-grid-fr,
.line-services-professionnels-calendly-grid-fr,
.line-services-professionnels-calendly-grid-ca {
    padding-top: 0rem !important;
    padding-bottom: 6rem !important;
  }
}
.line-demo-calendly-grid-fr .container .row > div .content,
.line-demo-calendly-grid-ca .container .row > div .content,
.line-demo-calendly-CA-grid-fr .container .row > div .content,
.line-demo-calendly-LCL-grid-fr .container .row > div .content,
.line-services-professionnels-calendly-grid-fr .container .row > div .content,
.line-services-professionnels-calendly-grid-ca .container .row > div .content {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto 100%;
  gap: 0 60px;
  grid-template-areas: "a b" "c b";
}
@media screen and (max-width: 991px) {
  .line-demo-calendly-grid-fr .container .row > div .content,
.line-demo-calendly-grid-ca .container .row > div .content,
.line-demo-calendly-CA-grid-fr .container .row > div .content,
.line-demo-calendly-LCL-grid-fr .container .row > div .content,
.line-services-professionnels-calendly-grid-fr .container .row > div .content,
.line-services-professionnels-calendly-grid-ca .container .row > div .content {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: "a" "b" "c";
  }
}
.line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(1),
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(1),
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(1),
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(1),
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(1),
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(1) {
  grid-area: a;
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(1),
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(1),
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(1),
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(1),
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(1),
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(1) {
    margin-right: 15px;
  }
}
.line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(1) h4, .line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(1) p,
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(1) h4,
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(1) p,
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(1) h4,
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(1) p,
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(1) h4,
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(1) p,
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(1) h4,
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(1) p,
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(1) h4,
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(1) p {
  font-size: 25px;
  line-height: 30px;
  font-weight: 500;
  color: #337ab7;
  margin-top: 35px;
}
.line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(2),
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(2),
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(2),
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(2),
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(2),
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(2) {
  grid-area: b;
}
.line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(3),
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(3),
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(3),
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(3),
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(3),
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(3) {
  grid-area: c;
}
.line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr,
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr,
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr,
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr,
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr,
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td,
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td,
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td,
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td,
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td,
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h4, .line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h3,
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h4,
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h3,
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h4,
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h3,
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h4,
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h3,
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h4,
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h3,
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h4,
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h3 {
  font-weight: 700;
  font-size: 23px;
  line-height: 30px;
  color: #337ab7;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}
.line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h5,
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h5,
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h5,
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h5,
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h5,
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td h5 {
  font-size: 22px;
  line-height: 28px;
  color: #337ab7;
}
.line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td:first-child,
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td:first-child,
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td:first-child,
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td:first-child,
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td:first-child,
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td:first-child {
  width: 95px !important;
  vertical-align: top;
  padding-right: 15px;
}
.line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td:nth-child(2),
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td:nth-child(2),
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td:nth-child(2),
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td:nth-child(2),
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td:nth-child(2),
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(3) table.demo-subject-listing > tbody > tr > td:nth-child(2) {
  width: calc(100% - 95px);
}
@media screen and (max-width: 480px) {
  .line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(3),
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(3),
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(3),
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(3),
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(3),
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(3) {
    margin-top: 0;
  }
}
.line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(3) .yt-max,
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(3) .yt-max,
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(3) .yt-max,
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(3) .yt-max,
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(3) .yt-max,
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(3) .yt-max {
  margin-left: 0;
  padding-top: 4.5rem;
}
.line-demo-calendly-grid-fr .container .row > div .content .row:nth-child(3) .yt-max iframe,
.line-demo-calendly-grid-ca .container .row > div .content .row:nth-child(3) .yt-max iframe,
.line-demo-calendly-CA-grid-fr .container .row > div .content .row:nth-child(3) .yt-max iframe,
.line-demo-calendly-LCL-grid-fr .container .row > div .content .row:nth-child(3) .yt-max iframe,
.line-services-professionnels-calendly-grid-fr .container .row > div .content .row:nth-child(3) .yt-max iframe,
.line-services-professionnels-calendly-grid-ca .container .row > div .content .row:nth-child(3) .yt-max iframe {
  border-radius: 10px;
}

.line-demo-calendly-logo {
  padding-top: 80px;
  padding-bottom: 70px;
}
.line-demo-calendly-logo .container > .row > div > h4, .line-demo-calendly-logo .container > .row > div > h2 {
  color: #337ab7;
  text-align: center;
  margin-bottom: 50px;
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
}
@media screen and (min-width: 481px) {
  .line-demo-calendly-logo .container > .row > div > h4, .line-demo-calendly-logo .container > .row > div > h2 {
    font-size: 20px;
    line-height: 25px;
  }
}
.line-demo-calendly-logo .container > .row > div .content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
.line-demo-calendly-logo .container > .row > div .content p {
  text-align: center;
}
@media (min-width: 481px) {
  .line-demo-calendly-logo .container > .row > div .content p {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .line-demo-calendly-logo .container > .row > div .content p {
    width: 46%;
  }
}
@media (min-width: 992px) {
  .line-demo-calendly-logo .container > .row > div .content p {
    width: 30%;
  }
}
@media (min-width: 1200px) {
  .line-demo-calendly-logo .container > .row > div .content p {
    width: 14%;
  }
}
.line-demo-calendly-logo .container > .row > div .content p img {
  max-width: 180px;
}

.page-entreprise.fr .banner-menu h1 {
  max-width: 800px !important;
  margin: 0 auto;
  margin-bottom: 60px;
}
.page-entreprise .banner-menu {
  height: 720px;
  background-image: url(" https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/accompagnement/shutterstock_403790431%201.jpg");
  background-position: 50% 0;
}
@media (max-width: 991px) {
  .page-entreprise .banner-menu {
    height: 650px;
  }
}
.page-entreprise .banner-menu h1 {
  max-width: 730px !important;
  margin: 0 auto;
  margin-bottom: 60px;
}
.page-entreprise .line-cta-picto {
  padding-bottom: 10px !important;
}
.page-entreprise .line-intro-app .mod-article__intro h2 {
  max-width: 540px;
}
.page-entreprise .banner-entreprise .mod-banner__img {
  height: 581px;
}
.page-entreprise .zone-33.zone-article {
  width: 50%;
}
.page-entreprise .grid-options h4 {
  color: #337ab7;
}
.page-entreprise .zone-title.bg-blue-light {
  text-align: center;
}
.page-entreprise .zone-title.bg-blue-light h2 {
  max-width: 100%;
}
.page-entreprise .bg-blue-light.grid-options h4 {
  color: rgb(255, 123, 20);
}
.page-entreprise .bg-blue-light.grid-options .item.col-sm-8 {
  grid-template-columns: 1fr 3fr;
}

.page-condition-utilisation .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/travailler/poste-disponible-detail.jpg");
  background-position: 50% 0;
}
.page-condition-utilisation .line-article-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
  margin-bottom: 80px;
}
.page-condition-utilisation .line-bandeau-infolettre {
  clear: both;
}

.page-404 .banner-menu {
  background-image: none;
  background-position: 50% 0;
}
.page-404 .banner-menu-small {
  margin-bottom: 36px;
}
@media (max-width: 991px) {
  .page-404 .banner-menu-small {
    margin-bottom: 0;
  }
  .page-404 .banner-menu-small .banner-article:before {
    bottom: -94px;
    z-index: 500;
  }
  .page-404 .banner-menu-small .banner-article:after {
    bottom: -194px;
    z-index: 500;
  }
}
@media (max-width: 767px) {
  .page-404 .banner-menu-small .banner-article:after {
    width: 140px;
  }
}
.page-404 .banner-menu-small::after {
  background: none;
  margin-bottom: 0;
  height: 0;
}

.line-404 {
  padding: 150px 0;
}
@media (max-width: 991px) {
  .line-404 {
    padding-bottom: 50px;
  }
}
.line-404 p.intro {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  margin-bottom: 2rem;
  color: rgb(255, 123, 20);
  font-size: 2rem;
}
@media (max-width: 480px) {
  .line-404 p.intro {
    font-size: 16px;
    line-height: 48px;
  }
}
@media (min-width: 481px) {
  .line-404 p.intro {
    font-size: 18px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  .line-404 p.intro {
    font-size: 18px;
    line-height: 48px;
  }
}
.line-404 .row-fluid {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .line-404 .row-fluid {
    flex-direction: column;
  }
  .line-404 .row-fluid .mod-article__intro {
    text-align: center;
  }
  .line-404 .row-fluid img {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .line-404 .row-fluid .zone-50:first-child {
    max-width: 650px;
    margin-right: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .line-404 .row-fluid .zone-50:first-child {
    width: 50%;
    margin-bottom: 10rem;
  }
}
@media (max-width: 991px) {
  .line-404 .row-fluid .zone-50:first-child {
    width: 100%;
    margin-bottom: 10rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .line-404 .row-fluid .zone-50.zone-image {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .line-404 .row-fluid .zone-50.zone-image {
    width: 100%;
  }
}
.line-404 h2 {
  padding-top: 0;
  margin-bottom: 3rem;
}
.line-404 p {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 2rem;
  color: #595c62;
}
@media (min-width: 992px) {
  .line-404 p {
    max-width: 530px;
  }
}
.line-404 .btn {
  margin-top: 40px;
}

.page-formation .col-sm-8 h3,
.page-formation .col-sm-12 h3 {
  color: #ff7b14;
  font-weight: bold;
  text-transform: none;
  margin-bottom: 40px;
}
.page-formation .col-sm-8 p.itemInfos.mod-eventflash__item-itemInfos,
.page-formation .col-sm-8 span.date.e-date,
.page-formation .col-sm-12 p.itemInfos.mod-eventflash__item-itemInfos,
.page-formation .col-sm-12 span.date.e-date {
  color: #337ab7;
  font-size: 16px;
  font-weight: 600;
}
.page-formation .col-sm-8 p.itemInfos.mod-eventflash__item-itemInfos,
.page-formation .col-sm-12 p.itemInfos.mod-eventflash__item-itemInfos {
  margin-bottom: 40px;
}
.page-formation .col-sm-8 img,
.page-formation .col-sm-12 img {
  margin-bottom: 40px;
}
.page-formation .col-sm-8 .intro.mod-eventflash__item-intro,
.page-formation .col-sm-12 .intro.mod-eventflash__item-intro {
  color: #595c62;
}
.page-formation .col-sm-8 hr,
.page-formation .col-sm-12 hr {
  display: none;
}

.page-formation-detail .line-article-container {
  max-width: 90%;
}
.page-formation-detail .jumbotron.event-jumbotron__left {
  background: transparent;
}
.page-formation-detail .jumbotron.event-jumbotron__left #jumbotron__singlebutton {
  color: #fff;
}
.page-formation-detail .col-sm-14.col-md-16.row-event-jumbotron__right {
  max-width: 990px;
}
.page-formation-detail .event-detail__image-wrapper img {
  width: 100%;
}
.page-formation-detail span.h3.event-info__title {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  color: #337ab7;
}
@media (max-width: 480px) {
  .page-formation-detail span.h3.event-info__title {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .page-formation-detail span.h3.event-info__title {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  .page-formation-detail span.h3.event-info__title {
    font-size: 25px;
    line-height: 30px;
  }
}
.page-formation-detail .jumbotron.event-jumbotron__top {
  background: transparent;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.page-formation-detail .at-share-btn-elements {
  display: none;
}
.page-formation-detail h1.event-jumbotron__title {
  max-width: 100%;
}
.page-formation-detail h2 {
  margin-top: 40px;
}
.page-formation-detail .col-sm-10.col-md-8.row-event-jumbotron__right,
.page-formation-detail .jumbotron.event-jumbotron__right {
  background: #f1f5fd;
}
.page-formation-detail .col-sm-10.col-md-8.row-event-jumbotron__right .btn-primary,
.page-formation-detail .jumbotron.event-jumbotron__right .btn-primary {
  color: #fff;
}
.page-formation-detail p.itemInfos.event-jumbotron__date {
  text-transform: none;
  font-weight: 600;
  color: #337ab7;
}
@media (max-width: 991px) {
  .page-formation-detail .row.row-event-jumbotron__left-right {
    display: flex;
    flex-direction: column-reverse;
  }
  .page-formation-detail .row.row-event-jumbotron__left-right .col-sm-10.col-md-8.row-event-jumbotron__right {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .page-formation-detail .col-sm-14.col-md-16.col-event-jumbotron__left {
    width: calc(66.66666667% - 30px);
    margin-right: 30px;
  }
}
.page-formation-detail .event-detail__nav__cta {
  display: flex;
  flex-direction: row-reverse;
}
.page-formation-detail .event-detail__nav__cta .btn-back {
  color: #fff;
  width: 100%;
  margin-right: 15px;
}
.page-formation-detail .event-detail__nav__cta .btn-primary {
  color: #fff;
  width: 100%;
}
.page-formation-detail .btn-link {
  color: #fff !important;
  background-color: #337ab7 !important;
}
.page-formation-detail .form-withProgress__wrapper {
  background: #f1f5fd;
}
.page-formation-detail .form-withProgress__wrapper input,
.page-formation-detail .form-withProgress__wrapper textarea {
  background: #fff;
}
.page-formation-detail .form-element-i-9_f0rm_enparticipantacetteformationquesouhaitezvousapprendre .col-md-12 {
  width: 100%;
}
.page-formation-detail legend {
  color: #337ab7 !important;
}

.nav.nav-pills.nav-progress .disabled {
  display: flex;
}
.nav.nav-pills.nav-progress .disabled:before {
  border-radius: 0;
  background: #337ab7;
  opacity: 0.5;
  color: #fff;
  border-right: 1px solid #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.nav.nav-pills.nav-progress .disabled:after {
  display: none;
}
.nav.nav-pills.nav-progress .disabled a {
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0;
  background: #337ab7;
  opacity: 0.5;
  color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 18px;
  text-transform: none;
}
.nav.nav-pills.nav-progress .disabled.active:before,
.nav.nav-pills.nav-progress .disabled.active a {
  opacity: 1;
  background: rgb(255, 123, 20);
}

@media (max-width: 480px) {
  .line-besoin-conseil .mod-article__content p,
.besoin-conseil .mod-article__content p {
    text-align: left;
  }
  .line-up-50.grid-flash .item.col-sm-24 p,
.line-up-50.grid-flash p.intro {
    text-align: left;
  }
  .line-up-50.grid-flash .item.col-sm-24 h4,
.line-up-50.grid-flash .item.col-sm-24 p {
    margin-left: 15px;
  }
  .fonctionnalite .carroussel .glyphicon-chevron-left,
.fonctionnalite .carroussel .glyphicon-chevron-right {
    display: none;
  }
  .fonctionnalite .carroussel .vertical-mode,
.fonctionnalite .fonctionnalite .carroussel .carousel-inner,
.fonctionnalite .fonctionnalite .carroussel .carousel-text,
.fonctionnalite .fonctionnalite .carroussel .item {
    min-height: 650px;
  }
  .free-account .mod-article__intro br {
    display: none;
  }
  .free-account .mod-article__intro p {
    text-align: left;
  }
  .line-type-asso-grid .grid .item p {
    text-align: left;
  }
  .line-50-50-img-text .mod-article__intro p {
    text-align: left;
  }
  .line-avantage .mod-article__intro p {
    text-align: left;
  }
  .forfaits p.forfait-resume,
.forfaits .price,
.forfaits .panel-title {
    text-align: left;
  }
  .forfaits .news-accordion-content p {
    text-align: left;
  }
  .page-blogue .line-blogs h3.news-title,
.page-blogue .line-blogs p.news-intro {
    text-align: left;
  }
  .page-blog-detail p.mod-article__published-date,
.page-blog-detail h3 {
    text-align: left;
  }
  .page-blog-detail.lang-en .mod-article__wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .page-accompagnement .line-intro-app .mod-article__intro {
    margin-left: 0;
  }
  .page-accompagnement .line-intro-app .mod-article__intro p {
    text-align: left;
  }
  .page-accompagnement .line-planifier-succes .mod-article__intro p {
    text-align: left;
  }
  .page-travailler-chez-yapla .grid-facons .item.col-sm-8 p {
    text-align: left;
  }
  .page-poste-disponible-detail .mod-article__content p {
    text-align: left;
  }
  .page-entreprise .grid-options .item.col-sm-12 p,
.page-entreprise .grid-options .item.col-sm-8 p {
    text-align: left;
  }
  .page-contact .line-formulaire-contact .col-sm-8.zone-33 .content {
    margin-top: 40px;
  }
  .page-contact .line-formulaire-contact .col-sm-8.zone-33 .content p {
    text-align: left;
  }
  .fonctionnalite .grid-facons p {
    text-align: left;
  }
  .page-federation.page-type-asso .line-banner-module .mod-banner__img {
    height: 880px;
  }
  .page-entreprise .line-intro-app .mod-article__intro p {
    text-align: left;
  }
}
@media (max-width: 991px) {
  .page-condition-utilisation .banner-menu.banner-menu-small .banner-article {
    padding-top: 115px;
  }
  .page-poste-disponible .line.site_line__item.line-post-disponible-title .container {
    width: 95%;
  }
  .page-travailler-chez-yapla .line-cta-picto {
    padding-bottom: 85px;
  }
  .page-travailler-chez-yapla .carousel.vertical-mode {
    min-height: 820px;
  }
  .page-federation .line-intro-asso .container {
    width: 95%;
  }
  .page-federation .line-intro-asso .container .item {
    width: 320px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .besoin-conseil,
.line-besoin-conseil {
    padding: 100px 0 50px;
  }
  .line-type-asso-grid .grid .item:nth-child(4),
.line-type-asso-grid .grid .item:nth-child(5),
.line-type-asso-grid .grid .item:nth-child(9),
.line-type-asso-grid .grid .item:nth-child(10) {
    max-width: 660px;
    width: calc(47% - 5px);
    max-height: 524px;
    max-width: 734px;
  }
  .fonctionnalite .carroussel .vertical-mode span.glyphicon.glyphicon-chevron-right::after,
.fonctionnalite .carroussel .vertical-mode span.glyphicon.glyphicon-chevron-left::after {
    bottom: -200px;
  }
}
@media (max-width: 767px) {
  .line-carousel-temoignage .carousel.vertical-mode span.glyphicon.glyphicon-chevron-left,
.line-carousel-temoignage .carousel.vertical-mode span.glyphicon.glyphicon-chevron-right {
    display: none;
  }
}
@media (min-width: 1440px) {
  .page-nos-associations .grid .item strong br {
    display: none;
  }
}
@media (max-width: 480px) {
  .page-nos-associations.fonctionnalite .banner-menu .banner-article {
    padding: 25rem 0;
  }
}
@media (max-width: 1024px) and (min-width: 991px) {
  .asso-6000-img {
    margin-bottom: 80px;
  }
}

@media (max-width: 1024px) and (min-width: 991px) {
  .accueil .banner-article {
    padding: 120px 0;
  }
  .accueil .banner-article .container h1 {
    font-size: 45px;
  }
  .accueil .banner-article .mod-article__intro br {
    display: none;
  }
}
@media (max-width: 991px) {
  .accueil .banner-article .container h1 {
    font-size: 45px;
  }
  .accueil .banner-article .mod-article__intro br {
    display: none;
  }
}

/* RIPOSTE FOR DEMO PAGE */
.demo-page .banner-menu {
  background-image: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/Demo/Banniere_Demo.jpg);
}

.demo-page .banner-menu .banner-article {
  padding: 12rem 0;
}

.demo-page .intro-demo {
  padding: 140px 0 0;
}

@media screen and (min-width: 1199px) {
  .demo-page .intro-demo .row > .zone-article:first-child .mod-article__wrapper {
    padding-right: 80px;
  }
}
.demo-page .intro-demo table.demo-subject-listing > tbody > tr > td:first-child {
  width: 20%;
  vertical-align: top;
  padding-right: 15px;
}

@media screen and (max-width: 991px) {
  .demo-page .intro-demo table.demo-subject-listing > tbody > tr > td:first-child {
    width: 25%;
  }
}
@media screen and (max-width: 991px) {
  .demo-page h3 {
    text-align: left;
  }
}
/*
Catalogue de formation page detail
*/
.page-formation-detail .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forrmation/banner-formation-detail.jpg");
  background-position: 50% 0;
}

.line-intro-formation {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.line-intro-formation .mod-article__content {
  max-width: 750px;
  margin: auto;
}
.line-intro-formation .mod-article__content .mod-article__content,
.line-intro-formation .mod-article__content .mod-article__intro {
  text-align: center;
}

.line-formulaire-formation {
  padding: 11rem 0;
  overflow: hidden;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .line-formulaire-formation .container {
    width: 100%;
  }
}
.line-formulaire-formation h1 {
  text-align: left;
  max-width: 100%;
  padding: 0;
  margin-bottom: 7rem;
}
.line-formulaire-formation h2 {
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  color: #337ab7;
  font-weight: bold;
  margin-bottom: 2.3rem;
}
@media (max-width: 480px) {
  .line-formulaire-formation h2 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .line-formulaire-formation h2 {
    font-size: 25px;
    line-height: 33px;
  }
}
@media (min-width: 1200px) {
  .line-formulaire-formation h2 {
    font-size: 30px;
    line-height: 38px;
  }
}
.line-formulaire-formation h3 {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  color: #337ab7;
  font-weight: bold;
  margin-bottom: 0.5rem;
  text-align: left;
}
@media (max-width: 480px) {
  .line-formulaire-formation h3 {
    font-size: 16px;
    line-height: 48px;
  }
}
@media (min-width: 481px) {
  .line-formulaire-formation h3 {
    font-size: 18px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  .line-formulaire-formation h3 {
    font-size: 18px;
    line-height: 48px;
  }
}
.line-formulaire-formation ul {
  margin-bottom: 2rem;
}
.line-formulaire-formation p {
  margin-bottom: 4rem;
}
.line-formulaire-formation .header-formation {
  padding: 1.5rem 0;
  display: flex;
  justify-content: space-between;
}
.line-formulaire-formation .header-formation-part-1, .line-formulaire-formation .header-formation-part-2 {
  flex-grow: 1;
}
.line-formulaire-formation .header-formation-part-2 {
  display: flex;
  align-self: center;
  justify-content: flex-end;
}
.line-formulaire-formation .header-formation .duree {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  color: #337ab7;
}
@media (max-width: 480px) {
  .line-formulaire-formation .header-formation .duree {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .line-formulaire-formation .header-formation .duree {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  .line-formulaire-formation .header-formation .duree {
    font-size: 25px;
    line-height: 30px;
  }
}
.line-formulaire-formation hr {
  margin: 0;
  border-top: 1px solid #337ab7;
}
@media (min-width: 768px) {
  .line-formulaire-formation .col-sm-16 {
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .line-formulaire-formation .col-sm-16 {
    padding: 0 3.7rem;
    margin-bottom: 10rem;
  }
}
.line-formulaire-formation .zone-news_flash > .content .row + .row {
  margin-top: 1.7rem;
}
.line-formulaire-formation .col-sm-8 {
  background: #f1f5fd;
  padding: 3rem;
}
@media (max-width: 767px) {
  .line-formulaire-formation .col-sm-8 {
    display: none;
  }
}
.line-formulaire-formation .col-sm-8 .news-item {
  margin-bottom: 3rem;
}
.line-formulaire-formation .col-sm-8 .newsList > h2 {
  font-size: 1.8rem;
  color: #337ab7;
  font-weight: 900;
  padding-bottom: 4rem;
  border-bottom: 1px solid #337ab7;
  margin-bottom: 4rem;
  line-height: 1.2;
}
.line-formulaire-formation .col-sm-8 .item h3 {
  color: rgb(255, 123, 20);
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  text-align: left;
}
.line-formulaire-formation .col-sm-8 .news-meta.e-date a {
  color: #337ab7;
  font-size: 1.8rem;
  text-align: left;
}
.line-formulaire-formation .col-sm-8 img.news-image {
  display: none;
}
.line-formulaire-formation .forfaits .panel-group .panel .panel-heading {
  padding: 1.8rem 0;
}
.line-formulaire-formation .forfaits .panel-group .panel .panel-heading h3 > a {
  font-weight: 700;
}
.line-formulaire-formation .forfaits .panel-group .panel .panel-body p {
  font-weight: 400;
}
.line-formulaire-formation .form-horizontal .control-label {
  font-weight: 400;
}
.line-formulaire-formation #form-formbuilder {
  padding-bottom: 10rem;
}
.line-formulaire-formation #form-formbuilder .previous-button {
  margin-right: 1rem;
  color: #fff;
  background-color: #337ab7;
}
.line-formulaire-formation #form-formbuilder .previous-button:hover, .line-formulaire-formation #form-formbuilder .previous-button:focus {
  color: #fff;
  background-color: rgb(255, 123, 20);
}
@media (max-width: 480px) {
  .line-formulaire-formation #form-formbuilder .crm-footer-frame {
    flex-direction: column;
  }
  .line-formulaire-formation #form-formbuilder .crm-footer-frame .previous-button {
    margin: 0;
  }
}
.line-formulaire-formation #fieldset-pricetype legend {
  padding-bottom: 1rem;
  border-color: #337ab7;
}
.line-formulaire-formation #fieldset-pricetype .list-group-item {
  border: none;
  background-color: #f1f5fd;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .line-formulaire-formation #fieldset-pricetype .list-group-item {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .line-formulaire-formation #fieldset-pricetype .list-group-item .radio {
    order: 1;
  }
}
.line-formulaire-formation #fieldset-pricetype .list-group-item .radio label {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2 !important;
  margin: 0;
}
.line-formulaire-formation #fieldset-pricetype .list-group-item .description {
  width: 100%;
  padding-left: 20px;
  font-size: 1.6rem;
}
@media (max-width: 480px) {
  .line-formulaire-formation #fieldset-pricetype .list-group-item .description {
    order: 2;
  }
}
@media (max-width: 480px) {
  .line-formulaire-formation #fieldset-pricetype .list-group-item .badge {
    order: 3;
    padding-left: 20px;
  }
}
.line-formulaire-formation #sub_step_3 {
  background-color: #f1f5fd;
  padding: 3rem;
  margin-bottom: 10rem;
}
.line-formulaire-formation #sub_step_3 .form-withProgress__sub-total h4 {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  color: #337ab7;
}
@media (max-width: 480px) {
  .line-formulaire-formation #sub_step_3 .form-withProgress__sub-total h4 {
    font-size: 16px;
    line-height: 48px;
  }
}
@media (min-width: 481px) {
  .line-formulaire-formation #sub_step_3 .form-withProgress__sub-total h4 {
    font-size: 18px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  .line-formulaire-formation #sub_step_3 .form-withProgress__sub-total h4 {
    font-size: 18px;
    line-height: 48px;
  }
}
.line-formulaire-formation #sub_step_3 input,
.line-formulaire-formation #sub_step_3 textarea {
  background-color: white;
}
.line-formulaire-formation #sub_step_3 label {
  margin-bottom: 1rem;
}
.line-formulaire-formation #sub_step_3 .form-control {
  background: white;
}
.line-formulaire-formation #sub_step_3 .previous-button {
  color: #fff;
  background-color: #337ab7;
  position: absolute;
  bottom: 120px;
}
.line-formulaire-formation #sub_step_3 .previous-button:hover, .line-formulaire-formation #sub_step_3 .previous-button:focus {
  color: #fff;
  background-color: rgb(255, 123, 20);
}
@media (max-width: 767px) {
  .line-formulaire-formation #sub_step_3 .previous-button {
    bottom: 25px;
  }
}
.line-formulaire-formation #form-formbuilder[name=Formulairesiteweb] {
  margin-top: 10rem;
  position: relative;
  padding: 5rem 0;
  background-color: #f1f5fd;
}
.line-formulaire-formation #form-formbuilder[name=Formulairesiteweb]:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  right: -100%;
  z-index: -1;
  background-color: #f1f5fd;
}
.line-formulaire-formation #form-formbuilder[name=Formulairesiteweb] input,
.line-formulaire-formation #form-formbuilder[name=Formulairesiteweb] textarea {
  background-color: white;
}
.line-formulaire-formation #form-formbuilder[name=Formulairesiteweb] .form-group.form-element-informations_complementaires .col-md-12 {
  width: 100%;
}

/*vue liste*/
.page-formation-liste .banner-menu {
  background-image: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forrmation/banner-formation-detail.jpg");
  background-position: 50% 0;
}
@media (min-width: 992px) {
  .page-formation-liste .banner-menu.banner-menu-small .banner-article {
    padding-top: 2rem;
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .page-formation-liste .banner-menu.banner-menu-small .banner-article {
    padding-top: 15rem;
    padding-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .page-formation-liste .banner-menu.banner-menu-small .banner-article {
    padding-top: 15rem;
    padding-bottom: 4rem;
  }
}
.page-formation-liste .banner-menu.banner-menu-small .banner-article h1 {
  padding: 0;
  max-width: unset;
}
@media (max-width: 480px) {
  .page-formation-liste .banner-menu.banner-menu-small .banner-article h1 {
    font-size: 28px !important;
  }
}

.line-formation-liste {
  padding-top: 7rem;
  padding-bottom: 7rem;
  background-color: #f1f5fd;
}
.line-formation-liste .list-container {
  display: flex;
}
@media (max-width: 991px) {
  .line-formation-liste .list-container {
    flex-direction: column;
  }
}
.line-formation-liste .list-container .list-part-1 {
  background-color: white;
  padding: 6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.line-formation-liste .list-container .list-part-1-row {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .line-formation-liste .list-container .list-part-1-row img {
    transform: scale(0.85);
  }
}
.line-formation-liste .list-container .list-part-1-row img + img {
  margin-left: 1rem;
}
.line-formation-liste .list-container .list-part-1-row:first-child {
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .line-formation-liste .list-container .list-part-1-row:first-child {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .line-formation-liste .list-container .list-part-1-row {
    flex-direction: column;
  }
}
.line-formation-liste .list-container .list-part-1-column {
  align-self: baseline;
  flex: 1 1 0px;
}
.line-formation-liste .list-container .list-part-1-column:first-child {
  padding-right: 5rem;
}
@media (max-width: 767px) {
  .line-formation-liste .list-container .list-part-1-column:first-child {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .line-formation-liste .list-container .list-part-1-column:first-child {
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .line-formation-liste .list-container .list-part-1 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 75%;
  }
}
@media (max-width: 991px) {
  .line-formation-liste .list-container .list-part-1 {
    padding: 4rem 3.5rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}
.line-formation-liste .list-container .list-part-1 h2,
.line-formation-liste .list-container .list-part-1 h3 {
  display: inline-block;
  line-height: 1.3;
  font-weight: bold;
  padding: 0;
  margin-bottom: 2rem;
}
.line-formation-liste .list-container .list-part-1 h2 {
  font-size: 2.5rem;
}
.line-formation-liste .list-container .list-part-1 h3 {
  font-size: 1.8rem;
}
.line-formation-liste .list-container .list-part-1 p,
.line-formation-liste .list-container .list-part-1 ul {
  font-size: 1.8rem;
  line-height: 1.6;
  color: #595c62;
}
.line-formation-liste .list-container .list-part-1 ul {
  padding-left: 20px;
}
.line-formation-liste .list-container .list-part-2 {
  text-align: center;
  background-color: #337ab7;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.line-formation-liste .list-container .list-part-2-row:nth-child(2) {
  margin-bottom: 4rem;
}
@media (max-width: 991px) {
  .line-formation-liste .list-container .list-part-2-row:nth-child(2) {
    margin-bottom: 1rem;
  }
}
@media (min-width: 992px) {
  .line-formation-liste .list-container .list-part-2 {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 25%;
  }
}
@media (max-width: 991px) {
  .line-formation-liste .list-container .list-part-2 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.line-formation-liste .list-container .list-part-2 * {
  color: white;
}
.line-formation-liste .list-container .list-part-2 .price-tag.h1 {
  margin-bottom: 0;
}
.line-formation-liste .list-container .list-part-2 .duree {
  font-size: 2.5rem;
  font-weight: bold;
}

.warning-strip-zip {
  line-height: 1.1;
  margin-top: 0.5rem;
}

.confirmation-seperator {
  padding-bottom: 12rem;
}

/*CSS Riposte Formation V2*/
.page-formation-detail .banner-article {
  padding-top: 2rem !important;
  padding-bottom: 0 !important;
}
@media (max-width: 991px) {
  .page-formation-detail .banner-article {
    padding-top: calc(4rem + 85px) !important;
    padding-bottom: 4rem !important;
  }
}
.page-formation-detail .line-main {
  background-color: #F1F5FD;
}
.page-formation-detail .line-form-intro {
  padding: 50px 0 50px 0;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 100px;
}
.page-formation-detail .line-form-intro .container {
  max-width: 999px;
}
.page-formation-detail .line-form-intro h2 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 800;
  margin-bottom: 25px;
}
.page-formation-detail .line-form-intro p {
  color: #595C62;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
.page-formation-detail .line-formulaire-formation {
  padding-top: 0;
}
.page-formation-detail .line-formulaire-formation a:hover {
  background-color: #F1F5FD;
  color: #337ab7;
}
.page-formation-detail .line-formulaire-formation #form-formbuilder {
  padding-top: 100px;
}
.page-formation-detail .line-form .col-sm-8 {
  background: #fff;
  padding: 0rem;
}
.page-formation-detail .line-form #formbuilder-add-wrapper hr {
  display: none;
}
.page-formation-detail .line-form #formbuilder-add-wrapper .header-formation {
  background-color: #337ab7;
  border-radius: 10px;
  padding: 40px;
}
.page-formation-detail .line-form #formbuilder-add-wrapper .header-formation span.h1, .page-formation-detail .line-form #formbuilder-add-wrapper .header-formation span.duree {
  color: #fff;
}
.page-formation-detail .line-form .row.bn-fm.mobile {
  display: none;
}
@media (max-width: 767px) {
  .page-formation-detail .line-form .row.bn-fm.mobile {
    display: block !important;
    margin: 50px 0px;
    height: 540px;
    width: 300px;
    padding: 10px 25px;
    background-size: 300px;
  }
}
.page-formation-detail .line-form .row.bn-fm {
  height: 814px;
  width: 490px;
  background: url("https://cdn.eu.yapla.com/company/CPYf0q1ZT86CIOnV2M3xivbSD/asset/images/bg-enquart-v2.png") no-repeat center center;
  background-size: 97%;
  padding: 35px;
  color: #fff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-formation-detail .line-form .row.bn-fm {
    height: 560px;
    width: 330px;
    padding: 10px 35px;
    background-size: 327px;
  }
}
@media (max-width: 991px) {
  .page-formation-detail .line-form .row.bn-fm {
    height: 450px;
    width: 270px;
    padding: 0 15px;
    background-size: 263px;
  }
}
.page-formation-detail .line-form .row.bn-fm h2 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 400;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-formation-detail .line-form .row.bn-fm h2 {
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 991px) {
  .page-formation-detail .line-form .row.bn-fm h2 {
    font-size: 18px;
    line-height: 26px;
  }
}
.page-formation-detail .line-form .row.bn-fm p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-formation-detail .line-form .row.bn-fm p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .page-formation-detail .line-form .row.bn-fm p {
    font-size: 14px;
    line-height: 21px;
  }
}
.page-formation-detail .line-form .row.bn-fm h2, .page-formation-detail .line-form .row.bn-fm p {
  color: #fff;
}
@media (max-width: 991px) {
  .page-formation-detail .line-form .row.bn-fm h2, .page-formation-detail .line-form .row.bn-fm p {
    margin-bottom: 25px;
  }
}
.page-formation-detail .line-form .row.bn-fm a {
  background-color: #337ab7;
}
.page-formation-detail .line-form .row.bn-fm a:hover {
  background-color: #F1F5FD !important;
  color: #337ab7 !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-formation-detail .line-form .row.bn-fm a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .page-formation-detail .line-form .row.bn-fm a {
    font-size: 14px;
    padding: 8px 12px;
  }
}
.page-formation-detail .line-form .row.bn-fm img {
  position: absolute;
  top: 71%;
  left: 240px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-formation-detail .line-form .row.bn-fm img {
    top: 60%;
    left: 215px;
  }
}
@media (max-width: 991px) {
  .page-formation-detail .line-form .row.bn-fm img {
    top: 60%;
    left: 185px;
  }
}
@media (max-width: 767px) {
  .page-formation-detail .line-form .row.bn-fm img {
    top: 62%;
    left: 185px;
    width: 40px !important;
  }
}

.page-offre-partenaire .banner-menu {
  background-image: url("  https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/offres-partenaires/banner.jpg");
}
.page-offre-partenaire .banner-menu.banner-menu-small .banner-article:before {
  bottom: -110px;
}
.page-offre-partenaire .banner-menu.banner-menu-small .banner-article:after {
  bottom: -110px;
}

.line-intro {
  padding-top: 15rem;
  padding-bottom: 15rem;
  text-align: center;
}
.line-intro .content {
  max-width: 990px;
  margin: auto;
}

.line-avantages {
  padding-top: 13rem;
  padding-bottom: 15rem;
}
.line-avantages .h4 {
  color: #337ab7;
}
@media (max-width: 991px) {
  .line-avantages {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
@media (min-width: 768px) {
  .line-avantages .row {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .line-avantages .row [class*=zone-]:first-child {
    margin-bottom: 11rem;
  }
}
.line-avantages h3 {
  margin-bottom: 5rem;
  font-weight: bold;
  color: #337ab7;
}
.line-avantages ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 3rem;
}
.line-avantages ul li {
  font-size: 2rem;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
}
.line-avantages ul li::before {
  padding-right: 15px;
  content: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/fonctionnalite/Dons/evolution/checked.png");
}
.line-avantages .btn {
  margin-top: 4rem;
}
.line-avantages img {
  width: 585px;
  margin-right: auto;
}
@media (min-width: 1200px) {
  .line-avantages img {
    padding: 10%;
  }
}

.pd-t-md {
  padding-top: 11rem;
}

.line-partenaires {
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin: 0;
}
.line-partenaires .container-fluid {
  padding: 0;
}
.line-partenaires .container-fluid > .row {
  margin: 0;
  padding: 0;
}
.line-partenaires .paginatorNbRow {
  display: none;
}
.line-partenaires #EceeDpgOwTG4Klcy8pOaYyBd .js-news-blog-items {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .line-partenaires #EceeDpgOwTG4Klcy8pOaYyBd .js-news-blog-items {
    flex-direction: row;
  }
}
.line-partenaires .news-blog__items > .content {
  display: flex;
  justify-content: center;
}
.line-partenaires .news-blog__box {
  display: flex;
  flex: 1 1 0px;
  padding: 3rem;
  margin: 0;
  border: none;
  justify-content: center;
  border-radius: 0px;
}
.line-partenaires .news-blog__box:nth-child(1) {
  background-color: #edf4f2;
}
.line-partenaires .news-blog__box:nth-child(1) .news-blog__readmore {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  box-shadow: none !important;
  max-width: 100%;
  min-width: 1px;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  padding: 15px 22px;
  text-transform: none;
  transition: background-color 0.1s ease-in-out;
  color: #fff;
  background-color: rgb(255, 123, 20);
  width: 255px;
  white-space: pre-wrap;
  display: block;
}
.line-partenaires .news-blog__box:nth-child(1) .news-blog__readmore:hover, .line-partenaires .news-blog__box:nth-child(1) .news-blog__readmore:focus {
  color: #fff;
  background-color: #337ab7;
}
.line-partenaires .news-blog__box:nth-child(1) .news-blog__title {
  color: #006645;
}
.line-partenaires .news-blog__box:nth-child(2) {
  background-color: #e4e9fd;
}
.line-partenaires .news-blog__box:nth-child(2) .news-blog__readmore {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  box-shadow: none !important;
  max-width: 100%;
  min-width: 1px;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  padding: 15px 22px;
  text-transform: none;
  transition: background-color 0.1s ease-in-out;
  color: #fff;
  background-color: #337ab7;
  width: 255px;
  white-space: pre-wrap;
  display: block;
}
.line-partenaires .news-blog__box:nth-child(2) .news-blog__readmore:hover, .line-partenaires .news-blog__box:nth-child(2) .news-blog__readmore:focus {
  color: #fff;
  background-color: rgb(255, 123, 20);
}
.line-partenaires .news-blog__box:nth-child(2) .news-blog__title {
  color: #337ab7;
}
.line-partenaires .news-blog__box:nth-child(2) .news-blog__title {
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-weight: bold;
}
@media (max-width: 480px) {
  .line-partenaires .news-blog__box:nth-child(2) .news-blog__title {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .line-partenaires .news-blog__box:nth-child(2) .news-blog__title {
    font-size: 25px;
    line-height: 33px;
  }
}
@media (min-width: 1200px) {
  .line-partenaires .news-blog__box:nth-child(2) .news-blog__title {
    font-size: 30px;
    line-height: 38px;
  }
}
.line-partenaires .news-blog__box .row {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  padding: 5rem;
}
.line-partenaires .news-blog__box .row .col-sm-12:first-of-type {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .line-partenaires .news-blog__box .row .col-sm-12:first-of-type {
    width: 70%;
  }
}
.line-partenaires .news-blog__box .row .col-sm-12:last-of-type {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .line-partenaires .news-blog__box .row .col-sm-12:last-of-type {
    width: 70%;
  }
}
.line-partenaires .news-blog__left {
  width: unset;
}
.line-partenaires .news-blog__image {
  width: 162px;
  border-radius: 30px;
  margin-bottom: 5rem;
}
.line-partenaires .news-blog__title {
  font-family: "Muli", Helvetica, sans-serif;
  color: #337ab7;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-weight: bold;
}
@media (max-width: 480px) {
  .line-partenaires .news-blog__title {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .line-partenaires .news-blog__title {
    font-size: 25px;
    line-height: 33px;
  }
}
@media (min-width: 1200px) {
  .line-partenaires .news-blog__title {
    font-size: 30px;
    line-height: 38px;
  }
}
.line-partenaires .news-blog__cta {
  display: flex;
  justify-content: center;
  text-align: center;
}
.line-partenaires .news-blog__intro {
  color: #595c62;
  font-size: 1.8rem;
}
.line-partenaires .news-blog__readmore {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2;
  border-bottom: 5px solid;
  padding-bottom: 5px;
}
.line-partenaires .news-blog__readmore:hover {
  opacity: 0.8;
}
@media (max-width: 1200px) {
  .line-partenaires .news-blog__items > .content {
    flex-direction: column;
  }
  .line-partenaires .item {
    padding-right: 5rem;
    width: 100%;
    margin-bottom: 10rem;
  }
}

.center-zone-title [class*=zone-] > h2 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 5rem;
}

.line-steps-offer {
  padding-top: 0rem;
  padding-bottom: 11rem;
  counter-reset: items;
}
.line-steps-offer h2 {
  font-weight: bold;
}
.line-steps-offer .container {
  border-radius: 30px;
  background-color: white;
  padding: 5rem 10rem;
}
.line-steps-offer .newsList .row {
  padding-top: 5rem;
  display: flex;
  align-items: baseline;
}
.line-steps-offer .item {
  width: unset;
  display: flex;
  flex: 1 1 0px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: baseline;
  position: relative;
  padding-left: 110px;
  padding-right: 11rem;
}
.line-steps-offer .item h3 {
  font-family: "Muli", Helvetica, sans-serif;
  color: rgb(255, 123, 20);
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  margin-bottom: 1.7rem;
}
@media (max-width: 480px) {
  .line-steps-offer .item h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 481px) {
  .line-steps-offer .item h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  .line-steps-offer .item h3 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .line-steps-offer .item {
    padding-right: 5rem;
  }
}
.line-steps-offer .item::before {
  font-size: 13.7rem;
  font-weight: 900;
  left: 0;
  top: 0;
  transform: translatey(100%);
  color: rgba(51, 122, 183, 0.15);
  counter-increment: items;
  content: counter(items);
  font-family: "Muli", Helvetica, sans-serif;
  position: absolute;
}
@media (max-width: 1200px) {
  .line-steps-offer .newsList .row {
    flex-direction: column;
  }
  .line-steps-offer .newsList .row .item {
    flex: 1;
    padding-right: 5rem;
    width: 100%;
    padding-bottom: 10rem;
  }
}

.line-cta-offer {
  padding-bottom: 11rem;
}
.line-cta-offer .news-content .mod-article__content {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .line-cta-offer .news-content .mod-article__content {
    flex-direction: column;
    align-items: center;
  }
}
.line-cta-offer .news-content .mod-article__content .btn {
  margin: 2rem;
  flex-grow: 0;
  display: block;
  white-space: pre-wrap;
  width: 255px;
}
@media (max-width: 767px) {
  .line-cta-offer .news-content .mod-article__content .btn {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }
}

.line-bandeau {
  z-index: 30;
  position: relative;
  width: 100%;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
}
.line-bandeau .content {
  text-align: center;
}
.line-bandeau .content a {
  text-decoration: underline;
}
@media (max-width: 991px) {
  .line-bandeau {
    top: 85px;
  }
}

.page-offre-partenaire .line-steps-offer .item.col-sm-8:last-of-type {
  padding-right: 0;
}

.page-ordre-pro .line-intro-asso .content p {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .page-ordre-pro .line-intro-asso .container,
.page-ordre-pro .line-avantage .container {
    width: 92%;
  }
}
@media (max-width: 767px) {
  .page-ordre-pro .line-avantage .zone-article {
    padding-bottom: 15px;
  }
}
.page-ordre-pro .line-avantage .news-content.mod-article__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  width: 600px;
}
.page-ordre-pro .line-avantage img {
  margin-bottom: 8rem;
  margin-left: 2rem;
  margin-right: 2rem;
  height: 280px !important;
  object-fit: contain;
}
@media (max-width: 767px) {
  .page-ordre-pro .line-avantage img {
    margin: 0;
    margin-bottom: 30px;
    max-width: 100%;
    height: auto !important;
  }
}
.page-ordre-pro .line-avantage h2 {
  min-height: unset;
  margin-bottom: 4rem;
  max-width: 100%;
}
.page-ordre-pro .line-avantage + .line-avantage {
  padding-top: 0;
  padding-bottom: 12rem;
}
@media (min-width: 1440px) {
  .page-ordre-pro .line.line-banner-module .mod-banner__content {
    max-width: 900px;
  }
  .page-ordre-pro .line.line-banner-module .mod-banner__content h2 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 480px) {
  .page-ordre-pro .line.line-banner-module .mod-banner__content {
    padding: 3rem;
  }
}

.zone-title.center h2 {
  margin-left: auto;
  margin-right: auto;
}

.page-ordre-pro .line-all-applications .item {
  margin-bottom: 5rem;
}
.page-ordre-pro .line-all-applications .itemImage {
  margin-bottom: 0;
}
@media (max-width: 1440px) {
  .page-ordre-pro .line-all-applications .item.col-sm-6 {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .page-ordre-pro .line-all-applications .item.col-sm-6 {
    width: 100%;
  }
}

.line-50-txt-img {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.line-50-txt-img .container > .row {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .line-50-txt-img .container > .row {
    flex-direction: column-reverse;
  }
}
@media (max-width: 991px) {
  .line-50-txt-img .zone-50 {
    width: 100%;
  }
}
.line-50-txt-img .zone-50 .mod-article__content .mod-article__content,
.line-50-txt-img .zone-50 .mod-article__content .mod-article__intro,
.line-50-txt-img .zone-50 .mod-article__content .mod-article__title {
  padding: 0rem;
}
.line-50-txt-img .zone-50 .mod-article__content .mod-article__content p,
.line-50-txt-img .zone-50 .mod-article__content .mod-article__intro p,
.line-50-txt-img .zone-50 .mod-article__content .mod-article__title p {
  font-weight: bold;
}
@media (min-width: 992px) {
  .line-50-txt-img .zone-50 .mod-article__content .mod-article__content,
.line-50-txt-img .zone-50 .mod-article__content .mod-article__intro,
.line-50-txt-img .zone-50 .mod-article__content .mod-article__title {
    max-width: 609px;
  }
}
.line-50-txt-img .zone-50 .mod-article__content .mod-article__img {
  display: block;
  margin: auto;
  width: 754px;
}
@media (max-width: 991px) {
  .line-50-txt-img .zone-50 .mod-article__content .mod-article__img {
    width: 500px;
    max-width: 100%;
    margin-bottom: 5rem;
  }
}

@media (max-width: 767px) {
  .page-type-asso .line-banner-module .mod-banner__content {
    position: static;
    padding: 10%;
    transform: none;
  }
  .page-type-asso .line-banner-module .mod-banner__img {
    height: auto;
  }
}
.page-accompagnement-comptabilite .form-element-quel_est_mon_projet_de_comptabilite .col-md-12,
.page-accompagnement-comptabilite .form-element-recontactee .col-md-12 {
  width: 100%;
}
.page-accompagnement-comptabilite .line-formulaire-contact .zone-crm .section-title {
  display: block;
}

.line-pad-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.line-pad-sm {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.line-pad-md {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.line-pad-lg {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.line-pad-t-lg {
  padding-top: 10rem;
}

.line-pad-b-lg {
  padding-bottom: 10rem;
}

.page-infolettre .banner-menu.banner-menu-small {
  background-position: 50% 0;
  background-image: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/page%20infolettre/bg-banniere-small.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 0px;
  margin-bottom: 0px;
}
@media screen and (min-width: 992px) {
  .page-infolettre .banner-menu.banner-menu-small {
    top: 36px;
    margin-bottom: 36px;
  }
}
.page-infolettre .carousel-control .glyphicon-chevron-right {
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/page%20infolettre/chevron-right.png) no-repeat center center;
  margin-right: -45px;
  background-size: contain;
  background-color: transparent;
}
@media (min-width: 992px) {
  .page-infolettre .carousel-control .glyphicon-chevron-right {
    margin-right: -20px;
  }
}
.page-infolettre .carousel-control .glyphicon-chevron-left {
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/page%20infolettre/chevron-left.png) no-repeat center center;
  margin-left: -45px;
  background-size: contain;
  background-color: transparent;
}
@media (min-width: 992px) {
  .page-infolettre .carousel-control .glyphicon-chevron-left {
    margin-left: -20px;
  }
}
@media screen and (max-width: 768px) {
  .page-infolettre .carousel-control {
    display: none;
  }
}
.page-infolettre .zone-100 .carousel-control:hover .glyphicon-chevron-right,
.page-infolettre .zone-100 .carousel-control:hover .glyphicon-chevron-left {
  background-color: transparent;
}
.page-infolettre .line-info-text img {
  width: 250px;
  margin-top: 0px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .page-infolettre .line-info-text img {
    margin-top: 40px;
  }
}
.page-infolettre .line-info-text #m6xQk5kVDr2rvg4y6NDO18WM {
  width: 100% !important;
}
@media (min-width: 992px) {
  .page-infolettre .line-info-text #m6xQk5kVDr2rvg4y6NDO18WM {
    width: 50% !important;
  }
}
.page-infolettre .line-form-infolettre {
  border-top: 2px solid #55a3d2;
}
.page-infolettre .line-form-infolettre h1 {
  color: #ffffff;
  font-size: 35px;
  text-align: left;
}
.page-infolettre .line-form-infolettre p {
  color: #ffffff;
}
.page-infolettre .line-form-infolettre #YWQVmcZhqEzfpmh2HkfZ1xJJ,
.page-infolettre .line-form-infolettre div[id="8G6KfrvlTQqvpcss0PwXQVy0"] {
  width: 100% !important;
}
@media (min-width: 992px) {
  .page-infolettre .line-form-infolettre #YWQVmcZhqEzfpmh2HkfZ1xJJ,
.page-infolettre .line-form-infolettre div[id="8G6KfrvlTQqvpcss0PwXQVy0"] {
    width: 50% !important;
  }
}
.page-infolettre .line-form-infolettre #YWQVmcZhqEzfpmh2HkfZ1xJJ #form-formbuilder,
.page-infolettre .line-form-infolettre div[id="8G6KfrvlTQqvpcss0PwXQVy0"] #form-formbuilder {
  height: 65px;
}
.page-infolettre .line-form-infolettre #YWQVmcZhqEzfpmh2HkfZ1xJJ #form-formbuilder .col-sm-24,
.page-infolettre .line-form-infolettre div[id="8G6KfrvlTQqvpcss0PwXQVy0"] #form-formbuilder .col-sm-24 {
  height: 65px;
}
.page-infolettre .line-form-infolettre #YWQVmcZhqEzfpmh2HkfZ1xJJ #form-formbuilder .form-control,
.page-infolettre .line-form-infolettre div[id="8G6KfrvlTQqvpcss0PwXQVy0"] #form-formbuilder .form-control {
  height: 65px;
}
.page-infolettre .line-form-infolettre #YWQVmcZhqEzfpmh2HkfZ1xJJ #form-formbuilder .btn-primary,
.page-infolettre .line-form-infolettre div[id="8G6KfrvlTQqvpcss0PwXQVy0"] #form-formbuilder .btn-primary {
  color: #fff;
  background-color: #ff7b14;
  margin-bottom: 0;
  margin-top: 0;
  height: 65px;
  margin-left: 1rem;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .page-infolettre .line-form-infolettre #YWQVmcZhqEzfpmh2HkfZ1xJJ #form-formbuilder .btn-primary,
.page-infolettre .line-form-infolettre div[id="8G6KfrvlTQqvpcss0PwXQVy0"] #form-formbuilder .btn-primary {
    margin-top: 0;
  }
}
.page-infolettre .line-form-infolettre .container {
  margin-top: initial;
}
@media (min-width: 992px) {
  .page-infolettre .line-form-infolettre .container {
    margin-top: -250px;
  }
}
.page-infolettre .line-form-infolettre .container .required {
  display: none;
}
.page-infolettre .line-form-infolettre #form-formbuilder {
  display: block;
}
@media (min-width: 992px) {
  .page-infolettre .line-form-infolettre #form-formbuilder {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.page-infolettre .line-form-infolettre #form-formbuilder #section_122625,
.page-infolettre .line-form-infolettre #form-formbuilder #section_122624 {
  width: initial;
}
@media (min-width: 992px) {
  .page-infolettre .line-form-infolettre #form-formbuilder #section_122625,
.page-infolettre .line-form-infolettre #form-formbuilder #section_122624 {
    width: 78%;
  }
}
.page-infolettre .line-form-infolettre #form-formbuilder #section_122625 .col-md-12,
.page-infolettre .line-form-infolettre #form-formbuilder #section_122624 .col-md-12 {
  width: 100%;
}
.page-infolettre .line-form-infolettre #form-formbuilder .form-control {
  height: 60px;
  margin-right: 1.5rem;
}
.page-infolettre .line-form-infolettre #form-formbuilder .crm-footer-frame {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .page-infolettre .line-form-infolettre #form-formbuilder .crm-footer-frame {
    display: flex;
    justify-content: flex-end;
  }
}
.page-infolettre .carousel-text img {
  filter: drop-shadow(0px 0px 15px #c0cfdc);
  max-width: 100%;
}
@media (min-width: 992px) {
  .page-infolettre .carousel-text img {
    max-width: 100%;
  }
}

.line-bandeau-infolettre {
  display: flex;
  align-items: center;
  padding-top: 6rem;
  padding-bottom: 5rem;
}
.line-bandeau-infolettre > .container {
  padding-bottom: 0;
  /*
  @include for(small) {
    padding-bottom: 0;
  }
  */
}
.line-bandeau-infolettre .row {
  flex-direction: column;
}
@media (min-width: 768px) {
  .line-bandeau-infolettre .row {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
}
.line-bandeau-infolettre .row h3,
.line-bandeau-infolettre .row p {
  text-align: center;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .line-bandeau-infolettre .row h3,
.line-bandeau-infolettre .row p {
    text-align: left;
  }
}
.line-bandeau-infolettre .formbuilder-confirmation-content p {
  font-weight: 700;
  padding-top: 110px;
}
.line-bandeau-infolettre .formbuilder-confirmation-title {
  display: none;
}
.line-bandeau-infolettre #form-formbuilder {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.line-bandeau-infolettre #form-formbuilder .keeper-lock-disabled {
  right: 25px;
}
@media (min-width: 992px) {
  .line-bandeau-infolettre #form-formbuilder {
    flex-direction: row;
  }
  .line-bandeau-infolettre #form-formbuilder .keeper-lock-disabled {
    right: initial;
  }
}
.line-bandeau-infolettre #form-formbuilder .col-sm-24 {
  width: 100%;
}
@media (min-width: 992px) {
  .line-bandeau-infolettre #form-formbuilder .col-sm-24 {
    width: 100%;
  }
}
.line-bandeau-infolettre #form-formbuilder .col-md-12 {
  width: 100%;
}
.line-bandeau-infolettre #form-formbuilder .col-md-12 .form-control {
  border: none;
  background: white;
  height: 60px;
}
.line-bandeau-infolettre #form-formbuilder #section_122625,
.line-bandeau-infolettre #form-formbuilder #section_122624 {
  flex: 1;
  margin-right: 16px;
}
.line-bandeau-infolettre #form-formbuilder #submitform {
  margin: 0;
}
.line-bandeau-infolettre .form-horizontal {
  height: 60px;
}
.line-bandeau-infolettre .form-horizontal .control-label {
  display: none;
}
.line-bandeau-infolettre .form-horizontal .form-group {
  margin-bottom: 0;
}
.line-bandeau-infolettre div[id="6k8CPqFjqVrzIhT7eRnHbLnd"] {
  width: 100%;
}
@media (min-width: 992px) {
  .line-bandeau-infolettre div[id="6k8CPqFjqVrzIhT7eRnHbLnd"] {
    width: 50%;
  }
}
.line-bandeau-infolettre #K9omSgDCW2HCUThCdr0hgHeY,
.line-bandeau-infolettre #PWXppWfqS5npOoivmuqEkm2i {
  width: 100%;
  margin-top: 8rem;
  margin-bottom: 8rem;
}
@media (min-width: 992px) {
  .line-bandeau-infolettre #K9omSgDCW2HCUThCdr0hgHeY,
.line-bandeau-infolettre #PWXppWfqS5npOoivmuqEkm2i {
    width: 50%;
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
}
.line-bandeau-infolettre #K9omSgDCW2HCUThCdr0hgHeY #section_122625,
.line-bandeau-infolettre #K9omSgDCW2HCUThCdr0hgHeY #section_122624,
.line-bandeau-infolettre #PWXppWfqS5npOoivmuqEkm2i #section_122625,
.line-bandeau-infolettre #PWXppWfqS5npOoivmuqEkm2i #section_122624 {
  width: 100%;
}

#VzwWNgeag8IMNSzOHhxGaPcS p,
#VzwWNgeag8IMNSzOHhxGaPcS p em,
#eJmMuvILnXiqYCY87QrUrlIv p,
#eJmMuvILnXiqYCY87QrUrlIv p em {
  font-size: 14px;
  color: #6c6f74;
}

.line-bandeau-infolettre .row {
  display: flex;
}
@media screen and (min-width: 992px) {
  .line-bandeau-infolettre .row {
    flex-direction: row;
    /*align-items: baseline;*/
  }
}
.line-bandeau-infolettre .form-horizontal#form-formbuilder {
  height: auto;
}
@media screen and (min-width: 768px) {
  .line-bandeau-infolettre .form-horizontal#form-formbuilder {
    gap: initial;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
  }
}
.line-bandeau-infolettre .form-horizontal#form-formbuilder h2 {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 22px;
}
@media screen and (max-width: 992px) {
  .line-bandeau-infolettre .form-horizontal#form-formbuilder h2 {
    text-align: center;
  }
}
.line-bandeau-infolettre .form-horizontal#form-formbuilder .input-radio {
  display: flex;
  gap: 5rem;
  padding-bottom: 2rem;
}
@media screen and (max-width: 992px) {
  .line-bandeau-infolettre .form-horizontal#form-formbuilder .input-radio {
    justify-content: center;
  }
}
.line-bandeau-infolettre h3 {
  text-align: center;
}
@media (min-width: 768px) {
  .line-bandeau-infolettre h3 {
    text-align: left;
  }
}
.line-bandeau-infolettre #form-formbuilder {
  gap: 20px;
  align-items: center;
}
@media (min-width: 768px) {
  .line-bandeau-infolettre #form-formbuilder {
    gap: initial;
    align-items: flex-start;
    flex-direction: row;
  }
}
.line-bandeau-infolettre #form-formbuilder .section {
  width: 100%;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .line-bandeau-infolettre #form-formbuilder .section {
    width: initial;
    margin-top: 0px;
  }
}

@media screen and (max-width: 992px) {
  .line-form-infolettre.line-pad-b-lg {
    padding-bottom: 5rem;
  }
}
.line-form-infolettre .form-horizontal h2 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .line-form-infolettre .form-horizontal h2 {
    text-align: center;
  }
}
.line-form-infolettre .form-horizontal .input-radio {
  display: flex;
  gap: 5rem;
  padding-bottom: 2rem;
}
@media screen and (max-width: 992px) {
  .line-form-infolettre .form-horizontal .input-radio {
    justify-content: center;
  }
}
.line-form-infolettre .form-horizontal .input-radio label {
  color: #fff;
}
.line-form-infolettre .form-group {
  margin-bottom: 0;
}

.page-infolettre .line-form-infolettre .formbuilder-confirmation-title {
  padding-top: 100px;
}
.page-infolettre .line-form-infolettre #form-formbuilder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .page-infolettre .line-form-infolettre #form-formbuilder {
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
  }
}
.page-infolettre .line-form-infolettre #form-formbuilder .btn-primary {
  color: #fff;
  background-color: #ff7b14;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .page-infolettre .line-form-infolettre #form-formbuilder .btn-primary {
    margin-top: 2.5rem;
  }
}

.form-hubspot-newsletter-page,
.form-hubspot-newsletter-footer {
  display: grid;
  grid-template-columns: 65% 35%;
  grid-template-rows: auto 100%;
  grid-template-areas: "a c" "b c";
}
@media screen and (max-width: 480px) {
  .form-hubspot-newsletter-page,
.form-hubspot-newsletter-footer {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: "a" "b" "c";
  }
}
.form-hubspot-newsletter-page .hs_email,
.form-hubspot-newsletter-footer .hs_email {
  grid-area: a;
}
.form-hubspot-newsletter-page .hs_email label,
.form-hubspot-newsletter-footer .hs_email label {
  color: white;
}
.form-hubspot-newsletter-page .hs_email .input input,
.form-hubspot-newsletter-footer .hs_email .input input {
  height: 65px;
  margin-right: 1.5rem;
  border: none;
  background: #f1f5fd;
  box-shadow: none !important;
  min-height: 40px;
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-hubspot-newsletter-page .hs_error_rollup,
.form-hubspot-newsletter-footer .hs_error_rollup {
  grid-area: b;
}
.form-hubspot-newsletter-page .hs_submit,
.form-hubspot-newsletter-footer .hs_submit {
  grid-area: c;
}
@media screen and (max-width: 480px) {
  .form-hubspot-newsletter-page .hs_submit .actions,
.form-hubspot-newsletter-footer .hs_submit .actions {
    text-align: center;
  }
}
.form-hubspot-newsletter-page .hs_submit .actions input,
.form-hubspot-newsletter-footer .hs_submit .actions input {
  color: #fff;
  background-color: #ff7b14;
  margin-bottom: 0;
  height: 65px;
  margin-left: 1.5rem;
  margin-top: 26px;
  padding: 15px 22px;
  border-color: #337AB7;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  box-shadow: none !important;
  max-width: 100%;
  min-width: 1px;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  text-transform: none;
  transition: background-color 0.1s ease-in-out;
}
@media screen and (max-width: 480px) {
  .form-hubspot-newsletter-page .hs_submit .actions input,
.form-hubspot-newsletter-footer .hs_submit .actions input {
    margin-left: 0;
    margin-top: 15px;
  }
}
.form-hubspot-newsletter-page ul.hs-error-msgs,
.form-hubspot-newsletter-footer ul.hs-error-msgs {
  margin-top: 5px;
  padding-left: 5px;
  list-style: none;
}
.form-hubspot-newsletter-page ul.hs-error-msgs li label,
.form-hubspot-newsletter-footer ul.hs-error-msgs li label {
  color: #a94442;
  font-size: 1.8rem;
  font-weight: 500;
}
.form-hubspot-newsletter-page ul.hs-error-msgs li::marker,
.form-hubspot-newsletter-footer ul.hs-error-msgs li::marker {
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .form-hubspot-newsletter-footer {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: "a" "b" "c";
  }
}
.form-hubspot-newsletter-footer .hs_email {
  grid-area: a;
}
.form-hubspot-newsletter-footer .hs_email label {
  color: #337ab7;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .form-hubspot-newsletter-footer .hs_submit .actions input {
    margin-left: 0;
    margin-top: 15px;
  }
}

.line-pad-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.line-pad-sm {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.line-pad-md {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.line-pad-lg {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.line-pad-t-0 {
  padding-top: 0;
}

.line-pad-t-lg {
  padding-top: 10rem;
}

.line-pad-b-sm {
  padding-bottom: 2.5rem;
}

.line-pad-b-lg {
  padding-bottom: 10rem;
}

.etude-de-cas h3 {
  font-weight: 800;
  font-size: 20px;
}
.etude-de-cas td {
  display: block !important;
  padding: 25px;
  vertical-align: top;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .etude-de-cas td {
    display: table-cell !important;
    width: auto;
    padding: 10px;
  }
}
.etude-de-cas #C89mMKfrquUZ1Rh9udu6Mn6h.col-sm-24 {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 992px) {
  .etude-de-cas #C89mMKfrquUZ1Rh9udu6Mn6h.col-sm-24 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.etude-de-cas .banner-menu.og-overlay.banner-menu-small {
  top: 0px;
  background-image: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/etude%20de%20cas/priscilla-du-preez-OEdkPaxYMXU-unsplash%202.png);
}
@media (min-width: 992px) {
  .etude-de-cas .banner-menu.og-overlay.banner-menu-small {
    background-position: 50% 0;
    background-image: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/etude%20de%20cas/priscilla-du-preez-OEdkPaxYMXU-unsplash%202.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 36px;
    margin-bottom: 36px;
  }
}
.etude-de-cas .circle-blue::after {
  display: none;
}
.etude-de-cas .line-intro-asso {
  padding-top: 80px;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .etude-de-cas .line-intro-asso {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .etude-de-cas .line-intro-asso {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.etude-de-cas .line-intro-asso.line.circle-blue .container {
  width: 95%;
}
@media (min-width: 992px) {
  .etude-de-cas .line-intro-asso.line.circle-blue .container {
    width: 80%;
  }
}
.etude-de-cas .line-intro-asso .zone-50 {
  margin-bottom: 80px;
}
@media (min-width: 768px) {
  .etude-de-cas .line-intro-asso .zone-50 {
    margin-bottom: 0px;
  }
}
.etude-de-cas .line-intro-asso .row {
  flex-direction: column;
  display: flex;
}
@media (min-width: 1200px) {
  .etude-de-cas .line-intro-asso .row {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }
}
.etude-de-cas .line-intro-asso .row .col-sm-12 {
  width: 100%;
}
@media (min-width: 1200px) {
  .etude-de-cas .line-intro-asso .row .col-sm-12 {
    width: 50%;
  }
}
.etude-de-cas .line-intro-asso .row .col-sm-12:last-of-type {
  margin-top: 50px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .etude-de-cas .line-intro-asso .row .col-sm-12:last-of-type {
    margin-top: 150px;
  }
}
@media (min-width: 1200px) {
  .etude-de-cas .line-intro-asso .row .col-sm-12:last-of-type {
    margin-top: 0;
  }
}
.etude-de-cas .line-intro-asso .row .mod-article__intro p,
.etude-de-cas .line-intro-asso .row .mod-article__intro h2 {
  margin-bottom: 20px;
}
.etude-de-cas .line-intro-asso .row .mod-article__intro h2 {
  font-size: 30px;
}
@media (min-width: 992px) {
  .etude-de-cas .line-intro-asso .row .mod-article__intro h2 {
    font-size: 35px;
  }
}
.etude-de-cas .line-intro-asso .row .mod-article__intro table td > p:first-of-type {
  margin-bottom: 0px;
  height: 45px;
}
@media (min-width: 992px) {
  .etude-de-cas .line-intro-asso .row .mod-article__intro table td > p:first-of-type {
    height: 65px;
  }
}
.etude-de-cas .banner-menu.banner-menu-small .banner-article:before {
  display: none;
}
@media (min-width: 1200px) {
  .etude-de-cas .banner-menu.banner-menu-small .banner-article:before {
    content: "";
    display: initial;
    width: 138px !important;
    height: 140px !important;
    background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/cercle-topleft.png);
    background-size: 138px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 55px;
    left: 8%;
    z-index: 200;
  }
}
.etude-de-cas .banner-menu.banner-menu-small .banner-article:after {
  bottom: 35px;
  width: 282px !important;
}
@media screen and (max-width: 480px) and (max-width: 991px) {
  .etude-de-cas .banner-menu.banner-menu-small .banner-article:after {
    content: "";
    width: 28px !important;
    height: 180px !important;
    background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/fond-Y.png) repeat;
    background-size: 49px 41px !important;
    position: absolute;
    bottom: -90px !important;
    right: 0;
    z-index: 200;
  }
}
.etude-de-cas .zone-article .line-2-col {
  flex-direction: column;
  gap: 50px;
  padding-top: 15px;
}
.etude-de-cas .zone-article .line-2-col img {
  max-width: 300px;
  height: auto !important;
  margin-bottom: 50px;
  object-fit: cover;
}
@media (min-width: 1200px) {
  .etude-de-cas .zone-article .line-2-col img {
    max-width: 480px;
    height: auto !important;
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .etude-de-cas .zone-article .line-2-col {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
.etude-de-cas .line-blog-spacing {
  width: 95%;
}
@media (min-width: 992px) {
  .etude-de-cas .line-blog-spacing .container {
    width: 60%;
  }
}
.etude-de-cas .bordure-3-col {
  border-left: 0px solid;
  border-right: 0px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
@media (min-width: 992px) {
  .etude-de-cas .bordure-3-col {
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 0px solid;
    border-bottom: 0px solid;
  }
}
.etude-de-cas .bordure-4-col-left {
  border-left: 0px solid;
  border-right: 0px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
@media (min-width: 992px) {
  .etude-de-cas .bordure-4-col-left {
    border-left: 1px solid;
    border-right: 0.5px solid;
    border-top: 0px solid;
    border-bottom: 0px solid;
  }
}
.etude-de-cas .bordure-4-col-right {
  border-left: 0px solid;
  border-right: 0px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
@media (min-width: 992px) {
  .etude-de-cas .bordure-4-col-right {
    border-left: 0.5px solid;
    border-right: 1px solid;
    border-top: 0px solid;
    border-bottom: 0px solid;
  }
}
.etude-de-cas .bordure-3-col-or {
  border-left: 0px solid #ff7b14;
  border-right: 0px solid #ff7b14;
  border-top: 1px solid #ff7b14;
  border-bottom: 1px solid #ff7b14;
}
@media (min-width: 992px) {
  .etude-de-cas .bordure-3-col-or {
    border-left: 1px solid #ff7b14;
    border-right: 1px solid #ff7b14;
    border-top: 0px solid #ff7b14;
    border-bottom: 0px solid #ff7b14;
  }
}
.etude-de-cas #newsFilterForm {
  position: initial;
  width: 65%;
}
.etude-de-cas #newsFilterForm .row.form-horizontal {
  display: flex;
  flex-direction: column;
  padding-bottom: 5rem;
}
@media (min-width: 992px) {
  .etude-de-cas #newsFilterForm .row.form-horizontal {
    flex-direction: row;
  }
}
@media (max-width: 991px) {
  .etude-de-cas #newsFilterForm {
    display: none;
  }
}
@media (max-width: 1480px) {
  .etude-de-cas #newsFilterForm {
    position: relative;
    top: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .etude-de-cas #newsFilterForm {
    width: 380px;
  }
}
@media (max-width: 480px) {
  .etude-de-cas #newsFilterForm {
    display: none;
  }
}
.etude-de-cas #newsFilterForm .col-sm-12,
.etude-de-cas #newsFilterForm .col-lg-18,
.etude-de-cas #newsFilterForm .col-md-18 {
  width: 100%;
}
.etude-de-cas #newsFilterForm .chosen-action__wrapper {
  display: none;
  border: none;
}
.etude-de-cas #newsFilterForm div#keywords_chosen {
  border: 0px;
}
.etude-de-cas #newsFilterForm .chosen-container-multi .chosen-choices {
  border: none !important;
}
.etude-de-cas #newsFilterForm ul.chosen-choices,
.etude-de-cas #newsFilterForm #category.form-control,
.etude-de-cas #newsFilterForm #keywords.form-control {
  background: #f1f5fd !important;
  height: 64px;
  border-radius: 4px;
}
.etude-de-cas #newsFilterForm #category.form-control {
  font-size: 18px !important;
  color: #337ab7;
  padding-left: 30px;
}
.etude-de-cas #newsFilterForm li.search-field {
  padding-top: 15px;
}
.etude-de-cas #newsFilterForm input.default {
  font-size: 18px !important;
  color: #337ab7;
  padding-left: 30px;
}
.etude-de-cas #newsFilterForm label.control-label.col-sm-6.col-md-5.col-lg-4,
.etude-de-cas #newsFilterForm label.control-label.col-sm-5.col-md-4 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 14px;
}
.etude-de-cas.edc-detail .line-edc-chiffres.line-intro-asso {
  background: linear-gradient(180deg, #56a4d3 100%, #337ab7 0%);
  padding-top: 2.5rem;
  padding-bottom: 80px;
  margin-top: -5px;
}
.etude-de-cas.edc-detail .line-edc-chiffres.line-intro-asso .btn-primary {
  display: none;
}
.etude-de-cas .line-edc-chiffres.line-intro-asso {
  background: linear-gradient(180deg, #56a4d3 100%, #337ab7 0%);
  padding-top: 2.5rem;
  padding-bottom: 80px;
  margin-top: -5px;
}
.etude-de-cas .line-edc-chiffres.line-intro-asso .btn-primary {
  color: #fff;
  background-color: #ff7b14;
  display: block;
  margin-left: auto;
  text-align: center;
  margin-right: auto;
  width: fit-content;
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
  .etude-de-cas .line-edc-chiffres.line-intro-asso .row {
    margin-top: -70px;
  }
}
@media screen and (min-width: 1500px) {
  .etude-de-cas .line-edc-chiffres.line-intro-asso .row {
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: -120px;
  }
  .etude-de-cas .line-edc-chiffres.line-intro-asso .row .col-sm-16 {
    width: 100%;
  }
  .etude-de-cas .line-edc-chiffres.line-intro-asso .row .col-sm-24,
.etude-de-cas .line-edc-chiffres.line-intro-asso .row .col-sm-16 {
    width: 50%;
  }
}
.etude-de-cas .line-intro-asso .row-fluid.row .zone-50:first-of-type .news-content.mod-article__content {
  position: relative;
  z-index: 0;
}
.etude-de-cas .line-intro-asso .row-fluid.row .zone-50:first-of-type .news-content.mod-article__content::before {
  content: "";
  background-color: #337ab7;
  border-radius: 10px;
  position: absolute;
  position: absolute;
  width: 85%;
  height: 100%;
  top: 40px;
  left: -40px;
  z-index: -1;
}
.etude-de-cas .line-intro-asso .row-fluid.row .zone-50:first-of-type .news-content.mod-article__content::after {
  content: "";
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/etude%20de%20cas/Frame.png);
  background-repeat: no-repeat;
  position: absolute;
  width: 85%;
  height: 100%;
  bottom: -60%;
  background-size: contain;
  right: 0;
  z-index: -1;
}
.etude-de-cas .line-intro-asso .mod-article__img {
  border-radius: 30px;
  width: inherit;
}
.etude-de-cas .line-article .news-mosaic .news-title {
  font-size: 25px;
  line-height: 30px;
  color: #ff7b14;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;
}
.etude-de-cas .line-article .news-mosaic a.news-category {
  font-size: 18px;
  line-height: 48px;
  color: #337ab7;
  font-weight: 700;
}
.etude-de-cas .line-article .news-mosaic .news-intro p {
  color: #595c62;
}
.etude-de-cas .line-article .news-mosaic a.news-tags {
  font-size: 16px;
  line-height: 28px;
  color: #337ab7;
  font-weight: 700;
  background-color: #e6f6fd;
  border-radius: 22px;
  display: inline-block;
  padding: 5px 10px;
  margin-top: 10px;
  margin-bottom: 25px;
}
.etude-de-cas .line-article .news-mosaic .row > .col-sm-8 > a:last-of-type {
  color: #337ab7;
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  position: relative;
  margin-bottom: 50px;
  display: inline-block;
}
.etude-de-cas .line-article .news-mosaic .row > .col-sm-8 > a:last-of-type::after {
  content: "";
  background-color: #ff7b14;
  width: 100%;
  height: 5px;
  position: absolute;
  top: 40px;
  left: 0;
}
.etude-de-cas .sticky.line-menu.line-menu > .container-fluid > .row .zone-25.zone-header {
  margin: 15px 15px 15px 32px;
}
.etude-de-cas .sticky.line-menu.line-menu > .container-fluid > .row .zone-menu.col-sm-18 {
  width: 90%;
}
.etude-de-cas .sticky.line-menu .zone-menu .navbar-default ul.navbar-nav > li > a {
  padding: 18px 9px;
}
.etude-de-cas .line-quote {
  background: #f1f5fd;
  padding: 25px;
  border-left: 2px solid #337ab7;
  font-weight: 700;
  color: #337ab7;
  font-size: 2rem;
}
.etude-de-cas .news-accordion-content img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 80%;
}
.etude-de-cas .line-resultats-icones .news-mosaic .row .col-sm-24 {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .etude-de-cas .line-resultats-icones .news-mosaic .row .col-sm-24 {
    grid-template-columns: 1fr 6fr;
    justify-content: center;
    align-items: center;
    text-align: left;
    gap: 25px;
  }
}
.etude-de-cas .line-resultats-icones .news-mosaic .row .col-sm-24 a {
  pointer-events: none;
  text-align: center;
}
.etude-de-cas .line-resultats-icones h3 {
  color: #ff7b14;
  font-size: 2.5rem;
  font-weight: 800;
}
@media screen and (max-width: 990px) {
  .etude-de-cas .banner-menu.banner-menu-small .banner-article {
    padding-top: calc(4rem + 85px);
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 1280px) {
  .etude-de-cas .banner-menu .banner-article .container {
    width: 90%;
  }
}
.etude-de-cas .banner-menu.banner-menu-small {
  height: auto;
}
.etude-de-cas .banner-menu.banner-menu-small .banner-article:before {
  z-index: 0;
}
.etude-de-cas .sticky.line-menu.line-menu > .container-fluid > .row .zone-25.zone-header {
  margin: 0 32px;
}

.number-table-responsive {
  font-size: 30px;
}
@media (min-width: 992px) {
  .number-table-responsive {
    font-size: 42px;
  }
}

.text-table-responsive {
  font-size: 14px;
}
@media (min-width: 992px) {
  .text-table-responsive {
    font-size: 18px;
  }
}

.accueil-etude-de-cas h2 {
  line-height: 48px;
}

.accueil-etude-de-cas p {
  line-height: 22px;
}

.etude-de-cas .banner-menu.banner-menu-small .banner-article:after {
  content: "";
  width: 282px;
  height: 180px;
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/fond-Y.png) repeat;
  background-size: 49px 41px;
  position: absolute;
  bottom: 35px;
  right: 0;
  left: auto;
  z-index: 200;
}

.etude-de-cas #newsFilterForm {
  position: relative;
  top: 0;
  margin-bottom: 40px;
  width: 480px;
}

.etude-de-cas.forfaits .panel-group .panel .panel-body p {
  font-weight: normal;
}

.line-pad-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.line-pad-sm {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.line-pad-md {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.line-pad-lg {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.line-pad-t-0 {
  padding-top: 0;
}

.line-pad-t-sm {
  padding-top: 2.5rem;
}

.line-pad-t-md {
  padding-top: 6rem;
}

.line-pad-t-lg {
  padding-top: 10rem;
}

.line-pad-b-0 {
  padding-bottom: 0;
}

.line-pad-b-sm {
  padding-bottom: 2.5rem;
}

.line-pad-b-lg {
  padding-bottom: 10rem;
}

.scroll {
  overflow-x: auto;
}

.no-display {
  display: none;
}

.forfaits.page-tarifs-2 .btn.btn-primary.btn-wh:hover {
  color: #fff;
  background-color: #6da6d6 !important;
}
.forfaits.page-tarifs-2 .btn:focus {
  outline: 5px auto #337ab7;
}
.forfaits.page-tarifs-2 .line-arrow {
  padding-top: 8rem;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .line-arrow {
    padding-top: 8rem;
  }
}
.forfaits.page-tarifs-2 .line-arrow p {
  font-size: 25px;
  margin-bottom: 0;
}
.forfaits.page-tarifs-2 .line-arrow #PnOjsjI5EILT3oAQC0qpBJmd {
  width: 100%;
  padding-left: 0;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .line-arrow #PnOjsjI5EILT3oAQC0qpBJmd {
    width: 25%;
  }
}
.forfaits.page-tarifs-2 .line-arrow #oGmBXfeDGrKLBtTRXwRCjURv,
.forfaits.page-tarifs-2 .line-arrow .zone-html:last-of-type {
  display: none;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .line-arrow #oGmBXfeDGrKLBtTRXwRCjURv,
.forfaits.page-tarifs-2 .line-arrow .zone-html:last-of-type {
    display: block;
  }
}
.forfaits.page-tarifs-2 .line-arrow .zone-33 {
  width: 100%;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .line-arrow .zone-33 {
    width: 25%;
  }
}
.forfaits.page-tarifs-2 .line-arrow .zone-67 {
  width: 75%;
}
@media screen and (max-width: 991px) {
  .forfaits.page-tarifs-2 .banner-menu.banner-menu-small .banner-article {
    padding-top: calc(4rem + 85px);
    padding-bottom: 4rem;
  }
}
.forfaits.page-tarifs-2 .banner-article h1 {
  padding-bottom: 1.5rem;
}
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner .price {
  position: relative;
}
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner .price sup {
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  position: absolute;
  top: 15px;
}
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner .price small {
  display: flex;
  align-items: center;
  margin-top: 0;
}
.forfaits.page-tarifs-2 .tableau-forfait.forfait-small .bloc-resume-forfait {
  margin: 0 1px;
  margin-bottom: 6rem;
  padding-top: 1rem;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .tableau-forfait.forfait-small .bloc-resume-forfait {
    margin: 0 1px;
    padding-top: 0;
    margin-bottom: 0rem;
  }
}
.forfaits.page-tarifs-2 .tableau-forfait.forfait-small .bloc-resume-forfait:last-of-type {
  margin: 0 1px;
  margin-bottom: 0rem;
  padding-top: 1rem;
  padding-right: 0;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .tableau-forfait.forfait-small .bloc-resume-forfait:last-of-type {
    margin: 0 1px;
    padding-top: 0;
    margin-bottom: 0rem;
  }
}
.forfaits.page-tarifs-2 .tableau-forfait.forfait-small .bloc-resume-forfait:first-of-type {
  margin: 0 1px;
  margin-bottom: 0rem;
  padding-top: 1rem;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .tableau-forfait.forfait-small .bloc-resume-forfait:first-of-type {
    margin: 0 5px;
    margin-right: 10px;
    padding-top: 0;
    margin-bottom: 0rem;
  }
}
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.decollage .price {
  font-size: 7.5rem;
}
.forfaits.page-tarifs-2 .tableau-forfait .bloc-resume-forfait .bloc-inner.decollage:before {
  background-image: url(https://s3.ca-central-1.amazonaws.com/cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/image/images/YPL-ca-fleche1.svg);
  background-repeat: no-repeat;
  width: 80px;
  left: 195px;
  top: -60px;
  background-size: contain;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .tableau-forfait .bloc-resume-forfait .bloc-inner.decollage:before {
    left: 80%;
  }
}
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.envol:before {
  display: none;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.envol:before {
    display: block;
    background-image: url(https://s3.ca-central-1.amazonaws.com/cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/image/images/YPL-ca-fleche2.svg);
    background-repeat: no-repeat;
    width: 68px;
    background-size: contain;
    left: 115px;
    top: -115px;
  }
}
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.orbite:before {
  display: none;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.orbite:before {
    display: block;
    background-image: url(https://s3.ca-central-1.amazonaws.com/cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/image/images/YPL-ca-fleche03.svg);
    background-repeat: no-repeat;
    width: 35px;
    background-size: contain;
    height: 100%;
    left: 115px;
    top: -120px;
  }
}
@media (min-width: 1200px) {
  .forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.orbite:before {
    top: -110px;
  }
}
@media screen and (min-width: 2010px) {
  .forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.orbite:before {
    display: none;
  }
}
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.orbite {
  position: relative;
  border-radius: 0;
}
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.orbite::after {
  content: "Offre préférée";
  font-weight: 800;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  width: 100%;
  height: 40px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #22527b;
  position: absolute;
  color: #ffffff;
  top: -40px;
  padding-top: 8px;
  border-radius: 10px 10px 0 0;
}
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.galaxie:before {
  display: none;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.galaxie:before {
    display: block;
    background-image: url(https://s3.ca-central-1.amazonaws.com/cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/image/images/YPL-ca-fleche4.svg);
    background-repeat: no-repeat;
    width: 68px;
    height: 100%;
    left: 80px;
    top: -115px;
    background-size: contain;
  }
}
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.envol,
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.galaxie,
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner.orbite {
  background-color: #337ab7;
}
.forfaits.page-tarifs-2 .tableau-forfait .bloc-inner h4 {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 20px;
}
.forfaits.page-tarifs-2 .line-forfaits .tableau-forfait.forfait-small .bloc-inner {
  max-height: 330px;
  height: 330px !important;
  padding: rem 1.5rem 2.5rem 1.5rem !important;
}
.forfaits.page-tarifs-2 .tableau-forfait.forfait-small ul li.details-intro {
  position: relative;
  font-size: 1.7rem;
  padding: 2.5rem 0rem;
}
.forfaits.page-tarifs-2 .tableau-forfait.forfait-small ul li.details-intro span {
  position: absolute;
  bottom: 22px;
  font-size: 1.7rem;
}
.forfaits.page-tarifs-2 .tableau-forfait.forfait-small ul {
  background: #f1f5fd;
  border-radius: 0 0 10px 10px;
  padding: 0 2rem 1rem;
  height: auto;
}
@media screen and (min-width: 992px) {
  .forfaits.page-tarifs-2 .tableau-forfait.forfait-small ul {
    height: 820px;
  }
}
@media screen and (min-width: 1200px) {
  .forfaits.page-tarifs-2 .tableau-forfait.forfait-small ul {
    height: 685px;
  }
}
@media screen and (min-width: 1291px) {
  .forfaits.page-tarifs-2 .tableau-forfait.forfait-small ul {
    height: 650px;
  }
}
@media screen and (min-width: 1700px) {
  .forfaits.page-tarifs-2 .tableau-forfait.forfait-small ul {
    height: 530px;
  }
}
.forfaits.page-tarifs-2 .tableau-forfait.forfait-small ul.bg-other {
  background: #fdf7f2;
  border-radius: 0 0 10px 10px;
  padding: 0 2rem 1rem;
  height: auto;
}
@media screen and (min-width: 992px) {
  .forfaits.page-tarifs-2 .tableau-forfait.forfait-small ul.bg-other {
    height: 820px;
  }
}
@media screen and (min-width: 1200px) {
  .forfaits.page-tarifs-2 .tableau-forfait.forfait-small ul.bg-other {
    height: 685px;
  }
}
@media screen and (min-width: 1291px) {
  .forfaits.page-tarifs-2 .tableau-forfait.forfait-small ul.bg-other {
    height: 650px;
  }
}
@media screen and (min-width: 1700px) {
  .forfaits.page-tarifs-2 .tableau-forfait.forfait-small ul.bg-other {
    height: 530px;
  }
}
.forfaits.page-tarifs-2 .bas-resume-forfait {
  display: none;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .panel-group .panel {
  background: #f1f5fd;
  border-bottom: 1px solid transparent;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .panel-group .panel .panel-body {
  padding: 0px 0;
  background: white;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .panel-group .panel .panel-body .table-all-plans th {
  position: relative;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .panel-group .panel .panel-body .table-all-plans th a {
  color: #337ab7 !important;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .panel-group .panel .panel-body .table-all-plans th a:hover {
  text-decoration: underline;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .panel-group .panel .panel-body .news-accordion-text {
  display: none;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .panel-group .panel .panel-heading {
  padding: 1rem 0;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .panel-group .panel .panel-heading h3 a {
  position: relative;
  color: #337ab7;
  font-size: 2.3rem;
  font-weight: 700;
  padding-left: 1.5rem;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .panel-group .panel .panel-heading h3 a.collapsed:before {
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/page%20tarifs%202/icone-plus.png) no-repeat center;
  height: 5rem;
  width: 5rem;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .panel-group .panel .panel-heading h3 a:before {
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/page%20tarifs%202/icon-close.png) no-repeat center;
  height: 5rem;
  width: 5rem;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .popcorn {
  /*color: transparent;*/
  color: #337ab7;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: none;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 1rem;
  cursor: pointer;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .tooltip-popper {
  display: none;
  background: #337ab7;
  color: #ffffff;
  font-weight: 400;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 4px;
  line-height: 18px;
  max-width: 340px;
  padding: 1rem;
  text-align: left;
  font-style: normal;
  z-index: 999;
}
@media screen and (min-width: 748px) {
  .forfaits.page-tarifs-2 .line-comparatif-accordeon .tooltip-popper {
    max-width: 340px;
  }
}
@media screen and (min-width: 1024px) {
  .forfaits.page-tarifs-2 .line-comparatif-accordeon .tooltip-popper {
    max-width: 340px;
  }
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .tooltip-popper[data-show] {
  display: block;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .arrow,
.forfaits.page-tarifs-2 .line-comparatif-accordeon .arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .arrow {
  visibility: hidden;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .arrow::before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .tooltip-popper[data-popper-placement^=top] > .arrow {
  bottom: -4px;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .tooltip-popper[data-popper-placement^=bottom] > .arrow {
  top: -4px;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .tooltip-popper[data-popper-placement^=left] > .arrow {
  right: -4px;
}
.forfaits.page-tarifs-2 .line-comparatif-accordeon .tooltip-popper[data-popper-placement^=right] > .arrow {
  left: -4px;
}
.forfaits.page-tarifs-2 .line-equipe-dispo {
  padding-top: 50px;
  padding-bottom: 85px;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .line-equipe-dispo {
    padding-top: 55px;
    padding-bottom: 125px;
  }
}
@media screen and (min-width: 1199px) {
  .forfaits.page-tarifs-2 .line-equipe-dispo .container > .row {
    display: flex;
    align-items: center;
  }
}
.forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:first-of-type {
  padding-left: initial;
}
@media screen and (min-width: 1199px) {
  .forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:first-of-type {
    padding-right: 100px;
  }
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:first-of-type {
    margin-top: initial;
  }
}
.forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:first-of-type .line-grid:nth-child(1) {
  padding-bottom: 10px;
}
@media screen and (min-width: 992px) {
  .forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:first-of-type h2 {
    font-size: 27px;
  }
}
@media screen and (min-width: 1300px) {
  .forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:first-of-type h2 {
    font-size: 38px;
  }
}
@media screen and (min-width: 1400px) {
  .forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:first-of-type h2 {
    font-size: 42px;
  }
}
.forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:first-of-type h2,
.forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:first-of-type p {
  text-align: center;
  padding-bottom: 1rem;
}
@media (min-width: 1200px) {
  .forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:first-of-type h2,
.forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:first-of-type p {
    text-align: left;
  }
}
.forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:first-of-type h2 + p {
  color: #333333;
}
.forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:last-of-type .news-content {
  padding: 130px 35px 100px 35px;
  background: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/tarifs%202022/bg-image-digitale.png") no-repeat;
  background-size: cover;
  background-repeat: center center;
  text-align: center;
  border-radius: 10px;
}
.forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:last-of-type .news-content h2 {
  color: #fff;
  margin-bottom: 25px;
}
.forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:last-of-type .news-content h4 {
  font-weight: 500;
  color: #fff;
}
.forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:last-of-type .news-content p {
  color: #fff;
}
.forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:last-of-type .news-content .btn-default {
  color: #fff;
  background-color: #337ab7;
  margin-top: 45px;
}
.forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:last-of-type .news-content .btn-default:hover {
  color: #337ab7;
  background-color: #f1f5fd;
}
@media screen and (max-width: 1200px) {
  .forfaits.page-tarifs-2 .line-equipe-dispo .container > .row .zone-article:last-of-type {
    margin-top: 10rem;
  }
}
.forfaits.page-tarifs-2 .line-equipe-dispo .col-sm-12 {
  width: 100%;
}
@media (min-width: 1200px) {
  .forfaits.page-tarifs-2 .line-equipe-dispo .col-sm-12 {
    width: 50%;
  }
}
.forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner.decollage:before,
.forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner.envol:before,
.forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner.orbite:before,
.forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner.galaxie:before,
.forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner.orbite::after {
  display: none;
}
@media screen and (max-width: 992px) {
  .forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait {
    display: flex;
    justify-content: center;
  }
  .forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-resume-forfait:first-of-type {
    display: none;
  }
  .forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-resume-forfait {
    width: 100%;
  }
  .forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner {
    padding: 5px !important;
    height: 80px !important;
    min-height: 1rem !important;
  }
  .forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner h4 {
    font-size: 16px !important;
  }
  .forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner .btn {
    padding: 5px;
    font-size: 11px;
    word-break: break-word;
    width: 90%;
    transform: translateX(-50%);
    left: 50%;
    bottom: 10px;
  }
  .forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner .btn b {
    font-weight: 800;
  }
}
@media screen and (max-width: 1199px) {
  .forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait.forfait-small .bloc-inner {
    min-height: 1rem !important;
  }
}
.forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner.orbite {
  border-radius: 10px 10px 0 0;
}
.forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait.forfait-small .bloc-inner {
  height: 157px;
  width: 100%;
}
.forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner.comparez {
  color: #337ab7;
  padding: 0;
  text-align: left;
  padding-top: 25px !important;
}
.forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner.comparez h4 {
  color: #337ab7;
  padding: 0;
  text-align: left;
}
.forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait .bloc-inner h4 {
  border-bottom: none;
  text-align: center;
  font-size: 25px;
}
.forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait.forfait-small .bloc-resume-forfait + .bloc-resume-forfait + .bloc-resume-forfait + .bloc-resume-forfait + .bloc-resume-forfait {
  grid-column-start: 5;
}
.forfaits.page-tarifs-2 .line-titre-comparez-nos-offres .tableau-forfait.forfait-small {
  grid-template-columns: repeat(5, 20%);
  padding-left: 10px;
  padding-right: 10px;
}
.forfaits.page-tarifs-2 .introForfaits {
  display: none;
}
.forfaits.page-tarifs-2 .col-grid {
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: flex-start;
  gap: 20px;
}
.forfaits.page-tarifs-2 .col-grid .line-grid {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  text-align: center;
  gap: 20px;
  align-items: center;
  justify-items: center;
}
@media (min-width: 1200px) {
  .forfaits.page-tarifs-2 .col-grid .line-grid {
    grid-template-columns: 75px auto;
    justify-items: flex-start;
    text-align: left;
  }
}
.forfaits.page-tarifs-2 .col-grid .line-grid .description h3 {
  color: #ff7b14;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 0;
}
.forfaits.page-tarifs-2 .col-grid .line-grid .description p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.forfaits.page-tarifs-2 thead {
  display: none;
}
.forfaits.page-tarifs-2 .table-bordered {
  background-color: white;
  border-color: transparent;
  margin-bottom: 0;
}
.forfaits.page-tarifs-2 .table-bordered td {
  word-break: break-word;
}
.forfaits.page-tarifs-2 .table-bordered td.not-included,
.forfaits.page-tarifs-2 .table-bordered td {
  background: white;
  border: 1px solid #f1f5fd;
  border-top: 0px;
  border-bottom: 0px;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .table-bordered td.not-included,
.forfaits.page-tarifs-2 .table-bordered td {
    border-top: 4px solid #f1f5fd;
    border-bottom: 4px solid #f1f5fd;
  }
}
.forfaits.page-tarifs-2 .table-bordered td.not-included.more-space,
.forfaits.page-tarifs-2 .table-bordered td.more-space {
  padding: 40px 0;
}
.forfaits.page-tarifs-2 .table-bordered td.not-included a,
.forfaits.page-tarifs-2 .table-bordered td a {
  color: #337ab7;
  text-decoration: underline;
}
.forfaits.page-tarifs-2 .table-bordered td.not-included a:hover,
.forfaits.page-tarifs-2 .table-bordered td a:hover {
  color: #337ab7;
  text-decoration: none;
}
.forfaits.page-tarifs-2 .table-bordered td.not-included {
  background-color: #f1f5fd;
}
.forfaits.page-tarifs-2 .table-bordered td.included img {
  width: 14px !important;
}
.forfaits.page-tarifs-2 .table-bordered td:last-of-type {
  border-right-color: transparent;
  background-color: white;
}
.forfaits.page-tarifs-2 .table-bordered th {
  border-left-color: #e1e9f8;
  border-right-color: #e1e9f8;
  background-color: #e1e9f8;
  border-top: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 1px solid #e1e9f8;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .table-bordered th {
    background-color: white;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .forfaits.page-tarifs-2 .table-bordered th {
    border-top: 4px solid #f1f5fd;
    border-bottom: 4px solid #f1f5fd;
  }
}
@media screen and (max-width: 992px) {
  .forfaits.page-tarifs-2 tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  .forfaits.page-tarifs-2 tbody tr th {
    width: 100%;
  }
  .forfaits.page-tarifs-2 tbody tr td {
    flex: 1;
  }
}
.forfaits.page-tarifs-2 #open-table.open img {
  transform: rotate(180deg);
}
.forfaits.page-tarifs-2 .line-tableau-comparatif {
  max-height: 0;
  overflow: hidden;
  transition: all 250ms ease-in-out;
  position: relative;
}
.forfaits.page-tarifs-2 .line-tableau-comparatif.start-open, .forfaits.page-tarifs-2 .line-tableau-comparatif.start-close {
  max-height: 100vh;
}
.forfaits.page-tarifs-2 .line-tableau-comparatif.open {
  max-height: initial;
}
.forfaits.page-tarifs-2 .line-tableau-comparatif .line.site_line__item.line-titre-comparez-nos-offres {
  position: absolute;
  top: 0;
  z-index: 100;
  width: 100%;
  background-color: white;
}
.forfaits.page-tarifs-2 .line-tableau-comparatif .line.site_line__item.line-titre-comparez-nos-offres.is-fixed {
  position: fixed;
  top: 84px;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .line-tableau-comparatif .line.site_line__item.line-titre-comparez-nos-offres.is-fixed {
    top: 92px;
  }
}
.forfaits.page-tarifs-2 .line-tableau-comparatif .line.site_line__item.line-titre-comparez-nos-offres.is-fixed .tableau-forfait.forfait-small .bloc-inner {
  border-radius: 0;
}
.forfaits.page-tarifs-2 .line-tableau-comparatif .line.site_line__item.line-comparatif-accordeon {
  margin-top: 177px;
}
.forfaits.page-tarifs-2 .popcorn {
  color: transparent;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/page%20tarifs%202/icon-infos.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 1rem;
}
.forfaits.page-tarifs-2 .tooltip-popper {
  display: none;
  background: #ffffff;
  color: #643045;
  font-weight: 400;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 4px;
  line-height: 18px;
  max-width: 80%;
  padding: 1rem;
  text-align: justify;
  font-style: normal;
  z-index: 999;
}
@media screen and (min-width: 748px) {
  .forfaits.page-tarifs-2 .tooltip-popper {
    max-width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .forfaits.page-tarifs-2 .tooltip-popper {
    max-width: 80%;
  }
}
.forfaits.page-tarifs-2 .tooltip-popper[data-show] {
  display: block;
}
.forfaits.page-tarifs-2 .arrow,
.forfaits.page-tarifs-2 .arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}
.forfaits.page-tarifs-2 .arrow {
  visibility: hidden;
}
.forfaits.page-tarifs-2 .arrow::before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}
.forfaits.page-tarifs-2 .tooltip-popper[data-popper-placement^=top] > .arrow {
  bottom: -4px;
}
.forfaits.page-tarifs-2 .tooltip-popper[data-popper-placement^=bottom] > .arrow {
  top: -4px;
}
.forfaits.page-tarifs-2 .tooltip-popper[data-popper-placement^=left] > .arrow {
  right: -4px;
}
.forfaits.page-tarifs-2 .tooltip-popper[data-popper-placement^=right] > .arrow {
  left: -4px;
}
.forfaits.page-tarifs-2 .line-questions h2 {
  font-size: 45px;
  font-weight: bold;
  line-height: 48px;
}
@media (min-width: 992px) {
  .forfaits.page-tarifs-2 .line-questions h2 {
    font-size: 55px;
  }
}

.forfaits.page-tarifs-2.lang-en .tableau-forfait .bloc-inner.orbite {
  position: relative;
  border-radius: 0;
}
.forfaits.page-tarifs-2.lang-en .tableau-forfait .bloc-inner.orbite::after {
  content: "Most popular";
  font-weight: 800;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  width: 100%;
  height: 40px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #22527b;
  position: absolute;
  color: #ffffff;
  top: -40px;
  padding-top: 8px;
  border-radius: 10px 10px 0 0;
}
@media screen and (min-width: 1500px) {
  .forfaits.page-tarifs-2.lang-en .line-arrow.line-pad-b-sm {
    padding-bottom: 5.5rem;
  }
}

.page-accompagnement-rentree-adhesion .crm-footer-frame {
  display: flex;
  justify-content: flex-start;
}

.btn-toolbox.btn-primary.btn {
  position: relative;
  background-color: #ffebdc;
  min-height: 100px;
  color: #ff7b14;
  padding-left: 125px;
  padding-top: 25px;
  max-width: 425px;
  white-space: break-spaces;
  text-align: left;
  font-style: normal;
  font-weight: 800;
  font-size: 19px;
  line-height: 24px;
}
.btn-toolbox.btn-primary.btn::before {
  content: "";
  height: 100px;
  width: 100px;
  background-color: #ff7b14;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px 0px 0 4px;
}
.btn-toolbox.btn-primary.btn::after {
  content: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/boite%20a%20outils/toolbox.svg");
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}

.toolbox-quote {
  background: #ffebdc;
  padding: 25px;
  border-left: 1px solid #ff7b14;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
.toolbox-quote span {
  color: #ff7b14 !important;
}

.blog-typo h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  color: #337ab7;
}

.page-toolbox .line-formulaire-contact #submitform.btn-primary:hover {
  color: #fff;
  background-color: #6da6d6 !important;
}
.page-toolbox .line-formulaire-contact li {
  list-style-type: none;
  position: relative;
  line-height: 28px;
  font-size: 18px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.page-toolbox .line-formulaire-contact li::before {
  content: url("https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/boite%20a%20outils/checkbox.svg");
  background-repeat: no-repeat;
  width: 35px !important;
  height: 38px !important;
  object-fit: contain;
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}
.page-toolbox .line-formulaire-contact li.text-danger {
  color: #fff;
}
.page-toolbox .line-formulaire-contact li.text-danger::before {
  display: none;
}
.page-toolbox .line-formulaire-contact img {
  width: 150px !important;
}
.page-toolbox .line-formulaire-contact h3 {
  margin-top: -5px;
}
.page-toolbox .line-formulaire-contact .zone-50:first-of-type {
  padding-right: 0;
}
@media (min-width: 992px) {
  .page-toolbox .line-formulaire-contact .zone-50:first-of-type {
    padding-right: 35px;
  }
}
@media screen and (max-width: 768px) {
  .page-toolbox .line-formulaire-contact .container .row {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .page-toolbox .line-formulaire-contact .container .row .zone-50:last-of-type {
    margin-bottom: 50px;
    width: 100%;
  }
  .page-toolbox .line-formulaire-contact .container .row .zone-50:last-of-type .col-sm-24 {
    width: 100%;
  }
}
.page-toolbox .line-formulaire-contact .form-element-email {
  position: relative;
}
.page-toolbox .line-formulaire-contact .form-element-email::after {
  content: "*";
  color: white;
  position: absolute;
  left: 60px;
  top: 0px;
}
.page-toolbox .line-formulaire-contact .zone-50:first-of-type h3 {
  padding-bottom: 15px;
}
.page-toolbox .line-formulaire-contact .zone-50:last-of-type {
  background: #337ab7;
  border-radius: 5px;
  padding: 3rem;
}
.page-toolbox .line-formulaire-contact .zone-50:last-of-type .form-group .col-md-12 {
  width: 100%;
}
.page-toolbox .line-formulaire-contact .zone-crm label {
  color: #fff;
}
.page-toolbox .line-formulaire-contact h2 {
  display: none;
}
.page-toolbox .line-formulaire-contact .zone-crm span.control-label--required {
  color: #fff;
  margin-left: 0;
}
.page-toolbox .legal-information {
  color: #337ab7;
  font-size: 1.1rem;
  margin-bottom: 3rem;
}
.page-toolbox .optin-field span a {
  color: #fff;
}
.page-toolbox .optin-field span a:hover {
  text-decoration: underline;
}

.page-pnp .banner-menu {
  background-image: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/Page%20PNP/img-bg-pnp-compressed.jpg);
}
.page-pnp .banner-menu .banner-article .container {
  width: 70%;
}
.page-pnp .banner-menu.banner-menu-small .banner-article:before {
  content: "";
  width: 138px;
  height: 138px;
  background: url(https://cdn.ca.yapla.com/company/CPYmC5A4aK0NH6iO0MGqD5U/asset/images/YPL-CA/forfaits/cercle-topleft.png);
  background-size: 138px;
  position: absolute;
  bottom: -50px;
  left: 10%;
  z-index: 200;
}
@media screen and (max-width: 992px) {
  .page-pnp .banner-menu.banner-menu-small .banner-article:before {
    width: 115px;
    height: 115px;
    bottom: -70px !important;
    left: 5%;
  }
}
@media screen and (max-width: 992px) {
  .page-pnp .banner-menu.banner-menu-small .banner-article {
    padding-top: calc(7.8rem + 15px);
  }
}
.page-pnp .line-bottom-gradient {
  background: linear-gradient(180deg, #56a4d3 100%, #337ab7 0%);
  padding-top: 2.5rem;
  padding-bottom: 80px;
  margin-top: -5px;
}
.page-pnp .line-bottom-gradient h3 {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 800;
  font-size: 50px !important;
  line-height: 30px;
  text-align: center;
  color: #f1f5fd;
}
.page-pnp .line-bottom-gradient p {
  color: #fff;
}
.page-pnp .line-bottom-gradient .bordure-3-col {
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 0px solid;
  border-bottom: 0px solid;
  border-color: #fff;
}
@media screen and (max-width: 992px) {
  .page-pnp .line-bottom-gradient .bordure-3-col {
    border: none;
    border-bottom: 1px solid #fff;
  }
}
@media screen and (max-width: 992px) {
  .page-pnp .line-bottom-gradient table td {
    display: block;
    margin-bottom: 2rem;
    border-bottom: 1px solid #fff;
  }
}
@media screen and (max-width: 992px) {
  .page-pnp .line-bottom-gradient table td:last-of-type {
    display: block;
    margin-bottom: 2rem;
    border-bottom: none;
  }
}
.page-pnp .line-partenaire-pnp {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.page-pnp .line-partenaire-pnp .mod-article__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5rem;
}
@media screen and (min-width: 992px) {
  .page-pnp .line-partenaire-pnp .mod-article__content {
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 5rem;
  }
}
.page-pnp .line-formulaire-pnp {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.page-pnp .line-formulaire-pnp .form-control {
  border: none;
  background: #fff;
}
.page-pnp .crm-footer-frame {
  display: flex;
  justify-content: center !important;
  margin-top: 2.5rem;
}
.page-pnp .line-pricing-pnp .zone-50:first-of-type .pnp-yapla-logo {
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  text-align: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .page-pnp .line-pricing-pnp .zone-50:first-of-type .pnp-yapla-logo img {
    width: 220px !important;
  }
}
.page-pnp .line-pricing-pnp .zone-50:first-of-type .sect-pricing-pnp {
  background-color: #337ab7;
  border-radius: 0 0 10px 10px;
  padding-top: 2.5rem;
}
.page-pnp .line-pricing-pnp .zone-50:first-of-type .sect-pricing-pnp p {
  color: #fff;
}
.page-pnp .line-video-pnp iframe {
  border-radius: 10px;
  width: 100%;
  min-height: 411px;
}
.page-pnp .little-1 {
  font-size: 13px;
  vertical-align: super;
}
.page-pnp #form-pnp {
  margin-top: -85px;
  padding-top: 85px;
}
@media screen and (min-width: 768px) {
  .page-pnp #form-pnp {
    margin-top: -93px;
    padding-top: 93px;
  }
}
.page-pnp #formbuilder-add-wrapper {
  margin-top: -85px;
  padding-top: 85px;
}
@media screen and (min-width: 768px) {
  .page-pnp #formbuilder-add-wrapper {
    margin-top: -93px;
    padding-top: 93px;
  }
}

.contrat-pnp .line-intro-formation .mod-article__content {
  max-width: 80%;
  margin: auto;
}
.contrat-pnp .input-radio > div label,
.contrat-pnp .required {
  font-size: 14px;
}

@media screen and (max-width: 992px) {
  .page-video-intro-new .banner-video-home.banner-article .row .zone-50 {
    width: 100%;
  }
  .page-video-intro-new .banner-video-home.banner-article .container .row {
    align-items: center;
  }
}
@media screen and (max-width: 992px) and (max-width: 992px) {
  .page-video-intro-new .banner-video-home.banner-article .container .row {
    display: flex;
    flex-direction: column;
  }
  .page-video-intro-new .banner-video-home.banner-article .container .row .zone-50:last-of-type {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 992px) {
  .page-video-intro-new .banner-video-home.banner-article .container .row .zone-article .mod-article__title,
.page-video-intro-new .banner-video-home.banner-article .container .row .zone-article p {
    color: white;
    text-align: center;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .page-video-intro-new .banner-video-home.banner-article .zone-article p {
    text-align: left;
  }
  .page-video-intro-new .banner-video-home.banner-article .btn {
    /*
    margin: 25px 12px;
    */
  }
}