*{margin: 0;}
header h1{font-size:80px;
text-align: center;
color: red;
margin: 0px 0px 0px 0px;
 text-shadow: 3px 3px 1px black;
padding: 0px 0px 0px 0px;
margin: 0 auto;
}

html{text-shadow: black 0.1em 0.1em 0.2em ;}

body
{
  background-image: url("image_fond_page.jpg") ;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

nav{display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 25px;
border-bottom: 3px solid black;
}

main{  display : flex;
flex-wrap: wrap;
align-content: space-between;
justify-content : center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 30px;
color: white;
}

footer{padding: 0px 0px 22px 0px;
color: white;
margin: 0px 0px 0px 0px;
border-top: 3px solid black;
font-size: 20px;
text-align: center;
bottom: 0;
text-align: center;}


nav div{width: 10%px;
padding: 0px 30px 0px 45px;
visibility: hidden;}

main div {
  min-width : 10px;    
  min-height : 10px;
}

.slider{width: 1800px;
color: black;
padding: 0px 0px 10px 0px;
}

.contenu{width: 40%;
margin: 30px;
padding: 0px 0px 40px 0px;}

.article{width: 25%;
padding: 0px 0px 0px 0px;
margin: 15px;
visibility: hidden;}

.bouton{width: 25%;
margin: 15px;
border: 0px solid-black;
}

.bouton_nav{padding: 0px 0px 10px 0px;
font-size: 30px;}

nav div p{width: 10%px;
visibility: visible;}

header h1 img{width: 7%;
padding: 30px 0px 0px 0px;
}

main .contenu p{color: white;
font-size: 20px;
padding: 0 0 15px 0;} 

main .contenu a{color: lightcyan;
font-size: 20px;} 

main .contenu strong{color: red;
}

main .contenu ul li{color: white;
font-size: 20px;} 
main .contenu ul li strong{color: red;
font-size: 20px;} 

.right{float: right;
margin: 0px 10px 0px 20px;}

nav div a{color: lightcyan;}

h2{color: red;}

main .article p{font-size: 20px;
}

main .article ul{font-size: 15px;}
main .article strong{color: red;}
p{font-size: 25px;}
main p{width: 100%;
padding-left: 40px;}

.img{float: right;
margin: 200px 10px 0px 20px;}

.ressources{font-size: 20px;
text-align: center;
padding-bottom: 100px;
width: 100%;}

.ressources a{color: lightcyan;}

.ressources p{font-size: 20px;}

.f
{position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  filter: brightness(50%);
  z-index: -1;
}

.gauche{padding-left: 150px;}