-
/* *********************************************************** */
/* *********************************************************** */
/* Autre */
p, ul, li, article, footer, header, h1, table, tr, td {
margin: 0;
padding: 0;
}
/* _______________________________ */
/* Mise en page générale */
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;
color:rgb(248,225,37);
text-align: justify;
text-align: center;
padding-left:20px;
padding-right:20px;
padding-top:20px;
/* background-image:url(bas.jpg); */
}
article{
height:975px;
width:975px;
background-color:white;
background-image:url(fond2.jpg);
margin:auto;
padding-top:90px;
}
/* _______________________________ */
/* Menu */
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;
}
/* _______________________________ */
/* Album */
.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;
}
/* _______________________________ */
/* Galerie */
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); */
}
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;
}
/* _______________________________ */
/* Membres */
h2{
color:rgb(248,225,37);
}
.agauche{
float: center;
padding-right: 8px;
padding-left: 8px;
}
.texte{
width: 500px;
float: center;
color:rgb(248,225,37);
}
votre commentaire -