/*----------------------------------------------------------------------------------------------------------------------*/


body{
	background-color: rgba(16,16,16,1);
	padding:0px;
	margin:0px;	
}



a:link{
	text-decoration:none;
}

#test{
	/*background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9F7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5D4A1F 62.5%, #5d4a1f 100%);*/
	height:300px;
}



#Dlogo{
position:absolute;
top: 35%;	
left:25%;
z-index:1;
width:50vw;
}


/**********************************************************************/

#Pied_de_page{

width:100%;
height:2vw;	
position:absolute;
top:95vh;
background: none;

	color:rgba(255,255,255,1);
	font-family:"Trebuchet MS";
	font-size: 100%;
	font-weight:bold;
	text-align:center; 
	  line-height:5vh;
	  
	  
}

#hover_gauche{
position:absolute;
top:10%; left:0px;
height:80%;
width:10%;
background-color:blue;

}

#gauche{
position:absolute;
top:10%; left:0%;
height:80%;
width:10%;	
background-color:red;
opacity:0;
/*transition-duration: .4s;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;*/
}

#gauche:hover + #droite{
background-color:yellow;
opacity:1;
	
}

#droite{
position:absolute;
top:10%; left:90%;
height:80%;
width:10%;	
background-color:green;
opacity:0;
/*transition-duration: .4s;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;*/
}

#actu{
position:absolute;
top:60%;
left:30%;
width:40%;
height:30%;	
background-color:gold;
	
}



#liens_hover{
	position:absolute;
	width:100%;
	height:40%;
	left:0%;
	top:0%;
	background-color:rbga(0,0,0,0);
}

#liens_hover:hover ~+ #liens_oui{
	background-color:purple;
}

#liens_oui{
	position:absolute;
	width:100%;
	height:20%;
	left:0%;
	background-color:blue;
	top:0%;

}