html {
margin:0;
padding:0;
height:100%;
min-height :100% ;
font-family: arial, helvetica, sans-serif;
font-size: 0.9em; /* on définit la taille de police de base dans la page */
}
.clear {
  clear: both;
}

.droite {
float : right;
margin : 2%;
  clear: both;
}

.spacer {
clear: both;
}

.acr { /* pour simuler un acronyme */
color: gray;
border-bottom: 1px dashed gray;
font-variant: small-caps;
}

/* Les "proprietes" couleur, police, corps s'utilisent conjointement
   Pour definir un chapitre bold vert italique en courrier on utilisera
   
   p <class="gras vert italique pcour">
*/   

.ptimes {font-family : "times new roman", times, serif;}
.parial {font-family: arial, helvetica, sans-serif;}
.pcour  {font-family: "courier new",courier,monospace; }

.petit {font-size: 0.8em; }
.gros {font-family : "times new roman", times, serif;font-size : 1.5em;}

.souligne {border-bottom:1px solid ;}
.italique {font-style: italic;}
.gras {font-weight: bold;}
.centre {text-align: center;}
.feradroite {text-align: right;}

.bleu {color:blue;}
.rouge {color:#FF0000;}
.vertf {color:#052;}
.maro {color:#a78467;}

.attention {font-family:"times new roman",times,serif;text-align:center;font-size:2em;color:red;}
.erreur {font-family : "times new roman", times, serif;color :red;}

/* pour placer les photos à gauche ou à droite*/
.left {
  float: left;
  margin-right: 5px;
  } 
.right {
  float: right;
  margin-left: 5px;
  } 
  
.bulle {display: none;}
.infobulle {display: inline;
color: gray;
border-bottom: 1px dashed gray;
font-variant: small-caps;
}

.infobulle:hover .bulle {display: inline;
}

/* taille des colonnes d'un tableau */
.tab_05 { width: 05%; }
.tab_10 { width: 10%; }
.tab_11 { width: 11%; }
.tab_14 { width: 14%; }
.tab_15 { width: 15%; }
.tab_17 { width: 17%; }
.tab_20 { width: 20%; }
.tab_21 { width: 21%; }
.tab_25 { width: 25%; }
.tab_30 { width: 30%; }
.tab_33 { width: 33%; }
.tab_35 { width: 35%; }
.tab_40 { width: 40%; }
.tab_45 { width: 45%; }
.tab_50 { width: 50%; }
.tab_55 { width: 55%; }
.tab_60 { width: 60%; }
.tab_65 { width: 65%; }
.tab_70 { width: 70%; }
.tab_75 { width: 75%; }
.tab_80 { width: 80%; }
.tab_85 { width: 85%; }
.tab_90 { width: 90%; }
.tab_95 { width: 95%; }