/*
Polices :
   - Programme : titres en Rational TW Display Bold (payante)
                           essayer Source Code Pro Bold (gratuite)
                 texte en Rational Display Book a priori (payante)
   - Site : titres en Open Sans 300
            texte en Open Sans aussi

Couleurs :
   - #000 sur #fff
   - #5d9ec9 : survol des menus
   - #11378b : titres programme à l’écran, ressemble plus à #20118b à l’impression
   - #1a47e5 : bleu logo
   - #33383c : fond pris de l’image de fond utilisée en bandeau titre Saison/Festival
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Source+Code+Pro:wght@400;700&display=swap');

body {
   font-family: "Open Sans", sans-serif;
   font-size: 14px;
   background: #fff;
   color: #000;
}

.img-accueil-cratere {
   max-width: 100%;
   height: auto;
   margin-top: 2em;
}

.mrp-titre a {
   text-align: center;
   font-style: normal;
   font-family: "Open Sans";
   color: #20118b !important;
   font-size: .9em;
}

.mrp-titre {
   width: auto;
   margin: 0 auto 1em;
   text-align: center;
}

.mrp-titre, .fiche__titre {
   font-family: "Source Code Pro", monospace;
   font-weight: bold;
   color: #20118b;
}

.fiche__sous-titre {
   color: #20118b;
}

#div_titre_saisons, #div_moteur_boitier {
   background: transparent;
}

.texte_boitier {
   color: #333;
}

a:hover {
   background-color: transparent;
   color: unset;
}

a.c_Spectacle:hover, a.c_Personne:hover, a.c_Organisme:hover {
   background-image: linear-gradient(to top, #5d9ec9 20%, transparent 20%);
   color: #000;
}

.bouton_resultat {
   margin-left: .2em
}

.bouton_resultat, .bouton_resultat:hover {
   font-family: sans-serif;
   font-size: 17px;
   height: 2rem;
   width: 2rem;
   position: relative;
   margin: 0;
   margin-right: .5em;
   background-image: none;
}

.bouton_resultat::after {
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    content: "−";
    background-color: #20118b;
    font-weight: bold;
    line-height: 2.2rem;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

.closed .bouton_resultat::after {
   content: "+";
}



.onglets__onglet {
   color: #333;
   background: none;
   font-weight: bold;
   /* text-transform: uppercase; */
   padding: 1em;
   transition-property: color;
   transition-duration: .2s;
   background-image: linear-gradient(to top, transparent 5%, transparent 5%);
}

.onglets__onglet:hover {
   background-image: linear-gradient(to top, #5d9ec9 5%, transparent 5%);
   color: #5d9ec9;
}

.onglets__onglet--on,
.onglets__onglet--on:hover,
.onglets--reprises .onglets__onglet.onglets__onglet--on {
   background: #333;
   color: #fff;
}

.ligne-festival, .ligne-festival a {
   color: #20118b !important;
}

.ligne-festival {
   padding-left: .25em;
}

.titrehisto {
   color: #20118b;
   font-variant: none;
   font-size: 1em;
}

#div_moteur_copyright {
   margin-top: 2em;
   font-style: normal;
   color: inherit;
}

#div_moteur_copyright a, #div_moteur_copyright a:hover {
   color: inherit;
}

#div_moteur_titre_resultat.mrp-resultat-titre {
   background-color: #23262f;
   background-image: url("img/fd3_crop.jpg");
   background-size: cover;
   font-weight: bold;
   border: none;
}

#div_moteur_titre_resultat.mrp-resultat-titre--saison {
   height: 2.2rem;
   line-height: 2.2rem;
   padding: 0;
   padding-left: .2em;
}

#div_moteur_titre_resultat .c_Normale {
   color: #fff;
}

.closed #div_moteur_resultat_wrap {
   border: none;
}

/* .mrp-resultat-titre--festival {
   font-weight: normal !important;
}

.mrp-resultat-titre--festival .c_Normale {
   font-weight: bold;
} */

#div_titre_boitier {
   text-transform: uppercase;
}

.select-sa-mrp, .select-sa-mrp:hover {
   padding: .5em;
   font-weight: bold;
   color: #fff;
   background-color: #33383c;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='%23FFFFFF'><polygon points='0,0 100,0 50,50'/></svg>");
}

.btn-recherche-mrp, .btn-recherche-mrp:hover {
   padding: .5em;
   font-weight: bold;
   color: #fff;
   background: #33383c;
}


/* Browser UI */
::-moz-selection {
   background: #20118b;
}

::selection {
   background: #20118b;
}

::-webkit-scrollbar-thumb {
   background-color: #20118b;
   border-color: #8c0000;
}

::-webkit-scrollbar-thumb:window-inactive {
   background-color: #cc8080;
}

html {
   scrollbar-color: #20118b #e5e5e5;
}


/* Fixed-width */

#moteur_wrap {
   width: 72rem;
   margin: auto;
}

@media screen and (max-width: 72em) {
   #moteur_wrap {
      width: auto;
   }
}