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

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; }