@charset "UTF-8"; @import url("../fonts/stylesheet.css"); /* CSS Document */ body{ text-align: left; background-color: #FFF; } /*•••••••••••••• couvercle et trou ••••••••••••*/ #trou{ position: relative; margin-right: 50%; margin-left: 50%; left: -1050px; top: -10px; width: 1920px; height: 1170px; z-index: 1; background-attachment: scroll; background-image: url(../images/trou.jpg); background-repeat: no-repeat; } #couvercle{ position: relative; margin-right: auto; margin-left: auto; left: -276px; top: -130px; width: 676px; height: 676px; z-index: 1; background: url(../images/Couvercle_complet.png) 0 0 no-repeat scroll; background-repeat: no-repeat; background-image: url(../images/Couvercle_complet.png); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } #couvercle:hover{ left: -400px; top: -100px; /* -webkit-transform: rotate(-5deg)*/ } /*•••••••••••••• boutons ••••••••••••*/ #TousLesBoutons{ left: 937px; top: -608px; z-index: 6; position: relative; width: 350px; height: 500px; } #Btn_FirstVisit, #Btn_Rules, #Btn_Login, #Btn_Register, #Btn_Contact{ background: url(../images/bouton_off.png) 0 0 no-repeat scroll; z-index: 6; position: relative; width: 40px; height: 40px; } #Btn_FirstVisit:hover, #Btn_Rules:hover, #Btn_Login:hover, #Btn_Register:hover, #Btn_Contact:hover{ background: url(../images/bouton_over.png) 0 0 no-repeat scroll; } #Btn_EnterLogin, #Btn_EnterPassword{ left: 90px; z-index: 6; position: relative; width: 230px; height: 25px; background-color: rgba(0, 0, 0, 1); border-radius:5px 0px 10px 5px; padding: 1px 0px 0px 15px; border:none; } #Btn_EnterLogin:hover, #Btn_EnterPassword:hover{ background-color: rgba(66, 66, 66, 1); } #Btn_EnterLogin, #Btn_EnterPassword{ font-family: orbitronbold; font-size: 10px; text-align: left; } .PlaceHolder { color: #0CF; } /*••••••••••••••••••••••••••• positionnement des boutons ••••••••••••••••••*/ #Btn_FirstVisit{ left: 83px; top: 0px; } #Btn_Rules{ left: 92px; top: 13px; } #Btn_EnterLogin{ top: 35px; } #Btn_EnterPassword{ top: 45px; } #Btn_Login{ left: 83px; top: 75px; border: none; } #Btn_Register{ left: 62px; top: 95px; display: block; } #Btn_Contact{ left: 30px; top: 112px; display: block; } #Logo_CDPP{ width: 209px; height: 144px; display: block; top: -70px; left:400px; z-index: 50; position: absolute; background: url(../images/Logo_CDPP_off.png) 0 0 no-repeat scroll; } #Logo_CDPP:hover{ background: url(../images/Logo_CDPP_over.png) 0 0 no-repeat scroll; z-index: 100; } #Logos_partenaires{ margin-right: auto; margin-left: auto; left:15%; right:10%; width: 1500px; height: 42px; bottom: 50px; z-index: 50; position: fixed; background: url(../images/LogosPartenaires.png) 0px 0px no-repeat scroll; } #PaveGuest{ font-family: orbitronbold; font-size: 15px; color: rgba(0, 0, 42, 0.3); left: 350px; top: -178px; width: 300px; height: 30px; z-index: 100; padding:20px 20px 20px 20px; position: relative; background-color: rgba(255, 255, 255, 0); border-radius:0px 30px 0px 30px; } #TitrePaveGuest{ font-family: orbitronlight; font-size: 17px; color: rgba(0, 0, 0, 0.3); background-color: rgba(255, 100, 255, 0); margin-top:20px; } #TextePaveGuest{ font-family: orbitronlight; font-size: 14px; color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.2); padding:5px 10px 2px 5px; border-radius:0px 0px 20px 0px; } /* •••••••••••••••••••••••••••••••• ANNOUCEMENTS••••••••••••••••••••••••••••••••••••*/ #PaveAnnoucements{ font-family: orbitronbold; font-size: 30px; color: rgba(0, 0, 42, 0.3); left: 300px; top: -100px; width: 300px; height: 300px; z-index: 100; padding:20px 20px 20px 20px; position: relative; background-color: rgba(255, 255, 255, 0); border-radius:0px 30px 0px 30px; } #TitrePaveAnnoucement{ font-family: orbitronlight; font-size: 35px; color: rgba(0, 0, 0, 0.2); background-color: rgba(255, 100, 255, 0); margin-top:20px; } #DateAnnoucement{ font-family: orbitronbold; font-size: 12px; color: rgba(163, 224, 255, 1); background-color: rgba(0, 0, 0, 1); padding:4px 5px 2px 5px; border-radius:3px 3px 3px 3px; width: 100px; } #DateAnnoucementRed{ font-family: orbitronbold; font-size: 12px; color: #F00; background-color: rgba(0, 0, 0, 1); padding:4px 5px 2px 5px; border-radius:3px 3px 3px 3px; width: 100px; } #TexteAnnoucement{ font-family: orbitronlight; font-size: 14px; color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.2); padding:5px 10px 5px 10px; border-top:1px solid rgba(255, 255, 255, 1); border-radius:0px 0px 20px 0px; } #TexteAnnoucementRed{ font-family: orbitronbold; font-size: 14px; color: #F00; text-decoration: blink; background-color: rgba(255, 255, 255, 0.2); padding:5px 10px 5px 10px; border-top:1px solid rgba(255, 255, 255, 1); border-radius:0px 0px 20px 0px; }