/*======================= PAGE: VOUS ÊTES UN PROFESSIONNEL=============================*/
.main-vous-etes-un-professionnel {
  margin: 80px 0 0;
  flex: 1;
  overflow-x: hidden;
  min-height: calc(100vh - 70px);
}
.inscription_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 99%;
  padding: 0 12px;
  order: 1;
}
.description .titre {
  width: 100%;
  text-align: center;
 padding: 0 0 8px;
}
.description .titre h2 {
  font-size: .9rem;
  font-family: 'Glacial Bold';
  font-weight: 100;  
  padding: 0 ;
}
.description .raison {
  padding: 0;
}
.description .raison span.exergue-inscription {
  font-family: 'Glacial Bold';
  font-weight: 100;
   font-size: 1.1rem;
}
.description .raison ul {
  list-style: none;
}

.description .raison ul li {
  position: relative; 
  text-decoration: none;
  color: var(--color-noir);
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: justify;
  margin-top: 6px;
  padding: 0 0 0 42px;
}
.description .raison ul li strong {
  font-family: 'Glacial Bold';
  font-weight: 100;
  padding: 0 8px;
}
strong {
  font-family: 'Glacial Bold';
  font-weight: 100;
  padding: 0;
}
.description .raison ul li::before {	
  position: absolute;
	left: 2px;
	top: 0px;	
	width: 14px;
	content: '';
	background-image: url('https://dev-rdvbati.aquicod.fr/wp-content/uploads/2023/10/accepter.jpg');
	height: 15px;
	background-size: cover; 
	background-repeat: no-repeat;
}
.description .raison ul li img {
  width: 17px;
  margin: 0 8px 0 0;
}
.description .picto-plate-forme {
  margin: 25px;
  width: calc(100% - 50px);
}
.description .picto-plate-forme img {
  width: 100%;
}
.formulaire-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 97%;
  margin: 20px 0 0 0px;
  padding: 4px 8px 12px;
  border: 4px solid var(--color-gris-bordure);    
  border-radius: 12px;
  order: 2;
}
.formulaire-container .titre {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  margin-top: -38px;
}
.formulaire-container .titre small { 
  margin: 8px auto;   
  font-size: 1.2rem;
  color: gray;
  text-align: center;
}
.formulaire-container .titre h1 {
  padding: 15px 12px;
  font-size: 1.2rem;
  text-align: center;
  background-color: var(--color-gris-bordure);
  font-family: 'Glacial Bold';
  font-weight: 100;
}
.obligatoire {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 0;
}
.obligatoire h6 {
  font-size: 15px;
  font-family: 'Glacial Regular';
}
.obligatoire .exergue-obligatoire {
  color: red;
  font-size: 14px;
}
form#formsinscrire,
form#formulaire-se-connecter {
  background-color: rgb(244, 244, 244);
  padding: 12px 8px 8px;
  border-radius: 12px;
  width: 99%;
}
form#formulaire-se-connecter {
  position: relative;
  padding: 0 12px 5px;
}
form#formulaire-se-connecter .message-erreur-connecter {
   width: 100%;   
   text-align: center;  
   height: 100%; 
   padding: 0;
   margin-top: 4px;
}
form#formulaire-se-connecter .message-erreur-connecter span {
  display: inline-block;
  width: 100%;   
  font-family: 'Glacial Regular';
  font-size: .9rem;
  color: red;  
  padding: 4px 2px 8px;
}
.form-column {
  width: 100%; 
  margin: 0 10px;
   
  display: flex ;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 43px;

}
.form-erreur {
  color: red;
   font-size: 14px;
}
.ou {
  font-family: 'Glacial Bold';
  font-weight: 100;
  margin: 8px 0;
}
.ou h4 {
  font-size: 1.2rem;
}
.form-inline {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 100%;
}
.form-col {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
input[type="text"],input[type="email"],input[type="password"],select {
  border: 2px solid var(--color-gris-bordure);
  background-color: var(--color-gris-bordure);
  border-radius: 8px;
  height: 35px;
  padding-left: 8px;
  width: 100%;
  color: var(--color-gris-soutenu);  
  font-size: 1.2rem;
  margin-right: 4px;
  margin-bottom: 4px;
}

input[type="text"].focus-input,
input[type="email"].focus-input,
input[type="password"].focus-input,
select.focus-input {
  border: 2px solid var(--color-obligatoire);
  background-color: #e97e78;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus {
  border: 2px solid var(--color-jaune) ;
}

::placeholder {
  color: var(--color-gris-soutenu);
  font-size: 1.2rem;
}
select {
  color: var(--color-gris-soutenu);
}
option:checked{
  color: red;
}
label {  
  font-size: 1.5rem;
}
label.mdp-oeil,
label.mdp-oeil-2 {
  position: relative;
  width: 100%;
  margin: 2px 0;
  height: 40px;
}
label.mdp-oeil input[type="password"],
label.mdp-oeil input[type="text"],
label.mdp-oeil-2 input[type="password"],
label.mdp-oeil-2 input[type="text"] { 
  padding: 1rem .5rem;
  width: 100% !important;
  height: 35px !important;
}
label.mdp-oeil input:focus,
label.mdp-oeil-2 input:focus,
input[type="email"]:focus,
input[type="text"]:focus {
  border-color: #ffd447;
}
label.mdp-oeil input[type="text"]{
   margin-top: 0;
}
label.mdp-oeil .password-icon,
label.mdp-oeil-2 .password-icon {
  display: flex;
  align-items: center;  
  position: absolute;
  top: 68%;
  right: 10px;
  transform: translateY(-58%);
  width: 20px;
  
  transition: all 0.2s;
  height: 35px;
  cursor: pointer;
}
label.mdp-oeil .password-icon {
  top: 52%;  
}
label.mdp-oeil .password-icon:hover,
label.mdp-oeil-2 .password-icon:hover {
  cursor: pointer;
  color: #ff4754;
}
label.mdp-oeil .password-icon .feather-eye-off,
label.mdp-oeil-2 .password-icon .feather-eye-off,
label.mdp-oeil .password-icon .feather-eye-off1,
label.mdp-oeil-2 .password-icon .feather-eye-off1,
label.mdp-oeil .password-icon .feather-eye-off2,
label.mdp-oeil-2 .password-icon .feather-eye-off2 {
  display: none;
}
.s-inscrire,
.se-connecter {
    margin: 0 auto;
    text-align: center;
  }
  .btn {
    padding: 0;
    margin: 0;
  }
button.btn-submit { 
  padding: 6px 0;
  font-family: 'Glacial Bold';
  font-weight: 100;
  font-size: 1.2rem;
  margin: 12px 0;
  border: none;
  cursor: pointer;
  width: 100%; 
}
.cadre-se-connecter .form-inline {
  flex-direction: row;  
  padding: 0;
  width: 100%;
}
.cadre-se-connecter .form-inline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
 }
 .cadre-se-connecter .form-inline label {
  font-size: .9rem;
  margin-left: 15px;  
  word-break: break-word;
 }
 .cadre-se-connecter .form-inline a {
  font-size: .9rem;
  margin-left: 0;  
  text-decoration: underline;
  color: var(--color-noir);
 }
 .cadre-se-connecter .form-inline a.mot-pass-oublie {
   padding-left: 3px;
 }
button#btn-se-connecter {
  border: 2px solid var(--color-noir);
  background-color: var(--color-noir);
  border-radius: 8px;
  color: var(--color-blanc);
  cursor: pointer;
}
button#btn-sinscrire {
  border: 2px solid var(--color-jaune);
  background-color: var(--color-jaune);
  border-radius: 8px;
  color: var(--color-noir);
  width: 100%;
  cursor: pointer;
}
@media screen and (min-width: 300px) {
  .formulaire-container .titre h1 {
    padding: 8px 12px;
    font-size: .9rem;    
  }
  .formulaire-container .titre small {
    margin: 8px auto;
    font-size: 1rem;
    
  }
}
@media screen and (min-width: 350px) {
  .formulaire-container .titre h1 {
    padding: 8px 8px;
    font-size: 1.1rem;   
  }
  .formulaire-container .titre small {
    margin: 8px auto;
    font-size: 1.1rem;    
  }
}
@media screen and (min-width: 400px) {
  .formulaire-container .titre h1 {   
    font-size: 1.2rem;   
  }
  .formulaire-container .titre small {
    margin: 8px auto;
    font-size: 1.2rem;    
  }
}
@media screen and (min-width: 576px) {
   .description {
    padding: 80px 0 0 50px;
  }

  .formulaire-container {
    margin: 30px 0 50px;
  }

  .formulaire-container .titre small {
    display: block;
    margin: 5px 0;
  }

  .obligatoire h6 {
    font-size: 12px;
  }

  form#formulaire-s-inscrire,
  form#formulaire-se-connecter {
    width: 97%;
  }

  .ou {
    margin: 0 0 50px;
  }

  .form-inline {
    flex-direction: row;    
  } 
}
@media screen and (min-width: 300px) {
  .description .raison ul li {
    font-size: .9rem;
    margin-top: 6px;
    padding: 0 0 0 25px;
  }
}
@media screen and (min-width: 350px) {
  .description .titre h2 {
    font-size: 1.12rem;   
  }
  .description .raison ul li {
    font-size: 1.12rem;
    margin-top: 6px;
    padding: 0 0 0 30px;
  }
  .description .raison ul li::before {
    left: 2px;
    top: 3px;
    width: 18px;
    height: 19px;   
  }
}
@media screen and (min-width: 768px) {
  .formulaire-container .titre h1 {
    padding: 8px 12px;
    font-size: 1.6rem;
  }
  .cadre-se-connecter .form-inline a.mot-pass-oublie {
    padding-left: 12px;
    text-decoration: underline;
  }
  .description {
    padding: 40px 40px 0 40px;   
  }
  .description .titre {
    width: 100%;
    text-align: left;
  }
  .formulaire-container .titre {
    padding: 12px 0;
    margin-top: -55px;
  }
  .description .titre h2 {
    font-size: 1.6rem;   
  }
  .formulaire-container {
      margin: 30px 0 50px;
  }

  .formulaire-container .titre {
    padding: 25px 0 12px;
  }

  .formulaire-container .titre small {
    display: block;
    margin: 5px 0; 
  }

  .description .raison ul li {
    font-size: 1.3rem;
    line-height: 1.2;
  }
  .obligatoire h6 {
    font-size: 1.2rem;   
  }

  form#formulaire-s-inscrire,
  form#formulaire-se-connecter {
    width: 97%;
  }

  .ou {
    margin: 0;
  }

  .form-inline {   
    flex-direction: row; 
  }  
  .form-column {
    width: 100%;
    margin: 0 4px;   
    height: 45px;
  }
}
@media screen and (min-width: 1024px) {
  .formulaire-container .titre h1 {
    padding: 8px 25px;
    font-size: 1.6rem;   
  }
  .description {
    padding: 40px 80px 0 40px;
  }
  .description .titre h2 {
    font-size: 1.8rem;   
  }
  .description .titre h2 { 
    padding: 0 0px 0 0 ;
  }

}
@media screen and (min-width: 1200px) {
  .description .picto-plate-forme {
    margin-top: 50px;
  }
  .description .picto-plate-forme img {
    width: 660px;
  }
  .formulaire-container .titre h1 {
    padding: 8px 12px;
    font-size: 1.2rem;
  }
  .ou h4 {
    font-size: 1.6rem;
  }
  .inscription_content {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 50px;
  }
  .description {  
    width: 65%;
    padding: 15px 50px;
    order: 1;
  }
  .description .raison {
    padding: 8px 0 0;
  }
  .description .raison ul li {
    font-size: 1.3rem;
    line-height: 1.8;
    margin-top: 12px;
    padding: 0 0 0 50px;
  }
  .description .titre h2 {
    font-size: 1.5rem;
  }

  .formulaire-container {
    width: 35%;
    margin: 30px 20px;
    order: 2;
  }

  .formulaire-container .titre {
    padding: 8px 0;
    margin-top: -34px;
  }

  .formulaire-container .titre small {
    display: block;
    margin: 5px 0;
    }
 
  .obligatoire {
     padding: 0 0 8px;
  }

  .obligatoire h6 {
    font-size: 18px;    
  }  
  form#formsinscrire {      
    width: 99%;
  }

  form#formulaire-se-connecter {
    width: 99%;
  }

  .ou {
    margin: 0 0 0px;
  }
  button.btn-submit {
    font-size: 1.4rem;       
  }
  form#formulaire-se-connecter {   
    padding: 0 12px 8px;
  }
}
@media screen and (min-width: 1380px) {
  .description .raison ul li {
    font-size: 1.4rem;
    line-height: 1.8;
    margin-top: 12px;
    padding: 0 0 0 50px; 
  }
  .description .raison span.exergue-inscription {   
    font-size: 1.5rem;
    padding: 0 8px;
  }
  .description .titre h2 {  
    padding: 0 20px 0 0 ;
    font-size: 1.6rem;
  } 
  .description .picto-plate-forme {
    margin-top: 50px;
  }

  .formulaire-container .titre {
    padding: 12px 0;
    margin-top: -52px;
  }
  .formulaire-container .titre h1 {    
    font-size: 1.4rem;
  }
  .description .picto-plate-forme img {
    width: 690px;
  }
  .formulaire-container .titre h4 {
    padding: 15px 25px;
    font-size: 1.8rem;
    text-align: center;
    background-color: var(--color-jaune);
  }
  .ou h4 {
    font-size: 1.8rem;
  }
  .inscription_content {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;   
  }
  .description {   
    width: 62%;
    padding: 20px 25px 0;
    order: 1;
  }
  .formulaire-container {
    width: 35%;
    margin: 30px 25px 50px;
    order: 2;
  }
  .formulaire-container .titre {
    padding: 25px 0;
  }
  .formulaire-container .titre small {
    display: block;
    margin: 5px 0;
  } 
  .obligatoire {
     padding: 10px 0 12px;
  }
  .obligatoire h6 {
    font-size: 18px;    
  }  
  form#formulaire-s-inscrire {  
    padding: 25px 25px 25px; 
    width: 87%;
  }
  form#formsinscrire {
    padding: 8px 12px 8px;
    width: 99%;
  }
  form#formulaire-se-connecter {
    width: 99%;
  }
  .ou {
    margin: 0 0 0px;
  }
} 
@media screen and (min-width: 1600px) {
  .description .raison ul li {
    font-size: 1.4rem;
    line-height: 1.2;
    margin-top: 12px;
    padding: 0 0 0 0px;  
  }
  .description .raison ul li {
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 12px 0 15px 50px;    
    text-align: left; 
    position: relative;
  }
  

  .description .raison ul li strong {
    font-family: 'Glacial Bold';
    font-weight: 100; 
    padding: 0 8px;
  }
  .description .raison ul li::before {    
    left: -52px;
    top: 4px;
  }
  .description .raison span.exergue-inscription {   
    font-size: 1.5rem;
    padding: 0 8px;
  }
  .description .titre h2 {  
    padding: 0 20px 0 0 ;
    font-size: 1.8rem;
  } 
  .description .picto-plate-forme {
    margin-top: 50px;
  }

  .formulaire-container .titre h1 {    
    font-size: 1.6rem;
  }
  .description .picto-plate-forme img {
    width: 700px;
  }
  .formulaire-container .titre h4 {
    padding: 15px 25px;
    font-size: 1.8rem;
    text-align: center;
    background-color: var(--color-jaune);
  }
  .ou h4 {
    font-size: 1.8rem;
  }
  .inscription_content {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;   
  }
  .description {   
    width: 65%;
    padding: 50px 50px 0;
    order: 1;
    align-items: flex-start;
  }
  .formulaire-container {
    width: 30%;
    padding: 0 0 25px;
    margin: 50px 10px;
    order: 2;
 
  }
  .formulaire-container .titre {
    margin-top: -50px;
    padding: 25px 0 12px;
  }
  .formulaire-container .titre small {
    display: block;
    margin: 5px 0;
  } 
  .obligatoire {
     padding: 10px 0 15px;
  }
  .obligatoire h6 {
    font-size: 18px;    
  }  
  form#formulaire-s-inscrire {  
    padding: 25px 25px 25px; 
    width: 87%;
  }
  form#formsinscrire {
    padding: 25px 25px 25px;
    width: 90%;
  }
  form#formulaire-se-connecter {
    width: 90%;
  }
  .ou {
    margin: 0 0 0px;
  }
} 
  /* Six fonctionnalités */

  .main-vous-etes-un-professionnel .six-fonctionnalites {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Glacial Regular';  
    background-color: rgb(245, 245, 245);
    padding-top: 20px;
  }  
  .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards {
    display: flex;
    flex-direction: row;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0px 10px 20px;
    align-items: center;
  }  
  .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .card-ind {
    flex: 0 1 calc(100% - .2em);
    margin: 8px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 12px;    
    background-color: rgb(255, 255, 255);
    height: 100%;
    border-radius: 12px;
  }
    .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .card-ind img{
     width: 48px;
     height: auto;
     margin: 0;
     margin-bottom: 10px;
    }
  
  .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .card-ind h3 {
    font-size: 1.2rem; 
    font-family: 'Glacial Bold';
    font-weight: 100;
    padding: 0 10px;
    text-align: center;
  }
  .main-vous-etes-un-professionnel .six-fonctionnalites .titre-fonct {
    margin: 10px 5px;
    text-align: center;
  }
  .main-vous-etes-un-professionnel .six-fonctionnalites .titre-fonct h2 {
    font-size: 1.2rem;  
    font-family: 'Glacial Bold';
    font-weight: 100;
  }  
  .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .fonct-content {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 1 0 auto;
    margin: 8px 0;
    text-align: justify;
    font-size: 1.1rem;
  }  
@media (min-width: 768px) {
  .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .card-ind {
    flex: 0 1 calc(44% - .2em);
    margin: .8em 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 12px;    
    background-color: rgb(255, 255, 255);
    height: 100%;
  }
  .main-vous-etes-un-professionnel .six-fonctionnalites .titre-fonct {
    margin: 20px 12px;
  }
  .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards {
    margin: 20px 25pxpx;  
    }
    .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .card-ind {
      padding: 30px;
  }
}
@media (min-width: 800px) {
 
  .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .card-ind {
    height: 100%;
  }
}
@media (min-width: 1024px) {
.main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards {
  margin: 20px 5px;
}
.main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .card-ind {
  flex: 0 1 calc(30% - .2em);
  margin: 1rem 0;
  padding: 20px;
  border-radius: 12px;
  
  
}

.main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .card-ind h3 {
  font-size: 1.2rem; 
  padding: 0;

}
.main-vous-etes-un-professionnel .six-fonctionnalites .titre-fonct {
  margin: 20px 0 0;
  text-align: center;
}

.main-vous-etes-un-professionnel .six-fonctionnalites .titre-fonct h2 {
  font-size: 1.8rem;  
}

.main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .fonct-content {
  margin: 20px 0;
  font-size: 1rem;
}
}
@media (min-width: 1366px) {  
  .main-vous-etes-un-professionnel .six-fonctionnalites {   
    margin-top: 0px;
  }
}
@media (min-width: 1380px) {  
  .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards {
     margin: 25px 50px;
  }
  
  .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .card-ind {
    /* height: 325px;  */
  }
  
  .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .card-ind h3 {
    font-size: 1.4rem; 
    padding: 0 12px;
  }
  .main-vous-etes-un-professionnel .six-fonctionnalites .titre-fonct {
    margin: 12px 0;

  }

  .main-vous-etes-un-professionnel .six-fonctionnalites .titre-fonct h2 {
    font-size: 2.2rem;  
  }
  
  .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .fonct-content {
    font-size: 1.1rem;
  }
  
}
@media (min-width: 1600px) {
  .main-vous-etes-un-professionnel .six-fonctionnalites .fonct-cards .card-ind {
    flex: 0 1 calc(32% - .8em);   
    border-radius: 12px;
  }
  form#formsinscrire {
    padding: 25px 25px 0px;
    width: 93%;
  }
  form#formulaire-se-connecter {
    width: 93%;
  }
}
@media (min-width: 1900px) {
  .main-vous-etes-un-professionnel .six-fonctionnalites .titre-fonct h2 {
    font-size: 1.8rem;
  }
}
/* section video */

.main-vous-etes-un-professionnel .video-pro video {
  width: 100%;
  height:auto;
}
.main-vous-etes-un-professionnel .video-pro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width:100%;
  background-color: rgb(245, 245, 245);
  padding: 25px;
}
.main-vous-etes-un-professionnel .video-pro .titre-video {
  font-family: 'Glacial Bold';
  font-weight: 100;
  margin: 25px 0;
  text-align: center;
}
.main-vous-etes-un-professionnel .video-pro .titre-video h2 {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
.main-vous-etes-un-professionnel .video-pro .titre-video h2 {
	font-size: 1.6rem;
}

.main-vous-etes-un-professionnel .container-profiter p {
	font-size: 1.2rem;
}
}
@media (min-width: 1024px) {

  .main-vous-etes-un-professionnel .video-pro .titre-video {
    font-size: 1.8rem;
    font-family: 'Glacial Bold';
    font-weight: 100;
    margin: 25px 0;
  }
  .main-vous-etes-un-professionnel .video-pro .titre-video h2 {
    font-size: 1.8rem;
  }
  .main-vous-etes-un-professionnel .video-pro video {
    width:  520px;
    height: auto;
  }
}
@media (min-width: 1380px) {

.main-vous-etes-un-professionnel .video-pro { 
    padding: 0 0 70px;
  }
  .main-vous-etes-un-professionnel .video-pro video {
    width:  800px;
    height: auto;
  }
.main-vous-etes-un-professionnel .video-pro .titre-video {
  font-size: 1.8rem;
  font-family: 'Glacial Bold';
  font-weight: 100;
  margin: 30px 0;
}

.main-vous-etes-un-professionnel .video-pro .titre-video h2 {
  font-size: 1.8rem;
  font-family: 'Glacial Bold';
  font-weight: 100;
}
}
  /* fin section video */

/* profitez */

.main-vous-etes-un-professionnel .container-profiter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width:100%;
  background-color: rgb(255, 255, 255);
  margin: 25px 0;
}
.main-vous-etes-un-professionnel .profitez {
  display: flex;  
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: rgb(255, 255, 255);
  margin: 0;
}
.main-vous-etes-un-professionnel .container-profiter p {
  font-family: 'Glacial Bold';
  font-weight: 100; 
  font-size: 1.2rem;
  text-align: center;
  padding: 0 8px;
}
.main-vous-etes-un-professionnel .media-profitez {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}
.main-vous-etes-un-professionnel .media-profitez img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;  
  margin: 0;
}
.main-vous-etes-un-professionnel .profitez .footer-profitez {
  margin: 10px 0;
}
.main-vous-etes-un-professionnel .profitez .footer-profitez p {
  font-size: 1.2rem;
  font-family: 'Glacial Regular';
}
.main-vous-etes-un-professionnel .container-profiter .offre {
  display: flex;  
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 97%;
  background-color: rgb(255, 255, 255);
  margin: 0;
}
.main-vous-etes-un-professionnel .container-profiter .offre ul {
}
.main-vous-etes-un-professionnel .container-profiter .offre ul li {
  display: flex;  
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;    
  margin: 4px 0;
  font-family: 'Glacial regular';
  font-size: 1rem;
}
.main-vous-etes-un-professionnel .container-profiter .offre ul li::before {  
    content:'';
    background:  url('../imgs/accepter.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-size: contain;
}
.main-vous-etes-un-professionnel .container-profiter .offre ul li img {
}

@media (min-width: 768px) {  
  .main-vous-etes-un-professionnel .container-profiter {
    flex-direction: column;
    width:100%;
    margin: 50px 0;
  }
  .main-vous-etes-un-professionnel .container-profiter p {
    font-size: 1.4rem;   
  }
  .main-vous-etes-un-professionnel .profitez {
    flex-direction: row;
    justify-content: space-around;
    width: 90%;
    margin: 0;
  }
  .main-vous-etes-un-professionnel .profitez p:nth-child(1) {
    font-size: 1.6rem;
  }
  .main-vous-etes-un-professionnel .profitez p:nth-child(2) {
    font-size: 1.4rem;   
  }
  .main-vous-etes-un-professionnel .profitez .footer-profitez p {
    font-size: 1.4rem;
  }
  }
@media (min-width: 1024px) {
  .main-vous-etes-un-professionnel .container-profiter p {
    font-size: 1.6rem;   
  }
.main-vous-etes-un-professionnel .profitez p:nth-child(1) {
  font-size: 1.8rem;
 }
}
@media (min-width: 1380px) {
  .main-vous-etes-un-professionnel .container-profiter p {
    font-size: 1.8rem;   
  }
  .main-vous-etes-un-professionnel .profitez p:nth-child(1) {
    font-size: 2.2rem;
  }

  .main-vous-etes-un-professionnel .profitez p:nth-child(2) {
    font-size: 1.8rem;
  }
  .main-vous-etes-un-professionnel .profitez .footer-profitez p {
    font-size: 1.5rem;
    font-family: 'Glacial Regular';
  }

  .main-vous-etes-un-professionnel .profitez .footer-profitez {
    margin: 50px 0 10px;
  }
  .main-vous-etes-un-professionnel .media-profitez {   
    margin: 50px 0 0;
  }
  .main-vous-etes-un-professionnel .container-profiter .offre {
    display: flex;  
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40%;
    background-color: rgb(255, 255, 255);
    margin: 0;
  }
  .main-vous-etes-un-professionnel .container-profiter .offre ul {
  }
  .main-vous-etes-un-professionnel .container-profiter .offre ul li {
    display: flex;  
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;    
    margin: 4px 0;
    font-family: 'Glacial regular';
    font-size: 1.4rem;
  }
  .main-vous-etes-un-professionnel .container-profiter .offre ul li::before {
    
      content: url('../imgs/accepter.png');
      display: inline-block;
      width: 26px;
      height: 26px;
      margin-right: 8px;
  
  }
  .main-vous-etes-un-professionnel .container-profiter .offre ul li img {
  }
}
@media (min-width: 1900px) {
  .main-vous-etes-un-professionnel .profitez p:nth-child(1) {
    font-size: 1.8rem;
  }
}
/* fin section profitez */
/* debut section securité */

.main-vous-etes-un-professionnel .securite {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width:100%;
  background-color: rgb(0, 0, 0);
  margin: 20px 0;
  padding: 50px 10px;
}
.main-vous-etes-un-professionnel .securite .securite-content  {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.main-vous-etes-un-professionnel .securite .media-securite  {
  margin: 0 100px;
}
.main-vous-etes-un-professionnel .securite .media-securite img {
  width: 80px;
  height: auto;
  margin-bottom: 20px;
}
.main-vous-etes-un-professionnel .securite p {
  color: rgb(255, 255, 255);
  font-size: 1.2rem;
  font-family: 'Glacial Regular';
  padding: 0 10px;
}
@media (min-width: 768px) {
  .main-vous-etes-un-professionnel .securite .media-securite {
    margin: 0 25px;
  }
  .main-vous-etes-un-professionnel .securite {
    flex-direction: row;
    padding: 50px 40px;
  }
  .main-vous-etes-un-professionnel .securite p {
    font-size: 1.6rem;   
  }
.main-vous-etes-un-professionnel .securite .media-securite img {
  width: 128px;
  height: auto;
  margin: 0;
}
}
@media (min-width: 1024px) {
.main-vous-etes-un-professionnel .securite p {
	font-size: 1.8rem;
	padding: 0 10px;
}
}
@media (min-width: 1200px) {
.main-vous-etes-un-professionnel .securite p {
	font-size: 1.8rem;
	padding: 0 10px;
}

}
@media (min-width: 1380px) {
  .main-vous-etes-un-professionnel .securite {
    flex-direction: row;
    margin: 50px 0;
    padding: 50px;
  }
  .main-vous-etes-un-professionnel .securite p {
    font-size: 2.2rem;
    padding: 0 100px;
  }
  
}
/* fin section sécurité */


/* debut section avantage-entrepreneur-ind */
/* tab independant */
:root {
--container-desktop-height: 600px;

--container-tel-width: 1170px ;
--container-tel-height: 546px ;

--card-width-desktop: 350px;
--card-height-desktop: 600px;

--card-fixe-width-tel: 55px;
--card-fixe-height-tel: 1700px;

--card-width-tel: 180px;
--card-height-tel: 1700px;

 --color-border: #fff ;
 --color-blanc: #fff;
 --color-jaune1: #ffd500;
 --color-jaune2: #ffe366;
 --color-jaune3: #fffcb6;

 --color-gris1: #e7e7e7;
 --color-gris2: #d8d5da;
 --color-gris3: #b4b5b5;
}

.jaune1 {
  background-color: var(--color-jaune1);
}

.jaune2 {
  background-color: var(--color-jaune2);
}

.jaune3 {
  background-color: var(--color-jaune3);
}

.gris1 {
  background-color: var(--color-gris1);
}

.gris2 {
  background-color: var(--color-gris2);
}

.gris3 {
  background-color: var(--color-gris3);
}

/**/
.tableau {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch; 
}
.container-tableau {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: var(--container-tel-height);
  margin: 0;
  border: 4px solid var(--color-gris-clair);
  border-radius: 12px;  
  overflow: hidden;  
}
.cards-tableau {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  /* padding-top: 10px; */
  
}
.cards-tableau .card-tableau {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start; 
  flex: 0 0 var(--card-width-tel);
  height: var(--card-height-tel);
  border: 2px solid var(--color-border);
  border-top: 15px solid var(--color-border);
}
.card-tableau {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 0 0 var(--card-width-tel);
  height: var(--card-height-tel);
  border: 2px solid var(--color-border);
  border-top: 15px solid var(--color-border);
}
.fixe .content-tableau {  
  width: 100%;
  font-family: 'Glacial Bold';
  font-weight: 100;
}
.fixe {
  flex: 0 0 var(--card-fixe-width-tel);
}
.fixe .vide {
  color: var(--color-blanc);
}
.particulier {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 130px;
  border-bottom: 5px solid var(--color-border);
  font-family: 'Glacial Bold';
  font-weight: 100;
  position: relative;
}

.particulier h3 {
  font-size: 1rem;
  font-family: 'Glacial Bold';
  font-weight: 100;
  text-align: center;
}

.fixe .content-tableau .rang {  
  height: 200px;
  display: flex;
  align-items: center; 
  width: 100%;
  border-bottom: 2px solid var(--color-blanc);
}

.fixe .content-tableau .rang img{
  width: 64px;
  height: auto;
}

.flex{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

.fixe .content-tableau .rang h3 {  
  width: 100%;
  font-size: 1rem;
  text-align: center;
  font-family: 'Glacial regular';
}

.content-tableau .rang h3 {
  font-size: 0.8rem;
}

.content-tableau .rang p {
  font-size: 0.8rem;
  font-family: 'Glacial Regular';
}

.cards-tableau .card-tableau .header-tableau { 
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 130px;
  border-bottom: 5px solid var(--color-border);
  font-family: 'Glacial Bold';
  font-weight: 100;
  position: relative;  
}

.cards-tableau .card-tableau .header-tableau h3 { 
  font-size: 0.8rem;
}

.cards-tableau .card-tableau .content-tableau {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 1px solid var(--color-border);
}

.cards-tableau .card-tableau .content-tableau .rang {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  width: 100%;
  padding: 0 15px;
  border-bottom: 2px solid var(--color-blanc);
}

@media (min-width: 768px) {
  
  .container-tableau {
    width: 100%;
    height: 546px;
    margin: 0;
    justify-content: flex-start;
    overflow: hidden;
  }

  .cards-tableau .card-tableau { 
    flex: 0 0 var( --card-width-tel);
    height: 850px; 
    /* flex: 0 0 190px;  */
}

.card-tableau {  
  flex: 0 0 var( --card-width-tel);
  height: 850px;
}
}
@media (min-width: 834px) {
  

    .col1 {
      border-top : 74px solid var(--color-border);
    }
    .cards-tableau .card-tableau .header-tableau.col2 {
      border-top : 66px solid var(--color-border);    
    }
    
    .cards-tableau .card-tableau .header-tableau.col3 {
      border-top : 58px solid var(--color-border);
    }
    .cards-tableau .card-tableau .header-tableau.col4 {
      border-top: 50px solid var(--color-border);
    }
    .cards-tableau .card-tableau .header-tableau.col5 {
      border-top : 42px solid var(--color-border);
    }
    .cards-tableau .card-tableau .header-tableau.col6 {
      border-top: 35px solid var(--color-border);
    } 


    .cards-tableau .card-tableau .header-tableau.col2::before, 
    .cards-tableau .card-tableau .header-tableau.col3::before, 
    .cards-tableau .card-tableau .header-tableau.col4::before,
        .cards-tableau .card-tableau .header-tableau.col5::before,
    .cards-tableau .card-tableau .header-tableau.col6::before {       
      position: absolute;
      content:'';
      background-size: 40px 40px; 
      width:40px;
      height:40px;
      display : inline-block;
      top:-25px;
      }       
              
              .cards-tableau .card-tableau .header-tableau.col2::before {           
                background-image : url(https://dev-rdvbati.aquicod.fr/wp-content/uploads/2024/02/rdvbati-temps2.svg);         
                }

                .cards-tableau .card-tableau .header-tableau.col6::before {               
                  background-image : url(https://dev-rdvbati.aquicod.fr/wp-content/uploads/2024/02/rdvbati-argent2.svg); 
                }
                .cards-tableau .card-tableau .header-tableau.col5::before {
                  background-image : url(https://dev-rdvbati.aquicod.fr/wp-content/uploads/2024/02/rdvbati-ergonomie2.svg); 
                }
                .cards-tableau .card-tableau .header-tableau.col4::before {
                  background-image : url(https://dev-rdvbati.aquicod.fr/wp-content/uploads/2024/02/rdvbati-gestion2.svg); 
                }
                .cards-tableau .card-tableau .header-tableau.col3::before {
                  background-image : url(https://dev-rdvbati.aquicod.fr/wp-content/uploads/2024/02/rdvbati-autonomie2.svg); 
                }

}
@media (min-width: 1024px) {
  .fixe {
    flex: 0 0 220px; 
  } 

  .cards-tableau .card-tableau  {  
    flex: 0 0 230px;
  }

  .cards-tableau .card-tableau .header-tableau::before {
    position: absolute;
    content:url(https://dev-rdvbati.aquicod.fr/wp-content/uploads/2024/02/rdvbati-temps.png) ; 
    top:-42px;
  }
}
@media (min-width: 1200px) {
  .cards-tableau {
   flex: 0 0 100%;
   overflow-x: auto;
 } 
 .content-tableau .rang p {
	font-size: .9rem;

}
}@media (min-width: 1380px) {
  
  /**/
 
  .container-tableau {  
    width: 100%;
    height: var(--container-desktop-height);
    margin: 0;
    justify-content: flex-start;
    overflow: hidden;
  }
  
  .cards-tableau {
    flex: 0 0 90%;
    overflow-x: auto;    
  }

  .cards-tableau .card-tableau {
    /* margin-left: 1px; */
    flex: 0 1 var( --card-width-desktop);
    height: var(--card-height-desktop);
    border: 10px solid var(--color-border);
    border-top: 30px solid var(--color-border);
  }

  .card-tableau {
    flex: 0 1 var( --card-width-desktop);
    height: var(--card-height-desktop);
    border: 10px solid var(--color-border);
    border-top: 30px solid var(--color-border);
  }

  .particulier {
    height: 240px;
  }

  .fixe .content-tableau {  
    width: 100%;
  }


  .fixe .content-tableau .rang {  
    height: 185px;
    display: flex;
    align-items: center; 
  }
  .fixe .content-tableau .rang h3 {  
    font-size: 1rem;
    font-family: 'Glacial regular';
  }

  .particulier h3 {
    font-size: 1.3rem;
  }

  .content-tableau .rang p {  
    font-size: 1rem;
  }

  .cards-tableau .card-tableau .header-tableau { 
    width: 100%;
    height: 240px;
   }

   .cards-tableau .card-tableau .header-tableau h3 {   
    font-size: 1.3rem;
   }
  
  .cards-tableau .card-tableau .content-tableau .rang {  
    height: 185px;
    width: 100%;
  }

  .cards-tableau .card-tableau .header-tableau.col2::before, 
  .cards-tableau .card-tableau .header-tableau.col3::before, 
  .cards-tableau .card-tableau .header-tableau.col4::before,
      .cards-tableau .card-tableau .header-tableau.col5::before,
  .cards-tableau .card-tableau .header-tableau.col6::before {
    background-size: 60px 60px; 
    width:60px;
    height:60px;
    top:-44px;
    background-repeat: no-repeat;
    }       
       

   .col1 {
    border-top : 68px solid var(--color-border);
  }
  .col2 {
    border-top : 60px solid var(--color-border);    
  }
  
  .col3 {
    border-top : 52px solid var(--color-border);
  }
  .col4 {
    border-top: 44px solid var(--color-border);
  }
  .col5 {
    border-top : 36px solid var(--color-border);
  }
  .col6 {
    border-top: 28px solid var(--color-border);
  }    
}
/* fin section avantage-entrepreneur-ind */
/* debut tab toggle*/
.infographie {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #dedede;
  padding: 70px 0;  
  display: none;
}

.wrapper {
 min-height: calc(100vh-80px);
	box-sizing: border-box;
	width: 95%;
  background: #dedede; 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (min-width: 834px) {
   .infographie {     
    display: flex;
  } 

  .container-tableau {
    height: 556px;
  }

  .fixe {
    flex: 0 0 85px;
  }

  .fixe .content-tableau .rang img {
    width: 32px;
    margin-bottom: 6px;
  }

  .cards-tableau .card-tableau {
    flex: 1 1 133px;
  }

  .cards-tableau .card-tableau .content-tableau .rang {    
    height: 200px;  
    padding: 0 8px;
  }

  label.box1 img, 
  label.box2 img {
    height: 154px;
  }

}
@media (min-width: 1024px) {
  .wrapper {
     max-width: 97%;
  }
  .fixe .content-tableau .rang {
    height: 210px;
  }
  .fixe {
    flex: 0 0 170px;
  }
  .cards-tableau .card-tableau {
    flex: 1 1 153px;
  }

  .cards-tableau .card-tableau .content-tableau .rang {    
    height: 210px; 
  }

  .container-tableau {
    height: 620px;
    width: 80%;
  }

  .container-tableau {
    height: 620px;
    width: 100%;
  }
 
}
@media (min-width: 1194px) {
  .cards-tableau .card-tableau {
    flex: 0 0 218px;
  }
}
@media (min-width: 1200px) {
  .fixe {
    flex: 0 0 122px;
  }
  .container-tableau {
    width: 100%;
  }
}
@media (min-width: 1366px) {

  .fixe {
    flex: 0 0 140px;
  }
  .cards-tableau .card-tableau {
    flex: 0 0 220px;
  }

}
@media (min-width: 1380px) {
  .wrapper {
     max-width: 92%;
  }

  .fixe {
    flex: 0 0 164px;
  }

  .cards-tableau .card-tableau {
    flex: 0 0 232px;
  }
  .container-tableau {
    width: 100%;
  }
  .fixe .content-tableau .rang img {
    width: 64px;
    margin-bottom: 10px;
  }

}
@media (min-width: 1600px) {
  .container-tableau {
    width: 100%;
  }
  .box1 img, .box2 img {
    height: 240px;
  }
}

.box {
	display: flex;
	flex-wrap: wrap;
  width: 100%;
}
.box1, .box2 {
	display: flex;
	flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
.box1 h2, .box2 h2 {
  font-size: 1.2rem;
  margin-top: 20px;
}
.box1 img, .box2 img {
  height: 80px;
  width: auto;
}
.box label {
	background: #dedede;
	font-weight: 700;
	text-align: center;
	box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.5);
	/* order: 1; */
	padding: 15px 15px;
	cursor: pointer;
  width: 50%;
  border-top-left-radius: 30px 30px;
  border-top-right-radius: 30px 30px;
}
.box .content {
	display: none;
	background: #fff;
	box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.5);
	order: 99;
	flex-grow: 1;
	width: 100%;
}
.box input[type="radio"] + label img,
.box input[type="radio"] + label h2 {
  opacity: 0.4;
  filter: grayscale(1);
}
.box input[type="radio"]:checked+label img,
.box input[type="radio"]:checked+label h2 {
  opacity: 1;
  filter: none;
}
.box input[type="radio"] {
	display: none;
}
.box input[type="radio"]:checked+label {
	background: #fff;
  opacity: 1;
}
.box input[type="radio"]:checked+label+.content {
	display: block;
}

@media (min-width: 768px) {
  .box1 img, .box2 img {
    height: 200px;
  }

.box label { 
  padding: 50px 30px;
  border-top-left-radius: 60px 60px;
  border-top-right-radius: 60px 60px;
}
  
}
@media (min-width: 1380px) {
.box1 img, .box2 img {
  height: 240px;
}
}
@media screen and (min-width:  1600px) {
  .box1 img, .box2 img {
    height: 311px;
  }
  .cards-tableau {
    flex: 0 0 90%;
    overflow-x: auto;
  }
  .box1 h2, .box2 h2 {
    font-size: 1.4rem;    
  }
  .cards-tableau .card-tableau {
    flex: 0 0 319px;
  }
}
/* fin tab tab*/

/*=============================== debut section cout============================================== */

.main-vous-etes-un-professionnel .cout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width:100%;
  background-color: var(--color-gris-clair);
}
.main-vous-etes-un-professionnel .cout .titre-cout {
  font-family: 'Glacial Bold';
  font-weight: 100;
  margin: 20px 0;
  padding: 0 8px;
  text-align:center;
}
.main-vous-etes-un-professionnel .cout .titre-cout h2 {
  font-size: 1.4rem;
}
.main-vous-etes-un-professionnel .cout .tablo-habit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px 0 10px 0;
  width: 100%;
}  
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 8px;
  flex: 95%;
}
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p {
  font-size: 1.2rem;
  margin-bottom: 15px;
  text-align: center;
  width: 99%;
}
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(2) {
  background-color: #ffd92d;
  padding: 10px;
  font-family: 'Glacial Regular';
}
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(5),
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(6) {
  font-family: 'Glacial Regular';
}
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(1),
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(4) {
  font-family: 'Glacial Bold';
  font-weight: 100;
  font-size: 1.4rem;
}
.main-vous-etes-un-professionnel .cout .tablo-habit .habit-media {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px 100px;
  flex: 95%;
}
.main-vous-etes-un-professionnel .cout .tablo-habit .habit-media img {
  width: 90px;
  height: auto;
  margin: 0;
}
/* tableau cout */

  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau .tablo {
    margin: 30px 0;    
    overflow-x: auto;
    width: 97%;
  }
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau .tablo .table {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin: 0;
   padding: 0;
   border: 4px solid var(--color-noir);
   width: 100%;
   height: 100%;
   word-break: break-word;
  
  }
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau .tablo .table .tr {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border-left: 4px solid black;
    border-right: 4px solid black;

  }
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau .tablo .table .th {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    border: 2px solid var(--color-noir);
    width: 100%;
    padding: 10px;
    font-size: 1.2rem;    
    font-family: 'Glacial Bold';
    font-weight: 100;
    border-left: 4px solid var(--color-noir);
    border-right: 4px solid var(--color-noir);
  }
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau .tablo .table .td {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    border: 2px solid var(--color-noir);
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    text-align: left;
    border-left: 4px solid var(--color-noir);
    border-right: 4px solid var(--color-noir);
  }  

@media (min-width: 768px) {
  .main-vous-etes-un-professionnel .cout .titre-cout {
    margin: 25px 0;
  }
.main-vous-etes-un-professionnel .cout .tablo-habit {
  margin: 0px 0 10px 0;
} 

.main-vous-etes-un-professionnel .cout .titre-cout h2 {
	font-size: 1.6rem;
}
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(1), .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(4) {
  font-family: 'Glacial Bold';
  font-weight: 100;
	font-size: 1.4rem;
}
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(2) {
	font-family: 'Glacial Regular';
}
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau .tablo .table .td {
  justify-content: center;
	font-size: 1.2rem;  
   word-break: break-all;
}
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau .tablo .table .th {
	font-size: 1.3rem;
}
.main-vous-etes-un-professionnel .cout .tablo-habit .habit-media {
  margin: 25px 200px;
}
}

@media (min-width: 1024px) {
  .main-vous-etes-un-professionnel .cout .tablo-habit {
    flex-direction: row;
    /* margin: 50px 0; */
  }  
  .main-vous-etes-un-professionnel .cout .titre-cout h2 {
    margin: 30px 0 0;
    font-size: 1.8rem;
  }

.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p {
  font-size: 1.5rem;
  margin-top: 15px;
}
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(2) {
  padding: 10px;
}
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(1),
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(4) {
  font-size: 1.5rem;
}
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau {
  flex: 100%;
}
.main-vous-etes-un-professionnel .cout .tablo-habit .habit-media {
   flex: 40%;
   margin: 0 ;
}
}
@media screen and (min-width: 1200px) {
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau .tablo {
    margin: 30px 0;
    overflow-x: auto;
    width: 87%;
  }  
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p {
    font-size: 1.4rem;
    margin-bottom: 15px;
    text-align: center;
    width: 87%;
  }
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(1), .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(4) {
    font-size: 1.6rem;
  }
}
@media (min-width: 1380px) {
  .main-vous-etes-un-professionnel .cout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    background-color: var(--color-gris-clair);
  }  
  .main-vous-etes-un-professionnel .cout .titre-cout {
    font-family: 'Glacial Bold';
    font-weight: 100;
    margin: 20px 0;
    text-align:center;
  }  
  .main-vous-etes-un-professionnel .cout .titre-cout h2 {
    font-size: 1.3rem;
  }  
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau .tablo {
    margin: 30px 0;
    overflow-x: auto;
    width: 100%;
  }
  .main-vous-etes-un-professionnel .cout .tablo-habit {
  
    margin: 20px 0 10px 0;
    width: 100%;
  }    
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 75px;
    flex: 1 1 70%;
  }  
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p {
    font-size: 1rem;
    margin-top: 15px;
    text-align: center;
    width: 100%;
  }  
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(2) {
    background-color: #ffd92d;
    padding: 10px;
    font-family: 'Glacial Regular';
  }  
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(5),
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(6) {
    font-family: 'Glacial Regular';
    width: 100%;
  }  
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(1),
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(4) {
    font-family: 'Glacial Bold';
    font-weight: 100;
    font-size: 1.1rem;
  }  
  .main-vous-etes-un-professionnel .cout .tablo-habit .habit-media {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px 0px;
    flex: 1 1 30%;
  }  
  .main-vous-etes-un-professionnel .cout .tablo-habit .habit-media img {
    width: 170px;
    height: auto;
    margin: 0;
  }
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau .tablo .table .th,
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau .tablo .table .td {
    padding: 20px;
  }
  .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau .tablo .table .th {
    font-size: 1.4rem;
  }
  .main-vous-etes-un-professionnel .cout {
    margin: 0;
    padding: 50px;
  }
  .main-vous-etes-un-professionnel .cout .titre-cout {
    margin: 20px 0;
  }  
  .main-vous-etes-un-professionnel .cout .titre-cout h2 {
    font-size: 2.2rem;
  } 
 .main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(1),
.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p:nth-child(4) {
  font-size: 2rem;
}

.main-vous-etes-un-professionnel .cout .tablo-habit .content-tableau p {
  font-size: 1.5rem;
  margin-top: 15px;
}
}
@media (min-width: 1900px) {
  .main-vous-etes-un-professionnel .cout .titre-cout h2 {
    font-size: 2.2rem;
    font-family: 'Glacial Bold';
    font-weight: 100;
  } 
}  
/* fin section cout */


/* debut section témoignages */

.main-vous-etes-un-professionnel .temoignage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width:100%;
  background-color: #fff;
  padding: 20px 0;
}
.main-vous-etes-un-professionnel .temoignage .titre-temoignage {
  font-family: 'Glacial Bold';
  font-weight: 100;
  margin: 15px 0;
  text-align:center;
}
.main-vous-etes-un-professionnel .temoignage .titre-temoignage h2 {
  font-size: 1.2rem;
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: stretch;
  width: 90%;
  margin: 0;
  font-family: 'Glacial Regular';
}
.main-vous-etes-un-professionnel .temoignage .card-temoignage {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; 
  flex: 0 1 98%;  
  margin-top: 20px;
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-card-temoignage {
  display: flex;
  flex-direction: row;
  justify-content:  space-around;
  align-items: center; 
  padding: 10px 20px;
  width: 100%;
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-card-temoignage .header-media {
  width: 45%;
}.main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-card-temoignage .header-content {
  width: 55%;
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-card-temoignage img {
  width: 100px;
  height: auto;
  margin: 0;
}
.hr-style {
	border: 3px solid #ffd92d;	
  width: 50px;
  margin: 8px 0 0;
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-content h3 {
  font-size: 1.1rem;
  font-family: 'Glacial Bold';
  font-weight: 100;
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-content h4 {
  color: #636363;
  font-size: 1rem;
  font-family: 'Glacial Regular';
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-content h5 {
  color: #777777;
  font-size: 0.9rem;
  font-family: 'Glacial Regular';
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .card-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; 
  padding: 12px 20px;
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .card-content {
	font-size: 1.2rem;
  text-align: justify;
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .card-content p {
	font-size: 1.2rem;
  text-align: justify;
}

@media (min-width: 768px) {

  .main-vous-etes-un-professionnel .temoignage {
    padding: 40px 0;    
  }
  .main-vous-etes-un-professionnel .temoignage .cards-temoignage {
    width: 100%;
    margin: 0;   
  }
  .main-vous-etes-un-professionnel .temoignage .card-temoignage {
    flex: 0 0 44%;
    margin: 20px 20px 0;
  }
  .main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-card-temoignage {
      padding: 20px;
  }
  .main-vous-etes-un-professionnel .temoignage .titre-temoignage h2 {
    font-size: 1.6rem;
  }
  .main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-content h3 {
    font-size: 1.2rem;
  }
  .main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-content h4 {
    font-size: 1.1rem;
  }
  .main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-content h5 {
    font-size: 1rem;
  }

.hr-style {
  width: 70px;
}
}

@media (min-width: 1024px) {
  .main-vous-etes-un-professionnel .temoignage .titre-temoignage h2 {
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .main-vous-etes-un-professionnel .temoignage .card-temoignage {
    flex: 0 0 31%;
    margin: 20px 8px;
  }
  }
@media (min-width: 1380px) {
  .main-vous-etes-un-professionnel .temoignage .cards-temoignage {
    width: 90%;
  }

  .main-vous-etes-un-professionnel .temoignage .titre-temoignage {
    margin: 50px 0;
  }

  .main-vous-etes-un-professionnel .temoignage .titre-temoignage h2 {
    font-size: 2.2rem;
  }
.hr-style {
  width: 100px;
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .card-content {
	font-size: 1.2rem;
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-content h3 {
  font-size: 1.2rem;
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-content h4 {
  font-size: 1.2rem;
}
.main-vous-etes-un-professionnel .temoignage .cards-temoignage .header-content h5 {
  font-size: 1.2rem;
}
}

  @media (min-width: 1600px) {  
    .main-vous-etes-un-professionnel .temoignage .titre-temoignage h2 {
      font-size: 1.8rem;
      font-family: 'Glacial Bold';
      font-weight: 100;
    }
    .main-vous-etes-un-professionnel .temoignage .card-temoignage {
      flex: 0 0 30%;
      margin: 20px 12px;
    }
  }

/* fin section témoignages */

/* debut section faq */
.question-faq {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--color-gris-clair);
}
.question-faq .titre {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px 0;
}

.question-faq .titre h2 {  
  font-size: 1.2rem;
  font-family: 'Glacial Bold';
  font-weight: 100;
}
.cadre-question {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px;
}
.cadre-question .picto {
  display: flex;
  order: 2;
  width: 85%;
}
.question-faq .accordeons {
  display: flex;
  order: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
}
.question-faq .accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.question-faq .accordeons button {
  border-radius: 0;
  box-shadow: none;
  margin: 2px 0;
  font-size: 1rem;
}
.question-faq .active,
.question-faq .accordion:hover {
  background-color: var(--color-gris-bordure);
}
.question-faq .accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.question-faq .active:after {
  content: "\2212";
}
.question-faq .panel {
  padding: 0 18px;
  background-color: var(--color-blanc);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;  
  font-size: 1.4rem;
}
.question-faq .panel p {
  font-size: 1.4rem;
  padding: 12px 0;
}
.question-faq .panel p a {
  text-decoration: underline;
  color: blue;
}
@media (min-width: 576px) {
  .question-faq {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    background-color: var(--color-gris-clair);
  }
  
  .question-faq .titre {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px;
  }
  
  .question-faq .titre h2 {
    font-size: 1.3rem;
  }
  .cadre-question {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px;
  }
  .cadre-question .picto {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49%;
  }
  
  .question-faq .accordeons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px 0;
  }
  
  .question-faq .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
  }
  
  .question-faq .accordeons button {
    border-radius: 0;
    box-shadow: none;
    margin: 2px 0;
  }
  
  .question-faq .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .question-faq .active:after {
    content: "\2212";
  }
  
  .question-faq .panel {
    padding: 0 18px;
    background-color: var(--color-blanc);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;   
  }
}
@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1024px) {
  .question-faq .titre h2 {
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .cadre-question {
    flex-direction: row;   
  }
  .cadre-question .picto {   
    order: 1;
  }
  .question-faq .accordeons {
   order: 2;
   width: 75%;
  }
  .cadre-question .picto img {   
    width: 80%;
  }
}
@media (min-width: 1380px) {
  .question-faq {
    justify-content: space-around;
    margin-top: 0px;
    padding: 50px 0 80px;
  }

  .question-faq .titre {
    width: 50%;
    padding: 20px 0 50px 0px;
  }
  
  .question-faq .titre h2 {
    font-size: 2.2rem;
  }

  .question-faq .cadre-question {
    flex-direction: row;
    width: 100%;
    padding: 15px;
  }
  .cadre-question .picto {   
    width: 40%;
  }
  .question-faq .accordeons {
    flex-direction: column;
    width: 55%;
    padding: 5px;
  }
   .cadre-question .picto img {   
    width: 80%;
    margin: 0;
  }

  .question-faq .accordion {
    padding: 18px;
    width: 100%;
    font-size: 20px;
  }

  .question-faq .active,
  .question-faq .accordion:hover {
    background-color: var(--color-gris-bordure);
  }

  .question-faq .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 20px;
  }

  .question-faq .active:after {
    content: "\2212";
  }

  .question-faq .panel {
    padding: 0 18px;
    background-color: var(--color-blanc);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;    
    display: flex;
    justify-content: flex-start;
    width: 100%;
  }

  .question-faq .panel p {    
    line-height: 1;  
  }
}
@media (min-width: 1600px) {
  .question-faq .cadre-question {
    flex-direction: row;
    width: 100%;
    padding: 15px;
  }
  .cadre-question .picto {   
    width: 40%;
  }
  .question-faq .accordeons {
    flex-direction: column;
    width: 60%;
    padding: 5px 75px;
  }
   .cadre-question .picto img {   
    width: 70%;
    margin: 0;
  }
  .question-faq .titre h2 {
    font-size: 1.8rem;
  }
}

/* fin section faq */

/* Slideshow container */
.caroussel2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  background-color: var(--color-noir);
  padding: 0;
}
.slider2,
.slider3 {
  width: 100%;
  height: 100%;
}

.slick-slide {
  transition: all 0.4s ease-in-out;
}

.slick-slide img {
  max-width: 100%;
  transition: all 0.4s ease-in-out;
}

.slick-center {
  transform: scale(1.1);
}

.slider2 .item,
.slider3 .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 150px;
}

.layer-slick {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

ul.slick-dots {
  position: relative;
}

.slick-dots li button::before {
  font-size: 15px !important;
  color: black !important;
}

.item div {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  background-color: var(--color-noir);
  padding: 4px 0;
  width: 100%;  
}

.item div img {
  margin: 0;
  width: 42px;
}

.item div h4 {
  font-size: 1rem;
  font-family: 'Glacial Bold';
  font-weight: 100;
  color: var(--color-blanc);
  text-align: center;
  padding: 0px 8px 0;
  
}
.item div h4.pourcentage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 1rem;
  font-family: 'Glacial Bold';
  font-weight: 100;
  color: var(--color-blanc);
  text-align: center; 
  padding: 8px 4px 0;
}
.item div h4 span {
  width: 90%;
  margin-left: 2px;
  padding: 4px 0;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .item div h4.pourcentage {
    width: 80%;
    font-size: 1.2rem;    
  }
  .slider2 .item,
.slider3 .item {
  height: 85px;
}
  .item div {
      flex-direction: row;
  }
  .item div .item-h4 {
    width: 95%;
  }
  .item div .item-img {
      width: 5%;
      margin: 0;
  } 
  .item div  .item-img img {
      width: 48px;
  }
  .item div h4 {
    font-size: 1rem;
  }
  .item div h4 span {
    width: 20%;
    margin-left: 20px;
    display: inline-block;
  }
  .item div .item-h4 h4 {
    width: 80%;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .item div img {
      width: 68px;
  }
  .item div h4 {
    font-size: 1.2rem;
  }
  .item div h4 {
    width: 80%;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .item div img {
      width: 84px;
  }
  .item div h4 {
    font-size: 1.6rem;
  }
  .item div h4 {
    width: 80%;
    font-size: 1.6em;
  }
}
@media screen and (min-width: 1380px) {
  .item div .item-h4 h4 {   
    font-size: 1.4rem;
  }
  .item div img {
      width: 128px;
  }
  .item div h4 {
    font-size: 2rem;
  }
  .item div h4 {
    width: 80%;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1600px) {
  .item div img {
      width: 64px;
  }
  .item div h4 {
    font-size: 1.2rem;
  }
  .item div h4 {
    width: 80%;
    font-size: 1.2rem;
  }
}