/*
https://htmlcolorcodes.com
https://www.color-hex.com/color/d95f25
SteelBlue	#4682B4	rgb(70, 130, 180)
LightSteelBlue	#B0C4DE	rgb(176, 196, 222)
LightSkyBlue	#87CEFA	rgb(135, 206, 250)
DeepSkyBlue	#00BFFF	rgb(0, 191, 255)
DodgerBlue	#1E90FF	rgb(30, 144, 255)
CornflowerBlue	#6495ED	rgb(100, 149, 237)
MediumSlateBlue	#7B68EE	rgb(123, 104, 238)
RoyalBlue	#4169E1	rgb(65, 105, 225)
Blue	#0000FF	rgb(0, 0, 255)
MediumBlue	#0000CD	rgb(0, 0, 205)
DarkBlue	#00008B	rgb(0, 0, 139)
Navy	#000080	rgb(0, 0, 128)
MidnightBlue	#191970	rgb(25, 25, 112)

#D95F25 rouge(217,95,37)
fill: #F4D03F; doré

    background-image: linear-gradient(#7B68EE 0.5px, transparent 0.5px), linear-gradient(to right, #7B68EE 0.5px, transparent 0.5px);
    background-size: 6px 6px;


    les oranges
fonces
    #ff8000
#e57300
#cc6600
#b25900
#994c00
#7f4000
#663300
#4c2600
#331900
#190c00
#000000
``
clair
#ff8000
#ff8c19
#ff9932
#ffa64c
#ffb266
#ffbf7f
#ffcc99
#ffd8b2
#ffe5cc
#fff2e5
#ffffff

*/
/* MOBILE STYLE */

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }

}

.mob {
    display: block;
}

@media only screen and (max-width: 600px) {
    .mob {
        display: none;
    }

    .carousel-caption {
        
        padding: 0.2em;
        z-index: 10;
        font-size: 14px;
        line-height: 16px;
    }

    .carousel_Sel {
        height: 300px;
        object-fit: cover;
    }

    /*menu*/
    .list-group-item {
        text-transform: uppercase;

    }
    .histoire_IMG{
        max-height:100%;
        min-height:100%;
        max-width: 100%;
    }
    .mobFootIMG {
        max-height: 400px;
        width: auto;
    }
.mobFrontIMG{
    width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5 {
    background-color:none;


}
a, p{
    text-align: left!important;
    font-size: 1em;
}
    .mobile_Div_Reduc {
        height: 600px;
        overflow: auto;

    }

    .lead {
        font-size: 0.8em;
    }

    .card_bodyTxt {
        font-size: 1em;
        height: max-content;
        height: 350px;
        overflow: auto;
    }
    .afficheCard {;
        min-width: 100%;
        height: auto;
        /* Définir une largeur maximale cohérente */
        float: left;
        border-radius: 5%;
        /* Rendre l'image circulaire */
        shape-outside:none;
        margin-right:0;

margin-bottom: 5%;        object-fit: cover;
        /* Pour que l'image s'adapte à l'espace en gardant ses proportions */
    }

    btn-retour{
        padding: 0.1;
        font-size: 0.8;
    }
}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { .resizable-image{
        min-width:100%;
        max-width: 100%;
        height: auto;
    } }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    .resizable-image{
        height: auto;
    } }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
    .resizable-image{
        height: auto;
    } }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
    .resizable-image{

        height: auto;
    } }

/*/ Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    .resizable-image{
    
        height: auto;
    } }