html,body
{
	width: 100%;
	height: 100%;
	background: url(img/fond.jpg) no-repeat;
	background-size: cover;
	background-attachment:fixed;
	margin:0;
	padding: 0;

}
.conteneur
{
	width: 800px;
	height: auto;
	background:rgba(0,0,0,0.5);
	margin:auto; 
	border: 1px black solid;
	overflow-y: auto;
	
}
.menu
{
	background: linear-gradient(#FEFEFE,#010101,#FEFEFE) ;
	width: 100%;
	height: auto;
	border-radius: 10px;
	border: 1px black solid;
}
.menu a
{
	color: white;
	text-decoration: none;
	font-size: 20px;
	margin-top: 20px;
	margin-left: 15px;
}

.menu a:hover
{
	color: red;
}
.Connexion
{
	margin-left: 680px;
	margin-top: -25px;
	font-size: 20px;
}
.Connexion:hover
{
	color: red;
}
.contenu
{
	width: 95%;
	max-width: 95%;
	height: auto;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-top: 2%;
	color: white;
	background:rgba(0,0,0,0.8);
	font-size: 25px;
	padding: 1%;
	border: 1px black solid;
	overflow-y: auto;
	
}
footer
{
	width: 100%;
	height: auto;
	background: rgba(0,0,0,0.8);
	margin-top: 2%;
	color: white;
	text-align: center;
	font-size: 20px;
	border: black 1px solid;
}
.texte
{
	background: linear-gradient(rgba(255, 255, 255, 0.2),rgba(0, 0, 0, 0.2),rgba(255, 255, 255, 0.2));
	color: white;
}
.texte2
{
	background: linear-gradient(rgba(255, 255, 255, 0.2),rgba(0, 0, 0, 0.2),rgba(255, 255, 255, 0.2));
	color: white;
	width: 70px;
}

.Bouton
{
	width: auto;
	color: white;
	background: linear-gradient(#FEFEFE,#010101,#FEFEFE) ;
	border: black 1px solid;
}
.Bouton:hover
{
	color: red;
	cursor: pointer;
}
.erreur
{
	background: red;
	width: 100%;
	height: auto;
	color: white;
	font-size: 25px;
}
.succes
{
	background: green;
	width: 100%;
	height: auto;
	color: white;
	font-size: 25px;
}

.menus 
{
	display: inline-block;
	background: linear-gradient(#FEFEFE,#010101,#FEFEFE);
	width: 100%;
	height: auto;
	border-radius: 10px;
	border: 1px black solid;
}

.menus ul {margin: 0;padding: 0;list-style: none;}

.menus ul li {display: block;position: relative;float: left;}

.menus .droite {float: right;}

.menus li ul {display: none;min-width: 150px;}

.menus ul li a 
{
	display: block;
	text-decoration: none;
	color: white;
	padding: 10px;
    white-space: nowrap;
    opacity:1;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -ms-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}

.menus ul li a:hover {color:red;}

.menus li:hover ul {display: block;position: absolute;}

.menus li:hover li {float: none;}

.menus li:hover a 
{
	background: linear-gradient(#FEFEFE,#010101,#FEFEFE);
	border-radius: 10px;

}
.Panel a
{
	color: red;
	text-decoration: none;
}
.Tchat
{
    height: 500px;
    width: 700px;
    margin: 1% 3.7%; 
    word-wrap:break-word;
    overflow-y: auto;
    border: 2px solid darkorange;
    border-radius: 10px;
    background: linear-gradient(rgba(255, 255, 255, 0.2),rgba(0, 0, 0, 0.2),rgba(255, 255, 255, 0.2));
    text-align: left;
    font-size: 15px;
}
.presentation
{
	background: linear-gradient(rgba(255, 255, 255, 0.2),rgba(0, 0, 0, 0.2),rgba(255, 255, 255, 0.2));
	width: 25%;
	border: 1px solid white;
}
.presentation2
{
background: linear-gradient(rgba(255, 255, 255, 0.2),rgba(0, 0, 0, 0.2),rgba(255, 255, 255, 0.2));
width: 75%;
border: 1px solid white;

}
.smiley
{
	background: linear-gradient(rgba(255, 255, 255, 0.2),rgba(0, 0, 0, 0.2),rgba(255, 255, 255, 0.2));
	border: 1px solid white;
	font-size: 15px;
}