@charset "UTF-8";
/*
Designed by Jean-Loup Couegnas
*/
#prestation .capacite {
  background: white;
  text-align: center;
  z-index: 50;
  padding: 3px;
  color: #333;
  width: auto;
  height: 100px;
  font-size: 1.6em;
}
#prestation .capacite strong {
  padding: 0.1em 0.3em;
  display: block;
}
#prestation .capacite em {
  font-style: normal;
  font-family: "Arial Black", "Gadget", sans-serif;
  font-size: 1.2em;
  padding: 0;
}
#prestation h2 {
  margin: 0;
  padding: 0.25em;
  font-size: 1.6em;
}

.hero-icon {
  position: relative;
  margin-top: -64px;
}

/* Tablets landscape / small desktops (≥ 768px)  IPAd Mini */
@media (min-width: 768px) {
  #prestation h2 {
    font-size: 2.4em;
  }
  #prestation h3 {
    margin: 0 auto;
  }
  #prestation .capacite {
    font-size: 1.8em;
  }
}
/*
@charset "UTF-8";

.mh_presentation { margin:0; position:relative; }

.dimensions { color:white; font-size:1.4em; padding:1em; margin: 1em 0; background-color:#666666; }


#links{ background-color:#EEE; margin:-12px 0 16px 0; padding:0;}
#links ul { list-style:none; padding:16px ; margin:0;}
#links li { padding:8px; margin:0;}
#links li a { border-radius:0; }
#links img { border:1px solid #DDD; background-color:white; padding:8px; margin:0; }

.tarifs { padding-bottom:16px; }

div.slides { padding:16px;}
    #handicap {position:absolute; bottom:3px; right:3px; z-index:50;}
.icon { display: block ;}
.page-item.left { text-align: right}
.page-item.right { text-align: left}

#director_opinion .card-body{

	color:#333;
	background-color:rgba(242,242,242,0.8);

}

// Conteneur général du diapo + titre (mobile-first)
header.hero {
    position: relative; // référence pour l’absolu du titre 
    min-height: 60vh;   // sécurité si le carousel ne pousse pas le flux 
}

// Titre en overlay centré 
header.hero h1.title {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 2rem 1rem;
    width: 100%;
    font-family: 'Lora', serif;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
    pointer-events: none; // les clics passent au carousel 
}

// Ligne du type : "Cottage", "Emplacement"... (mobile) 
header.hero .title-type {
    display: block;
    font-weight: 700;
    margin-bottom: 0.25em;
    font-size: clamp(2rem, 2.4em, 2.6rem);
}

// Ligne principale : "Mobil-home Petit Méditerranéen" (mobile)
header.hero .title-name {
    display: block;
    font-weight: 400;
    font-size: clamp(1.6rem, 6vw, 2.2rem);
}
header.hero .title-name.long {}

@media (min-width:480px) {
    header.hero { min-height: 45vh; }
    header.hero h1.title {  margin-top: 6rem; }
    header.hero .title-type { font-size: clamp(4rem, 4.4em, 4.8rem); }
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {
    .icon { display: inline-block; margin: 0 12px 0 0;}
    .right .icon {float: right; margin: 0 0 0 12px;}
    header.title h1 {
        line-height: 2.6em;
        top:-240px
    }
    #director_opinion {
		position: relative;
	}
	#director_opinion .card-body{
		color:#333;
		position:absolute; 
		bottom:5px; 
		left:5px; 
		right:5px; 
		padding: 32px;
	}
	#director_opinion .card-body:before{
		content:"“";
		font-size: 4em;
		position: absolute;
		top: -16px;
		left: 8px;
	}
	#director_opinion .card-body:after{
		content:"”";
		font-size: 2.8em;
		position: absolute;
		bottom: -15px;
		right: 10px;
	}
}
@media (min-width: 768px) {
    .visuel{ margin:0; }
	.best_tarif { position:absolute; bottom:0; right:0; left:50%; border-radius:32px 0 0 0 ;}
    .dimensions { float: left; margin-right: 2em; margin-top: 0; }

    header.hero h1.title { padding: 6rem 2rem 2rem 2rem;}
    header.hero .title-type {}
    header.hero .title-name {}
    header.hero .title-name.long {}
}

// Large devices (laptops, 992px and up)
@media (min-width: 992px) {
	#director_opinion .card-body{
		position: relative;
        top:0;
        left:0; 
		right:0px; 
        background-color:rgba(242,242,242,0.9);
	}
    header.hero h1.title {}
    header.hero .title-type { font-size: clamp(5rem, 5.5em, 6rem);}
    header.hero .title-name {}
    header.hero .title-name.long { font-size: clamp(3rem, 3.4em, 3.6rem);  }
}

// XLarge devices (desktops, 1200 and up) 
@media (min-width: 1200px) {
    header.hero .title-type { font-size: clamp(6rem, 6.6em, 7.2rem);  }
    header.hero .title-name {}
    header.hero .title-name.long { }
}*/

/*# sourceMappingURL=prestation.css.map */