/*Ceci est un commentaire en dehors des styles*/

/*Styles implicites pour les éléments html*/

body
{
font-size:100%;
/*Ceci est un commentaire à l'intérieur d'un style*/
font-family:arial;
background-color:#ccccff; /*anciennement : #254D5E;#7C949E*/
color:black;
margin:10px;
}
 
h1 {font-size:140%; text-align:left; color:blue; font-style:italic}
h2 {font-size:120%; text-align:left; color:blue; font-style:italic}
h3 {font-size:100%;}
 
th {background-color:#ADD8E6;}
 
ul {list-style:circle;}
ol {list-style:upper-roman;}
 
a:link {color:black}    /* unvisited link */
a:visited {color:blue} /* visited link */
a:hover {color:red}   /* mouse over link; a:hover MUST come after a:link and a:visited */
a:active {color:green}  /* selected link; a:active MUST come after a:hover */


/*Styles particuliers (id selector)*/

#para1
/* à utiliser par exemple dans 
<p id="para1">Hello World!</p> */
*/
{
text-align:center;
color:red
} 

#ent1
{
font-size:200%;
font-style:italic;
text-align:right;
color:blue;
/*background-color:#C7D9F8*/
}

#ent2
{
font-size:125%;
font-style:italic;
text-align:right;
color:black
}


/*Styles particuliers (class selector)*/

.center
{
text-align:center;
}
/* à utiliser par exemple dans 
<h1 class="center">Center-aligned heading</h1>
ou
<p class="center">Center-aligned paragraph.</p> 
*/

/*Combinaison */
p.center
{
text-align:center;
}
/* par exemple 
<h1 class="center">This heading will not be affected</h1>
<p class="center">This paragraph will be center-aligned.</p> 
*/