/* CSSDEBASE.CSS */

html {
  height: 100%;
}
body {
	background-color: rgb(0,0,0); /*couleur du background de toute les pages ayant ce fichier css*/
	min-height: 100%;
	margin: 0;
	padding: 0;
}

body {position: relative;}

.footer {
	position: absolute; 
	bottom: 0; 
	width:100%;
	padding-top:50px;
	height:10px;
	} /*bottom à 20 pour ne pas être superposé au éléments de la page*/

#footer2 { 
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-top: 0px;
	height: 10px;
	text-align: center;
	}
/* COULEUR DU TEXTE */

h1{color:rgb(255,0,0)} /*couleur titre ROUGE BORDEAU*/

h3{color:rgb(250,102,0)} /*couleur orange*/
h5{color:rgb(250,102,0)} /*couleur du © bas de page*/
f3{color:rgb(255,201,14)} /*couleur F3 "pour nous écoutez c'est juste ici"*/
nrj{color:rgb(255,0,0)} /*couleur NRJ radio */
fun{color:rgb(249,0,138)}/*couleur fun radio */

/* AUTRES CLASS */

.centrate{text-align: center;} /* class="centrate" ==> variable pour centrer le texte */

.textwhite {color:white;}
.textbordeau {color: rgb(200,20,20)}
.textrouge {color: rgb(255,20,20)}

.oops{color:white; font-size: 60px;} /*OOPS un erreur c'est produite*/

.gallerie{color:white; font-size:25px;} /*Texte Galerie*/

multimedia { margin: 0;}

.imgcenter { /* class="imgcenter" ==> variable pour centrer une image GIF ERREUR404*/
	display: block;
	margin-left: auto;
	margin-right: auto;
}









/*CSS pour le bandeau version light*/

/*Reset CSS*/
nav{
    width: 100%;
    margin: 0px auto 40px auto;
    background-color: rgb(50,50,50);/*couleur de l'arrière plan du bandeau GRIS*/
    position: sticky;
    top: 0px;
}

nav ul{
    list-style-type: none;
}

nav li{
    float: left;
    width: 20%;/*100% divisé par le nombre d'éléments de menu*/
    text-align: center;/*Centre le texte dans les éléments de menu*/
}

/*Evite que le menu n'ait une hauteur nulle*/
nav ul::after{
    content: "";
    display: table;
    clear: both;
}

nav a{
    display: block; /*Toute la surface sera cliquable*/
    text-decoration: none;
    color: white; /*couleur du texte*/
    border-bottom: 2px solid transparent;/*Evite le décalage des éléments sous le menu à cause de la bordure en :hover*/
    padding: 10px 0px;/*Agrandit le menu et espace la bordure du texte*/
}

nav a:hover{
    color: rgb(200,20,20);/*couleur du texte quand on passe la souris dessus*/
    border-bottom: 2px solid ;
	color : red; /*couleur soulignement de la case ROUGE*/
}

.conteneur{
  color:white;
  margin: 0px 20px;
  height: 1500px;
}