body {
    background-color: white;

    border-radius: 3px;
    /*repeating-linear-gradient( 50px)*/
    /* ok ok centrage avec max-width marche bien */
}


table {
    border-collapse: collapse;

}

/*menu du haut fixer sur fond transparent noir*/
header {
    padding: 3px;
    text-align: center;
    position: fixed;
    top: 0px;
    background-color: rgba(1, 1, 1, 0.9);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

header a img {
    margin-top: 20px;
    max-width: 115px;
    height: 80px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.fix-header {
    padding-top: 190px;
}

/*faire un  amedia pour les ecran telephone h3 decalage dut au fix header
@media*/

/* année est le menu en bas de l'écran*/
p #annee {
    width: 100%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    bottom: 0px;
    text-align: center;
}



/*barre des reseaux sociaux*/
.mailblack {
    position: fixed;
    width: 50px;
    height: 45px;
    top: 105px;
    right: 7px;
}

.facebookblack {
    position: fixed;
    width: 50px;
    height: 45px;
    top: 150px;
    right: 7px;
}

.instablack {
    position: fixed;
    width: 50px;
    height: 45px;
    top: 195px;
    right: 7px;
}

.spotifyblack {
    position: fixed;
    width: 50px;
    height: 45px;
    top: 240px;
    right: 7px;
}

.pinterest {
    position: fixed;
    width: 50px;
    height: 45px;
    top: 285px;
    right: 7px;
}

footer {
    position: relative;
    background-color: sandybrown;
    padding: 30px;
}

section {
    background-color: greenyellow;
    padding: 20px;
    border: 2px solid rebeccapurple;
}

p {
    font-size: 15px;
    font-family: "arial black", georgian, verdana, sans-serif;
    color: black;
    padding-left: 15px;
    padding-right: 20px;
    margin: 5px;

}


blockquote {
    font-style: italic;
}

h1 {
    text-align: center;
    color: white;
    font-size: 35px;
    font-family: "arial black", georgian, verdena, arial, sans-serif;
    font-weight: bold;
    padding: 0px;
    margin: 9px;
}



h2 {
    text-align: left;
    font-size: 25px;
    font-family: "arial black", georgian, verdena, arial, sans-serif;
    color: black;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 5px;
}


h3 {
    text-align: left;
    font-size: 20px;
    font-family: "arial black", georgian, verdana, arial, sans-serif;
    color: rgba(5, 5, 150, 0.5);
    text-decoration: none;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 10px;
    margin: 5px;
}

h4 {
    text-align: left;
    font-size: 20px;
    font-family: "arial black", georgian, verdana, arial, sans-serif;
    padding: 0px;
    margin: 0px;
    font-size: medium;
    color: black;
    text-decoration: underline;
    padding: 3px;
    margin: 3px;
}

.liensno,
a {
    color: grey;
    font-style: none;
    text-decoration: none;
}

hr {
    padding: 2px;
    margin: 1px;
}


.liensno,
a {
    color: black;
    text-decoration: none;
}



a

/*apparence par default*/
    {
    color: rgb(5, 5, 180);
    font-weight: bold;
}


a:hover

/*apparence lorsque l'on pointe la souris dessus*/
    {
    color: rgba(5, 5, 150, 0.6);

}

a:active

/*apparence Lors DU CLIC de la souris*/
    {
    color: rgba(5, 5, 150, 0.5);
}

#entete {
    width: 100%;
    background-color: black;
    border: 1px green dotted;
}