/* ==========================================================================
   SPECIFIC STYLE FOR PFS ORTHO
   ========================================================================== */
/* Settings
   ========================================================================== */
/* ====================== */
/* colors */
/* ====================== */
/*--- main color 1 ---*/
/*--- main color 2 ---*/
/*--- black ---*/
/*--- white ---*/
/*--- default text color ---*/
/*--- medium text color ---*/
/*--- bleu facebook ---*/
/*--- bleu twitter ---*/
/*--- bleu linkedin ---*/
/*--- rouge pinterest ---*/
/*--- rouge google+ ---*/
/*--- rouge youtube ---*/
/*--- orange viadeo ---*/
/*--- orange vimeo ---*/
/*--- bleu instagram ---*/
/*--- bleu tumblr ---*/
/*--- rose flickr ---*/
/* define color array with values you will need for button and icons loop*/
/* ====================== */
/* font */
/* ====================== */
/*
Media queries limites based on :
https://medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862
 */
/* --- 1px --- */
/* --- 400px --- */
/* < Small phones < */
/* --- 512px --- */
/* < Large phones < */
/* --- 608px --- */
/* --- 896px --- */
/* < Tablets portrait < */
/* --- 1200px --- */
/* < Tablets landscape < */
/* --- 1408px --- */
/* < Small desktop < */
/* --- 1792px --- */
/* < Large desktop */
@media only screen {
  html {
    -webkit-text-size-adjust: none;
       -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
            text-size-adjust: none;
  }
}

/* ====================== */
/* transition */
/* ====================== */
/* ====================== */
/* Z-index */
/* ====================== */
.body-ortho .top-bandeau-container {
  gap: 2.5rem;
}

@media only screen and (max-width: 75em) {
  .body-ortho .top-bandeau-container {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    gap: 0;
  }
}

.body-ortho .top-bandeau-container .a-button {
  background-color: #EDF2F0;
  color: #40122B;
}

@media only screen and (max-width: 75em) {
  .body-ortho .top-bandeau-container .a-button {
    margin: 0 2rem;
  }
}

.body-ortho .grid-formations-spec .card-egg {
  min-height: 53rem;
}

.home-page .body-ortho .egg-header .egg-header-container .egg-container.with-after:after {
  background: url(../../../img/svg/icon-frise-ortho.svg) no-repeat !important;
}

/*# sourceMappingURL=specificOrtho.css.map */