/* Eléments principaux de la page */


body {
color : navy; /* couleur de la police de caractère */
background-color:  aliceblue; /* couleur du fond d'écran */ 

/* Le cadre */
border: 2px solid navy; /*bordure en épaisseur en pixel px*/
border-radius: 30px; /* construction de l'angle artrondi */
padding-left: 10px; /* marge intérieure gauche */
padding-right: 5px; /* marge intérieure droite */
padding-bottom: 2.5em; /*on peut aussi exprimer en  em */
width: 90%; /*on peut aussi exprimer en pourcentage */
}

body h1 

{font-family:Monospace;   /* Police possibles : Serif Sans-serif, Monospace, Cursive, Fantasy,Times New Roman, Georgia*/
font-size: 3.1em;  /* taille de la police */
padding : 5px;
border-left : 5px solid blue;  /* bordure à gauche */
/* text-shadow: 2px 2px 4px black;/* ombre sur les lettres */
border-bottom : 2px solid navy; /* bordure sur le texte en bas*/
/* box-shadow: 3px 3px 1px blue;*/
 
}

/* la balise h2 n'est pas utilisé pour ce site, voyez ceci comme un exemple */
body h2

{  font-size: 1.4em; 
   font-family: Times New Roman;
   margin : 5px;
   display: inline; /* eviter le retour de ligne pour image soit collee */
  
/* padding : 5px; */
border-left : 3px solid blue;  /* bordure à gauche  avec une couleur bleue*/
/* text-shadow: 2px 2px 4px black;/* ombre sur les lettres */
/*border-bottom : 2px solid navy;*/ /* bordure sur le texte en bas*/
/* box-shadow: 3px 3px 1px blue;*/
 


}
/* positionner image */
body img
      { 
float:right; /* image flottante */
padding: 25px; /* marge intérieure */ 

      }


body strong
   {
   font-size: 1.3em; 
   }


body p 
{ font-family: Georgia;

  color: black;               /* couleur police */
  font-weight: 300 ;      /* epaisseur police */
/*  font-style  : oblique ; */ /*style normal, italic et oblique */
  text-align : left;/*alignement texte left, right, center, justify */
  /* line-height:15px; */ /* espacement ligne */
}
  
body b
{
font-size:  1.1em ;      /* taille police */
font-family: Serif;

font-weight: bold;  /* caractère gras */   
font-style : oblique;
}

body pre  
{   color: black;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; /* on peut mettre plusieurs polices au cas où la première na pas été trouvée*/
	font-size: 1em;
	text-align: left;
	white-space: pre;
	line-height: 1.5;
    text-shadow: none;
	background: #b3d4fc;
	font-style: oblique;
}

.signature  /* signature est précé d'un point */
{ 
  font-family:Serif;    /* choix police */
   color: red;              /* couleur police */
  font-weight: 700; /* epaisseur police */
  font-style : oblique; /*style normal, italic et oblique */
  text-align : right; /*alignement texte left, right, center, justify */
  padding : 5px;   /* marge intérieure */
}



body i /* La balise i est pour écire en italique, on a mis le style approprié en CSS*/
{
font-family: "Times New Roman";
font-size:  1em ;      /* taille police */
font-style : oblique;
}



body a:hover /* motif survol lien*/
{
text-decoration:none;   
}
/* la puce sur le li en html */

body ul li
   {
   font-size:  1.1em ;      /* taille police */
   }

body ol li 
    {
   font-size:  1.3em ;      /* taille police */
   }


/* La suite n'est pas utilisée dans le code mais à titre d'exemple */

/* les tableaux */
body table {
  border-width:1px; 
  border-style:solid; 
  border-color:black;
  border-collapse:collapse; /*  fusionner les bordures du contour du tableau et des cellules */
}

body td { 
  border-width:1px;
  border-style:solid; 
  border-color:navy;
  text-align:center;
}