/* CSS Document */
/*couleur*/
.bord
{
    border: 1px solid #720001;
}
.bord_clair
{
    border: 1px solid rgba(114,0,1,.25);
    
}
.op_1
{
    opacity: 1;
}
.texte_brun
{
    /*color: #720001 !important;*/
    color: #EC8800 !important;
}

.texte_blanc
{
    color: white !important;
}

.fs_14
{
    font-size: 14px !important;
}

.str
{
    font-weight: bolder;
}

.blanc
{
    background-color: white !important;
}
.marron
{
    /*background-color: '#D09043' !important;*/
    background-color: '#EC8800' !important;
}
.marron_clair
{
    background-color: #D09043!important;
}
.noir
{
    background-color: black;
}

.texte_rouge
{
    color: red;
}

.bord_rouge
{
    border: 1px solid red;
}

.main
{
    cursor: pointer;
}

.marge
{
    padding: 0; 
    margin: 0;
}

.noir
{
    background-color: #000000;
}

/*bouton*/
.btn-color
{
    color: #fff;
    background-color: #EC8800;
    border-color: #720001; 
}

.btn-color:hover
{
    color: #fff;
    background-color: #D27900;
    border-color: #720001; 
}

/*
.btn-choix:hover, .btn-choix:focus, .btn-choix:active, .btn-choix.active, .open,.btn-choix:active:focus
{    
    background-color: #D27900 !important;   
    color: #fff !important;
}*/
.selected
{
    background-color: #D27900 !important;   
    color: white !important;
}

/*input nombre*/
.in-w-50
{
    width: 80px;
}


/*calendrier*/
.ui-datepicker 
{
    font-size:15px;
}
.ui-state-active
{
    /*background-color: red !important; */
}

/*accordeon*/
.accordion-button:not(.collapsed)
{
    background-color: #720001!important;
    color: white!important;
}
    
.accordion-button.collapsed
{
    background-color: navajowhite;
    color: #720001!important;
}
        
.accordion-button::after
{
    background: url("../image/icone/pencil.svg")!important;
    transform: none !important;
    transition: none !important;
}    
/*carousel*/
.carousel-control-prev-icon 
{
    background-image: url("../image/icone/fleche_gauche.png") !important;
}

.carousel-control-next-icon 
{
    background-image: url("../image/icone/fleche_droite.png") !important;
}
        
@-webkit-keyframes zoom 
{
    from 
    {
        -webkit-transform: scale(1.5, 1.5);
    }
    to 
    {
        -webkit-transform: scale(1, 1);
    }
}

@keyframes zoom 
{
    from 
    {
        transform: scale(1.5, 1.5);
    }
    to 
    {
        transform: scale(1, 1);
    }
}

.carousel-inner .zoomer > img 
{
  -webkit-animation: zoom 12s;
  animation: zoom 12s;
}

/*haut de page*/        
#scroll_to_top 
{
  position: fixed;
  width: 120px;
  height: 30px;
  bottom: 50px;
  right: 0px;
}

#scroll_to_top img 
{
  width: 25px;
}

/*ligne*/
.taille
{
    height: 60px;
    width: 60px;
}
.taille_img
{
    height: 100px;
    width: 150px;
}

        
/* L'état initial. */
.horaire-message 
{
    display: none;
}
        
/* L'état affiché. */
.horaire-message.is-displayed 
{
    display: block;
}

/*etat reservation*/
.complet 
{
    border: 2px solid red!important;
    color: red!important;
} 

.moyen 
{
    border: 2px solid orange!important;
    color: orange!important;
}

.libre 
{
    border: 2px solid green!important;
    color: green!important;
}