@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

body {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  margin: 0;
}

/*----------------------- WRAPPER COMMUN -----------------------*/

#page-wrapper {
  top: 0px;
  overflow: hidden;
}

/*----------------------- HEADER COMMUN -----------------------*/

#header {
  background-color: #ea8722;
  height: 52px;
}

.header-content {
  width: 1170px;
  margin: 0 auto;
  max-width: 90%;
}

#block-soappi-views-block-topbar-contact-block-1,
#block-soappi-views-block-duplicate-of-topbar-contact-block-1 {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  width: 60%;
  float: left;
}

#block-soappi-views-block-topbar-contact-block-1 div p {
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
  font-family: inherit;
}

#block-soappi-views-block-topbar-contact-block-1 a {
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
  font-family: inherit;
}

#block-soappi-views-block-topbar-resaux-sociaux-block-1,
#block-soappi-views-block-duplicate-of-topbar-resaux-sociaux-block-1,
#block-soappi-views-block-topbar-resaux-sociaux-formation-conte-block-1 {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  width: 40%;
  float: right;
}

#block-soappi-views-block-duplicate-of-topbar-resaux-sociaux-block-1 p,
#block-soappi-views-block-topbar-resaux-sociaux-block-1 p,
#block-soappi-views-block-topbar-resaux-sociaux-formation-conte-block-1 p {
  display: inline-block;
  width: 28px;
  height: 28px;
  position: relative;
  overflow: hidden;
}

#block-soappi-views-block-duplicate-of-topbar-resaux-sociaux-block-1 p .haut,
#block-soappi-views-block-topbar-resaux-sociaux-block-1 p .haut,
#block-soappi-views-block-topbar-resaux-sociaux-formation-conte-block-1 p .haut {
  z-index: 9;
  position: relative;
}

#block-soappi-views-block-duplicate-of-topbar-resaux-sociaux-block-1 p .bas,
#block-soappi-views-block-topbar-resaux-sociaux-block-1 p .bas,
#block-soappi-views-block-topbar-resaux-sociaux-formation-conte-block-1 p .bas {
  z-index: 10;
  position: relative;
}

#block-soappi-views-block-duplicate-of-topbar-resaux-sociaux-block-1 p:hover .bas,
#block-soappi-views-block-topbar-resaux-sociaux-block-1 p:hover .bas,
#block-soappi-views-block-topbar-resaux-sociaux-formation-conte-block-1 p:hover .bas {
  top: -31px;
}

/*----------------------- HEADER-MID COMMUN -----------------------*/

#header-mid {
  min-height: 120px;
  height: auto;
}

.header-mid-content {
  width: 1170px;
  margin: 0 auto;
  max-width: 90%;
  position: relative;
}

#block-soappi-views-block-logo-site-block-1 {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 20%;
  height: 100px;
  float: left;
  /*display: table-cell;
  text-align: left;
  vertical-align: middle;
  width: 60%;
  float: left;*/
}

.views-field-field-corps-logo-site,
#corps-logo-site {
  max-width: 150px;
  margin: 33px 0;
}

.views-field-field-corps-logo-site img,
#corps-logo-site img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

#block-soappi-main-menu {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 79%;
  position: relative;
  height: 100px;
}

#block-soappi-main-menu ul {
  margin: 0 0 0 auto;
  width: 413px;
  /*margin: 0;
  width: 100%;*/
}

#block-soappi-main-menu li {
  display: inline-block;
  margin: 0 0 0 17px;
  position: relative;
  list-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

#block-soappi-main-menu li a {
  color: #42495b;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 16px;
  height: 100px;
  line-height: 100px;
  outline: 0;
  text-decoration: none;
}

#block-soappi-main-menu li .is-active {
  color: #ea8722;
}

#block-soappi-main-menu li a:hover,
#block-soappi-account-menu li a:hover {
  color: #ea8722;
}

#block-soappi-account-menu {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 100%;
}

#block-soappi-account-menu ul {
  margin: 0 0 0 auto;
  width: 413px;
  text-align: right;
}

#block-soappi-account-menu li {
  display: inline-block;
  margin: 0 17px 0 0;
  position: relative;
  list-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

#block-soappi-account-menu li a {
  color: #42495b;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  outline: 0;
  text-decoration: none;
}

/*----------------------- SLIDESHOW COMMUN -----------------------*/

#slideshow {
  width: 100%;
  position: relative;
}

.views-field-field-slide {}

#slideshow img {
  height: auto;
  max-height: 600px;
  width: 100%;
}

.views-field-field-bouton {
  position: absolute;
  text-align: center;
  margin: 97px auto;
  inset: 0;
  width: 275px;
  height: 32px;
  background-color: rgb(234, 135, 34);
  border-radius: 6px;
}

.views-field-field-bouton p {
  color: #ffffff;
  font-family: "Open Sans";
  text-decoration: none;
  line-height: 32px;
  font-weight: 700;
  font-size: 14px;
  margin: auto;
}

/*----------------------- SLIDESHOW NON-COMMUN -----------------------*/

.page-view-page_qui_sommes_nous-page_1 #slideshow,
.page-view-page_formation-page_1 #slideshow,
.page-contact-site_page #slideshow,
.page-view-page_formations_trier-page_1 #slideshow {
  width: 100%;
  height: 600px;
  overflow: hidden;
  position: relative;
}

.page-view-page_qui_sommes_nous-page_1 .views-field-field-slide,
.page-view-page_formation-page_1 .views-field-field-slide,
.page-contact-site_page .views-field-field-slide,
.page-view-page_formations_trier-page_1 .views-field-field-slide {
  position: relative;
  height: 600px;
}

.page-view-page_qui_sommes_nous-page_1 #slideshow img,
.page-view-page_formation-page_1 #slideshow img,
.page-contact-site_page #slideshow img,
.page-view-page_formations_trier-page_1 #slideshow img {
  width: 100%;
  height: auto;
  max-height: 1000px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.page-view-page_qui_sommes_nous-page_1 .views-field-field-titre-slideshow {
  position: absolute;
  text-align: center;
  margin: 193px auto;
  inset: 0;
  width: 650px;
  height: 85px;
}

.page-view-page_formation-page_1 .views-field-field-bouton,
.page-view-page_formations_trier-page_1 .views-field-field-bouton {
  width: 325px;
}

.page-view-page_formation-page_1 .views-field-field-titre-slideshow,
.page-view-page_formations_trier-page_1 .views-field-field-titre-slideshow {
  position: absolute;
  text-align: center;
  margin: 193px auto;
  inset: 0;
  width: 890px;
  height: 85px;
}

.page-contact-site_page .views-field-field-titre-slideshow {
  position: absolute;
  text-align: center;
  margin: 193px auto;
  inset: 0;
  width: 850px;
  height: 85px;
}

/*----------------------- REPRISE SLIDESHOW COMMUN -----------------------*/

.views-field-field-titre-slideshow .field-content {
  color: #ffffff;
  font-family: "Montserrat";
  text-decoration: none;
  line-height: 85px;
  font-weight: 700;
  font-size: 85px;
  margin: auto;
}

.views-field-field-accroche-slideshow {
  position: absolute;
  text-align: center;
  margin: 306px auto;
  inset: 0;
  width: 580px;
  height: 24px;
}

.views-field-field-accroche-slideshow p {
  color: #ffffff;
  font-family: "Open Sans";
  text-decoration: none;
  line-height: 24px;
  font-weight: 500;
  font-size: 24px;
  margin: auto;
}

/*----------------------- CONTENT COMMUN -----------------------*/

#main-content {
  width: 100%;
}

.content-wrapper {}

/*----------------------- FOOTER COMMUN -----------------------*/

#footer {
  width: 100%;
  height: 200px;
  background-color: #0c2f55;
}

.footer-content {
  width: 1170px;
  margin: 0 auto;
  max-width: 90%;
  height: 100%;
}

#block-soappi-views-block-logo-cabinet-ogp-block-1 {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  width: 15%;
  float: left;
  padding: 45px 0 0 0;
}

.views-field-field-corps-logo-cabinet-ogp {
  text-align: center;
}

#block-soappi-views-block-logo-cabinet-ogp-block-1 img {
  width: 102px;
  height: 115px;
}

#block-soappi-views-block-nos-bureaux-block-1 {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  width: 37%;
  float: left;
  padding: 45px 0 0 25px;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-titre-nos-bureaux {
  text-align: left;
  font-weight: 400;
}

.views-field-field-titre-nos-bureaux .field-content {
  color: #ea8722;
  font-family: "Roboto", Sans-serif;
  font-weight: 700;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-adresse-bureaux-1 {
  text-align: left;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto", Sans-serif;
  font-weight: 400;
  padding: 0 0 0 20px;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-adresse-bureaux-1 .field-content {
  height: 30px;
  display: table-cell;
  vertical-align: middle;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-adresse-bureaux-1 img {
  float: left;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-adresse-bureaux-1 p {
  float: left;
  padding: 0 0 0 6px;
  margin: 0;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-adresse-bureaux-2 {
  text-align: left;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto", Sans-serif;
  font-weight: 400;
  padding: 0 0 0 20px;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-adresse-bureaux-2 .field-content {
  height: 30px;
  display: table-cell;
  vertical-align: middle;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-adresse-bureaux-2 img {
  float: left;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-adresse-bureaux-2 p {
  float: left;
  padding: 0 0 0 6px;
  margin: 0;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-telephone-et-mail {
  text-align: left;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto", Sans-serif;
  font-weight: 400;
  padding: 0 0 0 20px;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-telephone-et-mail .field-content {
  height: 30px;
  display: table-cell;
  vertical-align: middle;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-telephone-et-mail img {
  float: left;
}

#block-soappi-views-block-nos-bureaux-block-1 .views-field-field-telephone-et-mail p {
  float: left;
  padding: 0 0 0 6px;
  margin: 0;
}

#block-soappi-views-block-organisme-de-formation-block-1 {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  width: 20%;
  float: left;
  padding: 45px 0 0 35px;
}

#block-soappi-views-block-organisme-de-formation-block-1 .views-field-field-titre-organisme-formation {
  text-align: left;
  font-weight: 400;
}

.views-field-field-titre-organisme-formation .field-content {
  color: #ea8722;
  font-family: "Roboto", Sans-serif;
  font-weight: 700;
}

#block-soappi-views-block-organisme-de-formation-block-1 .views-field-field-informations {
  text-align: left;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto", Sans-serif;
  font-weight: 400;
}

#block-soappi-views-block-organisme-de-formation-block-1 .views-field-field-informations .field-content {
  height: 30px;
  display: table-cell;
  vertical-align: middle;
}

#block-soappi-views-block-organisme-de-formation-block-1 .views-field-field-informations p {
  float: left;
  margin: 0;
}

#block-soappi-footer {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  width: 20%;
  float: left;
  padding: 45px 0 0 0;
}

#block-soappi-footer ul {
  margin: 0;
  width: 100%;
  float: left;
}

#block-soappi-footer li {
  float: left;
  margin: 0 0 0 17px;
  position: relative;
  list-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

#block-soappi-footer a {
  color: #ffffff;
  display: block;
  font-family: "Roboto", Sans-serif;
  font-weight: 300;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  outline: 0;
  text-decoration: none;
}

#block-soappi-footer a:hover {
  color: #ea8722;
}

/*----------------------- FOOTER-BOT COMMUN -----------------------*/

#footer-bot {
  width: 100%;
  height: 45px;
  background-color: #0c2f55;
  border-top: 1px solid rgba(234, 135, 34, 0.5);
}

.footer-bot-content {
  width: 1170px;
  margin: 0 auto;
  max-width: 90%;
  height: 100%;
}

.footer-bot-content .views-field-field-titre-droits-reserves {
  padding: 5px 0 0 0;
}

.footer-bot-content .views-field-field-titre-droits-reserves .field-content {
  text-align: center;
  color: #ffffff;
  font-family: "Roboto", Sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-decoration: none;
}

/*----------------------- PAGE A PROPOS -----------------------*/

#block-soappi-content {
  width: 100%;
}

#block-soappi-content .views-element-container {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 100px;
}

#global-gauche-droite {
  height: 700px;
}

#global-qui-sommes-nous-gauche {
  display: inline-block;
  width: 64%;
}

.titre-qui-sommes-nous {
  font-size: 45px;
  font-weight: 700;
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
}

.corps-qui-sommes-nous {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  font-family: "Open Sans", sans-serif;
  color: #808080;
}

.corps-qui-sommes-nous p {
  padding: 0 0 15px 0;
}

#global-qui-sommes-nous-droite {
  display: inline-block;
  width: 370px;
  height: 536px;
  margin-left: auto;
  padding-left: 30px;
}

#global-qui-sommes-nous-droite img {
  height: auto;
  width: 100%;
}

#block-soappi-views-block-nos-metiers-block-1 {
  background-color: #151948;
  padding-top: 100px;
  padding-bottom: 300px;
}

#block-soappi-views-block-nos-metiers-block-1 h2 {
  color: #ffffff;
  max-width: 90%;
  font-size: 55px;
  font-family: Verdana, Geneva, sans-serif;
  width: 1170px;
  margin: 0 auto;
}

#block-soappi-views-block-nos-metiers-block-1 .views-view-grid {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 100px;
}

#global-metiers {
  height: 381px;
  width: 90%;
  background-color: #1c2156;
  transition: margin-top 1s;
}

#global-metiers:hover {
  margin-top: -25px;
}

.contour-metier {
  padding: 32px 0 32px 0;
}

.image-metiers {
  text-align: center;
}

.titre-metiers {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  padding: 26px 0 13px 0px;
  font-family: Verdana, Generva, sans-serif;
  width: 180px;
  margin: 0 auto;
  text-align: center;
}

.corps-metiers {
  color: #ffffff;
  font-size: 14px;
  line-height: 30px;
  font-family: Verdana, Generva, sans-serif;
  width: 180px;
  margin: 0 auto;
  text-align: center;
}

#block-soappi-views-block-nous-en-chiffres-block-1 {
  width: 100%;
  height: auto;
  margin-top: -160px;
}

#block-soappi-views-block-nous-en-chiffres-block-1 .views-view-grid {
  background-color: #4582ff;
  width: 1400px;
  max-width: 90%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  border-radius: 15px;
}

#block-soappi-views-block-nous-en-chiffres-block-1 .views-view-grid .views-row {
  max-width: 1150px;
  margin: 0 auto;
  float: none;
}

#global-nous-en-chiffres {
  max-width: 260px;
  padding-top: 90px;
  padding-bottom: 50px;
}

.global-chiffres {
  width: 100%;
  margin: 0 auto;
}

#global-nous-en-chiffres #logo {}

#global-nous-en-chiffres #chiffre {
  color: #ffffff;
  padding-top: 10px;
  font-size: 55px;
  font-weight: 700;
  line-height: 1.25;
  font-family: Verdana, Geneva, sans-serif;
}

#global-nous-en-chiffres #corps-chiffre {
  color: #ffffff;
  font-size: 18px;
  font-family: Verdana, Geneva, sans-serif;
  max-width: 100%;
  margin: 0 auto;
  line-height: 30px;
}

#block-soappi-views-block-rencontrez-notre-equipe-block-1 {
  width: 100%;
  height: auto;
  padding-top: 150px;
}

#block-soappi-views-block-rencontrez-notre-equipe-block-1 h2 {
  color: #42495b;
  max-width: 90%;
  font-size: 55px;
  font-family: Verdana, Geneva, sans-serif;
  width: 1170px;
  margin: 0 auto;
}

#block-soappi-views-block-rencontrez-notre-equipe-block-1 #views_slideshow_cycle_main_rencontrez_notre_equipe-block_1 {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 100px;
}

#views_slideshow_cycle_teaser_section_rencontrez_notre_equipe-block_1 {
  min-width: 100%;
  margin: 0 auto;
}

.views_slideshow_cycle_slide {
  min-width: 100%;
  margin: 0 auto;
}

#block-soappi-views-block-rencontrez-notre-equipe-block-1 #views_slideshow_cycle_main_rencontrez_notre_equipe-block_1 .views-row {
  width: 100%;
  max-width: 375px;
  height: 460px;
  margin: 0 auto;
  float: left;
}

#global-equipe {
  padding: 0 20px;
}

.ensemble-equipe {
  width: 100%;
  margin: 0 auto;
  float: left;
  background-color: #ffffff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  text-align: center;
}

#photo-equipe {}

#photo-equipe img {
  width: 100%;
  height: auto;
}

.nom-et-fonction {
  padding: 25px 9px 25px 15px;
}

#prenom-nom-equipe {
  color: #000000;
  font-size: 18px;
  font-family: Open Sans;
  text-align: center;
  font-weight: 600;
}

#fonction {
  color: #000000;
  font-size: 14px;
  font-family: Open Sans;
  text-align: center;
  font-weight: 500;
}

.views-slideshow-controls-bottom {}

.views-slideshow-controls-bottom ul {
  list-style-type: disc;
  font-size: 10px;
  display: inline-block;

  width: 100%;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
  background: none;
  background-color: #d6d6d6;
  transform: scale(0.8);
  font-size: 16px;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
  background: none;
  background-color: #ea8722;
  transform: scale(0.8);
  font-size: 16px;
}

#views_slideshow_pager_field_item_bottom_rencontrez_notre_equipe-block_1_2,
#views_slideshow_pager_field_item_bottom_rencontrez_notre_equipe-block_1_3,
#views_slideshow_pager_field_item_bottom_rencontrez_notre_equipe-block_1_4,
#views_slideshow_pager_field_item_bottom_rencontrez_notre_equipe-block_1_5 {
  display: none;
}

#block-soappi-views-block-video-publicitaire-block-1 {
  width: 100%;
  height: auto;
  padding-top: 100px;
}

#block-soappi-views-block-video-publicitaire-block-1 .views-row {
  width: 100%;
  height: 590px;
  background-image: url('../images/fond-video.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#global-video {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 130px;
}

.ensemble-video {}

#video-gauche {
  float: left;
  width: 80%;
}

#titre-video {
  font-weight: 700;
  color: #ffffff;
  font-family: Montserrat;
  font-size: 14px;
}

#corps-video {}

#corps-video h2 {
  font-weight: 700;
  color: #ffffff;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 55px;
}

#video-droite {
  float: left;
  padding-top: 90px;
}

#bouton-video {
  width: 100px;
  height: 100px;
  position: relative;
}

.cercle {
  width: 100%;
  height: 100%;
  background-image: url('../images/bouton-video-a-propos-cercle.png');
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  position: relative;
  z-index: 3;
}

#bouton-video:hover .cercle {
  background-image: url('../images/bouton-video-a-propos-cercle-noir.png');
}

/* Base pour chaque onde */
.wave {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ea8722;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  animation: wave 3s infinite ease-out;
}

/* Délai pour créer l'effet d'ondes continues */
.wave1 {
  animation-delay: 0s;
}

.wave2 {
  animation-delay: 1s;
}

@keyframes wave {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) scale(3);
    /* plus grand = plus d'éloignement */
    opacity: 0;
  }
}

/*----------------------- PAGE NOS FORMATIONS -----------------------*/

#block-soappi-views-block-nos-formation-block-1 {
  width: 100%;
  height: auto;
  padding-top: 150px;
}

#block-soappi-views-block-nos-formation-block-1 .contextual-region {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
}

#block-soappi-views-block-nos-formation-block-1 .views-row {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
}

.views-field-field-titre-nos-formations {
  max-width: 450px;
  font-size: 45px;
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  line-height: 1.25;
}

.views-field-field-accroche-nos-formations {
  max-width: 500px;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  font-weight: 400;
  line-height: 2;
}

#block-soappi-grandsthemesformations {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  height: 50px;
}

#block-soappi-grandsthemesformations ul {
  float: right;
  height: 50px;
}

#block-soappi-grandsthemesformations li {
  float: left;
  margin: 10px 0 0 17px;
  list-style: none;
  display: inline-block;
}

#block-soappi-grandsthemesformations li a {
  color: #808080;
  display: block;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 400;
  font-size: 14px;
  outline: 0;
  text-decoration: none;
}

.page-view-page_formation-page_1 #block-soappi-content .views-element-container,
.page-view-page_formations_trier-page_1 #block-soappi-content .views-element-container {
  padding-top: 50px;
}

.page-view-page_formation-page_1 #block-soappi-content .views-element-container .views-field,
.page-view-page_formations_trier-page_1 #block-soappi-content .views-element-container .views-field {
  padding: 0 30px 30px 0;
  position: relative;
}

#global-formation {
  width: 100%;
  height: 100%;
}

.ensemble-global-formation {}

#image-formation {
  height: 370px;
  overflow: hidden;
  border-radius: 15px;
}

#image-formation img {
  width: 370px;
  height: 100%;
  object-fit: cover;
  /* L’image remplit tout le cadre */
  object-position: 80%;
  /* Décale la vue vers la droite */
  display: block;
}

#titre-formation {
  position: relative;
  width: 300px;
  text-align: center;
  margin: 0 auto;
}

.conteneur-titre {
  position: absolute;
  top: -230px;
}

#titre-formation a {
  text-decoration: none;
  font-size: 25px;
  color: #ffffff;
  font-family: Montserrat;
  font-weight: 700;
  font-style: normal;
}

.page-view-page_formation-page_1 #block-soappi-content .views-element-container nav ul, 
.page-view-page_formations_trier-page_1 #block-soappi-content .views-element-container nav ul {
  list-style: none;
  max-width: 250px;
  width: 100%;
  margin: 0 auto;
  margin-top: 0px;
  margin-top: 20px;
  height: 27px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  display: flex;
  align-content: flex-start;
  justify-content: center;
  padding: 5px 5px 0px 5px;
  box-shadow: 2px 2px 3px #0C2F55;
}

.page-view-page_formation-page_1 #block-soappi-content .views-element-container nav ul li, 
.page-view-page_formations_trier-page_1 #block-soappi-content .views-element-container nav ul li {
  font-size: 0px;
  margin-left: auto;
  width: 45%;
  display: block;
}

.page-view-page_formation-page_1 #block-soappi-content .views-element-container nav ul li a[rel="next"], 
.page-view-page_formations_trier-page_1 #block-soappi-content .views-element-container nav ul li a[rel="next"] {
  width: 100%;
  display: block;
  text-align: right;
}

.page-view-page_formation-page_1 #block-soappi-content .views-element-container nav ul li a[rel="next"]::after, 
.page-view-page_formations_trier-page_1 #block-soappi-content .views-element-container nav ul li a[rel="next"]::after {
  content: "Suivant";
  display: inline-block;
  background: url(../images/fleche-droite-orange.png) no-repeat top right;
  background-size: contain;
  width: 85px;
  height: 20px;
  margin: 0 auto;
  vertical-align: middle;
  font-family: "Roboto", Sans-serif;
  color: rgb(234, 135, 34);
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}

.page-view-page_formation-page_1 #block-soappi-content .views-element-container nav ul li a[rel="next"] span, 
.page-view-page_formations_trier-page_1 #block-soappi-content .views-element-container nav ul li a[rel="next"] span {
  display: none;
}

.page-view-page_formation-page_1 #block-soappi-content .views-element-container nav ul li a[rel="prev"], 
.page-view-page_formations_trier-page_1 #block-soappi-content .views-element-container nav ul li a[rel="prev"] {
  width: 100%;
  display: block;
  text-align: left;
}

.page-view-page_formation-page_1 #block-soappi-content .views-element-container nav ul li a[rel="prev"]::before, 
.page-view-page_formations_trier-page_1 #block-soappi-content .views-element-container nav ul li a[rel="prev"]::before {
  content: "Précédent";
  display: inline-block;
  background: url(../images/fleche-gauche-orange.png) no-repeat top left;
  background-size: contain;
  width: 85px;
  height: 20px;
  margin: 0 auto;
  vertical-align: middle;
  font-family: "Roboto", Sans-serif;
  color: rgb(234, 135, 34);
  font-weight: 400;
  font-size: 14px;
  text-align: right;
  line-height: 20px;
}

.page-view-page_formation-page_1 #block-soappi-content .views-element-container nav ul li a[rel="prev"] span, 
.page-view-page_formations_trier-page_1 #block-soappi-content .views-element-container nav ul li a[rel="prev"] span {
  display: none;
}

#block-soappi-views-block-block-plaquettes-commerciales-block-1 {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 50px;
}

#block-soappi-views-block-block-plaquettes-commerciales-block-1 h2 {
  font-size: 45px;
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  line-height: 1.25;
}

#block-soappi-views-block-block-plaquettes-commerciales-block-1 .views-row {
  padding-bottom: 50px;
  padding-right: 50px;
  width: 45%;
  display: inline-block;
}

#global-plaquette-commerciale {
  background-color: rgba(17, 36, 76);
  border-radius: 15px;
  height: 520px;
  width: 100%;
  box-shadow: 5px 5px 10px #000000;
}

.ensemble-plaquette-commerciale {}

#visualisation {
  width: 92%;
  padding: 20px 20px 20px 20px;
}

.ensemble-plaquette-commerciale iframe {
  width: 100%;
  height: 380px;
  border-radius: 5px;
}

#bouton-telechargement {
  width: 92%;
  margin: 0 auto;
  text-align: center;
  padding: 10px 20px 0px 20px;
}

#bouton-telechargement a {
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin: 0;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: inline-block;
  position: relative;
  background-color: #ea8722;
  padding: 20px 0px 20px 0px;
  width: 100%;
  border-radius: 5px;
}

#bouton-telechargement a:hover {
  color: #ea8722;
  background-color: #ffffff;
  /*background-color: rgba(17, 36, 76);*/
}

#bouton-telechargement a .fleche {
  transition: transform 0.3s ease;
  display: inline-block;
}

#bouton-telechargement a:hover .fleche {
  animation: flecheAnim 0.5s ease-in-out;
}

#bouton-telechargement a:not(:hover) .fleche {
  animation: flecheRetour 0.5s ease-in-out;
}

#block-soappi-views-block-block-image-page-formation-block-1 {
  width: 100%;
  height: auto;
  padding-top: 150px;
}

#block-soappi-views-block-block-image-page-formation-block-1 .contextual-region {}

#global-image-decoration {
  width: 100%;
  height: 290px;
}

.ensemble-image-decoration {
  overflow: hidden;
  width: 100%;
  height: 290px;
  position: relative;
}

.ensemble-image-decoration img {
  width: 100%;
  height: auto;
  transform: translate(0, -50%);
  top: 50%;
  position: absolute;
}

/*----------------------- PAGE CONTACT -----------------------*/

.page-contact-site_page .content-wrapper {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
}

#block-soappi-views-block-nous-contacter-block-1 {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  height: auto;
  padding-top: 150px;
  position: relative;
}

#block-soappi-views-block-nous-contacter-block-1 .contextual-region {}

#titre-nous-contacter {
  max-width: 450px;
  font-size: 45px;
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  line-height: 1.25;
  height: 80px;
}

#accroche-nous-contacter {
  max-width: 500px;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  font-weight: 400;
  line-height: 2;
  height: 80px;
}

#corps-nous-contacter {
  width: 100%;
  max-width: 570px;
  height: auto;
  overflow: hidden;
  border-radius: 15px;
}

#corps-nous-contacter img {
  width: 100%;
  height: auto;
}

.page-contact-site_page #block-soappi-content {
  width: 45%;
  display: inline-block;
  height: auto;
  padding: 150px 0 40px 20px;
  position: relative;
}

.page-contact-site_page #block-soappi-content label,
#edit-field-date-de-naissance-wrapper h4 {
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
}

#edit-field-nom-wrapper input:focus,
#edit-field-prenom-wrapper input:focus,
#edit-field-date-de-naissance-wrapper input:focus,
#edit-field-adresse-postale-wrapper input:focus,
#edit-field-code-postal-wrapper input:focus,
#edit-field-ville-wrapper input:focus,
#edit-field-e-mail-wrapper input:focus,
#edit-field-telephone-wrapper input:focus,
#edit-field-votre-message-wrapper textarea:focus {
  border: 2px solid #EA8722;
  outline: none;
}

#edit-field-nom-wrapper {
  height: auto;
  width: 49%;
  position: relative;
  display: inline-block;
}

.form-item-field-nom-0-value {
  height: 80px;
  position: relative;
}

.form-item-field-nom-0-value label {}

.form-item-field-nom-0-value input {
  position: absolute;
  left: 0;
  top: 25px;
  width: 90%;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  line-height: 30px;
}

#edit-field-prenom-wrapper {
  height: auto;
  width: 50%;
  position: relative;
  display: inline-block;
}

.form-item-field-prenom-0-value {
  height: 80px;
  position: relative;
}

.form-item-field-prenom-0-value label {}

.form-item-field-prenom-0-value input {
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  line-height: 30px;
}

#edit-field-date-de-naissance-wrapper {
  height: 80px;
  position: relative;
}

#edit-field-date-de-naissance-wrapper h4 {
  margin: 0;
  width: 100%;
}

.form-item-field-date-de-naissance-0-value-date label {}

.form-item-field-date-de-naissance-0-value-date input {
  width: 100%;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  line-height: 30px;
}

#edit-field-adresse-postale-wrapper {
  height: 80px;
  position: relative;
}

#edit-field-adresse-postale-wrapper label {}

#edit-field-adresse-postale-wrapper input {
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  line-height: 30px;
}

#edit-field-code-postal-wrapper {
  height: 80px;
  position: relative;
}

#edit-field-code-postal-wrapper label {}

#edit-field-code-postal-wrapper input {
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  line-height: 30px;
}

#edit-field-ville-wrapper {
  height: 80px;
  position: relative;
}

#edit-field-ville-wrapper label {}

#edit-field-ville-wrapper input {
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  line-height: 30px;
}

#edit-field-e-mail-wrapper {
  height: 80px;
  position: relative;
}

#edit-field-e-mail-wrapper label {}

#edit-field-e-mail-wrapper input {
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  line-height: 30px;
}

#edit-field-telephone-wrapper {
  height: 80px;
  position: relative;
}

#edit-field-telephone-wrapper label {}

#edit-field-telephone-wrapper input {
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  line-height: 30px;
}

#edit-field-votre-message-wrapper {
  height: 150px;
  position: relative;
}

#edit-field-votre-message-wrapper .form-item-field-votre-message-0-value label {
  font-weight: 700;
  font-style: normal;
  color: #000000;
}

#edit-field-votre-message-wrapper textarea {
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
}

.page-contact-site_page #block-soappi-content #contact-message-nous-contacter-form #edit-actions input {
  border-radius: 5px;
  padding: 0px 10px 2px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 1px solid rgb(234, 135, 34);
}

.page-contact-site_page #block-soappi-content #contact-message-nous-contacter-form #edit-actions input:hover {
  background-color: #ffffff;
  color: rgb(234, 135, 34);
  cursor: pointer;
}

#block-soappi-views-block-map-block-1 {
  width: 100%;
  height: auto;
  padding: 100px 0 50px 0;
  position: relative;
}

#block-soappi-views-block-map-block-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100px;
  /* Largeur de la ligne */
  height: 1px;
  /* Épaisseur */
  background-color: #ea8722;
  /* Couleur */
  transform: translateX(-50%);
  /* Centre horizontalement */
}

#block-soappi-views-block-map-block-1 h2 {
  max-width: 450px;
  font-size: 30px;
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  line-height: 1.25;
}

.views-field-field-map {
  width: 100%;
  height: 460px;
  overflow: hidden;
  border: 5px solid #f7f7f7;
}

.views-field-field-map p {
  margin: 0;
  padding: 0;
}

.views-field-field-map iframe {
  width: 100%;
  height: 460px;
}

/*----------------------- PAGE ACCUEIL -----------------------*/

.page-view-frontpage-page_1 #page-wrapper {
  position: relative;
  /* recommandé */
  will-change: transform;
  /* pour la perf */
}

.page-view-frontpage-page_1 #header {
  background-color: rgba(17, 36, 76, 0.5);
  position: relative;
  z-index: 10;
}

.page-view-frontpage-page_1 #header-mid {
  position: relative;
  z-index: 10;
}

.page-view-frontpage-page_1 #header-mid a {
  color: #ffffff;
}

.page-view-frontpage-page_1 #block-soappi-main-menu .is-active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 34px;
  /* Distance entre le texte et le soulignement */
  width: 100%;
  height: 2px;
  /* Épaisseur du soulignement */
  background-color: #4582ff;
  /* Couleur du soulignement */
  transition: transform 0.3s ease-in-out;
  transform: scaleX(1);
  /* Définit la taille initiale */
}

.page-view-frontpage-page_1 #block-soappi-main-menu li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 34px;
  /* Distance entre le texte et le soulignement */
  width: 100%;
  height: 2px;
  /* Épaisseur du soulignement */
  background-color: #4582ff;
  /* Couleur du soulignement */
  transition: transform 0.3s ease-in-out;
  transform: scaleX(0);
  /* Définit la taille initiale */
  transition: transform 0.3s ease-in-out;
}

.page-view-frontpage-page_1 #block-soappi-main-menu li:hover a::after {
  transform: scaleX(1);
  /* La barre s’étend progressivement */
}

.page-view-frontpage-page_1 #block-soappi-account-menu li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 8px;
  /* Distance entre le texte et le soulignement */
  width: 100%;
  height: 2px;
  /* Épaisseur du soulignement */
  background-color: #4582ff;
  /* Couleur du soulignement */
  transition: transform 0.3s ease-in-out;
  transform: scaleX(0);
  /* Définit la taille initiale */
  transition: transform 0.3s ease-in-out;
}

.page-view-frontpage-page_1 #block-soappi-account-menu li:hover a::after {
  transform: scaleX(1);
  /* La barre s’étend progressivement */
}

.page-view-frontpage-page_1 #block-soappi-views-block-logo-site-accueil-block-1 {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 20%;
  height: 100px;
  float: left;
}

.views-field-field-corps-logo-site-accueil {
  max-width: 150px;
  margin: 33px 0;
}

.views-field-field-corps-logo-site-accueil img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.page-view-frontpage-page_1 #slideshow {
  height: 743px;
  max-height: 743px;
  width: 100%;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.page-view-frontpage-page_1 #global-slideshow-accueil {
  height: 778px;
  max-height: 778px;
  width: 100%;
  position: absolute;
}

.page-view-frontpage-page_1 .ensemble-slideshow-accueil {}

.page-view-frontpage-page_1 #image-slideshow-accueil {
  height: 950px;
  overflow: hidden;
}

#image-slideshow-accueil img {
  position: absolute;
  z-index: -10;
  margin-top: -207px;
  height: 100%;
  min-height: 950px;
  object-fit: cover;
  object-position: 80%;
  display: block;
}

.titre-accroche-bouton {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  position: absolute;
  display: block;
  inset: 0;
  z-index: 20;
}

#titre-slideshow-accueil {
  position: absolute;
  display: inline-block;
  margin: 5% 0 0 0;
  width: 600px;
  height: 85px;
  inset: 0;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 85px;
  font-weight: 700;
  font-size: 85px;
}

#accroche-slideshow-accueil {
  position: absolute;
  display: block;
  margin: 20% 0 0 0;
  width: 750px;
  height: 24px;
  inset: 0;
}

#accroche-slideshow-accueil p {
  font-family: "Open Sans";
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 500;
  font-size: 24px;
}

#bouton-slideshow-accueil {
  position: absolute;
  display: inline-block;
  margin: 30% 0 0 0;
  width: 240px;
  height: 24px;
  inset: 0;
}

#bouton-slideshow-accueil a {
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border-radius: 5px;
  padding: 18px 40px;
}

#bouton-slideshow-accueil:hover a {
  color: #ea8722;
  background-color: #ffffff;
}

#bouton-slideshow-accueil p .fleche {
  transition: transform 0.3s ease;
  display: inline-block;
}

#bouton-slideshow-accueil:hover .fleche {
  animation: flecheAnim 0.5s ease-in-out;
}

#bouton-slideshow-accueil:not(:hover) .fleche {
  animation: flecheRetour 0.5s ease-in-out;
}

.page-view-frontpage-page_1 #main-content {}

.page-view-frontpage-page_1 #main-content .content-wrapper {
  overflow: hidden;
}

.page-view-frontpage-page_1 #main-content .content-wrapper #content {
  width: 1170px;
  margin: 0 auto;
  max-width: 90%;
}

.page-view-frontpage-page_1 #block-soappi-content {
  background-color: #151948;
  background-image: url('../images/partenaire-privilegie.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 540px;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.page-view-frontpage-page_1 #block-soappi-content .views-element-container {
  padding-top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.page-view-frontpage-page_1 #block-soappi-content .views-element-container .contextual-region {
  height: 100%;
  width: 100%;
}

#global-votre-partenaire {
  padding-top: 100px;
}

.ensemble-votre-partenaire {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}

#titre-votre-partenaire {
  color: #ffffff;
  font-size: 45px;
  font-famuly: Verdana, Geneva, Sans-serif;
  font-weight: 700;
  line-height: 1.25;
}

#corps-votre-partenaire {}

#corps-votre-partenaire p {
  font-style: normal;
  color: #c1c2d0;
  font-size: 14px;
  line-height: 30px;
}

#block-soappi-views-block-qualite-accueil-block-1 {
  margin-top: -168px;
  z-index: 20;
  position: relative;
}

#block-soappi-views-block-qualite-accueil-block-1 .views-row {
  margin: 0 auto;
  float: none;
}

#block-soappi-views-block-qualite-accueil-block-1 .views-row .views-col {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 30%;
}

#block-soappi-views-block-qualite-accueil-block-1 .views-row .col-1 #global-qualite {
  background-color: #f6c53f;
}

#block-soappi-views-block-qualite-accueil-block-1 .views-row .col-2 #global-qualite {
  background-color: #0fa3b1;
}

#block-soappi-views-block-qualite-accueil-block-1 .views-row .col-3 #global-qualite {
  background-color: #ec6242;
}

#global-qualite {
  border-radius: 26px;
}

.ensemble-qalite {
  height: 315px;
  padding: 50px 35px 55px 35px;
  border-radius: 26px;
  text-align: center;
}

#image-qualite {}

#titre-qualite {
  color: #ffffff;
  font-size: 24px;
  line-height: 30px;
  font-family: Verdana, Geneva, Sans-serif;
  font-weight: 700;
  padding: 36px 0 15px 0;
}

#corps-qualite {
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
}

#block-soappi-views-block-chiffre-accueil-block-1,
#block-soappi-views-block-image-decoration-chiffre-accueil-block-1 {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  height: auto;
  padding-top: 100px;
  position: relative;
}

#block-soappi-views-block-chiffre-accueil-block-1 .views-row {
  padding-bottom: 50px;
}

#global-chiffre-accueil {
  max-height: 165px;
}

.ensembre-chiffre-accueil {}

#image-chiffre-accueil {}

#chiffre-chiffre-accueil {
  color: #0c2f55;
  font-size: 55px;
  font-weight: 700;
  line-height: 1.25;
  font-family: Verdana, Geneva, sans-serif;
}

#chiffre-chiffre-accueil p {
  margin: 0;
}

#titre-chiffre-accueil {
  color: #808080;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25;
  font-family: Verdana, Geneva, sans-serif;
}

#global-decoration-chiffre-accueil {}

.ensemble-decoration-chiffre-accueil {}

#image-decoration-chiffre-accueil {
  max-height: 565px;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}

#image-decoration-chiffre-accueil img {
  object-fit: cover;
  display: block;
  width: 100%;
}

#block-soappi-views-block-forma-prof-et-part-block-1 {
  height: 500px;
  margin-top: -80px;
  overflow: hidden;
}

#global-qualiopi {}

.ensemble-qualiopi {}

#ensemble-droite-qualiopi {
  width: 66%;
  min-height: 500px;
  display: inline-block;
  vertical-align: top;
  height: auto;
  position: relative;
  background-color: #ea8722;
}

.couleur-qualiopi {
  padding: 70px;
}

#titre-qualiopi {
  color: #ffffff;
  font-size: 55px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 700;
  line-height: 1.25;
}

#titre-qualiopi p {
  margin: 0;
}

#corps-qualiopi {
  color: #ffffff;
  font-size: 15px;
  font-style: normal;
  line-height: 30px;
  font-weight: 500;
  padding-top: 30px;
}

#ensemble-gauche-qualiopi {
  width: 32%;
  min-height: 500px;
  display: inline-block;
  vertical-align: top;
  height: auto;
  position: relative;
}

.alignement-qualiopi {
  position: absolute;
  top: 56%;
  transform: translate(0, -50%);
}

#image-qualiopi {
  padding-left: 35px;
  width: 100%;
  max-width: 255px;
}

#image-qualiopi img {
  object-fit: cover;
  display: block;
  width: 100%;
}

#explication-image-qualiopi {
  padding-left: 35px;
  max-width: 280px;
}

#explication-image-qualiopi p {
  color: #808080;
  font-size: 14px;
  line-height: 30px;
}

#explication-image-qualiopi b {
  font-weight: 700;
}

#bouton-voir-certificat {
  text-align: center;
  padding-top: 30px;
}

#bouton-voir-certificat .ensemble-bouton a {
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border-radius: 5px;
  padding: 18px 40px;
  border: 0px solid #000000;
  box-shadow: 2px 2px 3px #000000;
  cursor: pointer;
}

#bouton-voir-certificat .ensemble-bouton a:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

#block-soappi-views-block-consultant-immobilieraccueil-block-1 {
  background-image: url('../images/section-bg2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 150px;
}

#global-consultant-accueil {
  text-align: center;
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 100px;
}

.ensemble-consultant-accueil a {
  text-decoration: none;
}

#titre-consultant-accueil {
  color: #ffffff;
  font-size: 20px;
}

#accroche-consultant-accueil {
  color: #ffffff;
  font-size: 70px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 700;
  line-height: 0.4;
}

#bouton-accueil {
  height: 24px;
  padding: 20px 30px 20px 30px;
  background-color: #ea8722;
  width: 215px;
  margin: 0 auto;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#bouton-accueil:hover {
  background-color: #ffffff;
}

#bouton-accueil p {
  color: #ffffff;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0;
  margin: 0;
  transition: color 0.3s ease;
  display: inline-block;
  /* Nécessaire pour l'animation */
  position: relative;
}

#bouton-accueil:hover p {
  color: #ea8722;
}

#bouton-accueil p .fleche {
  transition: transform 0.3s ease;
  display: inline-block;
}

#bouton-accueil:hover .fleche {
  animation: flecheAnim 0.5s ease-in-out;
}

#bouton-accueil:not(:hover) .fleche {
  animation: flecheRetour 0.5s ease-in-out;
}

@keyframes flecheAnim {
  0% {
    transform: translateX(0);
    opacity: 1;
  }

  50% {
    transform: translateX(10px);
    opacity: 0;
  }

  51% {
    transform: translateX(-10px);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes flecheRetour {
  0% {
    transform: translateX(0);
    opacity: 1;
  }

  50% {
    transform: translateX(-10px);
    opacity: 0;
  }

  51% {
    transform: translateX(10px);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

#block-soappi-views-block-formation-adaptees-accueil-block-1 {
  margin-top: -160px;
  position: relative;
}

#global-formations-adaptees-accueil {}

.ensemble-formations-adaptees-accueil {
  background-color: #151948;
  height: 880px;
  display: flex;
  align-items: center;
}

.gauche-formations-adaptees-accueil {
  display: inline-block;
  width: 55%;
  position: relative;
  overflow: hidden;
}

.allignement-gauche {}

#image-formations-adaptees-accueil {
  max-height: 650px;
  max-width: 585px;
  width: 585px;
}

#image-formations-adaptees-accueil img {
  object-fit: cover;
  display: block;
  width: 585px;
}

.droite-formations-adaptees-accueil {
  display: inline-block;
  width: 44%;
  height: 800px;
}

.allignement-droite {}

#titre-formations-adaptees-accueil {
  color: #ffffff;
  font-size: 39px;
  font-weight: 700;
  line-height: 1.25;
  font-family: Verdana, Geneva, sans-serif;
  padding: 0 50px 0 0;
}

#titre-formations-adaptees-accueil p {}

#corps-formations-adaptees-accueil {
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 27px;
  padding-left: 10px;
  padding: 0 50px 0 0;
}

#corps-formations-adaptees-accueil::before {
  content: "";
  position: absolute;
  top: 23%;
  width: 100px;
  height: 1px;
  background-color: #ea8722;
}

#corps-formations-adaptees-accueil p {}

#block-soappi-views-block-ils-se-sont-formes-avec-soappi-block-1 {
  text-align: center;
  width: 100vw;
  height: auto;
  margin-top: 150px;
  padding-top: 150px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/fond-formes-avec-soappi.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#block-soappi-views-block-ils-se-sont-formes-avec-soappi-block-1::before {
  content: "";
  display: block;
  background: url(../images/separator2.png) no-repeat top center;
  background-size: contain;
  width: 5%;
  height: 8px;
  margin: 0 auto;
}

#block-soappi-views-block-ils-se-sont-formes-avec-soappi-block-1 h2 {
  max-width: 560px;
  margin: 0 auto;
  font-size: 55px;
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  line-height: 1.25;
  position: relative;
}

#block-soappi-views-block-ils-se-sont-formes-avec-soappi-block-1 .skin-default {
  position: relative;
}

#block-soappi-views-block-ils-se-sont-formes-avec-soappi-block-1 #views_slideshow_cycle_main_ils_se_sont_formes_avec_soappi-block_1 {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 100px;
}

#views_slideshow_cycle_teaser_section_ils_se_sont_formes_avec_soappi-block_1 {
  min-width: 100%;
  margin: 0 auto;
  width: 1170px;
}

/*#views_slideshow_cycle_teaser_section_ils_se_sont_formes_avec_soappi-block_1 .views_slideshow_cycle_slide {
  display: flex !important;
  align-content: flex-start !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  position: relative !important;
  height: auto !important;
}*/

#block-soappi-views-block-ils-se-sont-formes-avec-soappi-block-1 #views_slideshow_cycle_main_ils_se_sont_formes_avec_soappi-block_1 .views-row {
  width: 100%;
  max-width: 390px;
  height: 460px;
  margin: 0 auto;
  float: left;
}

#global-temoignage {
  padding: 0 20px
}

.ensemble-temoignage {
  width: 100%;
  margin: 0 auto;
  float: left;
  text-align: center;
}

#haut-temoignage {
  width: 100%;
  max-width: 370px;
  position: relative;
}

#corps-temoignage {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 15px 20px 15px;
  font-size: 16px;
  line-height: 35px;
  position: relative;
  border: 1px solid;
  border-radius: 5px;
}

#corps-temoignage::after {
  content: "";
  position: absolute;
  left: 50px;
  bottom: -38px;
  border-width: 19px 17px 19px 17px;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  filter: drop-shadow(0px 1px 0px black);
}

#corps-temoignage p {
  color: #808080;
  margin: 0;
  padding: 0;
  text-align: left;
}

#bas-temoignage {
  padding-top: 30px;
  position: relative;
}

.gauche-temoignage {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  float: left;
  overflow: hidden;
  margin: 0 20px 0 37px;
  display: inline-block;
  vertical-align: top;
}

#photo-temoignage {
  width: 60px;
  height: 60px;
  overflow: hidden;
}

#photo-temoignage img {
  height: 60px;
  max-width: 100%;
  vertical-align: middle;
}

.droite-temoignage {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  left: 120px;
  position: absolute;
}

#nom-prenom-temoignage {
  font-size: 18px;
  color: #42495b;
  font-weight: 700;
  font-family: Verdana, Geneva, sans-serif;
}

#fonction-temoignage {
  color: #ea8722;
  text-align: left;
}

#views_slideshow_controls_text_previous_ils_se_sont_formes_avec_soappi-block_1 {
  position: absolute;
  top: 166px;
  left: 13%;
  z-index: 20;
  border: 2px solid #eebf90;
  width: 46px;
  height: 46px;
  border-radius: 5px;
}

#views_slideshow_controls_text_previous_ils_se_sont_formes_avec_soappi-block_1 a {
  display: none;
}

#views_slideshow_controls_text_previous_ils_se_sont_formes_avec_soappi-block_1::before {
  content: "⬅";
  font-size: 20px;
  text-decoration: none;
  color: #eebf90;
  line-height: 43px;
}

#views_slideshow_controls_text_pause_ils_se_sont_formes_avec_soappi-block_1 {
  display: none;
}

#views_slideshow_controls_text_next_ils_se_sont_formes_avec_soappi-block_1 {
  position: absolute;
  top: 166px;
  right: 13%;
  z-index: 20;
  border: 2px solid #eebf90;
  width: 46px;
  height: 46px;
  border-radius: 5px;
}

.views_slideshow_controls_text span:hover {
  text-decoration: none;
}

#views_slideshow_controls_text_next_ils_se_sont_formes_avec_soappi-block_1 a {
  display: none;
}

#views_slideshow_controls_text_next_ils_se_sont_formes_avec_soappi-block_1::before {
  content: "➡";
  font-size: 20px;
  text-decoration: none;
  color: #eebf90;
  line-height: 43px;
}

#widget_pager_bottom_ils_se_sont_formes_avec_soappi-block_1 {
  padding: 0;
}

#widget_pager_bottom_ils_se_sont_formes_avec_soappi-block_1 .active {
  width: 30px;
  height: 8px;
}

#widget_pager_bottom_ils_se_sont_formes_avec_soappi-block_1 li {
  background: none;
  background-color: #ea8722;
  height: 8px;
  margin: 0 5px 0 0;
}

#views_slideshow_pager_field_item_bottom_ils_se_sont_formes_avec_soappi-block_1_3,
#views_slideshow_pager_field_item_bottom_ils_se_sont_formes_avec_soappi-block_1_4,
#views_slideshow_pager_field_item_bottom_ils_se_sont_formes_avec_soappi-block_1_5,
#views_slideshow_pager_field_item_bottom_ils_se_sont_formes_avec_soappi-block_1_6 {
  display: none;
}

#block-soappi-views-block-ils-nous-font-confiance-block-1 {
  text-align: center;
  width: 100%;
  height: auto;
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
}

#block-soappi-views-block-ils-nous-font-confiance-block-1 h2 {
  max-width: 750px;
  margin: 0 auto;
  font-size: 55px;
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  line-height: 1.25;
  position: relative;
}

#block-soappi-views-block-ils-nous-font-confiance-block-1 .skin-default {
  border: 1px solid #eaeaea;
  border-radius: 5px;
  position: relative;
  height: 250px;
  max-height: 250px;
  margin-top: 100px;
}

#views_slideshow_cycle_main_ils_nous_font_confiance-block_1 {
  width: 100%;
  padding-top: 40px;
}

#views_slideshow_cycle_teaser_section_ils_nous_font_confiance-block_1 {
  position: relative;
  width: 1080px;
  margin: 0 auto;
}

#block-soappi-views-block-ils-nous-font-confiance-block-1 #views_slideshow_cycle_main_ils_nous_font_confiance-block_1 .views-row {
  width: 16%;
  max-width: 195px;
  display: inline-block;
}

#global-lien-confiance {
  max-width: 150px;
  margin: 0 auto;
  overflow: hidden;
}

#global-lien-confiance img {
  width: 135px;
  height: auto;
  margin: 0 auto;
  transition: transform 0.3s ease-in-out;
}

#global-lien-confiance:hover img {
  transform: scale(1.1);
}

#global-lien-confiance:not(:hover) img {
  transform: scale(1);
}

/*.views-field-field-image-confiance {
  padding: 0 20px 0 20px;
  max-width:195px;
  width: 153px;
  height: 153px;
  overflow: hidden;
}

.views-field-field-image-confiance img {
  width: 100%;
  height: auto;
}*/

/*----------------------- PAGE CONTENU FORMATION -----------------------*/

.page-view-page_formation_contenu-page_1 #header {
  background-color: #f8f8f8;
}

#block-soappi-views-block-duplicate-of-topbar-contact-block-1 div p {
  color: #808080;
  text-decoration: none;
  font-size: 13px;
  font-family: inherit;
}

#block-soappi-views-block-duplicate-of-topbar-contact-block-1 a {
  color: #808080;
  text-decoration: none;
  font-size: 13px;
  font-family: inherit;
}

.page-view-page_formation_contenu-page_1 #block-soappi-views-block-topbar-contact-block-1 div p {
  color: #808080;
}

.page-view-page_formation_contenu-page_1 #block-soappi-views-block-topbar-contact-block-1 a {
  color: #808080;
}

.page-view-page_formation_contenu-page_1 #header-mid {
  background-color: #0c2f55;
  min-height: 230px;
}

.page-view-page_formation_contenu-page_1 #block-soappi-views-block-logo-site-accueil-block-1 {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 20%;
  float: left;
}

.page-view-page_formation_contenu-page_1 .views-field-field-corps-logo-site-accueil {
  max-width: 150px;
  margin: 33px 0;
}

.page-view-page_formation_contenu-page_1 .views-field-field-corps-logo-site-accueil img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.page-view-page_formation_contenu-page_1 #block-soappi-main-menu li a {
  color: #ffffff;
}

.page-view-page_formation_contenu-page_1 #block-soappi-account-menu li a {
  color: #ffffff;
}

.page-view-page_formation_contenu-page_1 #block-soappi-main-menu li a:hover {
  color: #ea8722;
}

.page-view-page_formation_contenu-page_1 #block-soappi-account-menu li a:hover {
  color: #ea8722;
}

.page-view-page_formation_contenu-page_1 #slideshow {
  max-width: 90%;
  margin: 0 auto;
}

.page-view-page_formation_contenu-page_1 #main-content {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
}

.page-view-page_formation_contenu-page_1 #block-soappi-content {
  width: 85%;
  margin: 0 auto;
}

.page-view-page_formation_contenu-page_1 #block-soappi-content .views-element-container {
  padding-top: 0;
  width: 100%;
  max-width: 100%;
}

#haut-contenu-formation {
  height: 140px;
  border: 1px solid #000000;
  border-radius: 30px;
  margin-top: -50px;
  background-color: #ffffff;
}

#global-contenu-formation {
  position: relative;
  text-align: center;
}

.ensemble-contenu-formation {
  padding-top: 20px;
  padding-bottom: 20px;
}

#nb-jours-contenu-formation,
#type-formation-contenu-formation,
#entree-contenu-formation,
#nb-de-place-contenu-formation,
#accessiblilite-contenu-formation,
#tarif-contenu-formation {
  display: inline-block;
  width: 16%;
  vertical-align: top;
}

#nb-jours-contenu-formation img,
#type-formation-contenu-formation img,
#entree-contenu-formation img,
#nb-de-place-contenu-formation img,
#accessiblilite-contenu-formation img,
#tarif-contenu-formation img {
  max-width: 40px;
  max-height: 40px;
  width: auto;
}

#nb-jours-contenu-formation p,
#type-formation-contenu-formation p,
#entree-contenu-formation p,
#nb-de-place-contenu-formation p,
#accessiblilite-contenu-formation p,
#tarif-contenu-formation p {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  padding: 20px 0 0 0;
}

#tarif-contenu-formation p {
  font-weight: bold;
}

#bas-contenu-formation {
  padding-top: 50px;
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
}

#titre-contenu-formation {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

#titre-contenu-formation p {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 50px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 49px;
  letter-spacing: 1.6px;
  word-spacing: 0px;
}

.page-view-page_formation_contenu-page_1 #sidebar-left {
  width: 63%;
  display: inline-block;
  vertical-align: top;
}

#block-soappi-views-block-block-objectif-pedagogique-block-1 {
  padding-bottom: 40px;
  position: relative;
}

#block-soappi-views-block-block-objectif-pedagogique-block-1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50%;
  /* Largeur de la ligne */
  height: 1px;
  /* Épaisseur */
  background-color: #9e9c9c;
  /* Couleur */
  transform: translateX(-50%);
  /* Centre horizontalement */
}

#titre-block-objectif-pedagogique p,
#block-soappi-quicktabsprogrammedeformation h2,
#block-soappi-quicktabsdetailsdelaformation h2,
#block-soappi-webform h2 {
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
}

#corps-block-objectif-pedagogique,
#programme-programme,
.views-field-field-prerequis,
.views-field-field-accessibilite-details,
.views-field-field-moyens-pedagogiques-techni, 
.views-field-field-modalites-pedagogiques, 
.views-field-field-materiel-requis,  
.views-field-field-suivi-et-evaluation {
  font-family: "Roboto", Sans-serif;
  color: #686363;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
}

#block-soappi-quicktabsprogrammedeformation {
  padding-top: 50px;
  padding-bottom: 50px;
}

#block-soappi-quicktabsdetailsdelaformation {
  padding-bottom: 100px;
}

#quicktabs-programme_de_formation ul {
  padding: 0px 0px 20px 20px;
  margin: 0px;
}

#quicktabs-programme_de_formation li {
  padding-right: 20px;
}

#quicktabs-programme_de_formation .active a {
  color: #EA8722;
}

#quicktabs-programme_de_formation a,
#duree-programme {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

#global-programme {
  padding-left: 20px;
}

#quicktabs-details_de_la_formation h3 {
  background-color: #ffffff;
}

#quicktabs-details_de_la_formation h3 span {
  background-image: url('../images/span-bleu.png');
  background-position: 0px 4px;
}

#quicktabs-details_de_la_formation h3 a {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

#quicktabs-details_de_la_formation .ui-state-active span {
  background-image: url('../images/span-orange.png');
}

#quicktabs-details_de_la_formation .ui-state-active a {
  color: #EA8722;
}

.page-view-page_formation_contenu-page_1 #sidebar-right {
  width: 36%;
  display: inline-block;
  vertical-align: top;
}

#block-soappi-views-block-block-publique-vise-block-1 {}

#global-public-vise {
  max-width: 270px;
  padding: 30px 40px 30px 40px;
  margin-left: auto;
  box-shadow: 0px 12px 35px -16px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
}

.ensemble-public-vise {
  width: 100%;
  margin: 0 auto;
}

#titre-public-vise {}

#titre-public-vise p {
  color: #000080;
  font-family: "Roboto", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}

#public-public-vise {
  color: #686363;
  font-family: "Roboto", Sans-serif;
  font-size: 13px;
  font-weight: 400;
  padding-bottom: 20px;
}

#public-public-vise ul {
  padding-left: 20px;
  margin-left: 0px;
}

#texte-indicateur-de-resultat p {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
}

#indicateur-public-vise,
#taux-public-vise {
  background-color: #808080;
  border-radius: 15px;
  width: 100%;
  margin-bottom: 5px;
  height: 16px;
  overflow: hidden;
  position: relative;
}

.progress-bar {
  width: 0;
  height: 100%;
  text-align: center;
  line-height: 20px;
  color: white;
  font-weight: bold;
  transition: width 3s ease-in-out;
  animation: loading 3s forwards;
  position: relative;
}

@keyframes loading {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.counter-container {
  position: relative;
  background-color: #EA8722;
}

#counter-defilement {
  position: relative;
  text-align: right;
  padding: 0px 10px 0px 0px;
  margin-top: -2px;
}

.counter-container span {
  color: #ffffff;
  font-family: "Roboto", Sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.nom-indicateur,
.nom-indicateur {
  width: 75%;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 1px;
}

.nom-indicateur p,
.nom-indicateur p {
  color: #ffffff;
  font-family: "Roboto", Sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 0px 0px 0px 20px;
  margin: 0px;
}

.chiffre-indicateur,
.chiffre-indicateur {
  color: #ffffff;
  font-family: "Roboto", Sans-serif;
  font-size: 12px;
  font-weight: 400;
  width: 14%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  padding: 0px 20px 0px 0px;
  position: absolute;
  top: 1px;
  right: 0;
}

.ensemble-image-public-vise {
  position: relative;
  padding-top: 20px;
  margin-top: 50px;
}

#image-public-vise {
  width: 65%;
  max-width: 65%;
  margin: 0 auto;
}

#image-public-vise::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  /* Largeur de la ligne */
  height: 1px;
  /* Épaisseur */
  background-color: #9e9c9c;
  /* Couleur */
  transform: translateX(-50%);
  /* Centre horizontalement */
}

#image-public-vise img {
  width: 100%;
}

#block-soappi-inscriptionbuttonblock {
  padding-bottom: 100px;
  padding-top: 50px;
  max-width: 350px;
  margin-left: auto;
}

#block-soappi-inscriptionbuttonblock h2 {
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
}

.btn-subscribe-block {
  margin-left: auto;
  width: 228px;
  padding-top: 15px;
}

.btn-subscribe-block a {
  border-radius: 5px;
  padding: 8px 10px 12px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
}

.btn-subscribe-block:hover a {
  color: #ea8722;
  background-color: #ffffff;
}

.btn-subscribe-block p .fleche {
  transition: transform 0.3s ease;
  display: inline-block;
}

.btn-subscribe-block:hover .fleche {
  animation: flecheAnim 0.5s ease-in-out;
}

.btn-subscribe-block:not(:hover) .fleche {
  animation: flecheRetour 0.5s ease-in-out;
}

/*---------- POPUP INSCRIPTION ----------*/

.ui-widget.ui-widget-content {
  /*max-width: 400px;*/
}

.ui-dialog .ui-dialog-titlebar {
  background-color: #ffffff;
}

.ui-dialog .ui-dialog-titlebar span {
  color: rgb(12, 47, 85);
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.ui-dialog .ui-dialog-titlebar button {
  background-color: #ea8722;
  border: 1px;
  box-shadow: 2px 2px 3px #000;
}

.ui-dialog .ui-dialog-titlebar button .ui-icon-closethick {
  background-image: url('../images/croix_couleur_blanche_fond_orange_2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: background-image 0.3s ease;
}

.ui-dialog .ui-dialog-titlebar button:hover .ui-icon-closethick {
  background-image: url('../images/croix_couleur_orange_fond_blanc.png');
}

.ui-dialog .ui-dialog-titlebar button:hover {
  background-color: #ffffff;
}

.ui-dialog .ui-dialog-content {
  color: rgb(12, 47, 85);
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  max-height: 90vh !important;
  overflow-y: auto !important;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-civilite-wrapper"], 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-prenom-wrapper"], 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-nom-wrapper"], 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-nationalite-wrapper"], 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-birth-place-wrapper"], 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-0-address-container2"], 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-telephone-mobile-wrapper"], 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-landline-wrapper"], 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-fonction-wrapper"], 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-company-name-wrapper"], 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-siret-wrapper"] {
  min-height: 35px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-account"], 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-company-type-wrapper"] {
  min-height: 70px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-date-de-naissance-wrapper"] {
  min-height: 35px;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] {
  min-height: 190px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset {
  border: none;
  padding: 0px;
  margin: 0px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset legend {
  min-height: 25px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper {
  min-height: 100px;
  padding-left: 20px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address-country-code"] .form-item-field-adresse-0-address-country-code, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address"] .form-item-field-adresse-0-address-address-line1, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address"] .form-item-field-adresse-0-address-address-line2, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address-container2"] .form-item-field-adresse-0-address-postal-code, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address-container2"] .form-item-field-adresse-0-address-locality {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 10px;
  max-width: 650px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-civilite-wrapper"] .form-item-field-civilite, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-prenom-wrapper"] .form-item-field-prenom-0-value, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-nom-wrapper"] .form-item-field-nom-0-value, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-account"] .form-item-mail, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-nationalite-wrapper"] .form-item-field-nationalite-0-value, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-birth-place-wrapper"] .form-item-field-birth-place-0-value, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-telephone-mobile-wrapper"] .form-item-field-telephone-mobile-0-value, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-landline-wrapper"] .form-item-field-landline-0-value, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-fonction-wrapper"] .form-item-field-fonction-0-value, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-company-name-wrapper"] .form-item-field-company-name-0-value, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-siret-wrapper"] .form-item-field-siret-0-value, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-company-type-wrapper"] .form-item-field-company-type-0-value {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  height: auto;
  max-width: 650px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-civilite-wrapper"] .form-item-field-civilite label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-prenom-wrapper"] .form-item-field-prenom-0-value label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-nom-wrapper"] .form-item-field-nom-0-value label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-account"] .form-item-mail label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-nationalite-wrapper"] .form-item-field-nationalite-0-value label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-birth-place-wrapper"] .form-item-field-birth-place-0-value label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address-country-code"] label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address"] .form-item-field-adresse-0-address-address-line1 label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address"] .form-item-field-adresse-0-address-address-line2 label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address-container2"] .form-item-field-adresse-0-address-postal-code label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address-container2"] .form-item-field-adresse-0-address-locality label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-telephone-mobile-wrapper"] .form-item-field-telephone-mobile-0-value label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-landline-wrapper"] .form-item-field-landline-0-value label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-fonction-wrapper"] .form-item-field-fonction-0-value label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-company-name-wrapper"] .form-item-field-company-name-0-value label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-siret-wrapper"] .form-item-field-siret-0-value label, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-company-type-wrapper"] .form-item-field-company-type-0-value label {
  width: 145px;
  padding-right: 20px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-date-de-naissance-wrapper"] h4 {
  width: 145px;
  padding-right: 20px;
  margin: 0;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-civilite-wrapper"] .form-item-field-civilite select, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address-country-code"] select {
  width: 200px;
  position: relative;

}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-prenom-wrapper"] .form-item-field-prenom-0-value input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-nom-wrapper"] .form-item-field-nom-0-value input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-account"] .form-item-mail input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-nationalite-wrapper"] .form-item-field-nationalite-0-value input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-birth-place-wrapper"] .form-item-field-birth-place-0-value input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address"] .form-item-field-adresse-0-address-address-line1 input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address"] .form-item-field-adresse-0-address-address-line2 input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address-container2"] .form-item-field-adresse-0-address-postal-code input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address-container2"] .form-item-field-adresse-0-address-locality input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-telephone-mobile-wrapper"] .form-item-field-telephone-mobile-0-value input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-landline-wrapper"] .form-item-field-landline-0-value input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-fonction-wrapper"] .form-item-field-fonction-0-value input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-company-name-wrapper"] .form-item-field-company-name-0-value input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-siret-wrapper"] .form-item-field-siret-0-value input, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-company-type-wrapper"] .form-item-field-company-type-0-value input {
  width: 200px;
  position: relative;
  
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid #808080;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  top: 0px;
  line-height: 15px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-account"] .form-item-mail .description, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-company-type-wrapper"] .form-item-field-company-type-0-value .description {
  color: rgb(234, 135, 34);
  font-weight: 700;
  font-size: 14px;
  text-transform: none;
  padding-top: 10px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-date-de-naissance-wrapper"] .form-item-field-date-de-naissance-0-value-date input {
  width: 200px;
  position: relative;
  
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid #808080;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  top: 0px;
  line-height: 15px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address"] .form-item-field-adresse-0-address-address-line2 input {
  margin-left: 165px;
}

.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-prenom-wrapper"] .form-item-field-prenom-0-value input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-nom-wrapper"] .form-item-field-nom-0-value input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-account"] .form-item-mail input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-nationalite-wrapper"] .form-item-field-nationalite-0-value input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-date-de-naissance-wrapper"] .form-item-field-date-de-naissance-0-value-date input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-birth-place-wrapper"] .form-item-field-birth-place-0-value input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address"] .form-item-field-adresse-0-address-address-line1 input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address"] .form-item-field-adresse-0-address-address-line2 input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address-container2"] .form-item-field-adresse-0-address-postal-code input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-adresse-wrapper"] fieldset .fieldset-wrapper [data-drupal-selector="edit-field-adresse-0-address-container2"] .form-item-field-adresse-0-address-locality input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-telephone-mobile-wrapper"] .form-item-field-telephone-mobile-0-value input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-landline-wrapper"] .form-item-field-landline-0-value input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-fonction-wrapper"] .form-item-field-fonction-0-value input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-company-name-wrapper"] .form-item-field-company-name-0-value input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-siret-wrapper"] .form-item-field-siret-0-value input:focus, 
.ui-dialog .ui-dialog-content [data-drupal-selector="edit-field-company-type-wrapper"] .form-item-field-company-type-0-value input:focus {
  outline: none;
  border: 2px solid #ea8722
}

.page-user-reset-form main, .page-user-pass main {
  min-height: 600px;
  background-image: url(../images/background1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}

.page-user-pass main .content-wrapper #block-soappi-content {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  min-height: 600px;
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: block;
  text-transform: none;
}

.page-user-pass main .content-wrapper #block-soappi-content [data-drupal-selector="user-pass"] {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px;
  border-radius: 30px;
}

.page-user-pass main .content-wrapper #block-soappi-content .form-item-name {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  height: auto;
}

.page-user-pass main .content-wrapper #block-soappi-content label {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: block;
  text-transform: none;
  width: 125px;
  padding-right: 20px;
}

.page-user-pass main .content-wrapper #block-soappi-content input {
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid #808080;
  display: block;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  width: 200px;
  position: relative;
}

.page-user-pass main .content-wrapper #block-soappi-content input:focus {
  outline: none;
  border: 2px solid #ea8722
}

.page-user-pass main .content-wrapper #block-soappi-content [data-drupal-selector="edit-actions"] {
  width: 200px;
}

.page-user-pass main .content-wrapper #block-soappi-content [data-drupal-selector="edit-actions"] input {
  max-width: 200px;
  margin: 20px auto 0px auto;
  border-radius: 20px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
  cursor: pointer;
  display: block;
}

.page-user-reset-form main #block-soappi-content .user-pass-reset [data-drupal-selector="edit-actions"] input:hover {
  cursor: pointer;
  background-color: #ffffff;
  color: rgb(234, 135, 34);
}

.page-entity-user-edit_form main {
  min-height: 600px;
  background-image: url(../images/background1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}

.page-entity-user-edit_form main #block-soappi-content {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  min-height: 600px;
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: block;
  text-transform: none;
}

.page-entity-user-edit_form main #block-soappi-content [data-drupal-selector="user-form"] {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px;
  border-radius: 30px;
}

.page-entity-user-edit_form main #block-soappi-content h3 {
  font-family: Verdana, Geneva, sans-serif;
  color: #0c2f55;
  font-weight: 700;
  font-size: 20px;
}

.page-entity-user-edit_form main #block-soappi-content #edit-field-civilite-wrapper, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-prenom-wrapper, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-nom-wrapper, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-nationalite-wrapper, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-birth-place-wrapper, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-telephone-mobile-wrapper, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-landline-wrapper, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-situation-de-handicap-wrapper {
  min-height: 35px;
  display: block;
}

.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper {
  min-height: 150px;
  display: block;
}

.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset {
  border: none;
  margin: 0px;
  padding: 0px;
}

.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset legend {
  min-height: 25px;
}

.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper {
  min-height: 120px;
}

.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-country-code, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper .form-item-field-adresse-0-address-address-line1, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper .form-item-field-adresse-0-address-address-line2 {
  /*min-height: 35px;*/
  padding-left: 20px;
}

.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-container2 {
  /*min-height: 70px;*/
  padding-left: 20px;
}

.page-entity-user-edit_form main #block-soappi-content #edit-field-etudes-parcours-wrapper, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-besoin-principaux-wrapper, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-attentes-personnelles-wrapper, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-pq-patrimoine-immo-wrapper, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-projet-post-formation-wrapper {
  min-height: 130px;
  display: block;
}

.page-entity-user-edit_form main #block-soappi-content .form-item-mail, 
.page-entity-user-edit_form main #block-soappi-content .form-item-pass-pass1, 
.page-entity-user-edit_form main #block-soappi-content .form-item-pass-pass2, 
.page-entity-user-edit_form main #block-soappi-content .form-item-accept-rgpd, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-civilite-wrapper .form-item-field-civilite, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-prenom-wrapper .form-item-field-prenom-0-value, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-nom-wrapper .form-item-field-nom-0-value, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-nationalite-wrapper .form-item-field-nationalite-0-value, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-date-de-naissance-wrapper, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-birth-place-wrapper .form-item-field-birth-place-0-value, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-country-code .form-item-field-adresse-0-address-country-code, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper .form-item-field-adresse-0-address-address-line1, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper .form-item-field-adresse-0-address-address-line2, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-container2 .form-item-field-adresse-0-address-postal-code, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-container2 .form-item-field-adresse-0-address-locality, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-telephone-mobile-wrapper .form-item-field-telephone-mobile-0-value, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-landline-wrapper .form-item-field-landline-0-value {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  height: auto;
  max-width: 650px;
  padding-bottom: 20px;
}

.page-entity-user-edit_form main #block-soappi-content .form-item-mail label, 
.page-entity-user-edit_form main #block-soappi-content .form-item-pass-pass1 label, 
.page-entity-user-edit_form main #block-soappi-content .form-item-pass-pass2 label, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-civilite-wrapper .form-item-field-civilite label, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-prenom-wrapper .form-item-field-prenom-0-value label, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-nom-wrapper .form-item-field-nom-0-value label, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-nationalite-wrapper .form-item-field-nationalite-0-value label, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-date-de-naissance-wrapper h4, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-birth-place-wrapper .form-item-field-birth-place-0-value label, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-country-code .form-item-field-adresse-0-address-country-code label, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper .form-item-field-adresse-0-address-address-line1 label, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper .form-item-field-adresse-0-address-address-line2 label, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-container2 .form-item-field-adresse-0-address-postal-code label, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-container2 .form-item-field-adresse-0-address-locality label, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-telephone-mobile-wrapper .form-item-field-telephone-mobile-0-value label, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-landline-wrapper .form-item-field-landline-0-value label {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: block;
  text-transform: none;
  width: 235px;
  position: relative;
}

.page-entity-user-edit_form main #block-soappi-content .form-item-accept-rgpd label {
  
}

.page-entity-user-edit_form main #block-soappi-content .form-item-mail input, 
.page-entity-user-edit_form main #block-soappi-content .form-item-pass-pass1 input, 
.page-entity-user-edit_form main #block-soappi-content .form-item-pass-pass2 input, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-prenom-wrapper .form-item-field-prenom-0-value input, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-nom-wrapper .form-item-field-nom-0-value input, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-nationalite-wrapper .form-item-field-nationalite-0-value input, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-date-de-naissance-wrapper #edit-field-date-de-naissance-0-value input, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-birth-place-wrapper .form-item-field-birth-place-0-value input, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper .form-item-field-adresse-0-address-address-line1 input, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper .form-item-field-adresse-0-address-address-line2 input, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-container2 .form-item-field-adresse-0-address-postal-code input, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-container2 .form-item-field-adresse-0-address-locality input, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-telephone-mobile-wrapper .form-item-field-telephone-mobile-0-value input, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-landline-wrapper .form-item-field-landline-0-value input {
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid #808080;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  width: 200px;
  position: relative;
  top: 0px;
  line-height: 15px;
}

.page-entity-user-edit_form main #block-soappi-content #edit-field-etudes-parcours-wrapper textarea, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-besoin-principaux-wrapper textarea, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-attentes-personnelles-wrapper textarea, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-pq-patrimoine-immo-wrapper textarea, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-projet-post-formation-wrapper textarea {
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid #808080;
  display: block;
  width: 420px;
  padding-left: 8px;
  padding-right: 8px;
}

.page-entity-user-edit_form main #block-soappi-content .form-item-accept-rgpd input {
  
}

.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper .form-item-field-adresse-0-address-address-line2 input {
  margin-left: 234px;
}

.page-entity-user-edit_form main #block-soappi-content #edit-field-civilite-wrapper .form-item-field-civilite select, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-country-code .form-item-field-adresse-0-address-country-code select {
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid #808080;
  background-color: #ffffff;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  width: 218px;
}

.page-entity-user-edit_form main #block-soappi-content .form-item-mail input:focus, 
.page-entity-user-edit_form main #block-soappi-content .form-item-pass-pass1 input:focus, 
.page-entity-user-edit_form main #block-soappi-content .form-item-pass-pass2 input:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-civilite-wrapper .form-item-field-civilite select:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-prenom-wrapper .form-item-field-prenom-0-value input:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-nom-wrapper .form-item-field-nom-0-value input:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-nationalite-wrapper .form-item-field-nationalite-0-value input:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-date-de-naissance-wrapper #edit-field-date-de-naissance-0-value input:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-birth-place-wrapper .form-item-field-birth-place-0-value input:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-country-code .form-item-field-adresse-0-address-country-code select:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper .form-item-field-adresse-0-address-address-line1 input:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper .form-item-field-adresse-0-address-address-line2 input:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-container2 .form-item-field-adresse-0-address-postal-code input:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-adresse-wrapper fieldset .fieldset-wrapper #edit-field-adresse-0-address-container2 .form-item-field-adresse-0-address-locality input:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-telephone-mobile-wrapper .form-item-field-telephone-mobile-0-value input:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-landline-wrapper .form-item-field-landline-0-value input:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-etudes-parcours-wrapper textarea:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-besoin-principaux-wrapper textarea:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-attentes-personnelles-wrapper textarea:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-pq-patrimoine-immo-wrapper textarea:focus, 
.page-entity-user-edit_form main #block-soappi-content #edit-field-projet-post-formation-wrapper textarea:focus {
  outline: none;
  border: 2px solid #ea8722
}

.page-entity-user-edit_form main #block-soappi-content .form-item-mail .description, 
.page-entity-user-edit_form main #block-soappi-content .form-item-pass .description {
  color: rgb(234, 135, 34);
  font-weight: 700;
  font-size: 14px;
  text-transform: none;
  padding-top: 10px;
}

.page-entity-user-edit_form main #block-soappi-content .form-item-pass-pass1 .password-strength {
  width: 450px;
}

.page-entity-user-edit_form main #block-soappi-content #sign-section canvas, 
.page-entity-user-edit_form main #block-soappi-content #paraphe-section canvas {
  background-color: #ffffff;
}

.page-entity-user-edit_form main #block-soappi-content #sign-section input, 
.page-entity-user-edit_form main #block-soappi-content #paraphe-section input {
  max-width: 200px;
  border-radius: 20px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
  cursor: pointer;
  display: block;
}

.page-entity-user-edit_form main #block-soappi-content #edit-actions {
  margin: 50px auto 0px auto;
  cursor: pointer;
  display: block;
  width: 200px;
}

.page-entity-user-edit_form main #block-soappi-content #edit-actions input {
  border-radius: 20px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
}

.page-entity-user-edit_form main #block-soappi-content #edit-actions input:hover, 
.page-entity-user-edit_form main #block-soappi-content #sign-section input:hover, 
.page-entity-user-edit_form main #block-soappi-content #paraphe-section input:hover  {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
  cursor: pointer;
}

/*----------------------------------------------------------------*/

#drupal-modal .pre-evaluation-form .form-item-part1-title {
  text-align: justify;
}

#drupal-modal .pre-evaluation-form fieldset,
#drupal-modal .pre-evaluation-form .js-form-type-textarea,
#drupal-modal .pre-evaluation-form .js-form-type-select {
  text-align: justify;
  padding: 0px 0px 20px 0px;
}

#drupal-modal .pre-evaluation-form .js-form-type-textarea textarea {
  max-width: 90%;
}

#drupal-modal .pre-evaluation-form .js-form-type-select select,
#drupal-modal .pre-evaluation-form input {
  border-radius: 5px;
  border: 1px solid rgb(234, 135, 34);
  /*padding: 8px 10px 12px 10px;*/
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
}

#drupal-modal .pre-evaluation-form .js-form-type-select select:hover,
#drupal-modal .pre-evaluation-form input:hover {
  color: #ea8722;
  background-color: #ffffff;
  cursor: pointer;
}

#drupal-modal #utilisateur-login-modal-form-wrapper .form-item-name,
#drupal-modal #utilisateur-login-modal-form-wrapper .form-item-pass {
  display: block;
  position: relative;
  height: auto;
  padding: 0px 0px 20px 0px;
}

#drupal-modal #utilisateur-login-modal-form-wrapper .form-item-name label,
#drupal-modal #utilisateur-login-modal-form-wrapper .form-item-pass label {
  display: block;
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}

#drupal-modal #utilisateur-login-modal-form-wrapper .form-item-name input,
#drupal-modal #utilisateur-login-modal-form-wrapper .form-item-pass input {
  width: 350px;
  height: 25px;
  display: block;
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  border: 1px solid #808080;
  background-color: #ffffff;
  position: relative;
  top: 0px;
}

#drupal-modal #utilisateur-login-modal-form-wrapper .form-item-name input:focus,
#drupal-modal #utilisateur-login-modal-form-wrapper .form-item-pass input:focus {
  outline: none;
  border: 2px solid #ea8722;
}

#drupal-modal .emargement-form .button {
  border-radius: 5px;
  padding: 3px 10px 4px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 1px;
  margin-bottom: 20px;
}

#drupal-modal .emargement-form .button:hover {
  color: #ea8722;
  background-color: #ffffff;
  cursor: pointer;
}

.create-account #account-type-popup-link {
  color: #ea8722;
  text-decoration: none;
}

.create-account #account-type-popup-link:hover {
  color: #ea8722;
  text-decoration: underline;
}

.subscribe-actions {
  text-align: center;
}

#sign-section,
#paraphe-section {
  display: inline-block;
  width: 45%;
  vertical-align: top;
}

.form-item-sign-text,
.form-item-paraph-text {
  text-align: left;
}

.form-item-sign-text,
#clear-signature,
#signature-data,
.form-item-paraph-text,
#clear-paraphe,
#paraphe-data {
  display: block;
}

#signature-pad,
#paraphe-pad {
  display: block;
}

#sign-section .form-item-sign-text,
#paraphe-section .form-item-paraph-text {
  height: 110px;
}

#sign-section #clear-signature,
#sign-section #signature-data,
#paraphe-section #clear-paraphe,
#paraphe-section #paraphe-data {
  margin-top: 20px;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .button,
.ui-dialog-buttonpane .ui-dialog-buttonset .webform-button--submit {
  border-radius: 5px;
  padding: 0px 10px 2px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 1px solid rgb(234, 135, 34);
}

.ui-dialog-buttonpane .ui-dialog-buttonset .button:hover,
.ui-dialog-buttonpane .ui-dialog-buttonset .webform-button--submit:hover {
  color: #ea8722;
  background-color: #ffffff;
  cursor: pointer;
}

#drupal-modal .js-form-type-select select {
  border-radius: 5px;
  border: 1px solid rgb(234, 135, 34);
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
}

#drupal-modal .js-form-type-select select:hover {
  color: #ea8722;
  background-color: #ffffff;
  cursor: pointer;
}

.subscribe-actions #clear-signature,
.subscribe-actions #signature-data,
.subscribe-actions #clear-paraphe,
.subscribe-actions #paraphe-data {
  border-radius: 5px;
  border: none;
  padding: 8px 10px 12px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
}

.subscribe-actions #clear-signature:hover,
.subscribe-actions #signature-data:hover,
.subscribe-actions #clear-paraphe:hover,
.subscribe-actions #paraphe-data:hover {
  color: #ea8722;
  background-color: #ffffff;
  cursor: pointer;
}

.subscribe-actions #save-signature {
  border-radius: 5px;
  padding: 3px 10px 4px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  border: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  margin-top: 50px;
  width: 200px;
}

.subscribe-actions #save-signature:hover {
  color: #ea8722;
  background-color: #ffffff;
  cursor: pointer;
}

/*--------------------*/

/*---------- POPUP CONNEXION ----------*/

.popup-content {
  min-width: 35%;
  position: relative;
}

.popup-content button {
  background-image: url('../images/croix_couleur_blanche_fond_orange_2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: background-image 0.3s ease;
  color: transparent;
  border-radius: 5px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 22px;
  height: 22px;
  border: 1px;
  box-shadow: 2px 2px 3px #000;
}

.popup-content button:hover {
  background-image: url('../images/croix_couleur_orange_fond_blanc.png');
}

.popup-content h2 {}

.popup-content .popup-links {}

.popup-content .popup-links a {
  display: inline-block;
  width: 35%;
  border-radius: 5px;
  padding: 8px 10px 12px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
}

.popup-content .popup-links a:hover {
  color: #ea8722;
  background-color: #ffffff;
  cursor: pointer;
}

/*--------------------*/

/*---------- POPUP EVALUATIONS GENERALES ----------*/

#drupal-modal .webform-submission-form .webform-progress ul li .progress-marker {
  color: #fff;
}

#drupal-modal .webform-submission-form .webform-progress ul li.is-active .progress-marker::before {
  background-color: rgb(12, 47, 85);
}

#drupal-modal .webform-submission-form .webform-progress ul li .progress-marker::before {
  background-color: rgb(234, 135, 34);
}

#drupal-modal .webform-submission-form .webform-progress ul li .progress-marker::after {
  background-color: rgb(234, 135, 34);
}

#drupal-modal .webform-submission-form .webform-progress ul li.progress-step.is-active .progress-text {
  color: rgb(12, 47, 85);
}

#drupal-modal .webform-submission-form .webform-progress ul li.progress-step .progress-text {
  color: rgb(234, 135, 34);
}

#drupal-modal .webform-submission-form .webform-required {
  display: none;
}

#drupal-modal .webform-submission-form .form-wrapper fieldset .fieldset-wrapper .form-checkboxes .form-item:hover input, 
#drupal-modal .webform-submission-form .form-wrapper fieldset .fieldset-wrapper .form-checkboxes .form-item:hover label {
  cursor: pointer;
}

#drupal-modal .webform-submission-form .form-wrapper fieldset .fieldset-wrapper .form-checkboxes .form-item input {
  accent-color: rgb(234, 135, 34);
}

#drupal-modal .webform-submission-form .form-wrapper .webform-type-radios legend {
  display: inline-block;
}

#drupal-modal .webform-submission-form .form-wrapper .webform-type-radios .fieldset-wrapper {
  display: inline-block;
}

#drupal-modal .webform-submission-form .form-wrapper .webform-type-radios .fieldset-wrapper .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-item input[type="radio"]:checked + label {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

#drupal-modal .webform-submission-form .form-wrapper .webform-type-radios .fieldset-wrapper .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-item label {
  border-radius: 5px;
  border: 0px solid;
  padding: 0px 10px 2px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
}

#drupal-modal .webform-submission-form .form-wrapper .webform-type-radios .fieldset-wrapper .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-item label:hover {
  cursor: pointer;
}

#drupal-modal .webform-submission-form .form-wrapper .js-form-type-textfield {
  padding-bottom: 20px;
}

#drupal-modal .webform-submission-form .form-wrapper .js-form-type-textfield label {
  
}

#drupal-modal .webform-submission-form .form-wrapper .js-form-type-textfield input {
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  border: 1px solid #808080;
  display: block;
}

#drupal-modal .webform-submission-form .form-wrapper .js-form-type-textfield input:focus {
  outline: none;
  border: 2px solid #ea8722;
}

#drupal-modal .webform-submission-form .form-wrapper .js-form-type-select {
  padding-bottom: 20px;
}

#drupal-modal .webform-submission-form .form-wrapper .js-form-type-select select {
  display: block;
}

/*--------------------*/

/*---------- POPUP EVALUATIONS A CHAUD ----------*/

#drupal-modal .evaluation-chaud-form fieldset, 
#drupal-modal .evaluation-chaud-form .js-form-type-textarea {
  margin-bottom: 20px;
}

#drupal-modal .evaluation-chaud-form input[value="Envoyer"] {
  max-width: 200px;
  margin: 20px auto 0px auto;
  border-radius: 5px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
  cursor: pointer;
  display: block;
}

#drupal-modal .evaluation-chaud-form input[value="Envoyer"]:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

/*--------------------*/

/*---------- POPUP QUESTIONNAIRE DE SATISFACTION ----------*/

#drupal-modal .satisfaction-form fieldset, 
#drupal-modal .satisfaction-form .js-form-type-textarea, 
#drupal-modal .satisfaction-form .js-form-type-select {
  margin-bottom: 20px;
}

#drupal-modal .satisfaction-form input[value="Envoyer"] {
  max-width: 200px;
  margin: 20px auto 0px auto;
  border-radius: 5px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
  cursor: pointer;
  display: block;
}

#drupal-modal .satisfaction-form input[value="Envoyer"]:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

/*--------------------*/

/*----------------------- PAGE OFFRE -----------------------*/

.page-view-page_offre-page_1 #header-mid {
  display: none;
}

.page-view-page_offre-page_1 #main-content {
  background-image: url('../images/background-landing-page-bleu.png');
}

.page-view-page_offre-page_1 .content-wrapper {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  padding-bottom: 150px;
}

.page-view-page_offre-page_1 #block-soappi-content {
  padding-bottom: 100px;
}

#global-page-offre {}

#global-page-offre p {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 700;
  font-size: 38px;
  color: #ffffff;
  text-align: center;
}

.page-view-page_offre-page_1 #sidebar-left {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}

.page-view-page_offre-page_1 #block-soappi-webform-2 {
  background-color: #ced3d9;
  border-radius: 15px;
  max-width: 370px;
}

.page-view-page_offre-page_1 .webform-submission-block-contact-page-offre-form {
  padding: 25px 15px 25px 15px;
}

.page-view-page_offre-page_1 .form-item-nom,
.page-view-page_offre-page_1 .form-item-prenom,
.page-view-page_offre-page_1 .form-item-telephone {
  display: inline-block;
  width: 49%;
  padding-bottom: 20px;
}

.page-view-page_offre-page_1 .form-item-nom label,
.page-view-page_offre-page_1 .form-item-prenom label,
.page-view-page_offre-page_1 .form-item-date-de-naissance label,
.page-view-page_offre-page_1 .form-item-adresse-mail label,
.page-view-page_offre-page_1 .form-item-telephone label,
.page-view-page_offre-page_1 .form-item-quel-formation-vous-interesse label,
.page-view-page_offre-page_1 .form-item-quel-document-souhaitez-vous-recevoir label,
.page-view-page_offre-page_1 .form-item-rgpd label {
  display: none;
}

.page-view-page_offre-page_1 .form-item-nom input,
.page-view-page_offre-page_1 .form-item-prenom input {
  width: 90%;
  margin-left: auto;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  height: 25px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}

.page-view-page_offre-page_1 .form-item-telephone input {
  width: 100%;
  margin-left: auto;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  height: 25px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}

.page-view-page_offre-page_1 .form-item-date-de-naissance,
.page-view-page_offre-page_1 .form-item-adresse-mail,
.page-view-page_offre-page_1 .form-item-quel-formation-vous-interesse,
.page-view-page_offre-page_1 .form-item-quel-document-souhaitez-vous-recevoir,
.page-view-page_offre-page_1 .form-item-rgpd {
  width: 100%;
  padding-bottom: 20px;
}

.page-view-page_offre-page_1 .form-item-date-de-naissance input,
.page-view-page_offre-page_1 .form-item-adresse-mail input,
.page-view-page_offre-page_1 .form-item-quel-formation-vous-interesse select,
.page-view-page_offre-page_1 .form-item-quel-document-souhaitez-vous-recevoir select {
  width: 95%;
  margin-left: auto;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #808080;
  height: 25px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  background-color: #ffffff;
}

.page-view-page_offre-page_1 .form-item-nom input:focus,
.page-view-page_offre-page_1 .form-item-prenom input:focus,
.page-view-page_offre-page_1 .form-item-telephone input:focus,
.page-view-page_offre-page_1 .form-item-date-de-naissance input:focus,
.page-view-page_offre-page_1 .form-item-adresse-mail input:focus,
.page-view-page_offre-page_1 .form-item-quel-formation-vous-interesse select:focus,
.page-view-page_offre-page_1 .form-item-quel-document-souhaitez-vous-recevoir select:focus {
  outline: none;
  border: 2px solid #ea8722;
}

.page-view-page_offre-page_1 .form-item-rgpd input {
  display: inline-block;
  width: 15px;
  vertical-align: top;
}

.page-view-page_offre-page_1 .form-item-rgpd .description {
  display: inline-block;
  width: 90%;
  vertical-align: top;
}

.page-view-page_offre-page_1 .form-item-rgpd .description span {
  color: #EA8722;
}

.page-view-page_offre-page_1 #edit-actions input {
  border-radius: 5px;
  padding: 0px 10px 2px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 1px solid rgb(234, 135, 34);
}

.page-view-page_offre-page_1 #edit-actions input:hover {
  background-color: #ffffff;
  color: rgb(234, 135, 34);
  cursor: pointer;
}

.etoile {
  color: red;
}

.page-view-page_offre-page_1 #sidebar-right {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}

#block-soappi-blockimagepageoffre {}

#image-page-offre {}

.ensemble-image-page-offre {}

.ensemble-image-page-offre img {
  width: 100%;
  height: auto;
}

/*----------------------- PAGE MENTION LEGALES -----------------------*/

.page-view-page_mentions_legales-page_1 {}

#global-mentions-legales {
  padding-bottom: 150px;
  position: relative;
}

#global-mentions-legales h2 {
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
}

#global-mentions-legales p {
  font-family: "Roboto", Sans-serif;
  color: #686363;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  text-align: justify;
}

.ensemble-mentions-legales::before {
  content: "";
  position: absolute;
  top: -50px;
  left: 50%;
  width: 200px;
  height: 1px;
  background-color: #ea8722;
  transform: translateX(-50%);
}

.ensemble-mentions-legales::after {
  content: "";
  position: absolute;
  bottom: 100px;
  left: 50%;
  width: 200px;
  height: 1px;
  background-color: #ea8722;
  transform: translateX(-50%);
}

/*----------------------- PAGE CGV -----------------------*/

.page-view-page_cgv-page_1 {}

#global-cgv {
  padding-bottom: 150px;
  position: relative;
}

#global-cgv h2 {
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
}

#global-cgv h3 {
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}

#global-cgv p {
  font-family: "Roboto", Sans-serif;
  color: #686363;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  text-align: justify;
}

.ensemble-cgv::before {
  content: "";
  position: absolute;
  top: -50px;
  left: 50%;
  width: 200px;
  height: 1px;
  background-color: #ea8722;
  transform: translateX(-50%);
}

.ensemble-cgv::after {
  content: "";
  position: absolute;
  bottom: 100px;
  left: 50%;
  width: 200px;
  height: 1px;
  background-color: #ea8722;
  transform: translateX(-50%);
}

/*----------------------- PAGE USER -----------------------*/

.page-entity-user-canonical #main-content {
  min-height: 550px;
  width: 1170px;
  margin: 0 auto;
  max-width: 90%;
  position: relative;
}

/*----------------------- PAGE MON COMPTE -----------------------*/

.page-utilisateur-dashboard #main-content {
  background-image: url(../images/background1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}

/*----------------------- PAGE MON MENU*/

.page-utilisateur-dashboard #block-soappi-content {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  min-height: 600px;
}

.page-utilisateur-dashboard #block-soappi-content .simple-status-messages,
.page-utilisateur-dashboard #block-soappi-content .simple-status-messages .status-messages,
.page-utilisateur-dashboard #block-soappi-content .simple-status-messages .status-messages h2 {
  font-weight: 400;
  font-size: 14px;
  text-transform: none;
}

.page-utilisateur-dashboard #block-soappi-content h2 {
  font-family: Verdana, Geneva, sans-serif;
  color: #0c2f55;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
}

.page-utilisateur-dashboard .tab-menu {
  min-height: 50px;
}

.page-utilisateur-dashboard .tab-menu [data-tab="tab-sessions"],
.page-utilisateur-dashboard .tab-menu [data-tab="tab-orders"],
.page-utilisateur-dashboard .tab-menu [data-tab="tab-account"] {
  border-radius: 30px;
  padding: 10px 10px 12px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
}

.page-utilisateur-dashboard .tab-menu li .active {
  color: #ea8722;
  background-color: #ffffff;
  padding-top: 10px;
}

.page-utilisateur-dashboard .tab-menu [data-tab="tab-sessions"]:hover,
.page-utilisateur-dashboard .tab-menu [data-tab="tab-orders"]:hover,
.page-utilisateur-dashboard .tab-menu [data-tab="tab-account"]:hover {
  color: #ea8722;
  background-color: #ffffff;
}

.page-utilisateur-dashboard #tab-sessions.active {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
}

/*----------------------- PAGE MES SESSIONS*/

.page-utilisateur-dashboard #tab-sessions p {
  font-family: "Roboto", Sans-serif;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
}

.page-utilisateur-dashboard #tab-sessions #general-session {
  display: inline-block;
  width: 55%;
  min-width: 400px;
  vertical-align: top;
  margin-bottom: 20px;
}

.page-utilisateur-dashboard #tab-sessions .session {
  display: block;
  width: 90%;
  margin-bottom: 20px;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header {
  color: #ffffff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 700;
  background-color: #ffffff;
  border: 1px solid #0C2F55;
  background-color: rgba(12, 47, 85, 0.8);
  border: 1px solid #0C2F55;
  width: 100%;
  box-shadow: 2px 2px 3px #0C2F55;
  position: relative;
  cursor: default;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header h4 {
  color: #ffffff;
  font-family: "Roboto", Sans-serif;
  font-size: 20px;
  font-weight: 700;
  min-height: 80px;
  line-height: 40px;
  margin: 0;
  padding-bottom: 20px;
  display: flex;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header .btn-open-docs-wrapper {
  padding: 0px 0px 20px 0px;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header .btn-open-docs-wrapper .btn-open-docs {
  padding: 0px 10px 2px 10px;
  border-radius: 30px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
  cursor: pointer;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header .btn-open-docs-wrapper .btn-open-docs:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header.active .btn-open-docs-wrapper .btn-open-docs {
  padding: 0px 10px 2px 10px;
  border-radius: 30px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: rgb(234, 135, 34);
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: #ffffff;
  border: 0px solid;
  cursor: pointer;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header.active .btn-open-docs-wrapper .btn-open-docs:hover {
  color: #ffffff;
  background-color: rgb(234, 135, 34);
}

.page-utilisateur-dashboard #tab-sessions .session .session-header .container-message .course-link {
  color: #EA8722;
  font-family: "Roboto", Sans-serif;
  font-size: 13px;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid #EA8722;
  border-radius: 10px;
  padding: 10px;
  max-width: 470px;
  min-width: 330px;
  margin: 10px 0px 10px 0px;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header .course-link span a {
  color: #1e7e34;
  text-transform: uppercase;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header .course-link span a:hover {
  text-decoration: none;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header .alert-doc-remplir,
.page-utilisateur-dashboard #tab-sessions .session .session-header .alert-doc-telechargement {
  color: #0c2f55;
  font-family: "Roboto", Sans-serif;
  font-size: 13px;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid #EA8722;
  border-radius: 10px;
  padding: 10px;
  max-width: 470px;
  min-width: 330px;
  margin: 10px 0px 10px 0px;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header .alert-doc-remplir .form-link {
  margin-bottom: 5px;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header .alert-doc-remplir .form-link span a,
.page-utilisateur-dashboard #tab-sessions .session .session-header .alert-doc-telechargement span a {
  color: #EA8722;
}

.page-utilisateur-dashboard #tab-sessions .session .session-header .alert-doc-remplir .form-link span:hover a,
.page-utilisateur-dashboard #tab-sessions .session .session-header .alert-doc-telechargement span:hover a {
  text-decoration: none;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details {
  border: 1px solid #0C2F55;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  box-shadow: 2px 2px 3px #0C2F55;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details h5 {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin: 0px 0px 15px 0px;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info {
  min-height: 55px;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .document-title {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  max-width: 45%;
  min-width: 40%;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .document-status, 
.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .document-dl {
  width: 25%;
  text-align: center;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .document-status .sign_alert {
  color: #ff6b6b;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .document-status .sign_info {
  color: #1e7e34;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .document-status span span {
  text-decoration: underline;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .document-status:hover span {
  text-decoration: none;
  cursor: pointer;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .document-dl a {
  color: #EA8722;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .document-dl:hover a {
  text-decoration: none;
  cursor: pointer;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .sign-area .form-item-confirm {
  padding-bottom: 20px;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .sign-area .form-item-confirm .form-checkbox:hover {
  cursor: pointer;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .sign-area .form-item-confirm label {
  color: #EA8722;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .sign-area .signature-form-wrapper .button {
  border-radius: 5px;
  padding: 0px 10px 2px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 1px;
  margin-bottom: 20px;
}

.page-utilisateur-dashboard #tab-sessions .session .session-details .document-info .sign-area .signature-form-wrapper .button:hover {
  color: #ea8722;
  background-color: #ffffff;
  cursor: pointer;
}

.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper {
  width: 37%;
  min-width: 370px;
  display: inline-block;
  vertical-align: top;
  margin-left: auto;
}

.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper .formations-block h3 {
  color: #0c2f55;
}

.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper .formations-block ul {
  padding: 0px;
}

.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper .formations-block ul .formation-item {
  border-radius: 20px;
  margin-bottom: 15px;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.7);
}

.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper .formations-block ul .formation-item .formation-item-content {
  
}

.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper .formations-block ul .formation-item .formation-item-content .formation-item-titre, 
.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper .formations-block ul .formation-item .formation-item-content .formation-item-titre a {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper .formations-block ul .formation-item .formation-item-content .formation-item-titre a:hover {
  color: #EA8722;
  text-decoration: underline;
}

.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper .formations-block ul .formation-item .formation-item-content .formation-item-details {
  width: 100%;
  padding-left: 5px;
}

.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper .formations-block ul .formation-item .formation-item-content .formation-item-details .formation-item-tarifs {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
  width: 69%;
  vertical-align: middle;
}

.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper .formations-block ul .formation-item .formation-item-content .formation-item-details .formation-item-link {
  display: inline-block;
  width: 100px;
  margin: 0 auto;
  vertical-align: middle;
}

.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper .formations-block ul .formation-item .formation-item-content .formation-item-details .formation-item-link .formation-item-link-content a {
  color: #EA8722;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}

.page-utilisateur-dashboard #tab-sessions .formations-block-wrapper .formations-block ul .formation-item .formation-item-content .formation-item-details .formation-item-link .formation-item-link-content a:hover {
  text-decoration: none;
}

/*----------------------- PAGE MES COMMANDES*/

.page-utilisateur-dashboard #tab-orders {
  font-family: Verdana, Geneva, sans-serif;
  color: #0c2f55;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
}

.page-utilisateur-dashboard #tab-orders p {
  font-family: "Roboto", Sans-serif;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  text-transform: none;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table {
  width: 100%;
  border-collapse: separate;
  margin-top: 1em;
  font-family: Arial, sans-serif;
  overflow: hidden;
  border-spacing: 0px;
  margin: 50px auto;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table thead {
  position: relative;
  height: 70px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table thead tr {
  color: #ffffff;
  background: none;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table thead tr th {
  background: rgba(12, 47, 85, 0.8);
  color: #ffffff;
  border: none;
  text-align: justify;
  font-size: 15px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table thead tr th:first-child {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table thead tr th:last-child {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table thead tr th:nth-child(1) {
  width: 130px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table thead tr th:nth-child(2) {
  width: 95px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody {
  position: relative;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody tr {
  color: #0C2F55;
  background: none;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody tr:first-child td:first-child {
  border-top-left-radius: 30px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody tr:first-child td:last-child {
  border-top-right-radius: 30px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 30px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 30px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody tr:first-child td {
  padding-top: 40px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody tr:last-child td {
  padding-bottom: 40px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody tr td {
  background: none;
  border-left: 1px solid #0c2f55;
  border-right: 0px solid #0c2f55;
  border-top: none;
  border-bottom: none;
  font-size: 15px;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.8);
  padding-top: 20px;
  padding-bottom: 20px;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody tr:first-child td {
  border-image: linear-gradient(to bottom, transparent 0px, transparent 10px, #0c2f55 10px, #0c2f55 100%) 1;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody tr:last-child td {
  border-image: linear-gradient(to top, transparent 0px, transparent 10px, #0c2f55 10px, #0c2f55 100%) 1;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody tr td:nth-child(1) {
  border-left: none;
}

.page-utilisateur-dashboard #tab-orders .user-orders-table tbody tr td:nth-child(5) {
  border-right: none;
}

/*----------------------- PAGE MON COMPTE*/

.page-utilisateur-dashboard #tab-account {
  font-family: Verdana, Geneva, sans-serif;
  color: #0c2f55;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  padding: 50px 0px 50px 0px;
  margin-top: 20px;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #informations-container {
  display: flex;
  align-content: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 90%;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #edit-info-company {
  padding: 0px 20px 0px 20px;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #edit-info-company p em {
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  font-size: 24px;
  font-style: normal;
  text-transform: uppercase;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #informations-generales,
.page-utilisateur-dashboard #tab-account #signature_capture_form #questions-pedagogiques {
  width: 45%;
  min-width: 400px;
  margin: 0 auto;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #ajax-wrapper {
  width: 100%;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-cachet {
  width: 100%;
  padding: 0px 0px 0px 20px;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #ajax-wrapper .form-item-cachet label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-cachet label {
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  font-size: 24px;
  font-style: normal;
  text-transform: uppercase;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #ajax-wrapper .form-item-cachet #edit-cachet span a,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-cachet .form-managed-file span a {
  color: #EA8722;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #ajax-wrapper .form-item-cachet #edit-cachet span,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-cachet .form-managed-file span {
  color: #42495b;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #ajax-wrapper .form-item-cachet #edit-cachet {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding-top: 10px;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #ajax-wrapper .form-item-cachet #edit-cachet [name="cachet[fids]"],
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-cachet .form-managed-file [name="cachet_remove_button"] {
  border-radius: 5px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
  cursor: pointer;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #ajax-wrapper .form-item-cachet #edit-cachet [name="cachet[fids]"]:hover,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-cachet .form-managed-file [name="cachet_remove_button"]:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #ajax-wrapper .form-item-cachet .description,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-cachet .description {
  color: rgb(234, 135, 34);
  font-weight: 700;
  font-size: 14px;
  text-transform: none;
  padding: 20px 0px 0px 0px;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-civilite,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-nom,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-prenom,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-mail,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-pass,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-date-de-naissance, 
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-birth-place,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-nationalite,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-address-line1,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-address-line2,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-postal-code,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-locality,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-country,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-landline,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-telephone-mobile,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-etudes-parcours,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-besoin-principaux,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-attentes-personnelles,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-pq-patrimoine-immo,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-projet-post-formation,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-fonction,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-company-name,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-siret,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-company-type {
  padding: 0px 0px 20px 0px;
  margin: 0;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-situation-de-handicap,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-rgpd-accepted,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-accept-rgpd {
  padding: 0px 0px 20px 0px;
  margin: 0 auto;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-date-de-naissance input, 
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-postal-code input, 
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-landline input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-telephone-mobile input {
  width: 120px;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-civilite select, 
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-country select {
  width: 140px;
  background-color: #ffffff;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-nom,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-prenom,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-mail,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-pass,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-birth-place,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-nationalite,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-address-line1,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-address-line2,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-locality,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-fonction,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-company-name,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-siret,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-company-type {
  width: 60%;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-etudes-parcours,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-besoin-principaux,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-attentes-personnelles,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-pq-patrimoine-immo,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-projet-post-formation, 
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-situation-de-handicap,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-rgpd-accepted,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-accept-rgpd {
  width: 90%;
}


.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-rgpd-accepted {
  color: rgb(234, 135, 34);
  font-weight: 700;
  font-size: 14px;
  text-transform: none;
  padding: 20px 0px 0px 0px;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-accept-rgpd {
  color: rgb(234, 135, 34);
  font-weight: 700;
  font-size: 14px;
  text-transform: none;
  padding: 20px 0px 0px 0px;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-civilite label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-nom label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-prenom label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-mail label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-pass label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-date-de-naissance label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-birth-place label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-nationalite label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-address-line1 label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-address-line2 label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-postal-code label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-locality label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-country label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-landline label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-telephone-mobile label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-etudes-parcours label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-besoin-principaux label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-attentes-personnelles label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-pq-patrimoine-immo label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-projet-post-formation label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-fonction label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-company-name label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-siret label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-company-type label {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: block;
  text-transform: none;
  width: 100%;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-nom input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-prenom input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-mail input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-pass input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-birth-place input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-nationalite input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-address-line1 input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-address-line2 input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-locality input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-etudes-parcours textarea,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-besoin-principaux textarea,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-attentes-personnelles textarea,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-pq-patrimoine-immo textarea,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-projet-post-formation textarea,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-fonction input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-company-name input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-siret input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-company-type input {
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid #808080;
  display: block;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-civilite select,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-date-de-naissance input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-postal-code input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-country select,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-landline input,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-telephone-mobile input {
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid #808080;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-civilite select:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-nom input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-prenom input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-mail input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-pass input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-date-de-naissance input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-birth-place input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-nationalite input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-address-line1 input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-address-line2 input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-postal-code input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-locality input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-adresse-country select:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-landline input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-telephone-mobile input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-etudes-parcours textarea:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-besoin-principaux textarea:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-attentes-personnelles textarea:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-pq-patrimoine-immo textarea:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-projet-post-formation textarea:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-fonction input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-company-name input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-siret input:focus,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-company-type input:focus {
  outline: none;
  border: 2px solid #ea8722;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-situation-de-handicap:hover label,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-situation-de-handicap:hover input {
  cursor: pointer;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-pass #edit-pass--description,
.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-situation-de-handicap label {
  color: rgb(234, 135, 34);
  font-weight: 700;
  font-size: 14px;
  text-transform: none;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .form-item-field-situation-de-handicap .description {
  color: rgb(234, 135, 34);
  font-weight: 700;
  font-size: 14px;
  text-transform: none;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #paraphe-sign-section {
  display: flex;
  align-content: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 50px;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #sign-section,
.page-utilisateur-dashboard #tab-account #signature_capture_form #paraphe-section {
  /*display: inline-block;*/
  width: 45%;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #sign-section #edit-sign-text h3,
.page-utilisateur-dashboard #tab-account #signature_capture_form #paraphe-section #edit-paraph-text h3 {
  font-family: Verdana, Geneva, sans-serif;
  color: #42495b;
  font-weight: 700;
  font-size: 24px;
  font-style: normal;
  text-transform: uppercase;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #sign-section #edit-sign-text p,
.page-utilisateur-dashboard #tab-account #signature_capture_form #paraphe-section #edit-paraph-text p {
  color: rgb(234, 135, 34);
  font-weight: 700;
  font-size: 14px;
  text-transform: none;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #sign-section #clear-signature,
.page-utilisateur-dashboard #tab-account #signature_capture_form #paraphe-section #clear-paraphe {
  border-radius: 5px;
  /*padding: 8px 10px 12px 10px;*/
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
  cursor: pointer;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form #sign-section #clear-signature:hover,
.page-utilisateur-dashboard #tab-account #signature_capture_form #paraphe-section #clear-paraphe:hover,
.page-utilisateur-dashboard #tab-account #signature_capture_form .save-signature-button:hover {
  color: #ea8722;
  background-color: #ffffff;
}

.page-utilisateur-dashboard #tab-account #signature_capture_form .save-signature-button {
  max-width: 200px;
  margin: 20px auto 0px auto;
  border-radius: 20px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
  cursor: pointer;
  display: block;
}

/*----------------------- POPUP INSCRIPTION FORMATION-MON COMPTE -----------------------*/

.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-no-session-text {
  color: rgb(234, 135, 34);
  font-weight: 700;
  padding: 0px 0px 20px 0px;
}

.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-etudes-parcours,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-besoin-principaux,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-attentes-personnelles,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-pq-patrimoine-immo,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-projet-post-formation {
  padding: 0px 0px 20px 0px;
}

.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-etudes-parcours label,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-besoin-principaux label,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-attentes-personnelles label,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-pq-patrimoine-immo label,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-projet-post-formation label {
  width: 91%;
  display: block;
  margin: 0 auto;
  text-align: left;
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-etudes-parcours textarea,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-besoin-principaux textarea,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-attentes-personnelles textarea,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-pq-patrimoine-immo textarea,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-projet-post-formation textarea {
  width: 90%;
  display: block;
  margin: 0 auto;
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  border: 1px solid #808080;
}

.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-etudes-parcours textarea:focus,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-besoin-principaux textarea:focus,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-attentes-personnelles textarea:focus,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-pq-patrimoine-immo textarea:focus,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-projet-post-formation textarea:focus {
  outline: none;
  border: 2px solid #ea8722;
}

.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-situation-de-handicap,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-accept-devis {
  width: 91%;
  display: block;
  margin: 0 auto;
  text-align: left;
  color: rgb(234, 135, 34);
  font-weight: 700;
}

.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-situation-de-handicap:hover label,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-field-situation-de-handicap:hover input,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-accept-devis:hover label,
.ui-dialog-content #sign-form-wrapper #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-accept-devis:hover input {
  cursor: pointer;
}

/*----------------------- CREATION COMPTE PARTICULIER -----------------------*/

.page-multiple_registration-role_registration_page #block-soappi-content {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
}

.page-multiple_registration-role_registration_page #block-soappi-content #user-register-form {
  padding-bottom: 50px;
}

.page-multiple_registration-role_registration_page #edit-field-civilite-wrapper,
.page-multiple_registration-role_registration_page #edit-field-prenom-wrapper,
.page-multiple_registration-role_registration_page #edit-field-nom-wrapper,
.page-multiple_registration-role_registration_page #edit-account,
.page-multiple_registration-role_registration_page #edit-field-nationalite-wrapper,
.page-multiple_registration-role_registration_page #edit-field-date-de-naissance-wrapper,
.page-multiple_registration-role_registration_page #edit-field-birth-place-wrapper,
.page-multiple_registration-role_registration_page #edit-field-telephone-mobile-wrapper,
.page-multiple_registration-role_registration_page #edit-field-landline-wrapper {
  padding: 0px 0px 20px 0px;
  display: block;
  position: relative;
  height: auto;
}

.page-multiple_registration-role_registration_page #edit-field-prenom-wrapper .form-item-field-prenom-0-value,
.page-multiple_registration-role_registration_page #edit-field-nom-wrapper .form-item-field-nom-0-value {
  display: block;
  position: relative;
  height: auto;
}

.page-multiple_registration-role_registration_page #edit-field-civilite-wrapper label,
.page-multiple_registration-role_registration_page #edit-field-prenom-wrapper label,
.page-multiple_registration-role_registration_page #edit-field-nom-wrapper label,
.page-multiple_registration-role_registration_page #edit-account label,
.page-multiple_registration-role_registration_page #edit-field-nationalite-wrapper label,
.page-multiple_registration-role_registration_page #edit-field-date-de-naissance-wrapper h4,
.page-multiple_registration-role_registration_page #edit-field-birth-place-wrapper label,
.page-multiple_registration-role_registration_page #edit-field-telephone-mobile-wrapper label,
.page-multiple_registration-role_registration_page #edit-field-landline-wrapper label {
  display: block;
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}

.page-multiple_registration-role_registration_page #edit-field-civilite-wrapper select,
.page-multiple_registration-role_registration_page #edit-field-prenom-wrapper input,
.page-multiple_registration-role_registration_page #edit-field-nom-wrapper input,
.page-multiple_registration-role_registration_page #edit-account input,
.page-multiple_registration-role_registration_page #edit-field-nationalite-wrapper input,
.page-multiple_registration-role_registration_page #edit-field-date-de-naissance-wrapper input,
.page-multiple_registration-role_registration_page #edit-field-birth-place-wrapper input,
.page-multiple_registration-role_registration_page #edit-field-telephone-mobile-wrapper input,
.page-multiple_registration-role_registration_page #edit-field-landline-wrapper input {
  width: 350px;
  height: 25px;
  display: block;
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  border: 1px solid #808080;
  background-color: #ffffff;
  position: relative;
  top: 0px;
}

.page-multiple_registration-role_registration_page #edit-field-civilite-wrapper select:focus,
.page-multiple_registration-role_registration_page #edit-field-prenom-wrapper input:focus,
.page-multiple_registration-role_registration_page #edit-field-nom-wrapper input:focus,
.page-multiple_registration-role_registration_page #edit-account input:focus,
.page-multiple_registration-role_registration_page #edit-field-nationalite-wrapper input:focus,
.page-multiple_registration-role_registration_page #edit-field-date-de-naissance-wrapper input:focus,
.page-multiple_registration-role_registration_page #edit-field-birth-place-wrapper input:focus,
.page-multiple_registration-role_registration_page #edit-field-telephone-mobile-wrapper input:focus,
.page-multiple_registration-role_registration_page #edit-field-landline-wrapper input:focus {
  outline: none;
  border: 2px solid #ea8722;
}

.page-multiple_registration-role_registration_page #edit-account .form-item-mail #edit-mail--description {
  width: 350px;
  color: rgb(234, 135, 34);
  font-weight: 700;
  padding-top: 5px;
  text-align: justify;
}

.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper {
  padding: 0px 0px 20px 0px;
  display: block;
  width: 360px;
}

.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper legend {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper {}

.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper #edit-field-adresse-0-address-country-code,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-address-line1,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-address-line2,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-postal-code,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-locality {
  padding: 0px 0px 20px 0px;
  display: block;
}

.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper #edit-field-adresse-0-address-country-code label,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-address-line1 label,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-address-line2 label,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-postal-code label,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-locality label {
  display: block;
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper #edit-field-adresse-0-address-country-code select,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-address-line1 input,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-address-line2 input,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-postal-code input,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-locality input {
  width: 350px;
  height: 25px;
  display: block;
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  border: 1px solid #808080;
  background-color: #ffffff;
}

.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper #edit-field-adresse-0-address-country-code select:focus,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-address-line1 input:focus,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-address-line2 input:focus,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-postal-code input:focus,
.page-multiple_registration-role_registration_page #edit-field-adresse-wrapper .fieldset-wrapper .form-item-field-adresse-0-address-locality input:focus {
  outline: none;
  border: 2px solid #ea8722;
}

.page-multiple_registration-role_registration_page #edit-actions input {
  border-radius: 5px;
  border: 1px;
  padding: 0px 10px 2px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
}

.page-multiple_registration-role_registration_page #edit-actions input:hover {
  color: #ea8722;
  background-color: #ffffff;
  cursor: pointer;
}

/*----------------------- CREATION COMPTE ENTREPRISE -----------------------*/

.page-multiple_registration-role_registration_page #block-soappi-content #user-register-form p em {
  width: 350px;
  color: rgb(234, 135, 34);
  font-weight: 700;
  padding-top: 5px;
  text-align: justify;
  display: block;
}

.page-multiple_registration-role_registration_page #edit-field-company-name-wrapper,
.page-multiple_registration-role_registration_page #edit-field-company-type-wrapper,
.page-multiple_registration-role_registration_page #edit-field-siret-wrapper,
.page-multiple_registration-role_registration_page #edit-field-fonction-wrapper {
  display: block;
  position: relative;
  height: auto;
  padding: 0px 0px 20px 0px;
}

.page-multiple_registration-role_registration_page #edit-field-company-name-wrapper label,
.page-multiple_registration-role_registration_page #edit-field-company-type-wrapper label,
.page-multiple_registration-role_registration_page #edit-field-siret-wrapper label,
.page-multiple_registration-role_registration_page #edit-field-fonction-wrapper label {
  display: block;
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}

.page-multiple_registration-role_registration_page #edit-field-company-name-wrapper input,
.page-multiple_registration-role_registration_page #edit-field-company-type-wrapper input,
.page-multiple_registration-role_registration_page #edit-field-siret-wrapper input,
.page-multiple_registration-role_registration_page #edit-field-fonction-wrapper input {
  width: 350px;
  height: 25px;
  display: block;
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  border: 1px solid #808080;
  background-color: #ffffff;
  position: relative;
  top: 0px;
}

.page-multiple_registration-role_registration_page #edit-field-company-name-wrapper input:focus,
.page-multiple_registration-role_registration_page #edit-field-company-type-wrapper input:focus,
.page-multiple_registration-role_registration_page #edit-field-siret-wrapper input:focus {
  outline: none;
  border: 2px solid #ea8722;
}

.page-multiple_registration-role_registration_page #edit-field-company-type-wrapper #edit-field-company-type-0-value--description {
  width: 350px;
  color: rgb(234, 135, 34);
  font-weight: 700;
  padding-top: 5px;
  text-align: justify;
}

/*----------------------- CHECKOUT / PAIEMENT -----------------------*/

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default {
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 100px;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary {
  
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary {
  padding-top: 0px;
  max-width: 100%;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary table {
  padding-top: 0px;
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary table thead {
  
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary table thead tr {

}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary table thead .views-field-quantity {
  border: 1px solid #ffffff;
  border-left: none;
  border-top: none;
  color: #ffffff;
  background-color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary table thead .views-field-total-price__number {
  border: 1px solid #ffffff;
  border-top: none;
  color: #ffffff;
  background-color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary table thead .views-field-field-label-ligne {
  border: 1px solid #ffffff;
  border-right: none;
  border-top: none;
  color: #ffffff;
  background-color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary table tbody .views-field-quantity {
  border: 1px solid rgb(234, 135, 34);
  border-left: none;
  border-top: none;
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary table tbody .views-field-total-price__number {
  border: 1px solid rgb(234, 135, 34);
  border-top: none;
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary table tbody .views-field-field-label-ligne {
  border: 1px solid rgb(234, 135, 34);
  border-right: none;
  border-top: none;
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary footer {
  padding-top: 20px;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary footer .order-total-line__subtotal {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-order-summary #edit-order-summary-summary footer .order-total-line__total {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-payment-information {
  border: 1px solid #0C2F55;
  margin-bottom: 20px;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-payment-information legend .fieldset-legend {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.page-commerce_checkout-form #commerce-checkout-flow-multistep-default #edit-payment-information .fieldset-wrapper {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 20px;
}

.page-commerce_checkout-form .form-item-payment-information-add-payment-method-payment-details-card-number, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-payment-details-expiration, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-payment-details-security-code {
  padding-bottom: 20px;
}

.page-commerce_checkout-form .form-item-payment-information-add-payment-method-payment-details-card-number label, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-payment-details-expiration label, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-payment-details-security-code label {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: block;
  text-transform: none;
  width: 100%;
}

.page-commerce_checkout-form .form-item-payment-information-add-payment-method-payment-details-card-number #card-number-element, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-payment-details-expiration #expiration-element, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-payment-details-security-code #security-code-element {
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  border: 1px solid #808080;
  display: block;
}

.page-commerce_checkout-form #edit-payment-information-add-payment-method-billing-information {
  
}

.page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-select-address {
  padding-bottom: 20px;
}

.page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-select-address label {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: block;
  text-transform: none;
}

.page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-select-address select {
  border-radius: 5px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
  cursor: pointer;
}

.page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-select-address select:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

.page-commerce_checkout-form #edit-payment-information-add-payment-method-billing-information .profile p span {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.page-commerce_checkout-form #edit-payment-information-add-payment-method-billing-information .address-book-edit-button {
  border-radius: 5px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
  cursor: pointer;
}

.page-commerce_checkout-form #edit-payment-information-add-payment-method-billing-information .address-book-edit-button:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

.page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-country-code, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-organization, .page-commerce_checkout-form .address-container-inline, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-address-line1, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-address-line2, .page-commerce_checkout-form .address-container-inline {
  padding-bottom: 20px;
}

.page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-country-code label, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-organization label, .page-commerce_checkout-form .address-container-inline .form-item-payment-information-add-payment-method-billing-information-address-0-address-given-name label, .page-commerce_checkout-form .address-container-inline .form-item-payment-information-add-payment-method-billing-information-address-0-address-family-name label, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-address-line1 label, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-address-line2 label, .page-commerce_checkout-form .address-container-inline .form-item-payment-information-add-payment-method-billing-information-address-0-address-postal-code label, .page-commerce_checkout-form .address-container-inline .form-item-payment-information-add-payment-method-billing-information-address-0-address-locality label, .page-commerce_checkout-form .address-container-inline .form-item-payment-information-add-payment-method-billing-information-address-0-address-sorting-code label {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: block;
  text-transform: none;
}

.page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-country-code select {
  border-radius: 5px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
  cursor: pointer;
}

.page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-country-code select:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

.page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-organization .organization, .page-commerce_checkout-form .address-container-inline .form-item-payment-information-add-payment-method-billing-information-address-0-address-given-name .given-name, .page-commerce_checkout-form .address-container-inline .form-item-payment-information-add-payment-method-billing-information-address-0-address-family-name .family-name, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-address-line1 .address-line1, .page-commerce_checkout-form .form-item-payment-information-add-payment-method-billing-information-address-0-address-address-line2 .address-line2, .page-commerce_checkout-form .address-container-inline .form-item-payment-information-add-payment-method-billing-information-address-0-address-postal-code .postal-code, .page-commerce_checkout-form .address-container-inline .form-item-payment-information-add-payment-method-billing-information-address-0-address-locality .locality, .page-commerce_checkout-form .address-container-inline .form-item-payment-information-add-payment-method-billing-information-address-0-address-sorting-code .sorting-code {
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  border: 1px solid #808080;
  display: block;
}

.page-commerce_checkout-form #edit-actions[data-drupal-selector="edit-actions"] {
  margin-bottom: 150px;
}

.page-commerce_checkout-form .form-actions [value="Payer et terminer votre achat"] {
  border-radius: 5px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  border: 0px solid;
  cursor: pointer;
}

.page-commerce_checkout-form .form-actions [value="Payer et terminer votre achat"]:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

/*----------------------- INSCRIPTION FORMATION ENTREPRISE -----------------------*/

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-company-intro-text {
  
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-company-intro-text .alert-info {
  background-color: #0C2F55; 
  color: #ffffff !important;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions #people-wrapper {
  
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions #people-wrapper fieldset {
  position: relative;
  display: inline-block;
  width:45%;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions #people-wrapper fieldset legend span {
  
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions #people-wrapper fieldset .fieldset-wrapper {
  
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions #people-wrapper fieldset .fieldset-wrapper .form-item {
  text-align: left;
  padding-bottom: 20px;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions #people-wrapper fieldset .fieldset-wrapper .form-item label {
  width: 170px;
  display: inline-block;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions #people-wrapper fieldset .fieldset-wrapper .form-item input {
  max-width: 300px;
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 5px;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions #people-wrapper fieldset .fieldset-wrapper .form-item input:focus {
  border: 2px solid #EA8722;
  outline: none;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions #people-wrapper fieldset .fieldset-wrapper input[value="Supprimer"] {
  border-radius: 5px;
  border: 1px solid rgb(234, 135, 34);
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  cursor: pointer;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions #people-wrapper fieldset .fieldset-wrapper input[value="Supprimer"]:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions input[value="Ajouter une personne"] {
  border-radius: 5px;
  border: 1px solid rgb(234, 135, 34);
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  cursor: pointer;
  margin-top: 20px;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions input[value="Ajouter une personne"]:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions fieldset[data-drupal-selector="edit-company-session"] {
  margin-top: 20px;
  text-align: left;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions fieldset[data-drupal-selector="edit-company-session"] legend span {
  
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions fieldset[data-drupal-selector="edit-company-session"] .fieldset-wrapper {

}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions fieldset[data-drupal-selector="edit-company-session"] .fieldset-wrapper .form-item-company-session {
  margin: 10px 0px 10px 0px;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions fieldset[data-drupal-selector="edit-company-session"] .fieldset-wrapper .form-item-company-session input {
  
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions fieldset[data-drupal-selector="edit-company-session"] .fieldset-wrapper .form-item-company-session label {
  
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions fieldset[data-drupal-selector="edit-company-session"] .fieldset-wrapper .description[data-drupal-field-elements="description"] {
  
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions fieldset[data-drupal-selector="edit-company-session"] .fieldset-wrapper .description[data-drupal-field-elements="description"] .alert-info {
  background-color: #0C2F55;
  color: #ffffff !important;
  text-align: center;
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions .form-item-accept-devis {
  
}

.page-utilisateur-dashboard #signature_capture_form .sign-form-wrapper .subscribe-actions input[value="Valider l'inscription des personnes saisies"] {
  width: auto;
}

/*----------------------- PAGE E-LEARNING -----------------------*/

/*----------------------- PAGE PRESENTATION */

.page-lms-formation_overview #header {
  background-color: #0C2F55;
}

.page-lms-formation_overview #main-content {
  background-image: url(../images/background4.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}

.page-lms-formation_overview #content {
  width: 1170px;
  margin: 0 auto;
  max-width: 90%;
  position: relative;
}

.page-lms-formation_overview #content .course-finished {
  width: 70%;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  margin: -80px 0px 0px 176px;
  padding: 5px 0px 5px 0px;
  color: #1e7e34;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
}

.page-lms-formation_overview #content .course-finished p {
  margin-left: auto;
  margin-right: auto;
  width: 310px;
}

.page-lms-formation_overview #content .formation-description {
  width: 70%;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  margin: 100px auto 0px auto;
  padding: 20px 0px 20px 0px;
}

.page-lms-formation_overview #content h2.course-formation-title {
  font-family: Verdana, Geneva, sans-serif;
  color: #0C2F55;
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
  max-width: 755px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

.page-lms-formation_overview #content .formation-description .presentation-container {
  border-radius: 20px;
  display: flex;
  align-content: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}

.page-lms-formation_overview #content .formation-description .presentation-container .img-presentation {
  width: 120px;
  height: 120px;
  overflow: hidden;
}

.page-lms-formation_overview #content .formation-description .presentation-container .img-presentation img {
  max-width: 126px;
}

.page-lms-formation_overview #content .formation-description .presentation-container .presentation-texte {
  padding: 0px 20px 0px 20px;
  max-width: 590px;
}

.page-lms-formation_overview #content .formation-description .presentation-container .presentation-texte p.titre-presentation {
  color: #ea8722;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 700;
  padding-top: 5px;
  margin: 10px auto 0px auto;
}

.page-lms-formation_overview #content .formation-description .presentation-container .presentation-texte p {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
  padding-top: 0px;
  text-align: justify;
  margin: 10px auto 0px auto;
}

.page-lms-formation_overview #content .formation-description .objectifs-peda {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin: 0px auto;
  padding: 20px 20px 0px 20px;
  text-align: justify;
  max-width: 750px;
}

.page-lms-formation_overview #content .formation-description ul {
  margin: 0 auto;
  padding: 0px;
  list-style: none;
}

.page-lms-formation_overview #content .suivi-formation {
  padding-bottom: 50px;
  background-color: rgba(12, 47, 85, 0.8);
  border-radius: 30px;
  max-width: 580px;
  margin: 50px auto 150px auto;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-titre {
  text-align: center;
  padding-top: 20px;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-titre p {
  font-family: Verdana, Geneva, sans-serif;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps {
  max-width: 580px;
  margin: 0 auto;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres {
  height: 500px;
  width: 90%;
  margin: 0 auto;
  overflow-y: auto;
  direction: rtl;
  vertical-align: middle;
  scrollbar-color: rgb(234, 135, 34) #ffffff;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres h2 {
  color: #ea8722;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 700;
  margin: 0px 0px 5px 10px;
  direction: ltr;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres ul.chapitres {
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  list-style-type: none;
  padding: 0px 30px 0px 30px;
  margin: 0px 0px 5px 0px;
  direction: ltr;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres ul.chapitres li {
  border-bottom: 1px solid #ffffff;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres ul.chapitres li.unlocked, 
.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres ul.chapitres li.locked span.chapter-item {
  width: 100%;
  position: relative;
  display: flex;
  padding: 15px 0px 15px 0px;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres ul.chapitres li.unlocked span.chapter-item, 
.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres ul.chapitres li.locked span.chapter-item span.chapter-title {
  display: inline-block;
  width: 80%;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres ul.chapitres li.unlocked span.chapter-item span.chapter-title a {
  text-decoration: none;
  color: #ffffff;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres ul.chapitres li.unlocked span.chapter-item span.chapter-title a:hover {
  text-decoration: underline;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres ul.chapitres li.locked span {
  text-decoration: none;
  color: #A4A4A4;
  cursor: not-allowed;
  vertical-align: middle;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres ul.chapitres li.locked span span {
  
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres ul.chapitres li.unlocked span.status, 
.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .formation-chapitres ul.chapitres li.locked span.chapter-item span.verrou {
  display: inline-block;
  margin: 0px 0px 0px auto;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .start-session-btn {
  padding-top: 50px;
  margin: 0 auto;
  width: 304px;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .start-session-btn a {
  width: auto;
  display: inline-block;
  height: auto;
  background-color: rgb(234, 135, 34);
  box-shadow: 2px 2px 3px #000;
  padding: 0px 10px 2px 10px;
  border-radius: 20px;
  transition: background-color 0.3s ease, color 0.3s ease;
  text-align: center;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
}

.page-lms-formation_overview #content .suivi-formation .suivi-formation-corps .start-session-btn a:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

/*----------------------- PAGE CHAPITRE */

.page-lms-chapter_view #header {
  background-color: #0C2F55;
}

.page-lms-chapter_view #main-content {
  background-image: url(../images/background6.png);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.page-lms-chapter_view #content {
  /*width: 1170px;*/
  margin: 0 auto;
  max-width: 90%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.page-lms-chapter_view #content h2.course-formation-title {
  font-family: Verdana, Geneva, sans-serif;
  color: #0C2F55;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  margin-left: auto;
  width: 78%;
  text-align: left;
}

.page-lms-chapter_view #content h2.course-formation-title a {
  font-family: Verdana, Geneva, sans-serif;
  color: #0C2F55;
  font-weight: 700;
}

.page-lms-chapter_view #content h2.course-formation-title a:hover {
  text-decoration: underline;
}

.page-lms-chapter_view #content .course-layout aside {
  margin: 0px;
  padding: 0px;
  width: 20%;
  min-width: 345px;
  padding-bottom: 50px;
  order: 1;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar {
  background-color: rgba(12, 47, 85, 0.8);
  border: 1px solid #0C2F55;
  padding: 20px 0px 0px 0px;
  width: 100%;
  border-radius: 15px;
  box-shadow: 2px 2px 3px #0C2F55;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar h3 {
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 0px;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul {
  overflow-y: auto;
  direction: rtl;
  scrollbar-color: rgb(234, 135, 34) #ffffff;
  max-height: 785px;
  width: auto;
  margin: 0 auto;
  padding: 0px 20px 0px 10px;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups h4 {
  color: #ea8722;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 700;
  margin: 0px 0px 5px 10px;
  direction: ltr;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list {
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  list-style-type: none;
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 5px 0px;
  position: relative;
  direction: ltr;
  overflow-y: hidden;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li  {
  padding: 3px 0px 3px 0px;
  border-bottom: 1px solid #0C2F55;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li.current  {
  padding-left: 5px;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li.current a  {
  text-decoration: none;
  color: #ea8722;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li a  {
  text-decoration: none;
  color: #ffffff;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li.current a:hover,
.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li a:hover {
  text-decoration: underline;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li.locked,
.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li span.locked {
  text-decoration: none;
  color: #A4A4A4;
  cursor: not-allowed;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li span.quiz-item, 
.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li span.chapter-item {
  width: 100%;
  position: relative;
  display: flex;
  padding: 10px 0px 10px 0px;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li span.quiz-item span.quiz-title, 
.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li span.chapter-item span.chapter-title {
  display: inline-block;
  width: 96%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li span.quiz-item.completed span.quiz-title {
  color: #ffffff;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li span.quiz-item span.verrou, 
.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li span.chapter-item span.verrou {
  display: inline-block;
  margin: 0px 0px 0px auto;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li span.quiz-item.uncompleted span.with-tooltip {
  width: 100%;
  position: relative;
  display: flex;
  padding: 10px 0px 10px 0px;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li span.quiz-item.uncompleted span.with-tooltip span.quiz-title {
  display: inline-block;
  width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.page-lms-chapter_view #content .course-layout aside .chapter-sidebar ul.chapters-groups ul.chapters-list li span.quiz-item.uncompleted span.with-tooltip span.verrou {
  display: inline-block;
  margin: 0px 0px 0px auto;
}

.page-lms-chapter_view #content .course-layout aside .drive-chapter {
  max-width: 250px;
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  display: flex;
  align-content: flex-start;
  justify-content: center;
  padding: 0px 5px;
  box-shadow: 2px 2px 3px #0C2F55;
}

.page-lms-chapter_view #content .course-layout aside .drive-chapter .next-chapter-button, 
.page-lms-chapter_view #content .course-layout aside .drive-chapter .prev-chapter-button {
  /*display: inline-block;
  max-width: 45%;
  width: 45%;*/
  height: 20px;
  margin-top: 5px;
}

.page-lms-chapter_view #content .course-layout aside .drive-chapter .prev-chapter-button {
  background: url(../images/fleche-gauche-orange.png) no-repeat top left;
  background-size: contain;
  margin-right: auto;
}

.page-lms-chapter_view #content .course-layout aside .drive-chapter .next-chapter-button {
  background: url(../images/fleche-droite-orange.png) no-repeat top right;
  background-size: contain;
  margin-left: auto;
}

.page-lms-chapter_view #content .course-layout aside .drive-chapter .next-chapter-button a, 
.page-lms-chapter_view #content .course-layout aside .drive-chapter .prev-chapter-button a {
  font-size: 0px;
  text-decoration: none;
  display: block;
}

.page-lms-chapter_view #content .course-layout aside .drive-chapter .next-chapter-button a::after {
  content: "Suivant";
  font-size: 15px;
  padding-right: 20px;
  color: #ea8722;
}

.page-lms-chapter_view #content .course-layout aside .drive-chapter .next-chapter-button a.locked::after {
  color: #A4A4A4;
}

.page-lms-chapter_view #content .course-layout aside .drive-chapter .prev-chapter-button a::before {
  content: "Précédent";
  font-size: 15px;
  padding-left: 20px;
  vertical-align: middle;
  color: #ea8722;
}

.page-lms-chapter_view #content .course-layout aside .drive-chapter .next-chapter-button:hover a::after, 
.page-lms-chapter_view #content .course-layout aside .drive-chapter .prev-chapter-button:hover a::before {
  text-decoration: underline;
}

.page-lms-chapter_view #content .course-layout aside .drive-chapter .next-chapter-button:hover a.locked::after {
  text-decoration: none;
}

.page-lms-chapter_view #content .course-layout #cours-container, 
.page-lms-chapter_view #content .course-layout #open_quiz {
  padding: 0px;
  order: 2;
}

.page-lms-chapter_view #content .course-layout #cours-container .chapter-video video {
  border-radius: 15px;
}

.page-lms-chapter_view #content .course-layout #cours-container h1 {
  font-family: Verdana, Geneva, sans-serif;
  color: #0C2F55;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}

.page-lms-chapter_view #content .course-layout #cours-container .chapter-video {
  
}

.page-lms-chapter_view #content .course-layout #cours-container .chapter-content {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
}

.page-lms-chapter_view #content .course-layout #cours-container .chapter-content p {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
}

.page-lms-chapter_view #content .course-layout #cours-container h2 {
  font-family: Verdana, Geneva, sans-serif;
  color: #0C2F55;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}

.page-lms-chapter_view #content .course-layout #cours-container .chapter-docs {
  
}

.page-lms-chapter_view #content .course-layout #cours-container .chapter-docs .chapter-doc-item {
  display: inline-block;
}

.page-lms-chapter_view #content .course-layout #cours-container .chapter-docs .chapter-doc-item::before {
  content: "";
  display: inline-block;
  background: url(../images/telechargement-orange.png) no-repeat top center;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  vertical-align: middle;
}

.page-lms-chapter_view #content .course-layout #cours-container .chapter-docs .chapter-doc-item a {
  color: #EA8722;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.page-lms-chapter_view #content .course-layout #cours-container .chapter-docs:hover .chapter-doc-item a {
  color: #EA8722;
  text-decoration: underline;
}

/*----------------------- PAGE QUIZ */

.page-lms-chapter_view #content .course-wrapper {
  min-height: 500px;
}

.page-lms-chapter_view #content .course-wrapper .course-finished {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  width: 78%;
  padding: 10px 0px 10px 0px;
  color: #1e7e34;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin-left: auto;
  box-shadow: 2px 2px 3px #0C2F55;
}

.page-lms-chapter_view #content .course-wrapper .course-finished p {
  margin-left: auto;
  margin-right: auto;
  min-width: 310px;
  max-width: 915px;
}

.page-lms-chapter_view #content .course-wrapper .course-finished p a {
  color: #ea8722;
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container  {
  
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container button  {
  border-radius: 5px;
  padding: 0px 10px 2px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container button:hover  {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz  {
  
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz h2  {
  font-family: Verdana, Geneva, sans-serif;
  color: #0C2F55;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz p, 
.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz fieldset, 
.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .form-item label {
  color: #0C2F55;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz fieldset,
.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .js-form-type-textfield {
  padding-bottom: 20px;
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz fieldset input {
  display: inline-block !important;
  width: auto !important;
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .form-item label {
  display: inline-block;
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .form-item input {
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  border: 1px solid #808080;
  display: inline-block;
  width: auto;
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .form-item input:focus {
  border: 2px solid #EA8722;
  outline: none;
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz #edit-actions  {
  
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .form-actions input[value="Enregistrer le brouilon"], 
.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .form-actions input[value="Suivant >"], 
.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .form-actions input[value="< Précédent"], 
.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .form-actions input[value="Valider ma saisie"] {
  border-radius: 5px;
  border:  0px solid;
  padding: 0px 10px 2px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
  margin-right: 20px;
  cursor: pointer;
}

.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .form-actions input[value="Enregistrer le brouilon"]:hover, 
.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .form-actions input[value="Suivant >"]:hover, 
.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .form-actions input[value="< Précédent"]:hover,
.page-lms-chapter_view #content .course-layout .chapter-quiz-container .chapter-quiz .form-actions input[value="Valider ma saisie"]:hover {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
  cursor: pointer;
}

/*---------- POPUP EVALUATIONS GENERALES ----------*/

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .webform-progress ul li .progress-marker {
  color: #fff;
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .webform-progress ul li.is-active .progress-marker::before {
  background-color: rgb(12, 47, 85);
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .webform-progress ul li .progress-marker::before {
  background-color: rgb(234, 135, 34);
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .webform-progress ul li .progress-marker::after {
  background-color: rgb(234, 135, 34);
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .webform-progress ul li.progress-step.is-active .progress-text {
  color: rgb(12, 47, 85);
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .webform-progress ul li.progress-step .progress-text {
  color: rgb(234, 135, 34);
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .webform-required {
  display: none;
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper fieldset .fieldset-wrapper .form-checkboxes .form-item:hover input, 
.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper fieldset .fieldset-wrapper .form-checkboxes .form-item:hover label {
  cursor: pointer;
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper fieldset .fieldset-wrapper .form-checkboxes .form-item input {
  accent-color: rgb(234, 135, 34);
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper .webform-type-radios legend {
  display: inline-block;
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper .webform-type-radios .fieldset-wrapper {
  display: inline-block;
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper .webform-type-radios .fieldset-wrapper .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-item input[type="radio"]:checked + label {
  color: rgb(234, 135, 34);
  background-color: #ffffff;
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper .webform-type-radios .fieldset-wrapper .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-item label {
  border-radius: 5px;
  border: 0px solid;
  padding: 0px 10px 2px 10px;
  box-shadow: 2px 2px 3px #000000;
  font-family: Montserrat;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgb(234, 135, 34);
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper .webform-type-radios .fieldset-wrapper .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-item label:hover {
  cursor: pointer;
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper .js-form-type-textfield {
  padding-bottom: 20px;
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper .js-form-type-textfield label {
  
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper .js-form-type-textfield input {
  color: #808080;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  border: 1px solid #808080;
  display: block;
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper .js-form-type-textfield input:focus {
  outline: none;
  border: 2px solid #ea8722;
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper .js-form-type-select {
  padding-bottom: 20px;
}

.page-lms-chapter_view .webform-ajax-form-wrapper .webform-submission-form .form-wrapper .js-form-type-select select {
  display: block;
}