/* Sp�cifique au site */
/* couleur de base
#DF6314 FT
var(--couleur-principale) CD
#FFFFFF blanc
#EEEEEE gris
#000000 noir
*/

/* Global */
body {
	background-color: #FFFFFF;
}

/* Menu */
header {
    background-color: var(--couleur-menu);
}
/* couleurs du menu */
header nav {
    background-color: var(--couleur-menu);
}
/* trait rouge/bleu/orange sous menu */
header nav ul:last-child {
/*    border-bottom: #bd2425 solid 5px; */
    border-bottom: var(--couleur-principale) solid 5px;
}
/* couleurs du menu */
header nav a {
	color:#000000;
}
/* Case menu gris�e lorsque l'on passe au-dessus du menu */
header nav a:hover {
	color:#CC0000;
}

/* Fiche article */
#cfa_menu a.cfa_active {
    background-color: #EC8D00;
}

#swiper-articles{
    height: 32rem;
    margin: 0.5rem 0;
    width: 100%;
}

.swiper-arrow{
    width: 90%;
    height: 2rem;
    cursor: pointer;
}
.swiper-arrow img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#fa_photos #swiper-articles a{
    height: 100%;
}
#fa_photos #swiper-articles  a img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    max-height: initial;
}

/* Boutons */
a.bouton, .bouton, input.bouton, .btn {
    padding: 10px 20px 10px 20px;
   /* background-color: #bd2425; */
    background-color: var(--couleur-principale);
    border-radius: 99px;
    color: #FFFFFF;
    transition: .3s ease;
    border: none;
    cursor: pointer;
    text-align: center;
}

a.bouton:hover, .bouton:hover, input.bouton:hover, .btn:hover {
    background-color: var(--couleur-survol);
    color: #FFFFFF;
}

.btn-secondary {
    background-color: #FF9900;
    color: #FFFFFF;
}

.btn-secondary:hover {
    background-color: var(--couleur-survol);
    color: #FFFFFF;
}

a.btn-disabled {
    background-color: #CCC;
    color: #FFFFFF;
}
a.btn-disabled:hover {
    background-color: #CCC;
    color: #FFFFFF;
}