/* 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: "Papyrus", "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;
}
/* 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: "Papyrus", "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: "Papyrus", "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: "Papyrus", "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: lime;
}
/* Styles de titre impos�s */
h1 {
	font-family: "Papyrus", "Time New Roman", serif;
	font-size: 130%;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: lime;
}
h2 {
	font-family: "Papyrus", "Time New Roman", serif;
	font-size: 120%;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: lime;
	text-indent: 40px;
	text-align: center;
}
h3 {
	font-family: "Papyrus", "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;
	color: greenyellow;
}
em {
	font-family: "Papyrus", "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: "Papyrus", "Time New Roman", 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;
}
/* Style modifiant qu'une parie d'un autre style*/
.surligne {
	background-color: Chocolate;
	color: LightGreen;
}
.specfocus {
	font-weight: bold;	
	background-color: Green;
	color: White;
}
strong {
	color: YellowGreen;
}
/* Styles g�rants la mise en page g�n�rale*/
p {
	padding-left: 5px;
	padding-right: 5px;
	font-family: "Papyrus", "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: lime;
}
input, button {
	font-family: "Papyrus", "Time New Roman", serif;
	font-size: small;
	text-align:center;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: black;
	background-color: lightgreen;
    word-break: keep-all;
	}
	
input[readonly] {
	background-color: teal;
	font-weight: bold;
	color: maroon;
}
option  {
	padding-left: 5px;
	padding-right: 5px;
	font-family: "Papyrus", "Time New Roman", serif;
	font-size: 100%;
	text-align:center;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: black;
	background-color: lightgreen;
	}
optgroup {
	padding-left: 5px;
	padding-right: 5px;
	font-family: "Papyrus", "Time New Roman", serif;
	font-size: 100%;
	text-align:center;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: White;
	background-color: darkgreen;
	}
label {
	padding-left: 5px;
	padding-right: 5px;
	font-family: "Papyrus", "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: lime;
}
table {
	border-collapse: collapse;
	margin:0 auto;
	text-align: center;
}
caption  {
	padding-left: 5px;
	padding-right: 5px;
	border: 0px;
	font-family: "Papyrus", "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: PaleGreen;
	border-collapse: inherit;
}
tr {
	font-family: "Papyrus", "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: lime;
}
.eme {	
	color: BurlyWood;
	background-color: RGBa(0,255,0,0.3);
}
td  {
	padding-left: 5px;
	padding-right: 5px;
	margin: 0 auto;
	border: 1px solid #006400;
	font-family: "Papyrus", "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;
	vertical-align: middle;
	border-collapse: inherit;
}
.cadre {
	border: 0px;
	text-align: center;
	vertical-align: top;
}
th  {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #006400;
	font-family: "Papyrus", "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: LightGreen;
	vertical-align: middle;
	border-collapse: inherit;
}
body {
	background-color: black;
	color: lime;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: "Papyrus", "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/herbe.jpg");
	background-repeat: repeat;
}
form {
	text-align: center;
	}
fieldset {
	color: lightgreen;
	font-family: "Papyrus", "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: 4px limeGreen outset;
	margin: 5px;
}
.melfieec {	 /*legend en cours*/
	font-size: normal;
	color: Khaki;
	font-weight: bold;
	border: 5px Khaki outset;
}
/* Style de fieldset pour les partie de cache cache */
.hidden {
   display: none;
}

.visible {
  display: block;
}
.visibleTR {
  display: table-row;
}
legend {
	font-size: medium;
	text-align: center;
	font-weight: bold;
	border: 4px limeGreen outset;
	background-color: Peru;
	padding: 5px;
}
.mellegec {	 /*legend en cours*/
	font-size: normal;
	color: Khaki;
	font-weight: bold;
	background-color: Green;
	border: 5px Khaki 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: PaleGreen;
	font-size: small;
}
a:link {
	text-decoration: none;
	color: lawngreen;
	font-size: small;
	}
a:hover {
	color: lawngreen;
	text-decoration: underline;
}
a:active {
	color: lawngreen;
	text-decoration: underline;
}
div {
	text-align: center;
	}
select {
	text-align: center;
	font-family: "Papyrus", "Time New Roman", serif;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: black;
	background-color: lightgreen;
	}
textarea {
	text-align: justify;
	font-family: "Papyrus", "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: black;
	background-color: green;
	width : 95%;
}
input:focus, textarea:focus {
    outline: none;
    border-color: LawnGreen;
    box-shadow: 0 0 10px LawnGreen;
}
ul.dr:hover {
	cursor: pointer;
}
ul {
	list-style-image : url(/images/puce/feuille.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: 19%;
	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: 80%;
	height: 84%;
	margin-top: 25px;
	background-repeat: no-repeat;
	margin-bottom: 1px;
	overflow: auto;
	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;
}
#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;
}
.nobord {	
	border: 0px solid RoyalBlue;
	border-collapse: inherit;
}

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

.submitlt1 {
	cursor: pointer;
	max-width: 250px;
	height: 25px;
	font-size: 1.1em;
	color: Black;
	font-weight: bold;
	background-image: url("/images/boutons/pef_na.png");
	background-repeat: no-repeat;
	border-radius:10px;
	background-position:center center;
	border: 2px outset green;
}
.submitlt1:hover { /*souris au dessus*/
	color: Ivory;
	font-weight: bold;
	background-image: url("/images/boutons/pef_ap.png");
	background-repeat: no-repeat;
	background-position:center center;
	border: 2px inset DarkGoldenRod;
}
.submitlt1:focus {	/*bouton selectionn� grace � "tab"*/
	color: Ivory;
	font-weight: bold;
	background-image: url("/images/boutons/pef_ap.png");
	background-repeat: no-repeat;
	background-position:center center;
	border: 2px inset Sienna;
}

.submitlt {
	max-width: 230px;
	height: 25px;
	font-size: 1em;
	color: black;
	border: 2px outset lime;
	font-weight: normal;
	background-image: url("/images/boutons/pef_ov.png");
	background-repeat: no-repeat;
	background-position:center center;
	border-radius:10px;
}
.submitlt:hover { /*souris au dessus*/
	color: red;
	font-weight: normal;
	background-image: url("/images/boutons/pef_up.png");
	background-repeat: no-repeat;
	background-position:center center;
	border: 2px inset darkgreen;
}
.submitlt:active {	 /*bouton appuy�*/
	color: red;
	font-weight: normal;
	background-image: url("/images/boutons/pef_up.png");
	background-repeat: no-repeat;
	background-position:center center;
}
.submitlt:focus, .submitltac {	/*bouton selectionn� grace � "tab"*/
	cursor: pointer;
	color: red;
	font-weight: normal;
	background-image: url("/images/boutons/pef_up.png");
	background-repeat: no-repeat;
	background-position:center center;
	border: 2px inset yellow;
}


.submitlt2 {
	max-width: 230px;
	height: 25px;
	font-size: 1em;
	color: yellow;
	border: 2px outset lime;
	font-weight: normal;
	background-image: url("/images/boutons/pef_ap.png");
	background-repeat: no-repeat;
	background-position:center center;
	border-radius:10px;
}
.submitlt2:hover { /*souris au dessus*/
	color: red;
	font-weight: normal;
	background-image: url("/images/boutons/pef_na.png");
	background-repeat: no-repeat;
	background-position:center center;
	border: 2px inset darkgreen;
}
.submitlt2:focus, .submitltac {	/*bouton selectionn� grace � "tab"*/
	color: white;
	font-weight: normal;
	background-image: url("/images/boutons/pef_na.png");
	background-repeat: no-repeat;
	background-position:center center;
	border: 2px inset yellow;
}


.submitlt3 {
	max-width: 210px;
	height: 25px;
	font-size: 0.8em;
	color: black;
	border: 2px outset lime;
	font-weight: normal;
	background-image: url("/images/boutons/pef_up.png");
	background-repeat: no-repeat;
	background-position:center center;
	border-radius:10px;
}
.submitlt3:hover { /*souris au dessus*/
	color: red;
	font-weight: normal;
	background-image: url("/images/boutons/pef_ov.png");
	background-repeat: no-repeat;
	background-position:center center;
	border: 2px inset darkgreen;
}
.submitlt3:focus, .submitltac {	/*bouton selectionn� grace � "tab"*/
	cursor: pointer;
	color: red;
	font-weight: normal;
	background-image: url("/images/boutons/pef_ov.png");
	background-repeat: no-repeat;
	background-position:center center;
	border: 2px inset yellow;
}

.plus { /*bouton plus laissant apparaitre le contenu cach� d'un contenant*/
	background-image: url("/images/boutons/pef_plus.png");
}

/*Bouton pour le module m�l�e gauche*/
.melgau {
	font-size: small;
	color: green;
	font-weight: bold;
	border-radius: 10px;
	background-color: black;
	border-color: green;
	border-radius: 5;
}
.melgau:hover { /*souris au dessus*/
	font-size: small;
	color: LimeGreen;
	font-weight: bold;
	border-radius: 10px;
	background-color: black;
	border-color: LimeGreen;
	border-radius: 5;
	
}
.melgau:active {	 /*bouton appuy�*/
	font-size: small;
	color: Black;
	font-weight: bold;
	border-radius: 10px;
	background-color: LimeGreen;
	border-color: Green;
	border-radius: 5;
}
.melgau:focus {	/*bouton selectionn� grace � "tab*/
	font-size: small;
	color: LimeGreen;
	font-weight: bold;
	border-radius: 10px;
	background-color: black;
	border-color: LimeGreen;
	border-radius: 5;
}
.melgauec {	 /*bouton en cours*/
	font-size: small;
	color: Black;
	font-weight: bold;
	border-radius: 10px;
	background-color: LimeGreen;
	border-color: Green;
	border-radius: 5;
}
.loupe { /*bouton plus laissant apparaitre le contenu cach� d'un contenant*/
	background-color: LimeGreen;
	color: DarkGreen;
	font-weight: bold;
	font-size: normal;
}
/*menu du haut*/
#barrehaut {
	border: ridge 4px green;
	}
#tdl {
	border-right: ridge 3px green;
	border-collapse: inherit;
	}
#tdb {
	border-bottom: ridge 3px green;
	border-collapse: inherit;
	}
#tdbl {
	border-bottom: ridge 3px green;
	border-right: ridge 3px green;
	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: white;
}
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;
}

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

.info {
	color: Green;
}
/*----------------------------------------------------------------------------- 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:  "Papyrus", "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 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: DarkGreen;
}

.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: DarkGreen;
  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 DarkGreen 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 DarkGreen;
}

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

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