.elementor-1729 .elementor-element.elementor-element-8c88d1e{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-1729 .elementor-element.elementor-element-8c88d1e:not(.elementor-motion-effects-element-type-background), .elementor-1729 .elementor-element.elementor-element-8c88d1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://elance-vae.fr/wp-content/uploads/2026/06/FOND-FOOTER-ELANCE-2-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1729 .elementor-element.elementor-element-cdc9e29.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1729 .elementor-element.elementor-element-cdc9e29 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:70px;font-weight:500;color:#26348B;}.elementor-1729 .elementor-element.elementor-element-915d977{--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;--justify-content:center;--align-items:center;--gap:20px 120px;--row-gap:20px;--column-gap:120px;--overlay-opacity:0.8;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1729 .elementor-element.elementor-element-915d977:not(.elementor-motion-effects-element-type-background), .elementor-1729 .elementor-element.elementor-element-915d977 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://elance-vae.fr/wp-content/uploads/2026/07/Fond-elance-1.png");background-position:top right;background-repeat:no-repeat;background-size:contain;}.elementor-1729 .elementor-element.elementor-element-915d977::before, .elementor-1729 .elementor-element.elementor-element-915d977 > .elementor-background-video-container::before, .elementor-1729 .elementor-element.elementor-element-915d977 > .e-con-inner > .elementor-background-video-container::before, .elementor-1729 .elementor-element.elementor-element-915d977 > .elementor-background-slideshow::before, .elementor-1729 .elementor-element.elementor-element-915d977 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1729 .elementor-element.elementor-element-915d977 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-1729 .elementor-element.elementor-element-cbabc72{--display:flex;--border-radius:1px 1px 1px 1px;}.elementor-1729 .elementor-element.elementor-element-34d0bf9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:500;line-height:48px;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1729 .elementor-element.elementor-element-34b8918{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-1729 .elementor-element.elementor-element-34b8918 a{color:#000000;}.elementor-1729 .elementor-element.elementor-element-6f4090c{--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;--justify-content:center;--align-items:center;--gap:20px 120px;--row-gap:20px;--column-gap:120px;--overlay-opacity:0.8;--padding-top:50px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;}.elementor-1729 .elementor-element.elementor-element-6f4090c:not(.elementor-motion-effects-element-type-background), .elementor-1729 .elementor-element.elementor-element-6f4090c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#737373;}.elementor-1729 .elementor-element.elementor-element-6f4090c::before, .elementor-1729 .elementor-element.elementor-element-6f4090c > .elementor-background-video-container::before, .elementor-1729 .elementor-element.elementor-element-6f4090c > .e-con-inner > .elementor-background-video-container::before, .elementor-1729 .elementor-element.elementor-element-6f4090c > .elementor-background-slideshow::before, .elementor-1729 .elementor-element.elementor-element-6f4090c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1729 .elementor-element.elementor-element-6f4090c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-1729 .elementor-element.elementor-element-3f1f5cf{--display:flex;--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:center;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:20px;--padding-left:120px;--padding-right:120px;}.elementor-1729 .elementor-element.elementor-element-a1d03dd{--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;--justify-content:center;--align-items:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--overlay-opacity:0.8;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1729 .elementor-element.elementor-element-a1d03dd:not(.elementor-motion-effects-element-type-background), .elementor-1729 .elementor-element.elementor-element-a1d03dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1729 .elementor-element.elementor-element-a1d03dd::before, .elementor-1729 .elementor-element.elementor-element-a1d03dd > .elementor-background-video-container::before, .elementor-1729 .elementor-element.elementor-element-a1d03dd > .e-con-inner > .elementor-background-video-container::before, .elementor-1729 .elementor-element.elementor-element-a1d03dd > .elementor-background-slideshow::before, .elementor-1729 .elementor-element.elementor-element-a1d03dd > .e-con-inner > .elementor-background-slideshow::before, .elementor-1729 .elementor-element.elementor-element-a1d03dd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-1729 .elementor-element.elementor-element-db93cc8{--display:flex;--border-radius:1px 1px 1px 1px;--margin-top:-12em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1729 .elementor-element.elementor-element-db93cc8:not(.elementor-motion-effects-element-type-background), .elementor-1729 .elementor-element.elementor-element-db93cc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#26348B;}.elementor-1729 .elementor-element.elementor-element-f713523 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:500;line-height:48px;color:#FFFFFF;}.elementor-1729 .elementor-element.elementor-element-60397e8{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-1729 .elementor-element.elementor-element-b2cad73{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1729 .elementor-element.elementor-element-b2cad73:not(.elementor-motion-effects-element-type-background), .elementor-1729 .elementor-element.elementor-element-b2cad73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A949A;}.elementor-1729 .elementor-element.elementor-element-98e9e41{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-1729 .elementor-element.elementor-element-98e9e41 a{color:#FFFFFF;}.elementor-1729 .elementor-element.elementor-element-65f0275{--display:flex;border-style:none;--border-style:none;}.elementor-1729 .elementor-element.elementor-element-9d8df0c{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;color:#FFFFFF;}.elementor-1729 .elementor-element.elementor-element-99c805e{--n-accordion-title-font-size:15px;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:20px 20px 20px 20px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-1729 .elementor-element.elementor-element-99c805e > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#E95320;border-style:none;}.elementor-1729 .elementor-element.elementor-element-99c805e > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#26348B;}.elementor-1729 .elementor-element.elementor-element-99c805e > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#26348B;}:where( .elementor-1729 .elementor-element.elementor-element-99c805e > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;}.elementor-1729 .elementor-element.elementor-element-700f829{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1729 .elementor-element.elementor-element-700f829:not(.elementor-motion-effects-element-type-background), .elementor-1729 .elementor-element.elementor-element-700f829 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#737373;}.elementor-1729 .elementor-element.elementor-element-700f829::before, .elementor-1729 .elementor-element.elementor-element-700f829 > .elementor-background-video-container::before, .elementor-1729 .elementor-element.elementor-element-700f829 > .e-con-inner > .elementor-background-video-container::before, .elementor-1729 .elementor-element.elementor-element-700f829 > .elementor-background-slideshow::before, .elementor-1729 .elementor-element.elementor-element-700f829 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1729 .elementor-element.elementor-element-700f829 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-1729 .elementor-element.elementor-element-9d1275b{--display:flex;}.elementor-1729 .elementor-element.elementor-element-9d1275b:not(.elementor-motion-effects-element-type-background), .elementor-1729 .elementor-element.elementor-element-9d1275b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://elance-vae.fr/wp-content/uploads/2026/07/Je-souhaite-etre-contacte.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1729 .elementor-element.elementor-element-1d113df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1729 .elementor-element.elementor-element-5ccdf19 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:28px;font-weight:500;line-height:30px;color:#000000;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-group > label, .elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-subgroup label{color:#000000;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-type-html{padding-bottom:0px;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-group .elementor-field{color:#000000;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-group .elementor-field, .elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#26348B;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#26348B;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-field-group .elementor-select-wrapper::before{color:#26348B;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .e-form__buttons__wrapper__button-next{background-color:#E95320;color:#ffffff;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-button[type="submit"]{background-color:#E95320;color:#ffffff;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .e-form__buttons__wrapper__button-next:hover{background-color:#26348B;color:#ffffff;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-button[type="submit"]:hover{background-color:#26348B;color:#ffffff;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1729 .elementor-element.elementor-element-5ecaa42 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1729 .elementor-element.elementor-element-5ecaa42{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1729 .elementor-element.elementor-element-8c88d1e{--min-height:70vh;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1729 .elementor-element.elementor-element-8c88d1e:not(.elementor-motion-effects-element-type-background), .elementor-1729 .elementor-element.elementor-element-8c88d1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1729 .elementor-element.elementor-element-cdc9e29{width:var( --container-widget-width, 260.453px );max-width:260.453px;--container-widget-width:260.453px;--container-widget-flex-grow:0;text-align:center;}.elementor-1729 .elementor-element.elementor-element-cdc9e29 .elementor-heading-title{font-size:36px;line-height:40px;}.elementor-1729 .elementor-element.elementor-element-915d977{--content-width:95%;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1729 .elementor-element.elementor-element-915d977:not(.elementor-motion-effects-element-type-background), .elementor-1729 .elementor-element.elementor-element-915d977 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1729 .elementor-element.elementor-element-cbabc72{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1729 .elementor-element.elementor-element-34d0bf9 .elementor-heading-title{font-size:24px;line-height:36px;}.elementor-1729 .elementor-element.elementor-element-6f4090c{--content-width:95%;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1729 .elementor-element.elementor-element-3f1f5cf{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1729 .elementor-element.elementor-element-a1d03dd{--content-width:95%;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1729 .elementor-element.elementor-element-db93cc8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1729 .elementor-element.elementor-element-f713523 .elementor-heading-title{font-size:24px;line-height:36px;}.elementor-1729 .elementor-element.elementor-element-700f829{--content-width:95%;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1729 .elementor-element.elementor-element-5ccdf19 .elementor-heading-title{font-size:24px;line-height:36px;}}@media(min-width:768px){.elementor-1729 .elementor-element.elementor-element-8c88d1e{--content-width:1440%;}.elementor-1729 .elementor-element.elementor-element-915d977{--content-width:70%;}.elementor-1729 .elementor-element.elementor-element-6f4090c{--content-width:100%;}.elementor-1729 .elementor-element.elementor-element-a1d03dd{--content-width:70%;}.elementor-1729 .elementor-element.elementor-element-700f829{--content-width:70%;}.elementor-1729 .elementor-element.elementor-element-9d1275b{--width:40%;}.elementor-1729 .elementor-element.elementor-element-1d113df{--width:60%;}}/* Start custom CSS for html, class: .elementor-element-868dbd1 *//* ===========================================
   QUIZ VAE
=========================================== */

.vae-quiz{

max-width:1400px;

margin:auto;

padding:40px 20px;

font-family:"Poppins",sans-serif;

}

.row{

display:grid;

gap:35px;

margin-bottom:35px;

}

.row-1{

grid-template-columns:repeat(3,1fr);

}

.row-2{

grid-template-columns:repeat(2,1fr);

max-width:930px;

margin-left:auto;

margin-right:auto;

}
/* ===========================================
   CARTES
=========================================== */

.quiz-card{

    background:#ffffff;

    border-radius:18px;

    padding:40px;

    position:relative;

    box-shadow:
    0 8px 25px rgba(0,0,0,.08);

    transition:.35s;

}

.quiz-card:hover{

    transform:translateY(-6px);

    box-shadow:
    0 20px 40px rgba(0,0,0,.15);

}


/* ===========================================
   NUMEROS
=========================================== */

.quiz-number{

    position:absolute;

    top:-30px;

    left:50%;

    transform:translateX(-50%);

    width:64px;

    height:64px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:28px;

    font-weight:700;

    z-index:5;

    box-shadow:0 8px 20px rgba(0,0,0,.18);

}

.orange{
background:#f35c24;
}

.yellow{
background:#f7a300;
}

.blue{
background:#00a9c8;
}

.violet{
background:#4558d5;
}

.green{
background:#00a18e;
}


/* ===========================================
   TITRES
=========================================== */

.quiz-card h3{

    margin-top:20px;

    margin-bottom:30px;

    color:#1b3553;

    font-size:18px;

    line-height:1.35;

    font-weight:700;

}


/* ===========================================
   BOUTON PRINCIPAL
=========================================== */

.select-button{

    width:100%;

    background:#00a7c8;

    color:white;

    font-size:15px;

    font-weight:400;

    border:none;

    border-radius:12px;

    padding:18px;

    cursor:pointer;

    transition:.3s;

}

.select-button:hover{

    background:#028cab;

}


/* ===========================================
   MENU
=========================================== */

.dropdown{

    display:none;

    margin-top:12px;

    border-radius:12px;

    overflow:hidden;

    box-shadow:
    0 8px 20px rgba(0,0,0,.12);

}

.dropdown.open{

    display:block;

    animation:fadeDown .25s ease;

}


.option{

    background:#00a7c8;

    color:white;

    padding:18px;

    cursor:pointer;

    transition:.25s;

    border-bottom:
    1px solid rgba(255,255,255,.15);

}

.option:last-child{

    border-bottom:none;

}

.option:hover{

    background:#0089a4;

}


/* ===========================================
   REPONSE SELECTIONNEE
=========================================== */

.option.selected{

    background:#f35c24;

}


/* ===========================================
   MESSAGE ORANGE
=========================================== */

.info-box{

    display:none;

    margin-top:25px;

    background:#f35c24;

    color:white;

    padding:20px;

    border-radius:12px;

    font-size:16px;

    font-weight:600;

    line-height:1.5;

    animation:fadeUp .4s;

}


/* ===========================================
   RESULTAT
=========================================== */

.result-card{

    grid-column:1/-1;

    display:none;

    margin-top:40px;

    background:#f35c24;

    color:white;

    text-align:center;

    padding:60px;

    border-radius:18px;

    box-shadow:
    0 20px 40px rgba(0,0,0,.15);

}

.result-card h2{

    font-size:40px;

    margin-bottom:25px;

}

.result-text{

    font-size:22px;

    line-height:1.7;

    margin-bottom:35px;

}


/* ===========================================
   BOUTON FINAL
=========================================== */

.result-button{

    background:white;

    color:#f35c24;

    border:none;

    padding:18px 40px;

    border-radius:50px;

    font-size:18px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;

}

.result-button:hover{

    transform:scale(1.05);

}


/* ===========================================
   ANIMATIONS
=========================================== */

@keyframes fadeDown{

0%{

opacity:0;
transform:translateY(-15px);

}

100%{

opacity:1;
transform:translateY(0);

}

}

@keyframes fadeUp{

0%{

opacity:0;
transform:translateY(15px);

}

100%{

opacity:1;
transform:translateY(0);

}

}


/* ===========================================
   MOBILE
=========================================== */

@media(max-width:768px){

.vae-quiz{

grid-template-columns:1fr;

padding:20px;

}

.quiz-card{

padding:30px;

}

.quiz-card h3{

font-size:22px;

}

.quiz-number{

width:50px;
height:50px;

font-size:22px;

}

.result-card{

padding:35px;

}

.result-card h2{

font-size:28px;

}

.result-text{

font-size:18px;

}

}

@media (max-width:1024px){

.row-1{

grid-template-columns:repeat(2,1fr);

}

.row-2{

grid-template-columns:repeat(2,1fr);

max-width:none;

}

}

@media (max-width:767px){

.row-1,
.row-2{

grid-template-columns:1fr;

}

}/* End custom CSS */