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.
156 lines
2.0 KiB
156 lines
2.0 KiB
#container
|
|
{ margin-left: 18%; margin-right: 18%;
|
|
|
|
}
|
|
body
|
|
{
|
|
font-size: 1.1em;
|
|
background-image: url(index.jpg);
|
|
text-align: center;
|
|
width: 80%;
|
|
margin-left: 5%;
|
|
background-color: darkblue
|
|
|
|
}
|
|
li
|
|
{
|
|
font-size: 2em;
|
|
|
|
}
|
|
#bloc_page
|
|
{
|
|
width: 90%;
|
|
margin: 10%;
|
|
height: 120%;
|
|
border-color: black;
|
|
|
|
}
|
|
.backgroundd
|
|
{
|
|
margin-left: 64px;
|
|
background-color: Cornsilk;
|
|
border: 20px solid black;
|
|
|
|
}
|
|
|
|
nav a { text-decoration: none; opacity: 1; }
|
|
nav a:link { color: cyan; }
|
|
nav a:visited { color: aquamarine; }
|
|
nav a:hover { color: red; }
|
|
|
|
|
|
header
|
|
{
|
|
background-image: url(fondtitre.jpg);
|
|
background-repeat: no-repeat;
|
|
border: 20px solid black;
|
|
background-size: 80% 120%;
|
|
width: 70%;
|
|
height: 50%;
|
|
background-color: #111626
|
|
|
|
}
|
|
|
|
header h1
|
|
{
|
|
font-family: arial;
|
|
text-align: center;
|
|
color: floralwhite;
|
|
font-size: 3em;
|
|
text-shadow: 5pt 20pt 6pt black;
|
|
}
|
|
|
|
|
|
header h1 {
|
|
animation-duration: 3s;
|
|
animation-name: slidein;
|
|
}
|
|
|
|
|
|
|
|
@keyframes slidein {
|
|
from {
|
|
margin-left: 500%;
|
|
width: 300%;
|
|
75% {
|
|
font-size: 300%;
|
|
margin-left: 25%;
|
|
width: 150%;
|
|
}
|
|
|
|
to {
|
|
margin-left: 80%;
|
|
width: 40%;
|
|
}
|
|
}
|
|
|
|
|
|
header nav
|
|
{
|
|
|
|
font-size : 2em;
|
|
background-color: rgba(15,1,24,0.4);
|
|
}
|
|
|
|
header nav ul
|
|
{
|
|
list-style-type: none;
|
|
margin: 0px;
|
|
}
|
|
|
|
|
|
article
|
|
{
|
|
padding: 100px 20px 20px 10px;
|
|
background-color: rgba(176,20,4,0.4);
|
|
text-align: justify;
|
|
}
|
|
|
|
article h2
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.imageD
|
|
{
|
|
display:inline-block;
|
|
margin:0px;
|
|
width:55%;
|
|
padding-left:10px;
|
|
}
|
|
|
|
to {
|
|
margin-left: 80%;
|
|
width: 40%;
|
|
}
|
|
}
|
|
|
|
.textG
|
|
{
|
|
padding-right:5px;
|
|
display:inline-block;
|
|
float:left;
|
|
width:50%;
|
|
font-size : 1.2em
|
|
|
|
}
|
|
|
|
|
|
|
|
#contact
|
|
{
|
|
text-align: center;
|
|
font-size:1.5em;
|
|
margin-top : 20pt;
|
|
}
|
|
footer
|
|
{
|
|
clear:both;
|
|
text-align: center;
|
|
font-size: 70%;
|
|
font-style: italic;
|
|
margin-top: 105pt;
|
|
}
|
|
|
|
|
|
|