/* assets/styles.css */

/* Prevent Multiple Contact Form 7 Submissions */

.wpcf7-form.submitting .wpcf7-submit {
    pointer-events: none;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.no_margin_bt p {
	margin-bottom: 0 !important;
}


.no_wrap {
	white-space: nowrap;
}

.fancy_txt {
	position: relative;
	top: 7px;
	color: #87ABC9 !important;
	font-size : 50px !important;
    font-family: "Luxinus Elegance", Sans-serif;
	font-weight: 700;
	font-style: italic;
}

.fancy_txt.dark {
	color: #093162 !important;
}

@media screen and (max-width:1439px) {

	.fancy_txt.en_ligne {
		font-size : 40px !important;
	}
	
}

@media screen and (max-width:1199px) {

	.fancy_txt {
		font-size : 40px !important;
	}
	
	.fancy_txt.en_ligne {
		font-size : 30px !important;
	}
	
}

@media screen and (max-width:767px) {

	.fancy_txt,
	.fancy_txt.en_ligne {
		top: 2px;
		font-size : 20px !important;
	}
	
	.mobile_direction_flex ul {
		flex-direction: column !important;
	}

}

@media screen and (max-width:424px) {

	.fancy_txt {
		font-size : 18px !important;
	}
	
}


@media screen and (min-width:768px) {

	.mobile_only {
		display: none !important; 
	}
	
	.height_svg svg {
		width: auto !important;
		height: auto !important;
	}
	
}


/*Bouton ombre*/

.btn_ombre {
  position: relative; 
  display: inline-block;
}

.btn_ombre a {
  position: relative;	
  z-index: 2;
}

.btn_ombre::after {
  content: "";
  position: absolute;
  top: 6px;   
  left: 12px;  
  width: calc(100% - 6px);
  height: 100%;
  background: #093162; 
  z-index: 1;
  transition: all .3s	
}

.btn_ombre:hover::after,
.btn_ombre.hover_light:hover::after {
  background: #87ABC9; 
}

.btn_ombre.light::after {
  background: #fff; 
}

.btn_ombre.white::after {
  background: #87ABC9; 
}

.btn_ombre.white:hover::after,
.btn_ombre.hover_white:hover::after {
  background: #fff; 
}

.btn_ombre.dark:hover::after {
	background: #093162; 
}

@media screen and (max-width:767px) {

	.btn_ombre.menu a {
		color: #093162 !important; 		
		background-color : #fff !important;
		border-color: #093162 !important;  
	}
	
	.btn_ombre.menu a:hover {
		color: #fff !important; 		
		background-color : #87ABC9 !important;
		border-color: #87ABC9 !important;  
	}	
	
	.btn_ombre.menu:hover::after {
		background: #093162; 
	}
	
}

/* Top banner */

.motif_top_left img {
    width: 910px !important;
}

@media screen and (max-width:2222px) {
	
	.motif_top_left img {
		width: 790px !important;
	}
}

@media screen and (max-width:2000px) {
	
	.motif_top_left img {
		width: 670px !important;
	}
}

@media screen and (max-width:1740px) {
	
	.motif_top_left img {
		width: 555px !important;
	}
}

@media screen and (max-width:1600px) {
	
	.motif_top_left img {
		width: 465px !important;
	}	
	
}

@media screen and (max-width:1500px) {
	
	.motif_top_left img {
		width: 415px !important;
	}	
	
}

@media screen and (max-width:1300px) {
	
	.motif_top_left img {
		width: 330px !important;
	}	
	
}

@media screen and (max-width:424px) {
	
	.motif_top_left img {
		width: 230px !important;
	}	
	
}

/**breadcrumb**/

.breadcrumb div {    
	display: flex;
    /*align-items: center;*/
}

.breadcrumb div img {    
	margin : 0 25px;	
}

@media screen and (max-width:1439px) {
	
	.breadcrumb div img {    
		margin : 0 20px;	
	}
	
}

@media screen and (max-width: 1023px) {
	
    .breadcrumb div img {
        margin: 0 15px;
        width: 30px;
        height: 15px;
    }
	
}

@media screen and (max-width: 424px) {
    .breadcrumb div img {
        margin: 0 10px;
        width: 20px;
        height: 20px;
    }
}


/* form_customize */

.form_customize input,
.form_customize select,
.form_customize textarea {
    padding: 17px 17px 12px 17px !important;
}

.form_customize hr {
	margin : 20px 0;
    height: 2px;
    border: 0;
    background-color: #F5F3F0;
}

.form_customize .e-form__buttons {
  position: relative;
  display: inline-block; 
  width: auto !important; 
  padding: 0 !important;
  margin: 30px auto 0 auto !important;	
}

.form_customize.services .e-form__buttons {
  margin: 0 10px 0 auto !important;	
}


.form_customize .e-form__buttons::after {
  content: "";
  position: absolute;
  top: 6px;   
  left: 12px;  
  width: calc(100% - 6px);
  height: 100%;
  background: #fff;
  z-index: 0;
  transition: all .3s		
}

.form_customize .e-form__buttons:hover::after,
.form_customize.services.footer .e-form__buttons:hover::after {
  background: #093162;
}


.form_customize.services .e-form__buttons:hover::after {
  background: #87ABC9;
}

.form_customize .e-form__buttons .elementor-button {
  position: relative;
  z-index: 1;
  color: #fff;
}

/* tableau taux du jout*/

.table_taux th {
    color: #093162 !important;
    background-color: #87ABC9 !important;
    border: solid 2px#87ABC9 !important;
}

.table_taux td {
    color: #fff;
    text-align: center;
    border: solid 2px#87ABC9 !important;
}

.table_taux td strong {
	font-size: 30px;
	letter-spacing: 0.45px;
    font-family: "Luxinus Elegance", Sans-serif;
	font-weight: 700;
	font-style: italic;
}

@media screen and (max-width : 1199px) {

	.table_taux td strong {
		font-size: 22px;
	}
	
}

@media screen and (max-width : 767px) {
	
	.table_taux table {
		overflow-x: auto; 
		max-width: 100%; 
  		display: block; 
  		white-space: nowrap;	
	}
	
	.table_taux td strong {
		font-size: 18px;
	}	
	
}

@media screen and (max-width : 424px) {

	.table_taux td strong {
		font-size: 16px;
	}
	
}

/*FAQ*/

.faq_sec .e-n-accordion-item-title-text {
	color: #093162;
    background-image: url('/wp-content/uploads/2025/09/motif-bleu-light.svg');
    background-repeat: no-repeat;
    background-size: 72px 27px;
    padding-left: 90px;
}

.faq_sec svg {
	fill: #87ABC9 !important;
}

.faq_sec .e-n-accordion-item-title {
    border-style: none !important;
	padding : 0 !important;
}

.faq_sec details {
    padding-bottom: 40px;
    border-bottom: 2px solid #87ABC9;
}


@media screen and (max-width : 1023px) {
	
	.faq_sec .e-n-accordion-item-title-text {
		background-size: 55px 20px;
		padding-left: 70px;
	}
	
	.faq_sec details {
		padding-bottom: 35px;
	}
	
}

@media screen and (max-width : 767px) {
	
	.faq_sec .e-n-accordion-item-title-text {
		background-size: 0;
		padding-left: 0;
	}
	
	.faq_sec details {
		padding-bottom: 25px;
	}
}