* {
font-family: Times New Roman;
color: #84ffbe;
font-size:18pt;
margin:0 auto;

}

body {
text-align:center;
height:100%;
margin:0 auto;
background-image:url('Images/FD_Matrix1.jpg');
}

a {
color: #84ffbe;
font-family: Times New Roman;
text-decoration:none;
}

a:hover {
color: white;
text-decoration:none;
}

.Debug {
background-color:yellow; 
color:RED;
}

.Txt_Accueil {
background-color:none; 
color: #84ffbe;
padding: 5px;
font-family: Tangerine;
font-size: 30px;
text-align: center;
}

.Login_Etq {
background-color:none; 
color: #84ffbe;
padding: 7px;
padding-right: 15px;
font-family: Tangerine;
font-size: 30px;
font-weight: bold;
text-align: right;
}

.Titre1 {
color: #84ffbe;
font-family: Times New Roman;
font-size: 40px;
font-weight: bold;
text-align: center;
}

input[type=text] {
border: 1px solid #84ffbe;
border-radius: 4px;
background-color: black; 
color: #84ffbe;
padding: 7px;
padding-right: 15px;
font-family: Times New Roman;
font-size: 25px;
text-align: left;
}

input[type=number] {
border: 1px solid #84ffbe;
border-radius: 4px;
background-color: black; 
color: #84ffbe;
padding: 7px;
padding-right: 15px;
font-family: Times New Roman;
font-size: 25px;
text-align: left;
}


input[type=text]:focus {
border: 0px solid lime;
background-color: black; 
color: #84ffbe;
}


.Form_Select {
border: 1px solid #84ffbe;
border-radius: 4px;
background-color: black; 
color: #84ffbe;
padding: 7px;
padding-right: 15px;
font-family: Times New Roman;
font-size: 25px;
text-align: left;
}


.Filtre_Etq {
background-color:none; 
color: #84ffbe;
padding: 7px;
padding-right: 15px;
font-family: Arial;
font-size: 15px;
font-weight: bold;
text-align: right;
}

.Form_Select2 {
border: 1px solid #84ffbe;
border-radius: 4px;
background-color: black; 
color: #84ffbe;
padding: 7px;
padding-right: 15px;
font-family: Times New Roman;
font-size: 15px;
text-align: left;
}

.Txt_Tab_Cnx {
color: #84ffbe;
font-size: 15px;
}

.Bulle_moi {
float: left;
color: black;
background-color: #84ffbe; 
font-size: 15px;
border-radius:5px 5px 5px 5px ;
padding: 3px;
margin-top: 1px;
margin-bottom: 1px;
display: inline-block; /* On affiche l'infobulle. */
}

.Bulle_X {
float: left;
color: black;
background-color: #cf8266; 
font-size: 15px;
border-radius:5px 5px 5px 5px ;
padding: 3px;
margin-top: 1px;
margin-bottom: 1px;
display: inline-block; /* On affiche l'infobulle. */
}

.Bulle_Date {
float: left;
color: #84ffbe;
background-color: none; 
font-size: 12px;
padding: 3px;
margin-top: 1px;
margin-bottom: 1px;
display: inline-block; /* On affiche l'infobulle. */
}

.image-clignote  {
   animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}

@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}

.BT {
	border-radius:12px 0 12px 0;
	background: #84ffbe;
	border:none;
	color: black;
	font-family: Tangerine;
	font-size: 25px;
	font-weight: bold;
	padding:6px 20px 6px 20px;
	text-align: center;
	cursor: pointer;
}



#Pg_Tchat {
	background-color: none;	
	border-radius: 30px;	
	text-align: center;
	vertical-align: middle;
	font-size: 17px;
	width: 1200px;
	height: 650px;
	color: black;
}


#Pg_Tchat_H {
	float:center;
	background-color: #093615;
	border-radius: 20px;	
	text-align: center;
	vertical-align: middle;
	font-size: 17px;
	width: 1180px;
	height: 40px;
	padding: 10px;
	color: #84ffbe;
	margin-top:10px;
	margin-bottom:10px;
}


#Pg_Tchat_G {
	float:left;
	background-color: #093615;
	border-radius: 20px;	
	text-align: left;
	vertical-align: middle;
	font-size: 17px;
	width: 360px;
	height: 620px;
	padding: 10px;
	color: #84ffbe;
	overflow: scroll;
}

#Pg_Tchat_C {
	float:left;
	background-color: #093615; 
	border-radius: 20px;	
	text-align: center;
	vertical-align: middle;
	font-size: 17px;
	width: 580px;
	height: 620px;	
	padding: 10px;
	margin-left:10px;
	color: #84ffbe;	
}

#Pg_Tchat_D {
	float:left;
	background-color: #093615;
	border-radius: 20px;	
	text-align: left;
	vertical-align: middle;
	font-size: 17px;
	width: 180px;
	height: 620px;
	padding: 10px;
	color: #84ffbe;
	margin-left:10px;
	overflow: scroll;
}


#Pg_Tchat_C_Discussion {
	float:left;
	background-color: none;
	border-radius: 20px;	
	text-align: left;
	vertical-align: middle;
	font-size: 17px;
	width: 570px;
	height: 500px;	
	padding: 10px;
	margin-left:10px;
	color: #84ffbe;	
	overflow: scroll;	
}


#Pg_Tchat_C_Post {
	float:left;
	background-color: none;
	border-radius: 20px;	
	text-align: center;
	vertical-align: middle;
	font-size: 17px;
	width: 570px;
	height: 50px;	
	padding: 10px;
	margin-left:10px;
	color: black;	
}



#Pg_Tchat_B {
	float:center;
	background-color: #093615;
	border-radius: 20px;	
	text-align: center;
	vertical-align: middle;
	font-size: 17px;
	width: 1180px;
	height: 40px;
	padding: 10px;
	color: black;
	color: #84ffbe;
	font-family: Times New Roman;
	font-size: 30px;
	}
	
#Zone_Filtre {
	background-color: none;
	color: black;
	height: 80px;
	display: none;
	}