/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* ---- ancienbnes couleurs ------ couleurs violet/mauve #A852B8 couleur texte : #2D2D2D vert foncé #4A6B1F   vert intermédiaire #D8EBAA */
/*couleurs : violet  #B82B8E  vert clair des fonds #D7EF81  couleur très claire vert header #F7FBEE  gris-foncé vert #606350    */



/*page Rechercher*/

/* images trop grandes sur la page de résultats de recherche */
body.search-results main img {
    max-width: 200px;
    height: auto;
    display: block;
    float: left;
    margin: 0 20px 15px 0;
    border-radius: 6px;
}

/* Pour que le texte ne soit pas collé à l'image */
body.search-results main article {
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}



/* h1 pour tel */
@media (max-width: 767px) {

    h1 {
        font-size: 22px !important;
    }
}



@media screen and (max-width:800px){
    .cookietable thead {
    display: none !important;
    }
    .cookietable tr{
    display: block;
    margin-bottom: 40px;
    }
    .cookietable td {
    display: block;
    text-align: right;
    }
    .cookietable td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
}
}



.formulaire-contact input.wpcf7-form-control.wpcf7-submit.has-spinner {
	background-color: #B82B8E;
    color: #FFFFFF;
    border-style: none;
	font-weight : 600;
}


.formulaire-contact input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
	background-color: #FFFFFF;
    color: #9E8C31;
    border: 1px solid #B82B8E;
	
}

.wpcf7-form label {
	width : 100%;
}


.img-boucle-actu img {
    width: 340px;
    height: 230px;
    object-fit: cover;

}

.font-lora a {
	font-family : "Lora", "Sans-serif" !important;
} 

.h2-small h2{
    font-size: 20px !important;
    font-family: "DM Sans",Sans-serif;
}

/*vert*/
.petit-tiret{
	width: 36px;
    height: 3px;
    background: #D7EF81;
    border-radius: 2px;
    margin-bottom: 24px;
}

.petit-tiret-blanc {
	width: 36px;
    height: 3px; 
    background: #FFFFFF;
    border-radius: 2px;
    margin-bottom: 24px;
}



/*citation en vert très clair*/
.citation {
    border-left: 4px solid #D7EF81;
    padding: 14px 20px;
    margin: 28px 0;
    background: #F7FBEE;
    border-radius: 0 8px 8px 0;
}


.h3-point-before h3::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #D7EF81;
  margin-right: 10px;
  vertical-align: middle;

}


.h3-point-before-clear h3::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F7FBEE;
  margin-right: 10px;
  vertical-align: middle;

}


/*des icones avec le bord violet*/

.icone-bord-violet svg {
  fill: none !important;
  stroke: #B82B8E !important;
  stroke-width: 1.5px;
}

.icone-fond-vert svg {
	background: #D7EF81;
}

/*icone timeline entourés d'un rond */
.icone-ronde {
  width: 35px !important;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #B82B8E;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icone-ronde svg {
  width: 22px;
  height: 22px !important;
}




/*la timeline page Qui suis-je*/
/* Conteneur parent de chaque étape */
.tl-item {
  position: relative;
  align-items: flex-start;
}


/* Ligne verticale reliant les étapes */
.tl-item:not(.lasttimeline)::after {
  content: '';
  position: absolute;
  left: 33px;
  top: 55px;
  width: 1px;
  height: calc(100% - 12px);
  background: #e0c8d8;
  z-index: 0;
}

/* responsive, en dessous de 1030px taille d'écran, la ligne verticale se décale : on la masque */
@media (max-width: 1030px) {
  .tl-item::after {
    display: none;
  }
}

/*enleve les marges qui se mettent dans les cards sur une seule ligne*/
.no-bottom-marge {
    grid-template-rows: auto !important;
}


/*mise en page Articles */
.page-header .entry-title {
	text-align:center;
	margin-top : 20px;
}


/******************************************/