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.
468 lines
6.1 KiB
468 lines
6.1 KiB
|
|
body
|
|
{
|
|
margin: 0;
|
|
font-size: 1.1em;
|
|
background-color:rgba(117,213,243,0.3);
|
|
width:0%;
|
|
|
|
}
|
|
|
|
|
|
|
|
header
|
|
{
|
|
background-color:black;
|
|
background-repeat: no-repeat;
|
|
position: absolute;
|
|
background-size: 100% 100%;
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
header h1
|
|
{
|
|
font-family: ;
|
|
text-align: left: 10px;
|
|
color:white;
|
|
font-family: Segoe UI;
|
|
font-size: 2.4em;
|
|
text-shadow: 0px 2px 2px white;
|
|
|
|
}
|
|
|
|
header nav
|
|
{
|
|
font-size : 2em;
|
|
position: absolute;
|
|
top: 42px;
|
|
left: 350px;
|
|
|
|
}
|
|
|
|
header nav ul
|
|
{
|
|
list-style-type: none;
|
|
margin: 0px;
|
|
font-style : italic;
|
|
}
|
|
.imageF
|
|
{
|
|
display:block;
|
|
margin:0px;
|
|
position: absolute;
|
|
top: 35px;
|
|
right: 20px;
|
|
}
|
|
header nav li
|
|
{
|
|
display: inline-block;
|
|
margin-right: 20px;
|
|
|
|
}
|
|
|
|
|
|
nav a { text-decoration: none; opacity: 1; }
|
|
nav a:link { color: white; }
|
|
nav a:visited { color: white; }
|
|
nav a:hover { color: red; }
|
|
|
|
|
|
|
|
article
|
|
{
|
|
|
|
background-color:background-color:rgba(117,213,243,0.3);
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 120px;
|
|
left: 600px;
|
|
font-family: Segoe UI;
|
|
}
|
|
|
|
article h2
|
|
{
|
|
text-align: center;
|
|
}
|
|
actu
|
|
{
|
|
position: absolute;
|
|
top: 450px;
|
|
left: 20px;
|
|
|
|
}
|
|
|
|
.imageD
|
|
{
|
|
|
|
position: absolute;
|
|
top: 150px;
|
|
left: 20px;
|
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55);
|
|
}
|
|
.imageE
|
|
{
|
|
|
|
|
|
position: absolute;
|
|
top: 150px;
|
|
left:1050px;
|
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55);
|
|
}
|
|
|
|
|
|
|
|
|
|
#contact
|
|
{
|
|
text-align: center;
|
|
font-size:4em;
|
|
margin-top : 700pt;
|
|
}
|
|
footer
|
|
{
|
|
clear:both;
|
|
text-align: center;
|
|
font-size: 70%;
|
|
font-style: italic;
|
|
margin-top: 600pt;
|
|
margin-right: -1200pt;
|
|
}
|
|
.image1
|
|
{
|
|
position: absolute;
|
|
top: 78px;
|
|
left:25px;
|
|
}
|
|
article1
|
|
{
|
|
padding-right:1250px
|
|
}
|
|
|
|
li2 a
|
|
{
|
|
position: absolute;
|
|
right: 730px;
|
|
top: 78px;
|
|
}
|
|
|
|
li3 a
|
|
{
|
|
position: absolute;
|
|
right: 450px;
|
|
top: 78px;
|
|
}
|
|
|
|
li4 a
|
|
{
|
|
position: absolute;
|
|
right: 150px;
|
|
top: 78px;
|
|
}
|
|
.GIF{
|
|
position:absolute;
|
|
right:-300px;
|
|
border: 4px solid black;
|
|
|
|
}
|
|
|
|
.image1:hover{
|
|
|
|
-ms-transform: scale(1.2) translate(10px);
|
|
-webkit-transform: scale(1.2) translate(10px);
|
|
transform: scale(1.2) translate(10px);
|
|
color: red;
|
|
}
|
|
li2 a:hover{
|
|
color: red;
|
|
-ms-transform: scale(1.2) translate(10px);
|
|
-webkit-transform: scale(1.2) translate(10px);
|
|
transform: scale(1.2) translate(10px);
|
|
}
|
|
li3 a:hover{
|
|
color: red;
|
|
-ms-transform: scale(1.2) translate(10px);
|
|
-webkit-transform: scale(1.2) translate(10px);
|
|
transform: scale(1.2) translate(10px);
|
|
}
|
|
li4 a:hover{
|
|
color: red;
|
|
-ms-transform: scale(1.2) translate(10px);
|
|
-webkit-transform: scale(1.2) translate(10px);
|
|
transform: scale(1.2) translate(10px);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
text0
|
|
{
|
|
position:absolute;
|
|
top: 141px;
|
|
left: 20px;
|
|
font-size : 1.7em;
|
|
font-family: Arial, sans-serif;
|
|
font-weight: bold;
|
|
|
|
|
|
}
|
|
.mercedes
|
|
{
|
|
position:absolute;
|
|
top: 210px;
|
|
left: 0px;
|
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55);
|
|
|
|
}
|
|
.mercedes:hover {
|
|
opacity: .4;
|
|
|
|
}
|
|
text1
|
|
{
|
|
position:absolute;
|
|
top: 210px;
|
|
left: 340px;
|
|
border: 3px solid black;
|
|
padding: 5px;
|
|
}
|
|
ecuries
|
|
{
|
|
|
|
font-size : 1em;
|
|
font-family: Times, Times New Roman, serif;
|
|
font-weight: normal;
|
|
}
|
|
.Ferrari
|
|
{
|
|
position:absolute;
|
|
top: 470px;
|
|
right: 0px;
|
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55);
|
|
}
|
|
.Ferrari:hover {
|
|
opacity: .4;
|
|
|
|
}
|
|
text2
|
|
{
|
|
position:absolute;
|
|
top: 470px;
|
|
right: 340px;
|
|
border: 3px solid red;
|
|
padding: 5px;
|
|
}
|
|
.mclaren
|
|
{
|
|
position:absolute;
|
|
top: 731px;
|
|
left: 0px;
|
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55);
|
|
}
|
|
.mclaren:hover {
|
|
opacity: .4;
|
|
|
|
}
|
|
text3
|
|
{
|
|
position:absolute;
|
|
top: 731px;
|
|
left: 340px;
|
|
border: 3px solid orange;
|
|
padding: 5px;
|
|
}
|
|
.redbull
|
|
{
|
|
position:absolute;
|
|
top: 990px;
|
|
right: 0px;
|
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55);
|
|
}
|
|
.redbull:hover {
|
|
opacity: .4;
|
|
|
|
}
|
|
text4
|
|
{
|
|
position:absolute;
|
|
top: 990px;
|
|
right: 340px;
|
|
border: 3px solid black;
|
|
padding: 5px;
|
|
}
|
|
.williams
|
|
{
|
|
position:absolute;
|
|
top: 1250px;
|
|
left: 0px;
|
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55);
|
|
}
|
|
.williams:hover {
|
|
opacity: .4;
|
|
|
|
}
|
|
text5
|
|
{
|
|
position:absolute;
|
|
top: 1250px;
|
|
left: 340px;
|
|
border: 3px solid blue;
|
|
padding: 5px;
|
|
}
|
|
|
|
text6
|
|
{
|
|
position:absolute;
|
|
top: 1511px;
|
|
left: 0px;
|
|
font-size : 1em;
|
|
font-family: Arial, sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
text6 { text-decoration: none; opacity: 1; }
|
|
text6 a:link {font-family: Arial, sans-serif; font-size : 1.1em;}
|
|
text6 a:visited { color: black; }
|
|
text6 a:hover { color: red; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
texttab1
|
|
{
|
|
font-family: Segoe UI;
|
|
font-size: 1.6em;
|
|
font-weight:bold;
|
|
position:absolute;
|
|
left:15px;
|
|
top:120px;
|
|
}
|
|
.tableau1 {
|
|
border-collapse: collapse;
|
|
box-shadow: 0 5px 50px rgba(0,0,0,0.15);
|
|
cursor: pointer;
|
|
margin: 0px auto;
|
|
border: 2px solid midnightblue;
|
|
position:absolute;
|
|
top:180px;
|
|
left:490px
|
|
|
|
}
|
|
|
|
thead tr {
|
|
background-color: midnightblue;
|
|
color: #fff;
|
|
text-align: left;
|
|
}
|
|
|
|
th, td {
|
|
padding: 15px 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
tbody tr, td, th {
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
tbody tr:nth-child(even){
|
|
background-color: #f3f3f3;
|
|
}
|
|
|
|
|
|
.table-style {
|
|
width: 100%;
|
|
margin: 0px;
|
|
font-size: 10px;
|
|
}
|
|
th, td {
|
|
padding: 10px 7px;
|
|
}
|
|
|
|
|
|
texttab2
|
|
{
|
|
font-family: Segoe UI;
|
|
font-size: 1.6em;
|
|
font-weight:bold;
|
|
position:absolute;
|
|
left:15px;
|
|
top:470px;
|
|
}
|
|
.tableau2 {
|
|
border-collapse: collapse;
|
|
box-shadow: 0 5px 50px rgba(0,0,0,0.15);
|
|
cursor: pointer;
|
|
margin: 0px auto;
|
|
border: 2px solid midnightblue;
|
|
position:absolute;
|
|
top:530px;
|
|
margin-left: 400px;
|
|
margin-right: 400px;
|
|
}
|
|
|
|
texttab3
|
|
{
|
|
font-family: Segoe UI;
|
|
font-size: 1.6em;
|
|
font-weight:bold;
|
|
position:absolute;
|
|
left:15px;
|
|
top:810px;
|
|
}
|
|
.tableau3 {
|
|
border-collapse: collapse;
|
|
box-shadow: 0 5px 50px rgba(0,0,0,0.15);
|
|
cursor: pointer;
|
|
margin: 0px auto;
|
|
border: 2px solid midnightblue;
|
|
position:absolute;
|
|
top:870px;
|
|
left:480px;
|
|
}
|
|
|
|
texttab4
|
|
{
|
|
font-family: Segoe UI;
|
|
font-size: 1.6em;
|
|
font-weight:bold;
|
|
position:absolute;
|
|
left:15px;
|
|
top:1170px;
|
|
}
|
|
.tableau4 {
|
|
border-collapse: collapse;
|
|
box-shadow: 0 5px 50px rgba(0,0,0,0.15);
|
|
cursor: pointer;
|
|
margin: 0px auto;
|
|
border: 2px solid midnightblue;
|
|
position:absolute;
|
|
top:1230px;
|
|
left:470px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
iframe {
|
|
position: absolute;
|
|
top: 112.6px;
|
|
left: 0;
|
|
}
|
|
iframe {
|
|
width: 100%;
|
|
}
|
|
iframe {
|
|
height: 100%;
|
|
}
|
|
nav a { text-decoration: none; opacity: 1; }
|
|
nav a:link { color: white; }
|
|
nav a:visited { color: white; }
|
|
nav a:hover { color: red; }
|