/*
 Theme Name:   Marly Impression
 Theme URI:    https://marly-impression.com/
 Description:  Description
 Author:       Charly Web Design
 Author URI:   https://marly-impression.com/
 Template:     hello-elementor
 Version:      1.158
*/


/*Images formulaire Devis*/

.frm_label_with_image picture {
	width: 100%;
}

/*Couleurs Champs Formulaires*/

/* Couleur du texte saisi dans les champs de formulaire Elementor */
.elementor-form input,
.elementor-form textarea {
  color: #333333 !important; /* Couleur du texte saisi */
}




/*Devis*/
@media screen and (max-width: 1023px) {
.frm_image_options .frm_opt_container {
     justify-content: center;
}
.frm_rootline.frm_rootline_3 span.frm_rootline_title {
	display: block !important;
}
}

.informations-prospect .form-field {
    margin-bottom: 10px !important;
}
div#frm_field_181-20-0_container {
    margin-top: 20px;
}

.frm_current_page .frm_rootline_title {
	color : #000000 !important;
}
.frm_submit.frm_flex {
	margin: auto;
	flex-wrap: nowrap
}

.frm_opt_container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px; /* 10px entre les lignes, 20px entre les colonnes */
}

.frm_form_field.frm_left_container .frm_primary_label {
	padding-top: 8px !important;
}

.frm_opt_container label.frm_radio {
  margin: 0;
}
.frm_form_field:not(.frm_compact) .frm_dropzone {
	max-width: 100% !important;
}

.informations-prospect {
	max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.frm_submit.frm_flex {
    justify-content: center;
}
.donnees-perso {
  max-width: 600px;
    margin-left: auto;
	margin-right: auto;
    margin-top: -30px;
    padding-left: 5px;
}
/*bug formidable forms, à voir si corrigé*/
.frm_radio {
	display: inline-block !important; 
}
.frm_opt_container {
    margin-right: auto;
    text-align: left;
  
}

/*fin bug*/


/*Produits*/

.cadre-produit {
  position: relative;
  overflow: hidden;
}

.cadre-produit::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1);
  transition: transform 0.4s ease;
  z-index: 0;
}

.cadre-produit::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #28282873;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.cadre-produit:hover::before {
  transform: scale(1.1);
}

.cadre-produit:hover::after {
  opacity: 1;
}

.details-produits {
  opacity: 0;
  transition: opacity 0.4s ease;
  position: relative;
  z-index: 2;
}

.cadre-produit:hover .details-produits {
  opacity: 1;
}



/*Menu*/
@media screen and (max-width: 1023px) {
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    padding-bottom: 10px;
}
.bouton-deux-minutes .elementor-button-icon svg {
	width: 45px !important;	
}
.bouton-deux-minutes .elementor-button-content-wrapper {
	align-items: center;
}
.footer-contact {
	font-size: 22px !important;
	font-weight: 500;
}

.trait-bleu-fonce::before {

  top: 11px !important; 
 height: 3px !important;

}	

.trait-bleu-clair::before {
  top: calc(50% - 2.5px); /* ajuste verticalement */
  height: 3px !important;
 
}
	
	
}

.footer-contact {
	font-size: 26px;
	font-weight: 500;
}	

html, body {
  overflow-x: hidden;
}


.fond-bleu, .fond-jaune, .fond-rose {
  position: relative;
  background: none !important;
  overflow: visible;
}

.fond-bleu::before {
  content: "";
  position: absolute;
  top: 0%;
  left: -20%;
  width: 140%;
  height: 100%;
  background: linear-gradient(180deg, #4A7CE5 0%, #1957D9 100%);
  transform: rotate(-2.77deg);
  z-index: -1;
  pointer-events: none;
}
.fond-jaune::before {
  content: "";
  position: absolute;
  top: 0%;
  left: -20%;
  width: 140%;
  height: 100%;
  background: linear-gradient(180deg, #FFEB77 0%, #F7D304 100%);
  transform: rotate(2.54deg);
  z-index: -1;
  pointer-events: none;
}
.fond-rose::before {
  content: "";
  position: absolute;
  top: 0%;
  left: -20%;
  width: 140%;
  height: 100%;
  background: linear-gradient(180deg, #F08FCA 0%, #EF0190 100%);
  transform: rotate(-3.41deg);
  z-index: -1;
  pointer-events: none;
}



.texte-a-puces-sans-espace {
	list-style-position: outside;
	padding-left: 0;
	margin-left: 0;	
}
.texte-a-puces-sans-espace li::marker {
	font-size: 60%;
}
.texte-a-puces-sans-espace ul {
  display: flex;
  flex-direction: column;
  gap: 0px;
	margin-top: 10px;
}


.texte-a-puces ul {
	list-style-position: outside;
	padding-left: 1.2em;
	margin-left: 8px;	
}

.texte-a-puces li::marker {
	font-size: 60%;
}
.texte-a-puces ul {
display: flex;
  flex-direction: column;
  gap: 10px;
}


.espace-paragraphe::after {
    content: '';
    display: block;
    height: 23px;
}


.trait-bleu-fonce {
  position: relative;
  padding-left: 0; /* largeur du trait + espace */
  line-height: 1.2;
}

.trait-bleu-fonce::before {
  content: "";
  position: absolute;
  left: -160px;
  top: 20px; /* ajuste verticalement */
  width: 140px;
  height: 5px;
  background-color: #2168AE; /* bleu foncé */
}

.trait-bleu-clair {
  position: relative;
  padding-left: 0; /* largeur du trait + espace */
  line-height: 1.2;
}

.trait-bleu-clair::before {
  content: "";
  position: absolute;
  left: -160px;
  top: calc(50% - 2.5px); /* ajuste verticalement */
  width: 163px;
  height: 5px;
  background-color: #09A0FF; /* bleu foncé */
}




.rond-catalogue:hover h3 {
  color: white;
	transition: 0.3s;
}

#form-field-field_86044dc {
  display: none;
}


.formulaire-footer span.elementor-field-option label {
    font-size: 14px !important;
}
.formulaire-footer span.elementor-field-option input {
	vertical-align: middle;
}

.formulaire-footer label.elementor-field-label, .formulaire-footer .elementor-field {
	padding-left: 13px;	
}
.formulaire-footer .elementor-field {
	padding-top: 13px;
	padding-bottom: 13px;
}

.bouton-deux-minutes .elementor-button-icon svg {
	width: 63px;	
}

.cercle-bleu {
  position: relative;
  width: 331px;
  height: 331px;
  border-radius: 50%;
  background-color: #4A7CE5; /* Couleur de fond du cercle intérieur */
  overflow: hidden;
}

.cercle-bleu::before {
  content: "";
  position: absolute;
  top: 23px;
  left: 23px;
  right: 23px;
  bottom: 23px;
  background-color: white; /* Couleur du "fond" intérieur */
  border-radius: 50%;
}


/*

.menu-haut .elementor-item:after {
    background-color: #ffffff !important;
}

.menu-haut .menu-item a {
  position: relative;
  display: inline-block;
}

.menu-haut .menu-item a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
  width: 15px;
  height: 13px;
  background: transparent url('images/polygon-menu.png') no-repeat center / contain;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.menu-haut .menu-item a:hover::after, .menu-haut .menu-item a.elementor-item-active::after {
  opacity: 1;
}

*/




/*footer en bas*/
body{
min-height: 100vh;
display: flex;
flex-direction: column;
}
.elementor-location-footer {
margin-top: auto;
}

/*fin footer en bas*/

body.login.login-password-protected.login-action-password-protected-login.wp-core-ui {
    background: #4A7CE5 !important;
}
.language-switcher {
    display: none !important;
}
.wp-core-ui .button-primary {
    background: #4A7CE5 !important;
    border-color: #4A7CE5 !important;
}
p {
	margin-bottom: 0;
}