body
{
font-family: Arial; 
padding:0px;
margin: 0px;
background-color:#767676;
height: 100%; 
width: 100%;
overflow:hidden;
}

#raccourcis
{
position: fixed; 
z-index: 999; 
width: 100%; 
padding-left: calc(50% - 305px);
padding-top: 10px;
top:0;
border-radius: 0px 0px 50px 50px;
background: linear-gradient(to top, #ffffff00, 10%, #ffffff94); 
height: 70px;
opacity: 0%
}
		
#raccourcis:hover
{
position: fixed; 
z-index: 9999; 
width: 610px; 
padding: 10px;
top:0;
margin-left: calc(50% - 305px);
border-radius: 0px 0px 50px 50px;
background: linear-gradient(to top, #ffffff00, 10%, #ffffff94);
height: 70px;
opacity: 100%;
}

input[type="button"], input[type="submit"], input[type="file"]
{
display: none;
}

img
{
white-space:pre
}

#boite
{
opacity : 95%;
}

#boite:hover
{
opacity : 100%;
transform: scale(1.01);
}

#nomfichier
{
width: 50px;
font-size: 15px;
border-radius: 8px;
padding: 3px 8px 3px 8px;
color: #727272;
background-color: #dddddd;
border: none;
}

#nomfichier:hover
{
width: 50px;
font-size: 15px;
border-radius: 8px;
padding: 3px 8px 3px 8px;
color: #727272;
background-color: #dddddd;
border: none;
transform: scale(1.05);
}

#recher
{
font-size: 15px;
padding: 3px 0px 3px 0px;
color: #727272;
background-color: transparent;
}

#recherche
{
width: 50px;
font-size: 15px;
border-radius: 8px;
padding: 3px 8px 3px 8px;
color: #727272;
background-color: #dddddd;
border: none;
}

#recherche:hover
{
width: 50px;
font-size: 15px;
border-radius: 8px;
padding: 3px 8px 3px 8px;
color: #727272;
background-color: #dddddd;
border: none;
transform: scale(1.05);
}

#motdp
{
position: relative;
display: none;
float: left;
z-index: 2;
margin-left: -60px;
}

#query
{
	opacity: 90%;
}

#query:hover
{
	opacity: 95%;
	transform: scale(1.01);
}

#RSS
{
cursor: pointer;
height : 60px;
vertical-align: middle;
z-index:2;
margin-left: 7px;
float: left;
position: relative;
}

#RSS:hover
{
cursor: pointer;
opacity: 90%;
height : 60px;
vertical-align: middle;
z-index:2;
margin-left: 7px;
float: left;
position: relative;
transform: scale(1.1);
}

#activ
{
cursor: pointer;
height : 30px;
vertical-align: middle;
margin-top: 5px;
z-index:2;
margin-left: 8px;
float: left;
position: absolute;
}

#inscription
{
width: 90%;
margin-top: 5%;
margin-right: auto;
margin-left: auto;
height: auto;
border: 1px solid #000;
border-radius: 10px;
padding: 20px 40px 20px 40px;
background-color: #fff;
}

#icons
{
padding: 2px 6px 2px 4px;
background: linear-gradient(to top, transparent, 70%, #8867ff2b);
box-shadow: 1px 1px 1px #44589545;
border-radius: 10px;
height: 20px;
margin: auto;
}

#description
{
opacity: 80%;
}

#description:hover
{
opacity: 88%;
}

#previsions
{
opacity:88%;
}

#previsions:hover
{
opacity:95%;
}

#entrer
{
float:right;
margin-right: 8px;
margin-top: 1px;
position: relative;
}

#mdp
{
padding: 2px 6px 4px 4px;
border: none;
position: absolute;
width: 50px;
opacity: 90%;
outline: none;
height: 54px;
border-radius: 100px;
box-shadow: 1px 1px 1px;
}

#sortir
{
float:right;
margin-right: 8px;
margin-top: 1px;
position: relative;
}

#menu
{
width: 100%;
height: 37px;
padding-top: 6px;
position: absolute;
z-index: 1;
}

#actubox
{
width: 310px;
height: calc(100%); 
position: absolute;
padding-top: 5px;
z-index: 99999;
background: linear-gradient(to left, transparent, 20%, white);
overflow: hidden;
float: right;
}

.invisible-scrollbar::-webkit-scrollbar {
  display: none;
}

#explorateur
{
width: 100%;
height: calc(100% + 42.5px);
margin-top:0px;
margin-left: 0px;
border:none;
}

#actu
{
width: 400px;
height: 100%;
margin-top:0px;
margin-left: 0px;
border:none;
}

#contenu
{
width: 100%;
height: 92.8%;
position: absolute
}

#zoom:hover
{
transform: scale(1.1);
}