@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* placeholder: proportions vidéo youtube responsive */
/* placeholder : width de 100vw */
/* changer delay selon position dans la liste*/
/* changer width selon position dans la liste */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* placeholder: proportions vidéo youtube responsive */
/* placeholder : width de 100vw */
/* changer delay selon position dans la liste*/
/* changer width selon position dans la liste */
#block-avianor-carrieresmarqueemployeur {
  background-color: white;
  padding: 50px 0;
}
#block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes {
  max-width: 1400px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
#block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--textarea {
  text-align: center;
  max-width: 975px;
  margin: 0 auto;
}
#block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--textarea h2 {
  color: rgb(0, 48, 151);
  text-transform: uppercase;
  margin-top: 0;
  font-size: 1.875rem;
}
#block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--textarea p {
  font-size: 1.125rem;
}
#block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item .paragraph--type--image-et-description {
  padding: 30px 0 0 0;
}
#block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item .paragraph--type--image-et-description .field--name-field-image-para img {
  width: 100%;
  max-width: 420px;
}
#block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item .paragraph--type--image-et-description .field--name-field-description-para h3 {
  font-size: 1.375rem;
  color: rgb(0, 48, 151);
  text-transform: uppercase;
  margin-bottom: 10px;
}
#block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item .paragraph--type--image-et-description .field--name-field-description-para h4 {
  color: rgb(14, 17, 18);
  margin-top: 10px;
}
@media only screen and (min-width: 1024px) {
  #block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes {
    width: calc(100% - 140px);
  }
  #block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages {
    display: flex;
    justify-content: space-between;
  }
  #block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item {
    width: calc(33% - 20px);
  }
  #block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item .field--name-field-description-para {
    padding-bottom: 20px;
  }
  #block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item:first-child .paragraph--type--image-et-description,
  #block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item:last-child .paragraph--type--image-et-description {
    display: flex;
    flex-direction: column-reverse;
  }
  #block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item:first-child .paragraph--type--image-et-description h3,
  #block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item:last-child .paragraph--type--image-et-description h3 {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  #block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--textarea h2 {
    font-size: 2.2rem;
  }
  #block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item {
    width: calc(33% - 40px);
  }
  #block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item .paragraph--type--image-et-description .field--name-field-image-para img {
    max-width: 100%;
  }
  #block-avianor-carrieresmarqueemployeur .field--name-field-paragraphes .paragraph--type--liste-de-temoignage .field--name-field-temoignages > .field__item .paragraph--type--image-et-description .field--name-field-description-para h3 {
    font-size: 1.75rem;
  }
}