/* Styles du site g�n�rale */
/* les styles appliqu�s au texte sont dans les paragraphes g�n�raux (p), il est inutile de rajouter text aux balises p */
.text{
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	text-indent: 30px;
	font-size: 80%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: justify;
}
.text:first-letter {
	font-family: XmasTerpieceSwashes, "Harrington normal", Impact;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	color: red;
	text-transform: capitalize;
}
.Titreresume {
	font-family: XmasTerpieceSwashes, "Harrington normal", Impact;
	font-size: 200%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-indent: 0px;
	text-align: center;
}
.textgras {
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: 100%;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-indent: 0px;
	text-align: left;
	text-decoration: none;
}
.txtform {
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	color: black;
}
/* Styles de titre impos�s */
h1 {
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: 130%;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}
h2 {
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: 120%;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-indent: 40px;
	text-align: center;
}
h3 {
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0099FF;
	text-indent: 30px;
	text-align: left;
}
em {
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: 80%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #00FF00;
	text-indent: 20px;
	text-align: justify;
	text-decoration: none;
}
h4 {
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: medium;
	font-style: italic;
	line-height: normal;
	color: White;
	text-decoration: underline;
	white-space: normal;
	position: static;
	text-indent: 60px;
	text-align: left;
}
/* Style modifiant qu'une parie d'un autre style*/
.surligne {
	background-color: black;
	color: red;
}
.specfocus {
	font-weight: bold;	
	background-color: Green;
	color: White;
}
strong {
	color: black;
}
/* Styles g�rants la mise en page g�n�rale*/
body {
	background-color: black;
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
	background-image: url("/images/sang.jpg");
	background-repeat: repeat;
}
p {
	padding-left: 5px;
	padding-right: 5px;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
	color: white;
}
label {
	padding-left: 5px;
	padding-right: 5px;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: 100%;
	text-align:center;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: white;
}
table {
	border-collapse: collapse;
	margin:0 auto;
	text-align: center;
}
caption  {
	padding-left: 5px;
	padding-right: 5px;
	border: 0px;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: large;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	color: white;
	border-collapse: inherit;
}
tr {
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	color: white;
}
.eme {	
	color: tomato;
	background-color: RGBa(0,0,0,0.6);
}
td  {
	padding-left: 5px;
	padding-right: 5px;
	margin: 0 auto;
	border: 1px solid OrangeRed;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	border-collapse: inherit;
}
.cadre {
	border: 0px;
	text-align: center;
	vertical-align: top;
}
th  {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px ridge OrangeRed;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	color:  ivory;
	vertical-align: middle;
	border-collapse: inherit;
}
form {
	text-align: center;
	}
fieldset {
	color: red;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: medium;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
	border: 3px red ridge;
	margin: 5px;
}
.melfieec {	 /*legend en cours*/
	font-size: normal;
	color: Ivory;
	font-weight: bold;
	border: 3px Ivory outset;
}
/* Style de fieldset pour les partie de cache cache */
.hidden {
   display: none;
}

.visible {
	visibility : visible;
}
.visibleTR {
  display: table-row;
}

legend {
	font-size: medium;
	text-align: center;
	font-weight: bold;
	border: 3px red groove;
	background-color: Ivory;
	padding: 5px;
}
.mellegec {	 /*legend en cours*/
	font-size: normal;
	color: Ivory;
	font-weight: bold;
	background-color: Crimson;
	border: 3px Ivory outset;
}
img {
	margin: 5px;
}
.imgblk {
	display: block;
}
.imggauche {
	float: left;
}
.imgdroite {
	float: right;
}
.avatpri {
	max-width: 400px;
	max-height: 400px;
}
.avat {
	max-width: 180px;
	max-height: 180px;
}
.carte {
	max-width: 1300px;
}
.resrech {
	max-width: 50px;
	max-height: 50px;
}
/* Styles des liens*/
a {
	text-decoration: none;
	color: grey;
	font-size: small;
}
a:link {
	text-decoration: none;
	color: orange;
	font-size: small;
	}
a:hover {
	color: red;
	text-decoration: underline;
}
a:active {
	color: white;
	text-decoration: underline;
}
div {
	text-align: center;
	}
select {
	text-align: center;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: white;
	background-color: black;
	}
textarea {
	text-align: justify;
	border: 2px inset OrangeRed;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: white;
	background-color: black;
	width : 95%;
}
input, option, button {
	text-align: center;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
}
input[readonly] {
	background-color: red;
	color: black;
	font-weight: bold;
}
optgroup {
	text-align: center;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: white;
	background-color: red;
	}
ul.dr:hover {
	cursor: pointer;
}
ul {
	list-style-image : url(/images/puce/sang.png);
	padding-left: 50px;
}

ol {
	padding-left: 50px;
	padding-right: 5px;
	font-family: Tolkien, Arial, serif;
	font-size: small;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
	color: white;
}
/* jeu de cadres*/
header, #en_tete {
	width: 99%;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	text-align: center;
	}
nav, #gauche {
	width: 17%;
	height: 84%;
	background-repeat: no-repeat;
	margin-top: 25px;
	margin-bottom: 1px;
	margin-right: 1px;
	float: left;
	overflow: auto;
	text-align: center;
	}
section, #corps {
	width: 82%;
	height: 84%;
	margin-top: 25px;
	background-repeat: no-repeat;
	margin-bottom: 1px;
	overflow:visible;
	float: right;
	text-align: center;
	}
/*menu javascript plac� � gauche*/
#thmenugauche	{
	padding-left: 5px;
	padding-right: 5px;
	margin: 0 auto;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: small;
	color: #00FFFF;
	font-weight: bold;
	border: 0px solid RoyalBlue;
	border-collapse: inherit;
	background-color: none;
}
#tdmenugauche	{
	padding-left: 5px;
	padding-right: 5px;
	margin: 0 auto;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: small;
	color: #0000FF;
	font-weight: normal;
	border: 0px solid RoyalBlue;
	border-collapse: inherit;
	background-color: none;
}
.nobord {	
	border: 0px solid RoyalBlue;
	border-collapse: inherit;
	background-color: none;
}

/*Boutons*/
.submit {
	font-size: small;
	color: Black;
	font-weight: bold;
	background-image: url("/images/boutons/ile_na.png");
	background-repeat: no-repeat;
	border: 0px;
	width: 175px;
	height: 25px;	
	background-color: none;
}
.submit:hover { /*souris au dessus*/
	font-size: small;
	color: Ivory;
	font-weight: bold;
	background-image: url("/images/boutons/ile_ap.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-color: none;
}
.submit:active {	 /*bouton appuy�*/
	font-size: small;
	color: Ivory;
	font-weight: bold;
	background-image: url("/images/boutons/ile_ap.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-color: none;
}
.submit:focus {	/*bouton selectionn� grace � "tab"*/
	font-size: small;
	color: Ivory;
	font-weight: bold;
	background-image: url("/images/boutons/ile_ap.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-color: none;
}

/*pour menu niv 1*/
.submitlt1 {
	max-width: 250px;
	height: 25px;
	font-size: 1.2em;
	color: Black;
	font-weight: bold;
	background-image: url("/images/boutons/ile_na.png");
	background-repeat: no-repeat;
	border: 0px;
	background-color: none;
}
.submitlt1:hover { /*souris au dessus*/
	color: Ivory;
	font-weight: bold;
	background-image: url("/images/boutons/ile_ap.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-color: none;
}
.submitlt1:focus {	/*bouton selectionn� grace � "tab"*/
	color: Ivory;
	font-weight: bold;
	background-image: url("/images/boutons/ile_ap.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-color: none;
}

/*pour menu niv 2*/
.submitlt {
	max-width: 230px;
	height: 20px;
	cursor: pointer;
	font-size: 1em;
	color: black;
	font-weight: normal;
	border-radius: 10px;
	background-image: url("/images/boutons/ile_up.png");
	border-color: Wheat;
	background-repeat: no-repeat;
	background-position:center center;
}
.submitlt:hover { /*souris au dessus*/
	color: red;
	font-weight: normal;
	border-radius: 10px;
	background-image: url("/images/boutons/ile_up.png");
	border-color: Gray;
	background-repeat: no-repeat;
	background-position:center center;
}
.submitlt:focus, .submitltac {	/*bouton selectionn� grace � "tab"*/
	cursor: pointer;
	color: red;
	font-weight: normal;
	border-radius: 10px;
	background-image: url("/images/boutons/ile_up.png");
	border-color: Ivory;
	background-repeat: no-repeat;
	background-position:center center;
}

/*pour menu niv 2 ouvrant un autre menu*/
.submitlt2 {
	max-width: 230px;
	height: 20px;
	font-size: 1em;
	color: Black;
	font-weight: bold;
	border-radius: 10px;
	border-color: Red;
	background-color:#FF0000; 
	background-image:-webkit-linear-gradient(left, #DC143C 0%, #8B0000 100%);
	background-image: linear-gradient(to right, #DC143C 0%, #8B0000 100%);
}
.submitlt2:hover { /*souris au dessus*/
	color: Ivory;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position:center center;
	border-radius: 10px;
	border-color: DarkRed;
}
.submitlt2:focus {	/*bouton selectionn� grace � "tab"*/
	color: Ivory;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position:center center;
	border-radius: 10px;
	border-color: OrangeRed;
}

/*pour menu niv 3*/
.submitlt3 {
	max-width: 210px;
	height: 20px;
	font-size: 1em;
	color: Black;
	border-radius: 10px;
	border-color: White;
	background-color:#FF0000; 
	background-image:-webkit-linear-gradient(left, #FFFFF0 0%, #F0E68C 100%);
	background-image: linear-gradient(to right, #FFFFF0 0%, #F0E68C 100%);
}
.submitlt3:hover { /*souris au dessus*/
	color: Red;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position:center center;
	border-radius: 10px;
	border-color: NavajoWhite;
}
.submitlt3:focus {	/*bouton selectionn� grace � "tab"*/
	color: OrangeRed;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position:center center;
	border-radius: 10px;
	border-color: OldLace;
}

.plus { /*bouton plus laissant apparaitre le contenu cach� d'un contenant*/
	background-image: url("/images/boutons/ile_plus.png");
}
/*Bouton pour le module m�l�e gauche*/
.melgau {
	font-size: small;
	color: Ivory;
	font-weight: bold;
	border-radius: 10px;
	background-color: Red;
	border-color: darkred;
	border-radius: 5;
}
.melgau:hover { /*souris au dessus*/
	font-size: small;
	color: Ivory;
	font-weight: bold;
	border-radius: 10px;
	background-color: Crimson;
	border-color: Red;
	border-radius: 5;
	
}
.melgau:active {	 /*bouton appuy�*/
	font-size: small;
	color: Ivory;
	font-weight: bold;
	border-radius: 10px;
	background-color: DarkRed;
	border-color: Red;
	border-radius: 5;
}
.melgau:focus {	/*bouton selectionn� grace � "tab*/
	font-size: small;
	color: Ivory;
	font-weight: bold;
	border-radius: 10px;
	background-color: Crimson;
	border-color: Red;
	border-radius: 5;
}
.melgauec {	 /*bouton en cours*/
	font-size: small;
	color: Crimson;
	font-weight: bold;
	border-radius: 10px;
	background-color: White;
	border-color: Red;
	border-radius: 5;
}
.loupe { /*bouton plus laissant apparaitre le contenu cach� d'un contenant*/
	background-color: Crimson;
	color: ivory;
	font-weight: bold;
	font-size: normal;
}
/*menu du haut*/
#barrehaut {
	border: ridge 4px OrangeRed;
	}
#tdl {
	border-right: ridge 3px OrangeRed;
	border-collapse: inherit;
	}
#tdb {
	border-bottom: ridge 3px OrangeRed;
	border-collapse: inherit;
	}
#tdbl {
	border-bottom: ridge 3px OrangeRed;
	border-right: ridge 3px OrangeRed;
	border-collapse: inherit;
	}
/* divers addons*/
#haut {
	font-size: small;
}
#ht {
	width: 100%;
}
#rech {
	width: 400px;
	text-align: center;
	}
#recht, .recht {
	border: 0px;
	border-collapse: inherit;
	}
#evo {
	border: 1px, white;
	background: black;
}
option[disabled] {
	padding-left: 5px;
	padding-right: 5px;
	font-family: Tolkien, Arial, serif;
	font-style: normal;
	text-align:center;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: Lime;
	background-color: black;
	}
/* Styles des parties Zylna�el*/
.NormalZylnaiel {
	font-family: ForgottenUncial, Harrington, "Arial Narrow", Arial, serif;
	text-indent: 30px;
	font-size: 80%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: justify;
	color: white;
	border-style: none;
}
.titre1zylnaiel {
	font-family: ForgottenUncial, Harrington, "Arial Narrow", Arial, serif;
	font-size: 120%;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-indent: 40px;
	text-align: left;
}
.TitreZylnaiel {
	font-family: ForgottenUncial, Harrington, "Arial Narrow", Arial, serif;
	font-size: 150%;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.titre2zylnaiel {
	font-family: ForgottenUncial, Harrington, "Arial Narrow", Arial, serif;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0099FF;
	text-indent: 50px;
	text-align: left;
}
.TitreeauZylnaiel {
	font-family: ForgottenUncial, Harrington, "Arial Narrow", Arial, serif;
	font-size: 150%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-align: center;
}
.Titre2Zylnaieleau {
	font-family: ForgottenUncial, Harrington, "Arial Narrow", Arial, serif;
	font-size: medium;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-indent: 50px;
	text-align: left;
}
.EGZylnaiel {
	font-family: ForgottenUncial, Harrington, "Arial Narrow", Arial, serif;
	font-size: 80%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #00FF00;
	text-indent: 20px;
	text-align: justify;
	text-decoration: none;
}
.Titre3zylnaiel {
	font-family: ForgottenUncial, Harrington, "Arial Narrow", Arial, serif;
	font-size: medium;
	font-style: italic;
	line-height: normal;
	color: #00CC00;
	text-decoration: underline;
	white-space: normal;
	position: static;
	text-indent: 60px;
	text-align: left;
}
/* Styles des parties Aarazels*/
.titreaarazel {
	font-family: "Tribal Two Normal", "Viner Hand ITC Normal", "Times New Roman", serif;
	font-size: 150%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: red;
	text-align: center;
}
.normalaarazel {
	font-family: "Tribal Two Normal", "Viner Hand ITC Normal", "Times New Roman", serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: red;
	text-align: justify;
	border-style: none;
}
/*Style des parties Unyalas*/
.titreunyala {
	font-family: "the King & Queen font", "Comic sans MS", serif;
	font-size: 150%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #228B22;
	text-align: center;
}
.normalunyala {
	font-family: Papyrus, "Comic sans MS", serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: LimeGreen;
	text-align: justify;
	border-style: none;
}
/*Style des parties Irhyians*/
.titreirhyian {
	font-family: "Times new roman", serif;
	font-size: 150%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: aqua;
	text-align: center;
}
.normalirhyian {
	font-family: "Times new roman", serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: aqua;
	text-align: justify;
	border-style: none;
}
/*Style des parties Zorlacks*/
.titrezorlack {
	font-family: "Dwarven Stonecraft", Aniron, "Times new roman", serif;
	font-size: 120%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: grey;
	text-align: center;
}
.normalzorlack {
	font-family: Aniron, "Times new roman", serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: grey;
	text-align: justify;
	border-style: none;
}
.titresoufean {
	font-family: ForgottenUncial, Harrington, "Lucida Calligraphy", "Arial Narrow", Arial, serif;
	font-size: 130%;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}
.normalsoufean {
	padding-left: 5px;
	padding-right: 5px;
	font-family: ForgottenUncial, Harrington, "Lucida Calligraphy", "Arial Narrow", Arial, serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
	color: black;
}
/*STYLE DU CHAT*/

/* Conteneur principal des blocs de la page */
#container {
	width: 80%;
	margin: 50px auto;
	padding: 2px 20px 20px 20px;
}

/* Bloc contenant la zone de texte et bouton */
.post_message  {
	width: 95%;
	margin: auto;
	border: 1px solid #d2d2d2;
	padding: 3px;
}
/* Zone de texte */
.post_message #message {
	width: 80%;
}
/* Bouton d'envoi */
.post_message #post {
	width: 18%;
}

/* La zone o� sont affich�s les messages
et utilisateurs connect�s */
.chat {
	width: 95%;
	margin: 10px auto;
	border: 1px solid #d2d2d2;
	padding: 0px;
}
/* Bloc de chargement */
.chat #loading {
	margin-top: 50px;
}
/* Annonce */
.chat #annonce {
	margin: -6px -7px 5px -7px;
	padding: 5px;
	height:20px;
}
/* Zone des messages */
.chat #text-td {
	margin: 0px; 
	padding: 5px; 
	width: 80%; 
}
/* Zone des utilisateurs connect�s */
.chat #users-td, .chat #users-chat-td {
	margin: 0px; 
	padding: 5px; 
	width: 20%; 
}
.chat #text, .chat #users, .chat #users-chat {
	height:500px; 
	overflow-y: auto;
	background-color: rgba(0, 0, 0, 0.5);
}

/* Modification du statut */
.status {
	width: 95%;
	border: none;
	margin: auto;
	text-align: right;
}

.info {
	color: White;
}
/*----------------------------------------------------------------------------- FRISE ------------------------------------------------------------------------------------*/
/* INTRO SECTION
�������������������������������������������������� */

.intro {
  background: none;
}

.container {
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}


/* TIMELINE
�������������������������������������������������� */

.timeline textarea {
	text-align: justify;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: small;
	font-style: normal;
	line-height: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: white;
	background-color: transparent;
	width : 95%;
	border: none;
	border-radius: 5px;
}

.timeline a {
	text-align: center;
	font-family: "Times new Roman", "Matura MT Script Capitals", "Time New Roman", serif;
	font-size: medium;
	font-style: normal;
	line-height: none;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: teal;
	background-color: transparent;
	border: none;
}


.timeline a:hover {
	text-align: center;
	font-family: Tolkien, Arial, serif;
	font-size: medium;
	font-style: normal;
	line-height: none;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color: teal;
	background-color: transparent;
	border: none;
}

.timeline ul li { /*Dessine la ligne et Positionne le tout et supprime les puces normales*/
  list-style-image : none;
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: red;
  background: white;
}

.timeline ul li::after { /*ROND*/
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
}

.timeline ul li div { /*rectangle*/
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 15px;
  background: red;
  border-radius: 10px;
}

.timeline ul li div::before { /*triangle*/
  content: '';
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ul li:nth-child(odd) div { /*position des bulles  de droite*/
  left: 45px;
}

.timeline ul li:nth-child(odd) div::before { /*positionne le triangle de droite*/
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent red transparent transparent;
}

.timeline ul li:nth-child(even) div { /*positionne la bulle de gauche*/
  left: -470px;
}

.timeline ul li:nth-child(even) div::before { /*triangle de gauche*/
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent red;
}

time { /*date de la bulle*/
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
  color: white;
}

.rond-rouge {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: red;
  border-radius: 50%;
}