css

/* *********************************************************** */

/* *********************************************************** */

p, ul, li, article, footer, header, h1, table, tr, td {

 margin: 0;

 padding: 0;

}

nav ul { 

 list-style-type:none;

 background-color:black;

 color:red;

 line-height: 40px;

}

nav li{display:inline-block;

 width:146px;

}

nav li:first-child,nav li:last-child

{

 background-color:black;

 width:110px;

}

nav a {

 display: inline-block;

 width: 150px;

 text-decoration: none;

 color:rgb(248,225,37);

}

nav a:hover{

  color:white;

}

body {

 width:975px;

 margin:auto;

 background-color:black;

 margin-top:25px;

 background-image:url(fond10.jpg);

 height:1000px;

 background-position:0% 0%;

 background-repeat:no-repeat;

 /* l'effet de l'image de fond est volontaire */

}

iframe{

 padding-top:70px;

 padding-left:65px;

}

header{

 /* background-image:url(photoheader.jpg); */

 height:475px;

 width:975px;

 background-color:rgb(222,88,72);

}

footer{

 height:50px;

 width:975px;

 background-color:black;

 /* background-image:url(bas.jpg); */

}

article{

 height:975px;

 width:975px;

 background-color:white;

 background-image:url(fond2.jpg);

 margin:auto;

 padding-top:90px;

}

table {

 margin: auto;

 text-align: center;

 border-collapse: separate;

    border-spacing: 30px 30px;

}

table td{

 height:200px;

 width:200px;

 /* background-color:rgb(222,88,72); */

}

h2{

 color:rgb(248,225,37); 

}

.image05 img {

 width: 200px;

 float: left;

 padding-right: 8px;

}

.para {

 height: 120px;

 text-align: justify;

}

table img{

 width: 200px;

 height: 200px;

 border-radius: 1px;

 border: 3px solid #fafafa;

 filter: grayscale(1);

 transition: 800ms;

}

table img:hover {

 filter: grayscale(0);

 transition: 800ms;

}

.album{

 width: 400px;

 height: 400px;

 border-radius: 1px;

 border: 3px solid #fafafa;

 display:block;

 margin-left:auto;

 margin-right:auto;

}

.albumPosition{

 text-align: center;

}

.albumpresentation{

 color:rgb(248,225,37);

 text-align: justify;

 padding-left:20px;

 padding-right:20px;

}