@charset "utf-8";
/*__________________________________________________________________
  |                                                                /
  |    auteur : Martin Robinson                                   /
  |    titre : Document XML avec CSS                             /
  |    But : connaitre les normes CSS2                          /
  |    date de remise : 27 fevrier 2013                        /
  |    nom du fichier : exercice_4_xml_css.css                /
  |                                                          /
  |_________________________________________________________/
*/

*
{
  font-family: Arial;
  font-size: 11pt;
}

carnet
{
  display:table;
  margin:30px;
  border-style:solid;
  border-width:1px;
}

individu
{
  display:table-row;
}

ville
{
  display:block;
}



nom
{
  font-weight:bold;
}

prenom
{
  font-style:italic;
}

ville
{
  clear:both;
}

telephone
{
  display:list-item;
  list-style-type: disc;
  list-style-position: inside;
}

/*
________________________________________________________________________________
|                                                                              /
|   groupe de balise                                                          /
|____________________________________________________________________________/
*/

adresse, nom, prenom, telephones, courriel
{
  display:table-cell;
  border-style:solid;
  border-width:1px;
  padding:3px;
}

/*
________________________________________________________________________________
|                                                                              /
|   balise sous balise                                                        /
|____________________________________________________________________________/
*/

carnet *
{
  vertical-align:middle;
}

/*
________________________________________________________________________________
|                                                                              /
|   par attribut                                                              /
|____________________________________________________________________________/
*/

telephone[type="cellulaire"]
{
  color:#0000FF;
}

*[type="boulevard"]
{
  font-variant:small-caps;
}

/*
________________________________________________________________________________
|                                                                              /
|   par evenement                                                             /
|____________________________________________________________________________/
*/

individu:hover
{
  background-color:#7CFC00;
}

courriel:active
{
  color:#FF0000;
  text-decoration:underline;
  cursor:pointer;
}