/* Article Page */
#Article{
	float: left; width: 678px;
	margin: 10px; margin-top: 30px;
	border: solid 1px rgb(190, 190, 190);
	background-image: url(images/Article/Article_Back.png); background-repeat: repeat-x;
	}
#Article #OverTitle{
	width: 672px; padding-left: 5px;
	font-family: Arial; font-size: 20px; color: rgb(255, 255, 255); font-weight: bold; font-variant: small-caps;
	}
#Article #Title{
	width: 668px; padding: 5px;
	font-family: Verdana; font-size: 30px; color: rgb(180, 50, 50);
	/*padding-left: 45px; background-image: url(images/Article/Title_Back.png); background-repeat: no-repeat; background-position: 5px 5px;*/
	}
#Article #Creation{
	width: 658px; padding-right: 20px;
	text-align: right; font-family: Arial; font-weight: bold; font-size: 14px;
	}
#Article #Options{
	position: relative;
	float: left; height: 30px; padding-right: 15px;
	background-image: url(images/Article/Options_Back.png); background-repeat: no-repeat; background-position: right;
	}

#Article #Options a{
	float: left; display: block; height: 28px; line-height: 28px;
	background-color: rgb(255, 240, 180); border: solid 1px rgb(200, 200, 200); border-left: none; border-right: none;
	}
#Article #Options #Facebook{
	width: 30px;
	background-image: url(images/Logos/Facebook_Mini.png); background-repeat: no-repeat; background-position: center;
	}
#Article #Options #Twitter{
	width: 30px;
	background-image: url(images/Logos/Twitter_Mini.png); background-repeat: no-repeat; background-position: center;
	}
#Article #Options #Mail{
	width: 40px;
	background-image: url(images/Logos/Mail_Mini.png); background-repeat: no-repeat; background-position: center;
	}
#Article #Options #Print{
	width: 40px;
	background-image: url(images/Logos/Print_Mini.png); background-repeat: no-repeat; background-position: center;
	}
#Article #Options #Comment{
	width: 40px;
	background-image: url(images/Logos/Comment_Mini.png); background-repeat: no-repeat; background-position: center;
}


	
#Article #Content{
	width: 658px;  margin-top: 40px; padding: 10px; border: solid 0px red; 
	text-indent: 20px; text-align: justify;
	font-family: Georgia; font-size: 16px; line-height: 20px; 
}

/* Images dans le corps de l'article */
#Article #Content img{ margin: 5px; padding: 5px }
#Article #Content .alignleft{ float: left; }
#Article #Content .alignright{ float: right; }

/* Encarts dans le corps de l'article */
#Article #Content .Encadre{
	float: left; padding: 0px 10px 0px 10px;
}
#Article #Content .Encadre.right{ float: right }
#Article #Content .Encadre.border{
    margin: 0px 10px 0px 10px;
	border: solid 1px rgb(180, 50, 50)
}

#Article #Content p{ margin-top: 15px; margin-bottom: 15px; text-indent: 0px }


/* Commentaire flottant ajouté grâce à <!--comment--> */
#Article #Content #CommentFloating{
	float: left; margin-left: -50px; margin-right: 20px;
	width: 300px; background-color: white; border-left: solid 1px rgb(200, 200, 200);
}
#Article #Content #CommentFloating .FalseBorder{ width: 39px; height: 1px; background-color: rgb(200, 200, 200); }
#Article #Content #CommentFloating #Content{ margin: 5px; padding: 0; text-indent: 0px; }
	
	
#Article #MailContainer {
	position: absolute; top: 50px; left: 50px; width: 550px;
	clear: left; opacity: 0; filter: alpha(opacity=0)
	}
#Article #MailContainer .Top{ width: 100%; height: 30px; background-image: url(images/Article/Mail_Top.png) }
#Article #MailContainer .Bottom{ width: 100%; height: 30px; background-image: url(images/Article/Mail_Bottom.png) }	
#Article #MailContainer #Content{ width: 100%; margin: 0px; padding: 0px; background-image: url(images/Article/Mail_Back.png) }

#Article #MailContainer table td{ 
	padding: 5px; width: 275px;
	font-family: Arial; font-size: 16px; font-weight: bold;
	}

#Article #MailContainer .Definition{ width: 100%; text-align: center; padding-bottom: 30px; font-family: Arial; font-size: 20px; font-weight: bold; }
#Article #MailContainer .Mail_Input{ font-size: 16px }
#Article #MailContainer textarea{ height: 160px; font-size: 14px; }
#Article #MailContainer .Mail_Input, #Article #MailContainer textarea{ width: 280px; font-family: Arial; font-weight: bold; border: solid 1px black; -moz-border-radius: 5px }
#Article #MailContainer .Mail_Input:focus, textarea:focus{ background-color: rgb(255, 255, 220); }

#Article #MailContainer #Mail_Submit{ 
	width: 150px; height: 30px; margin-left: 200px; font-family: Arial; font-size: 16px; font-weight: bold; 
	background-color: rgb(255, 200, 50); border: solid 1px rgb(180, 50, 50); -moz-border-radius: 7px
}
#Article #MailContainer #Mail_Wait{	
	width: 30px; height: 30px; margin-left: 250px; background-image: url(images/Article/Mail_Wait.gif)
}
#Article #MailContainer #Mail_Msg{ width: 100%; text-align: center; color: rgb(180, 50, 50) }
#Article #MailContainer .CancelButton{ 
	float: right; width: 30px; height: 30px; margin: 10px 15px 0px 0px; text-align: center; border: solid 1px rgb(200, 200, 200); -moz-border-radius: 5px; 
	font-size: 20px; font-family: Arial; font-weight: bold; color: white; background-color: rgb(180, 50, 50); cursor: pointer
}
#Article #MailContainer .CancelButton:hover{ color: rgb(180, 50, 50); background-color: white; border-color: rgb(180, 50, 50) }

/* Formulaire de création de commentaire */
#Article #Comments{ width: 600px; margin: auto }
#Comments #Write{ width: 580px; padding: 10px; margin-bottom: 10px; border: solid 1px rgb(180, 50, 50) }
#Comments #Write #TitleComment{ font-size: 20px; color: rgb(180, 50, 50); }
#Comments #Write input{ width: 300px; margin: 10px; margin-bottom: 0px; }
#Comments #Write input, #Comments #Write textarea{ border: solid 1px rgb(200, 180, 180) }
#Comments #Write input:focus, #Comments #Write textarea:focus{ background-color: rgb(255, 240, 240) }
#Comments #Write #comment{ width: 500px; height: 200px; margin: 10px; margin-bottom: 0px}
#Comments #Write #submit{ width: 200px; height: 30px; background-color: rgb(180, 50, 50); color: white; border: none; }


/* Liste des commentaires */
#Comments div{ text-indent: 0px; padding: 0px; margin: 0px }
#Comments #Read{ width: 580px; padding: 10px; margin-top: 20px; }
#Comments #Read #Comment{ padding-bottom: 10px; margin-top: 20px; border-bottom: dotted 2px rgb(200, 200, 200)  } /* width=560 */
#Comments #Read #Comment #Avatar{ float: left }

#Comments #Read #Comment #Content{ 
	float: left; width: 506px; margin: 0px; padding: 0px; padding-left: 10px;
	font-family: Arial; font-size: 16px
}
#Comments #Read #Comment #Author{ float: left; margin-left: -5px; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
/*#Comments #Read #Comment #Author #Name{ color: red  }*/

#Comments #Read #Comment #Date{ float: right; font-size: 12px; font-weight: bold; color: rgb(100, 100, 100) }