/*+++++++++++++++++++ 
  +  Page d'accueil +
  +++++++++++++++++++*/

body {
    background-color: #690038;
}

.conteneur {
    display: flex;
}

/*****************************
 * Partie gauche : diaporama *
 *****************************/

 .centrer {
    text-align: center;
    margin: auto;
 }

 section {
   flex: 2;
   background-color: black; 
   padding: 10px;
   height: 99vh;
   display: flex;
   align-items: center;
   justify-content: center;
}

section div.image {
    background-color: white;
    padding: 5px;
}

section .image img {
    max-width: 100%;
    max-height: 90vh;
}

.Texte {
    color: white;
    overflow: auto;
    padding: 1em;
    display: block;
}

#Contact ul {
    column-count: 3;
}

dl {
    break-inside: avoid-column;
}

dd a {
    color: white;
    text-decoration: none;
}

dt {
    font-size: larger;
    font-weight: bold;

}

dd strong {
    color: yellow;
}

textarea {
    width: 100%;
    height: 150px;
}

.noir {
    background-color: black;
}

section .menuconcours ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}

section .menuconcours ul li {
    flex: 1;
    list-style-type: none;
    text-align: center;
}

section .menuconcours ul li a {
    color: white;
    text-decoration: none;
    font-size: 2em;
}

iframe {
    width: 99%;
    height: 100vh;
}

.Blanc {
    background-color: white;
    color: black;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

table  {
    border: 1px solid white;
    border-collapse: collapse;
}

th {
    font-size: x-large;
    border: 1px solid white;
}
td {
    border: 1px solid white; 
}

.Gauche {
    text-align: left;
}

.LienBlanc {
    color: white;
    font-size: large;
}

#Montrer {
    display: none;
}

#Resultat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/******************************************
 * Partie droite : logo, menu, évènements *
 ******************************************/

article {
    flex: 1;
    height: 99vh;
    padding: 10px;
}

/*************
 * L'en-tête *
 *************/

 .EnTete {
    display: flex;
    height: 15%;
 }

 .Titre {
    flex: 1;
    text-align: center;
    color: white;
 }
 .Titre a {
    color: white;
    text-decoration: none;
 }

#Enphoprolux {
    font-size: 3em;
}

/*-----------
  | Le logo |
  -----------*/

.logo {
    width: 15%;
}

.logo img {
    width: 100%;
}

/*-----------
  | Le menu |
  -----------*/

nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40%;
}

nav p {
    color: white;
    margin: 10px;
    font-size: 2em;
    text-align: center;
}

nav p a {
    color: white;
    text-decoration: none;
}

/*------------------
  | Les évènements |
  ------------------*/

aside {
   height: 40%;
   color: white; 
 
}

aside h1 {
    font-size: 2em;
    text-align: center;
}

.vie {
   display: flex;
   height: 84%;   
}

.affiche {
    flex: 1;
}

.affiche img {
    max-width: 100%;
    max-height: 100%;
}

.texte {
    flex: 1;
    margin-left: 10px;
    overflow: auto;
}

/*++++++++++++++
  + Page Clubs +
  ++++++++++++++*/

.clubs {
    color: white;
    overflow: auto;
 }

.colonnes {
   column-count: 2;
}

.clubs h1 {
    text-align: center;
    font-size: 2em;
}

.clubs ul {
    break-inside: avoid-column;
}

.clubs a {
    color: white;
}

.clubs h2 {
    color: yellow;
}

.rouge {
    color: red;
}

#Masque, #BoutonContinuer {
    display: none;
}