/*
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 */

@font-face {
	font-family: 'source_sans_proregular';
	src: url('fonts/sourcesanspro-regular-webfont.eot');
	src: url('sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
		url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
		url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	/*permet d’afficher un fallback en attendant la police */

}

body {
	font-family: "source_sans_proregular", sans-serif;
	font-size: 1.25rem;
	/* = 20px si base = 16px */
	line-height: 1, 5625rem;
	/* = 25px */
	font-weight: 400;
	color: #000;
}
h1, h2, h3, h4, h5, h6,
.second,
.titre-archives-blog h1,
.menu-date span,
.location-salles-hero h1,
.listing-location-salles span,
.section-intro-projet h1 {
    font-size: clamp(1.6rem, 3.5vw, 2.50rem);
    line-height: 1.2;
    font-weight: 900;
    color: #00618a;
}

.hero-home,.video-playlist,.temoiniagnes,.actualites,.reseau-soliha,
.contact,.hero-resauration,.adhesion,.reservertion-inclus,.services-traiteur,.demande-devis,
.hero-page-test,.section-chambres,.section-chambre,.section-chambres-services,.chambres-options
,.chambre-experiences,.chambres-services,.toto,.modaites,
.logements-option,.menu-semaine,.mot-chef,.home-experiences,.notre-projet{
padding: 60px 5vw;
}

.boucle-cct-services-inculs {
    padding: 0 5vw; /* 0 pour haut/bas, 5vw pour gauche/droite */
}


.titre-Archives,.titre-archives-blog,.location-salles-hero{
	padding: 2vw;

}
/* Couleur Global*/

/* bleux foncer*/
.header-contact,.temoiniagnes,.titre-Archives-article-blog,.service-traiteur,
.conteneur-formulaire-devis,.service-inclus,.chambres-prix-court,.section-ecosysteme-associatif,.bloc-valeurs,.reservertion-inclus,
.menu-semaine,.contact,.video-playlist {
	background-color: #00618a;
}
.service-inclus-option span,.horaires strong,.alocation-Al,.btn-boucle-salles span,.bouton-adhesion a,.bouton-adhesion a:hover{
	color: #00618a;
}

.h2.titre-slider-two-lines .first,h2.titre-slider-two-lines,.tableau-forfait-hebergement span,
.tableau-forfait-hebergement p,.chambres-prix-long span,.projet-intro-bleu p,.form-devis strong,
.hero-home h1,.notre-projet-col-droite,.service-inclus-option span,.horaires strong{
	color: #00618a;
}
/* bleux foncer*/

/* bleux ciel*/
.titre-archives-blog,.souligner hr,.chambres-prix-long,.logements-option,.btn-boucle-salles a{
	background-color:#a1d7e4;
}


.souligner hr {
  border: none;              /* enlève le style par défaut */
  height: 3px;               /* épaisseur */;
  width: 80px;               /* longueur */
}
.souligner {
  margin: 0.5em 0;
}
/* bleux ciel*/

/* Gris;*/
.adhesion,.conteneur-actualites,.actualites,.section-chambres,.modaites,.section-mixite-engagement,
.section-presentation-soliha,.demande-devis,.mot-chef,.btn-uniforme a {
	background-color: #e9e9e9;
}
/* Gris;*/
/* blanc*/

.temoiniagnes h3,.temoiniagnes p,.titre-Archives-article-blog,
.temoiniages-sitation span,.service-traiteur h2,.service-traiteur p,.service-inclus span,
.chambres-prix-court span,.section-ecosysteme-associatif,.bloc-valeurs,.section-ecosysteme-associatif h3,.reservertion-inclus h2,.reservertion-inclus h3,
.menu-semaine p,.contact,.contact h3,.playlist,.wp-block-button a,.message-adhesion {
  color: #fff;
}

.actualites-conteneur-titre,.conteneur-articles,.service-inclus-option,.notre-projet,.bouton-adhesion a{
	background-color: #fff;
}
/* blanc*/

/* beige*/
.page-article{
  background-color: #ebe9e2;
}
 /*Texte en majuscule*/
 h2.titre-slider-two-lines .first,.service-traiteur h2,.tableau-forfait-hebergement span,
 .service-inclus,.service-inclus-option,.listing-jetengine h4,.modaites h3,
 .modailtes-s2 h3,.listing-boucle-page h2{
	 text-transform: uppercase;

 }
 /*Img a bordure blanche*/
 .image-bordure img,.slider-perso .swiper-slide-image{
    border: 4px solid;
    color: #fff;
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
 /*Theme bouton*/
 /*Theme bouton global*/

 .btn-uniforme a,.btn-boucle-salles a,.wp-block-button a,.bouton-adhesion a,
.btn-footer a {
	 border-radius: 60px;
	 font-weight: 600;
	 text-transform: uppercase;
	 /* Taille identique */
	 width: 260px;
	 transition: all 0.3s ease;
 }

.btn-uniforme a,.wp-block-button a,.btn-footer a{
    background-color: #1F5F8B;
}

/* Hover */
.btn-uniforme a:hover,.btn-boucle-salles a:hover,.wp-block-button a:hover,.bouton-adhesion a:hover
,.btn-footer a:hover{
	transform: translateY(-3px) scale(1.04);
box-shadow: 0 15px 30px rgba(0,0,0,0.25);
}


.btn-uniforme a:hover,.btn-footer a:hover{
    background-color: #174a6b;
}

.btn-footer a{
	width: 70%;
}

/* 1PARTIE SLIDER Acceuil témoiniagnes*/

span.second {
	font-size: 17px!important;
}

h2.titre-slider-two-lines .first {
		display: block;          /* s'assure d'être sur sa propre ligne */
		color: #00618a;

	}

	/* Deuxième partie : minuscules (force la casse) */
	h2.titre-slider-two-lines .second {
		display: block;
        /* 2ème ligne */
		font-weight: normal;
		text-transform: none;
		font-size: 23px;
	}

	/* Page restaurations*/

	.menu-date span{
		text-transform: uppercase;
		font-weight: 700;
		color: #00618a!important;
	}
	/* Page restaurations*/

	/* Page auberge-hotel*/

.tableau-forfait-hebergement span,.service-inclus span,.service-inclus-option span{
	font-size: 15px;
	font-weight: 800;
}

.chambres-prix-court span,.chambres-prix-long span{
	font-size: 1.5rem;  /* environ 30px */
	font-weight: 800
}

.vie-etudiante-boucle h4{
    font-size: 1.3em;

}
.vie-etudiante-boucle li{
    list-style: none;
}
/* Page habitat inclusif*/
.legifrance h4{
	font-size: 1.25em
}

/* habitat insclusif*/


.article-blog h1,.article-blog h2,.article-blog h3,.article-blog h4,.article-blog h5,
.article-blog h6{
	 font-size: clamp(18px, 2vw, 30px);
}

.wp-block-button a{
	font-size:15px;
}


/* =========================================================
   HERO — ESPACEMENTS RESPONSIVE
   ---------------------------------------------------------
   Desktop  : 60px vertical / 5vw horizontal
   Tablette : 50px vertical / 4vw horizontal
   Mobile   : 48px vertical / 20px horizontal
   ========================================================= */

	 /* ---------------------------------------------------------
	    MOBILE — ≤ 767px
	    --------------------------------------------------------- */

	 @media (max-width: 767px) {
	   .hero-home {
	     padding: 15px 20px;
	   }
	 }