body {
   line-height: 1.3;
   background: #f6f6f6;
   font-family: Verdana, Arial, sans-serif;
   font-size: 14px;
   margin-bottom: 0;
}

#moteur_wrap {
   padding: 0;
   display: flex;
}

#div_moteur_droite {
   margin-left: 0;
   flex-grow: 1;
   max-width: 60em;
}

#div_moteur_gauche {
   float: none;
   width: 22.5em;
   margin-bottom: 0;
   background-color: #606060;
   color: white;
}

@media screen and (max-width: 59em) {
   #moteur_wrap {
      flex-direction: column;
   }

   #div_moteur_gauche {
      width: auto;
   }
}

#div_moteur_gauche a {
   color: #fff;
}

#div_moteur_resultat_gauche {
   background-color: #fff;
}

#div_titre_saisons, #div_moteur_boitier {
   padding: .5em;
   background: #f6f6f6;
   border: .1em solid #888;
}

.texte_boitier {
   color: #c00;
}

.mrp-titre {
   font-weight: bold;
   font-size: 1.7em;
   font-style: normal;
   text-align: center;
}

.mrp-titre a:hover {
   background: none;
}

.mrp-titre:hover {
   text-shadow: 0 0 1px #fff;
}

#div_accueil {
   // padding: 40px 20px 80px 20px;
   text-align: justify;
}

#div_accueil h1 {
   color: #c00;
   margin-top: 0;
   font-size: 1.2em;
   text-transform: uppercase;
}

#div_accueil_t2 {
   text-transform:uppercase;
   padding-top:15px;
   font-size: 1.6em;
   text-align:center;
}

.accueil_logo {
   padding:5px;
}

.accueil_lien {
   font-weight:bold;
   color:black;
}

.clr_marron_13v {
   color: #5b2417;
}

.clr_turquoise_13v {
   color:#eb0029;
}

.mrp-titre {
   text-transform: uppercase;
}

.mrp-titre a {
   color: #f8ac00 !important;
   text-shadow: 0 0 .1em #222;
}

.mrp-titre a:hover {
   color: #db4c4c !important;
}

#div_titre_boitier {
   text-transform: uppercase;
}

#div_moteur_editions {
   text-transform:uppercase;
}

#div_titre_boitier {
   font-weight: bold;
   color: #fff;
}

#div_moteur_copyright {
   color: #fff;
   font-style: normal;
}

#div_moteur_titre_telechargement {
   color: #c00;
}

#div_moteur_titre_resultat {
/* color: #64bab4;*/
   color: #c00;
   font-weight:bold;
   background:white;
}

.c_Annee {
   color: #000;
   font-weight: bold;
}

.ligne-festival {
  font-variant: small-caps;
}

.c_TitreFestival {
    font-variant-caps: small-caps;
}

.clr_festival {
/*color: #64bab4;*/
   color: #eb0029;
}

.c_Festival {
   font-weight:bold;
   color: #eb0029;
}

.c_moteur_tournee {
   margin-top:10px;
   /*color: #00CED1;*/
   color:#eb0029;
   font-weight:bold;
}

.c_Reprise {
   margin-top:10px;
/* color: #00CED1;*/
   color:#eb0029;
   font-weight:bold;
}

.panneauR {
   border-bottom-left-radius: 0px;
}

#div_moteur_spo {
   background: none;
}

.PA_texte {
   font-weight: normal;
   font-size: 1.1em;
    /*margin: -85px auto 15px;*/
   margin:15px 15px 0 15px;
    /*padding: 15px;*/
}
#PA1 {
   background-image: url("CDNLR_pa1.jpg");
   /*width: 100%;*/
   background-repeat:no-repeat;
   height: 264px;
}
#PA_texte1, #PA_texte2 {
    background: white;
   font-weight: normal;
   font-size:13px;
    /*margin: -85px auto 15px;*/
   margin:15px 15px 0 15px;
    padding: 15px;
    width: 90%;
   margin:auto;
}
#PA_texte3 {
    background: white;
   font-weight: normal;
   font-size:11px;
    /*margin: -85px auto 15px;*/
   margin:15px 15px 0 15px;
    padding: 15px;
    width: 90%;
}

#PA2 {
   background-image: url("13vents_PA2.jpg");
   width: 100%;
   height: 264px;
}
.intitule {
    font-size: 1.2em;
    text-transform: uppercase;
   font-weight:bold;
    /*color: #00ced1;*/
    color: #eb0029;
}
.nomDirecteur {
    font-size: 1.2em;
}

.saisonsDirecteur a {
   /*color: #00ced1;*/
   color:#eb0029;
   font-size: 1.1em;
}
.saisonsDirecteur a:hover {
   color: white;
   background-color: #00ced1;
}

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

.bouton_resultat::after {
    width: 1.7em;
    height: 1.7em;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    content: "\2212";
    background-color: #c00;
    font-weight: bold;
    line-height: 1.7em;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

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

button.reverse {
   width: 3.33rem;
   height: 3.33rem;
   font-size: 2em;
   color: #666;
}

button.a.reverse:hover {
   background: none;
   color: black;
}

/* <Timeline> */

.liste-periodes_chronologique button.a.reverse {
   transform: rotate(-180deg);
}

:not(.liste-periodes_chronologique) .bloc-periode_first {
   padding-top: 1em;
}

.liste-periodes_chronologique .reverse {
   order: 1;
}

.liste-periodes {
   display: flex;
   flex-direction: column;
}

.liste-periodes_chronologique {
   flex-direction: column-reverse;
}

.bloc-periode {
   display: flex;
   width: 100%;
   margin-bottom: 1em;
}

.bloc-periode_first, .liste-periodes_chronologique .bloc-periode_last {
   padding-top: 2em;
   padding-bottom: 0;
}

.bloc-periode_last, .liste-periodes_chronologique .bloc-periode_first {
   padding-bottom: 2em;
   padding-top: 0;
}

.bloc-periode_last .bloc-periode__dates:after,
.liste-periodes_chronologique .bloc-periode_first .bloc-periode__dates:after {
   height: 100%;
}

.liste-periodes_chronologique .bloc-periode_last .bloc-periode__dates:after {
   height: calc(100% + 1em);
}

.bloc-periode__content {
   flex-grow: 1;
   border: 1px solid #DDD;
   box-shadow: #dcdcdc 0px 2px 3px;
   background: #fff;
   position: relative;
}

.bloc-periode__text-content {
   padding: 1em;
}

.bloc-periode__dates {
   display: flex;
   flex-direction: column-reverse;
   justify-content: flex-end;
   padding: .5em 1em .5em 0;
   position: relative;
}

.bloc-periode__date_debut:after {
   content: "";
   position: absolute;
   height: 3px;
   background: rgba(204, 204, 204, .5);
   width: 1em;
   top: 50%;
   right: -1em;
}

.liste-periodes_chronologique .bloc-periode__dates {
   flex-direction: column;
   justify-content: flex-start;
}

.bloc-periode_first .bloc-periode__dates:before, .bloc-periode_last .bloc-periode__dates:before {
    width: 2em;
    height: 2em;
    content: "";
    position: absolute;
    left: 0.5em;
    z-index: 11;
    box-sizing: border-box;
}

.bloc-periode_first .bloc-periode__dates:before {
    top: -2em;
    bottom: auto;
    border: 1em solid transparent;
    border-bottom-color: rgba(214, 214, 214, 0.5);
}

.bloc-periode__date_fin {
   display: none;
}

.liste-periodes_chronologique .bloc-periode_last .bloc-periode__dates:before {
    top: -2em;
    bottom: auto;
    border: 1em solid rgba(214, 214, 214, 0.5);
    border-top-color: transparent;
}

.bloc-periode_last .bloc-periode__dates:before {
    bottom: -2em;
    top: auto;
    border: 1em solid rgba(214, 214, 214, 0.5);
    border-bottom-color: transparent;
}

.liste-periodes_chronologique .bloc-periode_first .bloc-periode__dates:before {
    bottom: -2em;
    top: auto;
    border: 1em solid transparent;
    border-top-color: rgba(214, 214, 214, 0.5);
}

.bloc-periode__dates:after {
    width: 2em;
    height: calc(100% + 1em);
    content: "";
    position: absolute;
    background: rgba(214, 214, 214, 0.5);
    left: 0.5em;
    top: 0;
    z-index: 11;
}

.bloc-periode__date {
   position: relative;
   width: 3em;
   height: 3em;
   line-height: 3em;
   text-align: center;
   color: #555;
   font-weight: bold;
   background: #fff;
   border-radius: 50%;
   box-shadow: 0 0 0.5em #ccc;
   z-index: 12;
}

.bloc-periode__date:before {
   position: absolute;
   content: "";
}

.bloc-periode__titre {
   text-align: left;
   margin: 0 0 .5em;
   font-size: 1.3em;
}

.bloc-periode__titre-directeur {
   font-size: 0.8em;
   color: #eb0029;
   text-transform: uppercase;
}

.bloc-periode__titre-directeur:before {
   content: "\2013" " ";
   color: black;
}

.bloc-periode:after {
   content: "";
   display: table;
   clear: right;
}

.bloc-periode__photo-directeur {
   float: right;
   margin-left: 1em;
}

.bloc-periode__logo {
   float: left;
   margin-right: 1em;
   max-width: 130px;
   height: auto;
}

@media screen and (max-width: 30em) {
   .bloc-periode__photo-directeur {
      display: block;
      float: none;
      margin: auto;
      margin-top: 1em;
   }

   .bloc-periode__logo {
      display: block;
      float: none;
      margin: auto;
   }
}

/* </Timeline> */

@media (max-width:900px) {
   #PA_texte1 {
      margin-top: -15em;
   }

   .PA_texte {
      margin: 0;
   }
}

@media (max-width:500px) {
   .direction {
      width: 100%;
      margin: 0;
   }

   .dir {
      width: 100%;
   }
}

.lettrine::first-letter {
   font-size: 2.75em;
   float: left;
   margin-top: 0.15em;
   margin-right: .05em;
   font-weight: bold;
}

#ouvrirBoitier {
   color: #c00;
}

/* Rouge 13 vents : #eb0029 */