.elementor-36 .elementor-element.elementor-element-4b2ff98{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-36 .elementor-element.elementor-element-4b2ff98:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-4b2ff98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iap-agirenprevention.fr/wp-content/uploads/2024/06/csm_fond_b68c58894f.png");}.elementor-36 .elementor-element.elementor-element-8d1b064{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-bbce145{text-align:start;}.elementor-36 .elementor-element.elementor-element-bbce145 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:700;font-style:normal;line-height:32px;color:var( --e-global-color-secondary );}.elementor-36 .elementor-element.elementor-element-ec24517{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:40px;--padding-right:40px;}.elementor-36 .elementor-element.elementor-element-ec24517:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-ec24517 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-36 .elementor-element.elementor-element-a9f47e8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-a9f47e8.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-36 .elementor-element.elementor-element-e23d07c .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:20px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-e23d07c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-36 .elementor-element.elementor-element-e23d07c.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-7a55dbc .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:20px;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-7a55dbc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-36 .elementor-element.elementor-element-7a55dbc.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-7a55dbc:hover .elementor-widget-container{border-style:none;}.elementor-36 .elementor-element.elementor-element-7a55dbc:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-7a55dbc .elementor-button:hover, .elementor-36 .elementor-element.elementor-element-7a55dbc .elementor-button:focus{border-color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-ad2a5cc .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:20px;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-ad2a5cc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-36 .elementor-element.elementor-element-ad2a5cc.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-ad2a5cc:hover .elementor-widget-container{border-style:none;}.elementor-36 .elementor-element.elementor-element-ad2a5cc:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-ad2a5cc .elementor-button:hover, .elementor-36 .elementor-element.elementor-element-ad2a5cc .elementor-button:focus{border-color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-4536347 .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:20px;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-4536347 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-36 .elementor-element.elementor-element-4536347.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-4536347:hover .elementor-widget-container{border-style:none;}.elementor-36 .elementor-element.elementor-element-4536347:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-4536347 .elementor-button:hover, .elementor-36 .elementor-element.elementor-element-4536347 .elementor-button:focus{border-color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-fe1c41a .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:20px;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-fe1c41a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-36 .elementor-element.elementor-element-fe1c41a.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-fe1c41a:hover .elementor-widget-container{border-style:none;}.elementor-36 .elementor-element.elementor-element-fe1c41a:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-fe1c41a .elementor-button:hover, .elementor-36 .elementor-element.elementor-element-fe1c41a .elementor-button:focus{border-color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-99a7ba1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:15px;--padding-bottom:15px;--padding-left:40px;--padding-right:40px;}.elementor-36 .elementor-element.elementor-element-99a7ba1.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-36 .elementor-element.elementor-element-4bac148{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-4bac148.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-36 .elementor-element.elementor-element-bbce145 .elementor-heading-title{font-size:32px;}.elementor-36 .elementor-element.elementor-element-a9f47e8{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-a9f47e8.e-con{--align-self:center;}.elementor-36 .elementor-element.elementor-element-e23d07c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-e23d07c.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-36 .elementor-element.elementor-element-e23d07c .elementor-button{line-height:20px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-7a55dbc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-7a55dbc.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-7a55dbc .elementor-button{line-height:20px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-ad2a5cc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-ad2a5cc.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-ad2a5cc .elementor-button{line-height:20px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-4536347 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-4536347.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-4536347 .elementor-button{line-height:20px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-fe1c41a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-fe1c41a.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-fe1c41a .elementor-button{line-height:20px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-4b2ff98{--padding-top:120px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-36 .elementor-element.elementor-element-bbce145 .elementor-heading-title{font-size:24px;line-height:24px;}.elementor-36 .elementor-element.elementor-element-a9f47e8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-e23d07c .elementor-button{font-size:18px;line-height:18px;}.elementor-36 .elementor-element.elementor-element-7a55dbc .elementor-button{font-size:18px;line-height:18px;}.elementor-36 .elementor-element.elementor-element-ad2a5cc .elementor-button{font-size:18px;line-height:18px;}.elementor-36 .elementor-element.elementor-element-4536347 .elementor-button{font-size:18px;line-height:18px;}.elementor-36 .elementor-element.elementor-element-fe1c41a .elementor-button{font-size:18px;line-height:18px;}.elementor-36 .elementor-element.elementor-element-99a7ba1{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-36 .elementor-element.elementor-element-99a7ba1.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-36 .elementor-element.elementor-element-4bac148{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-36 .elementor-element.elementor-element-4bac148.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-36 .elementor-element.elementor-element-40f4de4.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-8d1b064{--content-width:1200px;}.elementor-36 .elementor-element.elementor-element-a9f47e8{--content-width:1200px;}.elementor-36 .elementor-element.elementor-element-4bac148{--content-width:1200px;}}/* Start custom CSS for button, class: .elementor-element-7a55dbc */a.button:hover {
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ad2a5cc */a.button:hover {
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4536347 */a.button:hover {
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fe1c41a */a.button:hover {
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec24517 */.elementor-button {
    font-weight: 500 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40f4de4 *//* Style général pour le conteneur */
.container {
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    font-family: 'Poppins', sans-serif;
    color: #0353A4;
    text-align: left;
}

/* Style pour les labels des boutons radio */
label {
  display: inline-flex;
  position: relative;
  /* padding-left: 55px; /* Espace pour le bouton radio personnalisé */
  cursor: pointer;
  color: #0353A4; /* couleur des label */
  user-select: none;
}

/* Tailles de texte personnalisées */
.text-1 { font-size: 18px; }
.text-2 { font-size: 24px; font-weight : 500 !important;}
.text-3 { font-size: 20px; }

/* Bouton personnalisé */
.button-option {
    display: inline-flex;
    align-items: center;
    background: #0353A4;
    padding: 6px 16px;
    border-radius: 90px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 10px;
}
.button-option:hover {
    background: #024080;
}
.button-option span:last-child {
    font-size: 24px;
    color: white !important;
    font-weight: bold !important;
}
.button-option-box {
    text-align: center !important;
}

/* Cachez les boutons radio par défaut */
.powermail_radio {
  position: absolute;
  opacity: 0;
}

/* Créez un bouton radio personnalisé */
.custom-radio {
  position: relative;
  width: 30px; /* Largeur du bouton ovale */
  height: 30px; /* Hauteur du bouton ovale */
  background-color: #ffffff;
  border-radius: 50px; /* Bordure arrondie pour un effet ovale */
  display: inline-flex;
  align: center;
  /* justify-content: center; */
  margin-right: 5px; /* Espacement de 50 pixels entre les cases à cocher */
  font-size: 24px;
}

/* Style pour le bouton radio quand il est coché */
.powermail_radio:checked ~ .custom-radio {
  background-color: #007BFF;
}

/* Ajoutez un cercle intérieur pour le bouton radio coché */
.custom-radio:after {
  content: "";
  position: a;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
  font-size: 24px;
}
.powermail_radio + span + span {
  color: #0353a4 !important;
}
/* Affichez le cercle intérieur quand le bouton radio est coché */
.powermail_radio:checked ~ .custom-radio:after {
  display: block;
}

/* Style pour le texte du label */
label span {
  position: relative;
  z-index: 1;
}

/* Style pour les questions */
#num_question, #titre_question {
  font-weight: bold; /* Texte en gras */
}

.field-option {
    border: 0px;
    border-radius: 8px;
    background: #d6f0f9;
    padding: 30px;
}

/* Style pour les réponses conditionnelles la pseudo class empty permet avec le not de ne pas le faire si pas de réponse */

.oui div:not(:empty),
.non div:not(:empty) {
    color: #0353A4; /* Couleur bleue pour les questions */
    margin-top: 10px;

}


/* Cacher les sections conditionnelles et le bouton suivant par défaut */
.oui, .non, .powermail_fieldwrap_suivant {
  display: none;
}

.powermail_fieldwrap_suivant {
  margin-top: 10px;
}


.big_w {
    width: 100%;
}

.btn-group {
    display: flex !important;
    flex-direction: column;
    gap: 10px !important;
}
.btn-group .elementor-button {
    width: 100% !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}


img {
    max-height: 360px !important;
    max-width: 100% !important;
    display: block;
    margin: 0 auto !important; 
}


/* Responsive pour mobile */
@media (max-width: 767px) {
    .text-1 {
        font-size: 22px;
    }
    .text-2 {
        font-size: 18px;
    }
    .text-3 {
        font-size: 16px;
    }
    .button-option span:last-child {
        font-size: 16px;
    }
    .button-option {
        padding: 8px 14px;
    }
}

@media (max-width: 1024px) {
    .container-quiz {
        display: inline;
        margin-top: 0px !important;
    }
    .container-quiz .container-quiz-content-left {
        border-radius: 8px;
        background: #d6f0f9; 
        margin-right: 0px !important;
        padding: 30px !important;
    }
    .container-quiz .container-quiz-content-right {
        border-radius: 8px;
        background: #d6f0f9; 
        margin-left: 0px !important;
        padding: 30px !important;
    }
    .container-quiz img {
        max-width: 50% !important;
    }
    .container-quiz .special-img {
        max-width: 100% !important;
    }
    .container-quiz .small_img {
        max-height: 200px !important;
        max-width: 100% !important;
    }

}

.hyperlink {
    font-weight: 700;
    color: #0353A4;
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
}

@media (min-width: 1024px) {
    .container-quiz {
        display: grid;
        grid-template-columns: 50% 50%;
        margin-top: 0px !important;
    }
    .container-quiz .container-quiz-content-left {
        border-radius: 8px;
        background: #d6f0f9; 
        margin-right: 10px !important;
        padding: 30px !important;
    }
    .container-quiz .container-quiz-content-right {
        border-radius: 8px;
        background: #d6f0f9; 
        margin-left: 10px !important;
        padding: 30px !important;
    }
    .container-quiz img {
        max-width: 250px !important;
    }
    .container-quiz .special-img {
        max-width: 100% !important;
    }
    .container-quiz .small_img {
        max-height: 200px !important;
        max-width: 100% !important;
    }
}

.special-div {
    display:flex; 
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
    

/*pour les popup */
.modal-title {
    font-weight: 700;
  }
 .modal {
     position:fixed;
     top:0;
     left:0;
     z-index:1055;
     display:none;
     width:100%;
     height:100%;
     overflow-x:hidden;
     overflow-y:auto;
     outline:0
}
.modal-dialog {
     position:relative;
     width:auto;
     margin:0.5rem;
     pointer-events:none
}
.modal.fade .modal-dialog {
     transition:transform 0.3s ease-out;
     transform:translate(0,-50px)
}
@media (prefers-reduced-motion:reduce) {
	 .modal.fade .modal-dialog {
	  transition:none
	 }
}
.modal.show .modal-dialog {
 transform:none
}
.modal.modal-static .modal-dialog {
 transform:scale(1.02)
}
.modal-dialog-scrollable {
 height:calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
 max-height:100%;
 overflow:hidden
}
.modal-dialog-scrollable .modal-body {
 overflow-y:auto
}
.modal-dialog-centered {
 display:flex;
 align-items:center;
 min-height:calc(100% - 1rem)
}
.modal-content {
 position:relative;
 display:flex;
 flex-direction:column;
 width:100%;
 pointer-events:auto;
 background-color:#ffffff;
 background-clip:padding-box;
 border:1px solid rgba(0,0,0,0.2);
 border-radius:0.3rem;
 box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);
 outline:0
}
.modal-backdrop {
 position:fixed;
 top:0;
 left:0;
 z-index:1050;
 width:100vw;
 height:100vh;
 background-color:#000000
}
.modal-backdrop.fade {
 opacity:0
}
.modal-backdrop.show {
 opacity:0.5
}
.modal-header {
 display:flex;
 flex-shrink:0;
 align-items:center;
 justify-content:space-between;
 padding:1rem 1rem;
 border-bottom:1px solid #dedede;
 border-top-left-radius:calc(0.3rem - 1px);
 border-top-right-radius:calc(0.3rem - 1px)
}
.modal-header .btn-close {
 padding:0.5rem 0.5rem;
 margin:-0.5rem -0.5rem -0.5rem auto
}
.modal-title {
 margin-bottom:0;
 line-height:1.5
}
.modal-body {
 position:relative;
 flex:1 1 auto;
 padding:1rem
}
.modal-footer {
 display:flex;
 flex-wrap:wrap;
 flex-shrink:0;
 align-items:center;
 justify-content:flex-end;
 padding:0.75rem;
 border-top:1px solid #dedede;
 border-bottom-right-radius:calc(0.3rem - 1px);
 border-bottom-left-radius:calc(0.3rem - 1px);
 margin:0.25rem;
}
@media (min-width:576px) {
	 .modal-dialog {
	  max-width:500px;
	  margin:1.75rem auto
	 }
	 .modal-dialog-scrollable {
	  height:calc(100% - 3.5rem)
	 }
	 .modal-dialog-centered {
	  min-height:calc(100% - 3.5rem)
	 }
	 .modal-content {
	  box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)
	 }
	 .modal-sm {
	  max-width:300px
	 }
}	 


li {
    margin-bottom:15px !important;
}/* End custom CSS */