@charset "UTF-8";

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

.capacite {  background:white; text-align:center; z-index:50;  padding: 0; color:#333 }
.capacite strong { padding:0.3em; display:block; margin:3px;}
.capacite em { font-style: normal;  font-family:"Arial Black", "Gadget", sans-serif;  line-height:0.9em}

.dimensions { color:white; font-size:1.4em; padding:1em; margin: 1em 0; background-color:#666666; }
/* 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);
}

/* Variante si le titre est long */
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);
    }
}

/* Adaptations tablettes */
@media (min-width: 768px) {
    header.hero h1.title {
        padding: 6rem 2rem 2rem 2rem;
    }

    header.hero .title-type {
    }

    header.hero .title-name {
    }

    header.hero .title-name.long {
    }
}

/* Adaptations desktop ≥ 992px */
@media (min-width: 992px) {
    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);
    }
}

/* Adaptations grands écrans ≥ 1200px */
@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 {
    }
}


.bg-bleu { background-color:rgb(0,166,210);}
.bg-violet { background-color:rgb(74,77,151);}
.bg-vert { background-color:rgb(128,175,11);}
.bg-orange { background-color:rgb(234,102,14);}
.bg-gold {background-color:rgb(217,153,16);}
.bg-brown {background-color:rgb(102,78,61);}

.bg-bleu.bg-opacity-25 { background-color:rgba(0,166,210,0.25);}
.bg-violet.bg-opacity-25 { background-color:rgba(74,77,151,0.25);}
.bg-vert.bg-opacity-25 { background-color:rgba(230, 239,206,0.40);}
.bg-orange.bg-opacity-25 { background-color:rgba(234,102,14,0.25);}
.bg-gold.bg-opacity-25 {background-color:rgba(217,153,16,.25);}
.bg-brown.bg-opacity-25 {background-color:rgba(102,78,61,.25);}

.text-bleu { color:rgb(0,166,210);}
.text-violet { color:rgb(74,77,151);}
.text-gold {color:rgb(217,153,16);}
.text-vert { color:rgb(128,175,11);}
.text-orange { color:rgb(234,102,14);}
.text-brown  { color:rgb(102,78,61);}


#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;}

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

#director_opinion .card-body{
	
	color:#333;
	background-color:rgba(242,242,242,0.8);

}


/* 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;}
    #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; }
}

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

	}
}

/* XLarge devices (desktops, 1200 and up) */
@media (min-width: 1200px) {
    
   
}