/* ==================== */
/* Variables Light Mode */
/* ==================== */
@media (prefers-color-scheme: light)
{	:root
	{	--L_FFFFFF_D_121212: #FFFFFF;
		--L_939393_D_ECECEC: #939393;
		--L_FECB00_D_FFDB24: #FECB00;
		--L_000000_D_000000: #000000;
		--L_D0103A_D_E61942: #D0103A;
		--L_000000_D_ECECEC: #000000;
		--L_FFFFFF_D_FFFFFF: #FFFFFF;
		--L_000000_D_FFFFFF: #000000;
		--L_F6F6F6_D_282828: #F6F6F6;
		--L_757575_D_ECECEC: #757575;
		--L_363636_D_363636: #363636;
		--L_FFFFFF_D_363636: #FFFFFF;
		--L_000000_D_F6F6F6: #000000;
		--L_696969_D_FFDB24: #696969;
		--L_FFFFFF_D_121212: #ffffff; 
		
		--border_L_D0103A_D_E61942: 1px solid #D0103A;
		--border_L_FFFFFF_D_FFFFFF: 1px solid #FFFFFF;
		--drop_shadow_L_000000_D_000000: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.2));
		--widget_border: 1.5px solid #FFFFFF;
		
		--opacity_img: 1.0;
	}
}


/* ==================== */
/* Variables Dark Mode */
/* ==================== */
@media (prefers-color-scheme: dark)
{	:root
	{	--L_FFFFFF_D_121212: #121212;
		--L_939393_D_ECECEC: #ECECEC;
		--L_FECB00_D_FFDB24: #FFDB24;
		--L_000000_D_000000: #000000;
		--L_D0103A_D_E61942: #E61942;
		--L_000000_D_ECECEC: #ECECEC; 
		--L_FFFFFF_D_FFFFFF: #FFFFFF;
		--L_000000_D_FFFFFF: #FFFFFF;
		--L_F6F6F6_D_282828: #282828;
		--L_757575_D_ECECEC: #ECECEC;
		--L_363636_D_363636: #363636;
		--L_FFFFFF_D_363636: #363636;
		--L_000000_D_F6F6F6: #F6F6F6;
		--L_696969_D_FFDB24: #FFDB24;
		--L_FFFFFF_D_121212: #121212; 
		
		--border_L_D0103A_D_E61942: 1px solid #E61942;
		--border_L_FFFFFF_D_FFFFFF: 1px solid #FFFFFF;
		--drop_shadow_L_000000_D_000000: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.2));
		--widget_border: 1.5px solid #363636;
		
		--opacity_img: 0.9;
	}
}

/* Général à  la page */
.lp_marque_body {margin: 0; background-color: var(--L_FFFFFF_D_121212); font-variant-ligatures: no-common-ligatures; box-sizing: border-box; }
.lp_marque_body .lp_marque_sronly {position: absolute; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; clip: rect(0,0,0,0); overflow: hidden; white-space: nowrap; }
.lp_marque_body .lp_marque_wrapper {margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; width: 100%; max-width: 1320px; }
.lp_marque_body .underline {text-decoration: underline; }

/* Picto EI n'existant pas dans ei_base_vitrine_2020.css */
.ei_gly_phone_f05d4:before {content:"\F05D4"; }
.ei_gly_f0b9e:before {content:"\F0B9E"; }
.ei_gly_f0c1e:before {content:"\F0C1E"; }

/* Header légal */
.lp_marque_topbanner {padding: 12px 0; background-color: var(--L_FFFFFF_D_121212); color: var(--L_757575_D_ECECEC); font-size: 12px; font-weight: 500; line-height: 1.3334; text-align: center; }
.lp_marque_topbanner .lp_marque_headline {margin: 0; }

/* Bloc intro */
.lp_marque_intro {width: 100%; position: relative; }
.lp_marque_intro__title {position: relative; padding-bottom: 0px; }
.lp_marque_intro__title .lp_marque_logo {display: inline-block; margin-bottom: 5px; }
.lp_marque_intro__title .lp_marque_logo .lp_marque_img {display: block; width: 134px; max-width: 100%; height: auto; margin-top: 15px; }

/* Bloc 40ans */
.lp_marque_choisir { margin-top: 0; }
.lp_marque_intro { background-image: none; opacity: 1; background-color: var(--L_F6F6F6_D_282828); height: 114px; }
.lp_marque_teaser { background-color: var(--L_F6F6F6_D_282828); overflow-x: hidden;}
.lp_marque_teaser_wrapper { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; width: 100%; max-width: 1320px; display: flex; }
.lp_marque_teaser_txt { width: 100%; display: flex; flex-direction: column; justify-content: end; padding-bottom: 45px; color: var(--L_000000_D_ECECEC); }
.lp_marque_teaser_txt h1 { font-weight: 600; }
.lp_marque_teaser_txt .bloc_texte {margin-top: 18.76px; }
.lp_marque_desktop { display: none; }
.lp_marque_container_mobile { width: 100%; position: relative; color: #000; }
.lp_marque_container_mobile .lp_marque_image {height: 232px; margin: 0 -50px; position: relative; }
.lp_marque_container_mobile .lp_marque_image img {height: 100%; width: 100%; object-fit: cover; }
.lp_marque_container_mobile .lp_marque_40ans_text { position: relative; text-align: center; font-size: 18px; line-height: 1.15; margin-top: -20px; }
.lp_marque_container_mobile .lp_marque_40ans_text--years { font-size: 32px; font-weight: 500; }
.lp_marque_choisir .lp_marque_wrapper .bloc_texte { font-size: 16px; }

/* Bloc Choisir */
.lp_marque_choisir {margin-top: -10px; background-color: var(--L_FFFFFF_D_121212); }
.lp_marque_choisir .bloc_texte {margin-top: 25px; color: var(--L_000000_D_ECECEC); }
.lp_marque_choisir h1 {margin-top: 70px;font-size: 19px; color: var(--L_000000_D_FFFFFF); font-weight: 600;}

/* Bloc Souscrire */
.lp_marque_souscrire {margin-top: 40px; padding-bottom: 25px; background-color: var(--L_FFFFFF_D_121212); }
.lp_marque_souscrire .title_step {margin: 15px 0; font-size: 19px; color: var(--L_000000_D_FFFFFF); font-weight: 600; }

/* Bloc FAQ */
.lp_marque_faq {margin-top: 40px; }
.lp_marque_faq h2 {color: var(--L_000000_D_FFFFFF); }

/* Bloc Contact */ 
.lp_marque_contact {margin-top: 40px; }

/* Bloc Rappel */ 
.lp_marque_rappel {margin-top: 40px; }

/* Bloc Avis Clients */ 
.lp_marque_avis_clients {margin-top: 40px; }
.lp_marque_avis_clients h2 {color: var(--L_000000_D_FFFFFF); }

/* Bloc Mentions */ 
.lp_marque_mentions {margin-top: 60px; }
.lp_marque_mentions .bloc_mentions {font-size: 14px; color: var(--L_000000_D_ECECEC); }

/* Bloc Footer */
.lp_marque_footer {margin-top: 60px; margin-bottom: 40px; color: var(--L_000000_D_ECECEC); font-size: 12px; font-weight: 400; }

/* Bloc Widget (supplément de code) */
/* ._styles .contact-modal .contact-list {list-style-type: none; }
._styles .contact-modal .contact-list a {text-decoration: none; color: var(--L_000000_D_F6F6F6); }
._styles .contact-modal .contact-modal-opener {text-decoration: none; color: var(--L_363636_D_363636); border: var(--widget_border); background-color: var(--L_FECB00_D_FFDB24); }
._styles .contact-modal .picto_widget {font-size: 25px; color: var(--L_696969_D_FFDB24); }
._styles .contact-modal .contact-item a {background-color: var(--L_FFFFFF_D_363636); }
._styles ._footer a {color: var(--L_000000_D_F6F6F6); }
._styles .contact-modal.active .contact-modal-opener .icon-container::before {-webkit-transform: translate(-35%, -56%) rotate(45deg); -ms-transform: translate(-35%, -56%) rotate(45deg); transform: translate(-35%, -56%) rotate(45deg); font-weight: 700; }
._styles .contact-modal .contact-modal-opener .picto_widget_a_ouvrir {visibility: visible; font-size: 18px; color: var(--L_363636_D_363636);  }
._styles .contact-modal .contact-modal-opener .picto_widget_a_ouvrir:before {transform: translate(0%, -20%) rotate(270deg) rotateX(180deg); transition-delay: .2s; }
._styles .contact-modal.active .contact-modal-opener .picto_widget_a_ouvrir {visibility: hidden; } */

/* Module "Bloc plier/déplier" */
.module_plier_deplier {margin-top: 30px; }
.module_plier_deplier .bloc_data {margin-inline: auto; }
.module_plier_deplier .bloc_data:not(:first-child) {margin-top: 25px; }	
.module_plier_deplier .bloc_data .titre {display: block; justify-content: space-between; align-items: center; gap: 2em; list-style: none; background-color: var(--L_F6F6F6_D_282828); color: var(--L_000000_D_ECECEC); font-weight: bold; border-radius: 4px; padding: 20px 25px; min-height: 70px; margin-top: 2px; cursor: pointer; }
.module_plier_deplier .bloc_data .titre::-webkit-details-marker {display: none; }
.module_plier_deplier .bloc_data .titre h2 {margin: 0; color: var(--L_D0103A_D_E61942); font-size: 19px; font-weight: 600; }
.module_plier_deplier .bloc_data .titre:focus {outline: max(2px, 1px) solid var(--L_939393_D_ECECEC); outline-offset: -5px; }
@support selector (:focus-visible) 
{	.module_plier_deplier .bloc_data .titre:focus {outline: none; }
	.module_plier_deplier .bloc_data .titre:focus-visible {outline: max(2px, 1px) solid var(--L_939393_D_ECECEC); outline-offset: -5px; }
}
.module_plier_deplier .bloc_data .titre p {margin-top: 15px; margin-bottom: 20px; font-size: 14px; font-weight: 400; }
.module_plier_deplier .bloc_data .titre span[aria-hidden="true"] {line-height: 0; }
.module_plier_deplier .bloc_data .titre span[aria-hidden="true"]::before {content: "\0F018E"; font-family: fts_picto; font-size: 25px; font-weight: 400; color: var(--L_000000_D_ECECEC); right: 40px; margin-top: -8px; margin-right: -8px; float: right; }
.module_plier_deplier .bloc_data[open] .titre span[aria-hidden="true"]::before {content: "\0F0413"; }
.module_plier_deplier .bloc_data .bloc_cache {margin-top: -5px; color: var(--L_000000_D_ECECEC); font-size: 16px; font-weight: 400; padding-left: 25px; padding-right: 25px; background-color: var(--L_F6F6F6_D_282828); padding-bottom: 20px; border-radius: 4px; padding-top: 10px; }
.module_plier_deplier .bloc_data .bloc_cache p {font-size: 14px; font-weight: 400; color: var(--L_000000_D_ECECEC); }
.module_plier_deplier .bloc_data .bloc_cache p:not(:first-child) {margin-top: 10px; }
.module_plier_deplier .bloc_data .bloc_cache ul {list-style-position: inside; font-size:14px;}
.module_plier_deplier .bloc_data .bloc_cache ul li {padding-bottom:10px;}
.module_plier_deplier .bloc_data .bloc_cache a {color: var(--L_D0103A_D_E61942); }

/* Module "Classic" */
.lp_marque_classic {margin-top: 40px; background-color: var(--L_FFFFFF_D_121212); }
.lp_marque_classic .titre_classic {margin: 15px 0; font-size: 19px; color: var(--L_000000_D_FFFFFF); font-weight: 600; }
.lp_marque_classic .module_classic {background-color: var(--L_F6F6F6_D_282828); padding: 25px 25px; border-radius: 4px; margin-top: 20px; }
.lp_marque_classic .module_classic p {font-size: 14px; font-weight: 400; color: var(--L_000000_D_FFFFFF); }

/* Module "Etapes" */
.module_etapes {background-color: var(--L_F6F6F6_D_282828); padding: 25px 35px; border-radius: 4px; margin-top: 20px; }
.module_etapes .bloc_steps_steps {list-style: none; margin: 0 0 0 10px; padding: 0; font-size: 14px; }
.module_etapes .bloc_steps_steps_step {position: relative; counter-increment: inst; border-left: var(--border_L_D0103A_D_E61942); padding: 10px 10px 40px 40px; }
.module_etapes .bloc_steps_steps_step::before {content: counter(inst); position: absolute; transform: translateX(calc(-50% - 40px)) translateY(-10px); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; justify-items: center; background-color: var(--L_D0103A_D_E61942); color: var(--L_FFFFFF_D_FFFFFF); border-radius: 4px; font-weight: bold; }
.module_etapes .bloc_steps_steps_step:last-child {border-left: none; padding-bottom: 10px; }
.module_etapes .bloc_hide_step {text-decoration: none; color: var(--L_000000_D_ECECEC); width: 100%; display: block; align-items: center; position: relative; }

/* Module "FAQ" */
.module_faq {margin-top: 25px; }
.module_faq .bloc_qr {margin-inline: auto; }
.module_faq .bloc_qr .question {display: flex; justify-content: space-between; align-items: center; gap: 2em; list-style: none; background-color: var(--L_F6F6F6_D_282828); color: var(--L_000000_D_ECECEC); font-weight: bold; border-radius: 4px; padding: 10px 25px; min-height: 70px; margin-top: 2px; cursor: pointer; }
.module_faq .bloc_qr .question::-webkit-details-marker {display: none; }
.module_faq .bloc_qr .question h3 {margin: 0; color: var(--L_000000_D_ECECEC); font-size: 16px; font-weight: 600; }
.module_faq .bloc_qr .question:focus {outline: max(2px, 1px) solid var(--L_939393_D_ECECEC); outline-offset: -5px; }
@support selector (:focus-visible) 
{	.module_faq .bloc_qr .question:focus {outline: none; }
	.module_faq .bloc_qr .question:focus-visible {outline: max(2px, 1px) solid var(--L_939393_D_ECECEC); outline-offset: -5px; }
}
.module_faq .bloc_qr .question span[aria-hidden="true"] {line-height: 0; }
.module_faq .bloc_qr .question span[aria-hidden="true"]::before {content: "\F0327"; font-family: fts_picto; font-size: 30px; font-weight: 400; color: var(--L_000000_D_ECECEC); }
.module_faq .bloc_qr[open] .question span[aria-hidden="true"]::before {content: "\F032A"; }
.module_faq .bloc_qr .reponse {margin-top: -5px; color: var(--L_000000_D_ECECEC); font-size: 16px; font-weight: 400; line-height: 1.5; padding-left: 25px; padding-right: 25px; background-color: var(--L_F6F6F6_D_282828); padding-bottom: 20px; border-radius: 4px; padding-top: 10px; }
.module_faq .bloc_qr .reponse a {color: var(--L_D0103A_D_E61942); }

/* Module "Contact" */
.module_contact {background-color: var(--L_F6F6F6_D_282828); color: var(--L_000000_D_ECECEC); padding: 15px 15px; border-radius: 4px; margin-top: 20px; }
.module_contact .bloc_titre {text-align: left; font-size: 21px; font-weight: 700; color: var(--L_000000_D_FFFFFF); }
.module_contact .bloc_pictos {display: flex; width: 100%; text-align: center; margin-top: 15px; }
.module_contact .bloc_pictos a {color: var(--L_000000_D_ECECEC); text-decoration: none; }
.module_contact .bloc_pictos .picto_chat {width: 33%; font-size: 40px; }
.module_contact .bloc_pictos .picto_email {width: 33%; font-size: 40px; }
.module_contact .bloc_pictos .picto_telephone {width: 33%; font-size: 40px; }
.module_contact .bloc_pictos .picto_wording {font-size: 16px; margin-top: 5px; }

/* Module "Bouton" */
.cta-topbutton {margin-top: 20px; text-align:center;}
.cta-topbutton .cta {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 25px; background-color: var(--L_D0103A_D_E61942); color: var(--L_FFFFFF_D_FFFFFF); font-size: 16px; font-weight: 500; border-radius: 4px; border: none; outline: 0; cursor: pointer; text-decoration: none; }
.cta-topbutton .cta:hover {background-color: var(--L_FECB00_D_FFDB24); color: var(--L_000000_D_000000); }

.cta-container {margin-top: 30px; text-align:center;}
.cta-container .cta {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 25px; background-color: var(--L_D0103A_D_E61942); color: var(--L_FFFFFF_D_FFFFFF); font-size: 16px; font-weight: 500; border-radius: 4px; border: none; outline: 0; cursor: pointer; text-decoration: none; }
.cta-container .cta:hover {background-color: var(--L_FECB00_D_FFDB24); color: var(--L_000000_D_000000); }
.cta-container .cta_secondaire {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 25px; background-color: var(--L_FFFFFF_D_FFFFFF); color: var(--L_D0103A_D_E61942); font-size: 16px; font-weight: 500; border-radius: 4px; border: var(--border_L_D0103A_D_E61942); outline: 0; cursor: pointer; text-decoration: none; }
.cta-container .cta_secondaire:hover {color: var(--L_FFFFFF_D_FFFFFF); background-color: var(--L_D0103A_D_E61942); border: var(--border_L_FFFFFF_D_FFFFFF); }

/* Module "Rappel" */
.module_rappel {background-color:var(--L_F6F6F6_D_282828); color: var(--L_000000_D_ECECEC); padding: 15px 15px; border-radius: 4px; margin-top: 20px; }
.module_rappel .bloc_titre {text-align: left; font-size: 21px; font-weight: 700; color: var(--L_000000_D_FFFFFF); }
.module_rappel .bloc_texte {text-align: center; font-size: 16px; margin-top: 20px; }

/* Module "Avis Clients" */
.module_avis_clients {margin-top: 25px; color: var(--L_000000_D_ECECEC); }
.module_avis_clients .bloc_avis {display: flex; width: 100%; text-align: center; }
.module_avis_clients .bloc_avis .avis_verifies {width: 33%; }
.module_avis_clients .bloc_avis .google {width: 33%; }
.module_avis_clients .bloc_avis .trustpilot {width: 33%; }
.module_avis_clients .bloc_avis .bloc_star {font-size: 18px; }
.module_avis_clients .bloc_avis .note_avis .img_picto_avis {width: 60px; }
.module_avis_clients .bloc_avis .note_avis .note_txt {font-size: 14px; margin-left: 3px; margin-top: 5px; }
.module_avis_clients .bloc_avis .note_avis .note_txt a {color: var(--L_D0103A_D_E61942); }

/* Module "Footer" */
.module_footer {display: flex; flex-direction: column; align-items: center; }
.module_footer .logo_cofidis {margin-bottom: 25px; }
.module_footer .logo_cofidis .img {width: 160px; }
.module_footer .droits {margin: 0 0 25px; color: var(--L_000000_D_ECECEC); }
.module_footer .logo_autre {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-left: -3px; margin-right: -3px; }
.module_footer .logo_autre .bloc_logo {margin: 3px; }
.module_footer .logo_autre .bloc_logo .img:not(.module_footer .logo_autre .bloc_logo:first-child img) {display: block; width: 32px; max-width: 100%; height: auto; }
.module_footer .logo_autre .bloc_logo:first-child img {margin-right: 10px; }

@media (min-width: 1024px)
{	/* Général à  la page */
	.lp_marque_body {font-size: 19px; }
	.lp_marque_body [class*=mobile-] {display: none!important; }
	.cta-topbutton {text-align:left;}
	
	/* Header légal */
	.lp_marque_topbanner {font-size: 16px; z-index: 100; position: relative; }
	.lp_marque_topbanner .lp_marque_headline {position: relative; }

	/* Bloc intro */
	.lp_marque_intro__title .lp_marque_logo .lp_marque_img {margin-top: 45px; }
	
	/* Bloc 40ans */
	.lp_marque_choisir .lp_marque_wrapper .bloc_texte { display: none; }
	.lp_marque_intro__title .lp_marque_logo .lp_marque_img { margin-top: 15px; }
	.lp_marque_teaser_txt { padding-bottom: 56px; width: 65%; padding-right: 116px; }
	.lp_marque_teaser_txt h1 { font-size: 42px; font-weight: 600; line-height: normal; }
	.lp_marque_teaser {overflow-x:unset;}
	.lp_marque_teaser_txt .bloc_texte { display: block; position: relative; top: 25px; padding-right: 45px; }
	.lp_marque_choisir { margin-top: 60px; }
	.lp_marque_container_mobile { display: none; }
	.lp_marque_desktop {display: block; margin-top: -115px; position: relative; width: 35%; }
	.lp_marque_desktop .lp_marque_image {height: 100%; }
	.lp_marque_desktop .lp_marque_image img {height: 100%; width: 100%; object-fit: cover; object-position: right; }
	.lp_marque_desktop .lp_marque_40ans_text { position: relative; text-align: center; font-size: 18px; line-height: 1.15; }
	.lp_marque_desktop .lp_marque_40ans_text--years { font-size: 32px; font-weight: 500; }
	
	/* Bloc Choisir */
	.lp_marque_choisir {margin-top: -10px; }
	
	/* Bloc FAQ */
	.lp_marque_faq h2 {font-size: 28px; }

	/* Bloc Avis Clients */ 
	.lp_marque_avis_clients h2 {font-size: 28px; }

	/* Module "Bloc plier/déplier" */
	.module_plier_deplier .bloc_data .titre h2 {font-size: 28px; }
	.module_plier_deplier .bloc_data .titre p {font-size: 19px; }
	.module_plier_deplier .bloc_data .bloc_cache ul {font-size:19px;}
	.module_plier_deplier .bloc_data .bloc_cache p {font-size: 19px; }

	/* Module "Classic" */
	.lp_marque_classic .module_classic p {font-size: 18px;}

	/* Bloc Souscrire */
	.lp_marque_souscrire .title_step {margin: 30px 0; font-size: 31px; }

	/* Module "Etapes" */
	.module_etapes .bloc_steps_steps {font-size: 19px; }

	/* Module "FAQ" */
	.module_faq .bloc_qr .question h3 {font-size: 19px; }
	.module_faq .bloc_qr .reponse {font-size: 19px; }

	/* Module "Contact" */
	.module_contact .bloc_titre {font-size: 28px; }
	.module_contact .bloc_pictos .picto_chat {font-size: 71px; }
	.module_contact .bloc_pictos .picto_email {font-size: 58px; }
	.module_contact .bloc_pictos .picto_telephone {font-size: 58px; }

	/* Module "Rappel" */
	.module_rappel .bloc_titre {font-size: 28px; }
	
	/* Module "Avis Clients" */
	.module_avis_clients .bloc_avis .bloc_star {font-size: 25px; }
	.module_avis_clients .bloc_avis .note_avis .img_picto_avis {width: 90px; }
	.module_avis_clients .bloc_avis .note_avis .note_txt {font-size: 14px; }
	
	/* Module "Footer" */
	.module_footer {flex-direction: row; justify-content: space-between; position: relative; }
	.module_footer .logo_cofidis {margin-bottom: 0; }
	.module_footer .logo_cofidis .img {width: 96px; }
	.module_footer .droits {position: absolute; top: 50%; left: 50%; margin-bottom: 0; transform: translate(-50%, -50%); }
	.module_footer .logo_autre {margin-left: -6px; margin-right: -6px; }
	.module_footer .logo_autre .bloc_logo {margin: 6px; }
	
	/* Bloc Mentions */ 
	.lp_marque_mentions .bloc_mentions {font-size: 16px; }
}


@media (min-width:1280px)
{		
	/* Module Classic */
	.lp_marque_classic .titre_classic{font-size:28px;}
	.lp_marque_choisir h1 {font-size: 34px;}
	
	/* Bloc Souscrire */
	.lp_marque_souscrire .title_step {font-size: 34px; }
}