@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" /> */
/* 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-sai-site-accueilformulaire {
  padding: 65px 0 0 0;
  width: calc(100% - 40px);
  margin: 0 auto;
}
#block-sai-site-accueilformulaire .ancre {
  position: relative;
  top: -100px;
}
@media (min-width: 1024px) {
  #block-sai-site-accueilformulaire .ancre {
    top: -180px;
  }
}
#block-sai-site-accueilformulaire .wrapper {
  max-width: 1320px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  #block-sai-site-accueilformulaire .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
    margin-top: 10px;
  }
}
#block-sai-site-accueilformulaire .wrapper .field--name-body {
  width: 100%;
  margin: 0 0 0 0;
}
#block-sai-site-accueilformulaire .wrapper .field--name-body h4 {
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #d9534f;
  letter-spacing: 2.66px;
  font-weight: 700;
  margin: 0 0 15px 0;
}
#block-sai-site-accueilformulaire .wrapper .field--name-body h4::before {
  display: inline-block;
  content: " ";
  width: 26px;
  height: 2px;
  position: relative;
  top: -5px;
  margin-right: 10px;
  background: #d9534f;
}
#block-sai-site-accueilformulaire .wrapper .field--name-body h2 {
  font-size: 1.75em;
  font-family: "brutal_bold";
  line-height: 100%;
  margin: 0 0 0 0;
}
#block-sai-site-accueilformulaire .wrapper .field--name-body p {
  font-size: 1.125em;
  line-height: 140%;
  margin: 20px 0 35px;
}
#block-sai-site-accueilformulaire .wrapper .field--name-body ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#block-sai-site-accueilformulaire .wrapper .field--name-body ul li {
  font-size: 0.9375rem;
  padding: 15px 0;
  border-bottom: solid 1px #DDE4EE;
  padding-left: 50px;
  position: relative;
}
#block-sai-site-accueilformulaire .wrapper .field--name-body ul li:nth-child(1):before {
  content: "1";
  position: absolute;
  left: 0;
  font-family: "brutal_bold";
  font-size: 0.9375rem;
  color: #d9534f;
}
#block-sai-site-accueilformulaire .wrapper .field--name-body ul li:nth-child(2):before {
  content: "2";
  position: absolute;
  left: 0;
  font-family: "brutal_bold";
  font-size: 0.9375rem;
  color: #d9534f;
}
#block-sai-site-accueilformulaire .wrapper .field--name-body ul li:nth-child(3):before {
  content: "3";
  position: absolute;
  left: 0;
  font-family: "brutal_bold";
  font-size: 0.9375rem;
  color: #d9534f;
}
#block-sai-site-accueilformulaire form {
  padding: 36px;
  border-radius: 18px;
  margin: 50px 0;
}
@media (min-width: 1024px) {
  #block-sai-site-accueilformulaire form {
    margin-top: 0;
    margin-bottom: 75px;
  }
}
#block-sai-site-accueilformulaire form {
  border: solid 1px #DDE4EE;
  box-shadow: 0 22px 54px rgba(19, 35, 63, 0.1);
}
#block-sai-site-accueilformulaire form input[type=text],
#block-sai-site-accueilformulaire form input[type=email] {
  box-sizing: border-box;
  max-width: 100%;
  border: 1.5px solid #DDE4EE;
  border-radius: 10px;
  padding: 13px 14px;
  font-size: 0.9375rem;
  background: #F7F7FA;
  width: 100%;
}
#block-sai-site-accueilformulaire form input[type=text]:focus,
#block-sai-site-accueilformulaire form input[type=email]:focus {
  outline: none;
  border-color: #d9534f;
}
#block-sai-site-accueilformulaire form input[type=submit] {
  font-family: "brutal_bold";
  font-size: 1rem;
  text-decoration: none;
  border-radius: 999px;
  color: white;
  background-color: #d9534f;
  padding: 14px 28px;
  margin-bottom: 16px;
  border: none;
  width: 100%;
}