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