/* --------------------- Styles de bases ---------------------------- */
/* désactivation décoration automatique du survol */
a:hover{
    text-decoration: none;
}
a:link{
    text-decoration: none !important;
}

.no-decoration{
    text-decoration: none !important;
    color: white;
}

.no-decoration:hover{
    text-decoration: none !important;
    color: red !important;
}
.float{
    float: left;
}
.center{
    text-align: center !important;
}
.fondu:hover{
    background-color: transparent;
    opacity: 0.6;
}
.next-content-droite{
    float: left;
}

/* Notifications */
.notif{
    background-color: yellow;
    text-align: center;
    color: red;
    font-weight: bold;
    font-size: 2em;
}




/* --------------------- Sections ---------------------------- */
.section-tarif{
    width: 100%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 3%;
}
.section-presentation{
    padding: 2%;
    background-color: white;
}
.section-presentation2{
    padding: 2%;
    background-color: lightgray;
}
.section-article{
    width: 100%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 1%;
}
.section-contact{
    padding: 2%;
    background-color: white;
    opacity: 0.8;
    padding-top: 12%;
}
.diapo{
    display: block;
    width: 100%;
}




/* Bouton Modif diapo en mode ADMIN */
.btn-modifdiapo{
    position: absolute;
    z-index: 10;
    margin-top: 2%;
    margin-left: 2%;
}



/* --------------------- Pour responsive ---------------------------- */
/* Tout ce qui change en fonction de la taille de l'écran pour les styles de base */
@media (min-width: 1199px){
    .div-fond{
    position: absolute;
    z-index: 100;
    color: black;
    width: 390px;
    margin-top: 30%;
    margin-left: 18%;
    font-style: italic;
}
.titre-fond{
    font-weight: bold;
    font-size: 2.1em;
}
.text-fond{
    font-size: 1.2em;
}

}
@media (min-width: 992px) and (max-width: 1199px){
    .div-fond{
    position: absolute;
    z-index: 100;
    color: black;
    width: 310px;
    margin-top: 30%;
    margin-left: 17%;
    font-style: italic;
}
.titre-fond{
    font-weight: bold;
    font-size: 1.5em;
}
.text-fond{
    font-size: 0.9em;
}

}
@media (max-width: 991px){
    .div-fond{
    position: absolute;
    z-index: 100;
    color: black;
    width: 310px;
    margin-top: 30%;
    margin-left: 17%;
    font-style: italic;
}
.titre-fond{
    font-weight: bold;
    font-size: 1.5em;
}
.text-fond{
    font-size: 0.9em;
}

}
@media (min-width: 768px) and (max-width: 991px){
    .section-contact{
    padding-top: 0%;
}
    .div-fond{
    position: absolute;
    z-index: 100;
    color: black;
    width: 250px;
    margin-top: 30%;
    margin-left: 17%;
    font-style: italic;
}
.titre-fond{
    font-weight: bold;
    font-size: 1em;
}
.text-fond{
    font-size: 0.9em;
}

}
@media (max-width: 767px){
    .section-contact{
    padding-top: 0%;
}
    .div-fond{
    position: absolute;
    z-index: 100;
    color: black;
    width: 400px;
    margin-top: 22%;
    margin-left: 20%;
    font-style: italic;
}
.titre-fond{
    font-weight: bold;
    font-size: 2.1em;
}
.text-fond{
    font-size: 1.2em;
}

}