siteWeb/stylepage.css

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