body
{
/*On supprime les bordures par défaut*/
margin: 0;
padding: 0;
border: 0;
/*Et on donne une couleur de fond à la page*/
background:#E1E8FF;
}

.article
{
/*on décale légèrement le conteneur article du haut de la page*/
margin-top:10px;
/*on lui donne une largeur de 80% de la page*/
width:80%;
/*on le centre dans la page*/
margin-left:auto;
margin-right:auto;
/*on lui applique une couleur de fond*/
background:#FEDEE8;
/*ainsi qu'un encadrement fin*/
border-left: #cc0066 solid 1px;
border-right: #cc0066 solid 1px;
border-bottom: #cc0066 solid 1px;
}

.article h1
{
/*on grossi la police du titre de l'article*/
font-size:18px;
/*on change la couleur de la police*/
color :#FFc0cb;
/*on centre le titre*/
text-align:center;
/*on supprime la marge par défaut du h1*/
margin: 0;
/*on fait en sorte que le texte soit aussi centré verticalement*/
padding-top: 10px;
/*on lui donne une hauteur correspondante à la taille de l'image de fond*/
height:30px;
background-image:url(fond_titre_com_ajax.jpg);
}

.article .cont
{
/*on aère les contours de l'article*/
padding:5px;
}

.lecom
{
/*on applique une couleur de fond (blanche) aux commentaires*/
background:#ffffff;
/*ainsi qu'une bordure supérieure pointillé et de l'espace par rapport aux bordures*/
border-top: #cc0066 dotted 1px;
padding:5px;
}

.bt_com
{
/*Nous créons un semblant de lien en appliquant une couleur bleu au texte*/
color:#0000ff;
/*en soulignant le texte et en trensformant le curseur en main*/
text-decoration: underline;
cursor: pointer;
/*puis nous créons un décalage sur la gauche pour gagner en visibilité*/
margin-left:100px;
}