body{ background-image: url("photocss/background.jpg"); height: 100%; background-repeat: no-repeat; background-size:100%; } #blockBlock { margin-right: 10%; margin-left: 10%; background: rgba(255, 255, 255,0.5); padding-top: 10%; padding-bottom: 0%; -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3); box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3); text-align: center; border-color: #0073be; border-style: solid; border-top-width: 3px; border-bottom-width: 3px; border-right-width: 5px; border-left-width: 5px; border-radius: 10px; } td{ margin: auto; border: black; border-width: 2px; border-style: solid; border-radius: 5px; padding: 5px; } table{ border-collapse: collapse; margin-bottom: 40%; margin-left: 33%; } #Menu { width: 100%; top: 0; } #blockMenu { float: right; width: 95%; } #lineMenu { list-style-type: none; overflow: hidden; background-color: #0073be; height: 49px; margin: 0px; padding: 0px; } .colonneMenu { float: left; font-size: 17px; padding: 14px 20px; background-color: transparent; color: white; transition: background-color 0.1s, padding 0.1s, font-size 0.1s,transform 0.2s; cursor: pointer; } .animationButtonMenu:hover { background-color: #197abb; font-size: 19px; padding: 13px 17px; } .aMenu { color: white; text-decoration: none; } .colonneSign { float: right; font-size: 17px; padding: 14px 20px; background-color: transparent; color: white; transition: background-color 0.2s, padding 0.2s, font-size 0.2s,transform 0.2s; cursor: pointer; } .underLineHover:after { display: block; width: 0; height: 2px; background-color: white; bottom: -10px; content: ""; transition: width 0.2s; } .underLineHover:hover:after { width: 100%; } #blockLogo { float: left; width: 5%; } #logo { width: 100%; height: 110px; }