@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;
		 }
/*•••••••••••••• boutons ••••••••••••*/

#TousLesBoutons{
	left: 937px;
	top: -608px;
	z-index: 6;
	position: relative;
	width: 350px;
	height: 500px;
	}	
	
#Btn_GuestLogin, #Btn_Login{
		background: url(../images/boutonLogin_off.png) 0 0 no-repeat scroll;
		z-index: 6;
		position: relative;
		width: 50px;
		height: 50px;
	}
	
#Btn_GuestLogin:hover, #Btn_Login:hover {
        background: url(../images/boutonLogin_over.png) 0 0 no-repeat scroll;
    }
    
#Btn_About, #Btn_FirstVisit, #Btn_Rules, #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_About:hover, #Btn_FirstVisit:hover, #Btn_Rules: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{
        position: relative;
		left: 0px;
		top: 0px;
		border: none;
	}

#Btn_Register{
		left: 65px;
		top: 80px;
		display: block;
	}

#Btn_Contact{
		left: 35px;
		top: 93px;
		display: block;
	}
	
#Btn_About{
		left: 0px;
		top: 100px;
	}
	
#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{
		left: 450px;
		top: -115px;
        position: relative;
        width: 180px;
        height: 50px;
        background-color: rgba(255, 255, 255, 0.2);	
        border-radius:10px 10px 10px 10px;
      /*  border: 3px solid rgba(255, 255, 255, 0.7); */
}

#Btn_GuestLogin{
		left: 0px;
		top:  0px;
		border: none;
	}
	
#TitrePaveGuest{
        position: relative;
        left: 50px;
        top: -30px;
		font-family: orbitronbold;
		font-size: 16px;
		color: rgba(0, 107, 179, 0.7);
		font-weight: bold;
}

/* •••••••••••••••••••••••••••••••• ANNOUCEMENTS••••••••••••••••••••••••••••••••••••*/
#textAbout {
		z-index: 6;
		position: relative;
		left: 40px;
		top: 80px;
		font-family: orbitronlight;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
		font-weight: bold;
}

#userLogin { 
		position: relative;
		left: 80px;
        top: 68px; 
        width:280px;
        height: 50px;
        color: rgba(0, 107, 179, 0.9);  
        background-color: rgba(255, 255, 255, 0.2);	
        border-radius:10px 10px 10px 10px;        
}
#textLogin { 
		position: relative;
		left: 50px;
        top: -30px; 
		font-family: orbitronlight;
		font-size: 16px;
        color: rgba(0, 107, 179, 0.9);        
		/*color: rgba(255, 255, 255, 0.5);*/
		font-weight: bold;
}
/* •••••••••••••••••••••••••••••••• 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;
}