You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
161 lines
2.3 KiB
161 lines
2.3 KiB
3 years ago
|
body{
|
||
|
background-attachment:fixed;
|
||
|
background-image:url("fondecranlol2.jpg");
|
||
|
background-position:center;
|
||
|
background-repeat:no-repeat;
|
||
|
background-size:cover;
|
||
|
margin:0;
|
||
|
}
|
||
|
nav img {
|
||
|
position :absolute ;
|
||
|
left:10px;
|
||
|
}
|
||
|
h1{
|
||
|
position :absolute;
|
||
|
left : 350px;
|
||
|
font-size:4em ;
|
||
|
font-family:monaco,monospace;
|
||
|
text-decoration:none;
|
||
|
text-transform:uppercase;
|
||
|
top:30px;
|
||
|
color:rgb(232,169,25);
|
||
|
}
|
||
|
h2{
|
||
|
position :absolute;
|
||
|
left :725px;
|
||
|
font-size:4em ;
|
||
|
font-family:monaco,monospace;
|
||
|
text-decoration:none;
|
||
|
text-transform:uppercase;
|
||
|
top:30px;
|
||
|
color:rgb(232,169,25);
|
||
|
}
|
||
|
h3{
|
||
|
position :absolute;
|
||
|
left : 1100px;
|
||
|
font-size:4em ;
|
||
|
font-family:monaco,monospace;
|
||
|
text-decoration:none;
|
||
|
text-transform:uppercase;
|
||
|
top:20px;
|
||
|
color:rgb(232,169,25);
|
||
|
}
|
||
|
.bandeau{
|
||
|
background-color:rgba(54,182,146,0.4);
|
||
|
position:fixed;relative;
|
||
|
margin-left:5px;
|
||
|
margin-right:5px;
|
||
|
margin-top:5px;
|
||
|
width:98%;
|
||
|
height:34%;
|
||
|
border:5px;
|
||
|
border-color:black;
|
||
|
border-style:solid;
|
||
|
border-radius:0px 50px 50px 50px ;
|
||
|
display: inline-block;
|
||
|
z-index:10;
|
||
|
}
|
||
|
.image1 {
|
||
|
position:relative;
|
||
|
top:300px;
|
||
|
left:5px;
|
||
|
margin-left:100px;
|
||
|
}
|
||
|
|
||
|
.image2 {
|
||
|
position:relative;
|
||
|
top:400px;
|
||
|
left:5px;
|
||
|
margin-right:100px;
|
||
|
}
|
||
|
|
||
|
.image3 {
|
||
|
position:relative;
|
||
|
top:500px;
|
||
|
left:5px;
|
||
|
margin-right:100px;
|
||
|
}
|
||
|
|
||
|
article{
|
||
|
position:relative;
|
||
|
top:200px;
|
||
|
z-index:11;
|
||
|
}
|
||
|
img{
|
||
|
position :absolute;
|
||
|
|
||
|
right:5px ;
|
||
|
top:5px;
|
||
|
border:9px;
|
||
|
border-color:black;
|
||
|
border-style:solid;
|
||
|
border-radius:20px 20px 20px 20px ;
|
||
|
}
|
||
|
img p{
|
||
|
position:relative;
|
||
|
font-size:1em ;
|
||
|
font-family:monaco,monospace;
|
||
|
font-weight:bold;
|
||
|
line-height:26px;
|
||
|
text-align:right;
|
||
|
}
|
||
|
p{
|
||
|
position:relative;
|
||
|
font-size:1em ;
|
||
|
font-family:monaco,monospace;
|
||
|
font-weight:bold;
|
||
|
line-height:26px;
|
||
|
text-align:left;
|
||
|
color:white;
|
||
|
}
|
||
|
video{
|
||
|
position:relative;
|
||
|
margin-left:8px;
|
||
|
border:9px;
|
||
|
border-color:black;
|
||
|
border-style:solid;
|
||
|
border-radius:20px 20px 20px 20px ;
|
||
|
border:9px;
|
||
|
}
|
||
|
|
||
|
.gif{
|
||
|
position:absolute;
|
||
|
top:800px;
|
||
|
}
|
||
|
.image4{
|
||
|
position:absolute;
|
||
|
top:300px;
|
||
|
left:10px;
|
||
|
}
|
||
|
.image5{position:relative;
|
||
|
top:600px;
|
||
|
left:10px;
|
||
|
}
|
||
|
.image6{position:relative;
|
||
|
top:650px;
|
||
|
left:5px;
|
||
|
font-size:0.9em ;
|
||
|
}
|
||
|
.image7{position:relative;
|
||
|
top:700px;
|
||
|
left:5px;
|
||
|
font-size:0.9em ;
|
||
|
}
|
||
|
.image8{position:relative;
|
||
|
top:800px;
|
||
|
left:5px;
|
||
|
font-size:0.9em ;
|
||
|
}
|
||
|
.image9{position:relative;
|
||
|
top:900px;
|
||
|
left:5px;
|
||
|
font-size:0.9em ;
|
||
|
}
|
||
|
ins img{
|
||
|
position:relative;
|
||
|
float:left;
|
||
|
left:5px;
|
||
|
}
|
||
|
|
||
|
|