/*éventuellement renommer le fichier html du dossier Sites pour le différencier du fichier html d'origine OOO ;
HEAD : modifier la balise Title : Chap 1 Initiation; Chap 2 Windows 7 ; Chap 3 Word ; Chap 4 Internet ; Chap 5 Les mails ;
A mettre dans le fichier html en fin de HEAD : <link rel="stylesheet" href="Cours_styles.css" type="text/css"> et suppr la balise STYLE entièrement ;
<!--Liens pour Début et Table des matières :-->
A copier pour mettre dans le lien Début (début de BODY) : uniquement le nom du Chap. dans la balise <A NAME="1.Le système d'exploitation Windows 7|outline"></A>
A mettre en fin de BODY avant le titre de Table des matières : <A NAME="Table des matières|outline"></A>
<P ALIGN=RIGHT><FONT FACE="Comic Sans MS, sans-serif"><FONT SIZE=3><A CLASS="western" HREF="#1.Le système d'exploitation Windows 7|outline">Début</A> - <A CLASS="western" HREF="#Table des matières|outline">Table des matières</A></FONT></FONT></P>
éventuellement recopier la table des mat (div) après la page de garde ; mettre éventuellement des liens Haut (ou Table des mat) avant chaq chap dans le cours ;

Changer le WIDTH et HEIGHT des images trop grandes (souvent mettre 10%) ; pour centrer les images mettre dans le <P> ALIGN="CENTER" supprimer dans img mettre ALIGN="LEFT" ;
si nécessaire vider le cache après modif css ; 
supprimer les cadres car se mettent sous les images (SPAN et /SPAN) ; pour enlever le texte de légende à droite d'une image/cadre : dans OOO : adaptation du texte : pas d'adapt. 
sinon mettre après chaque IMG <br CLEAR=LEFT> ;  
Pour mettre les paragraphes en bleu, supprimer tout dans la balise <P> et supprimer tous les FONT COLOR="#000000" et SPAN et </FONT> et </SPAN>... ;
supprimer tous les <FONT SIZE=3> et </FONT> correspondants ;
Enlever les : et n° de pages dans la Table des matières ; enlever les : après chaque titre en noir ; vérifier que les liens de la Table fonctionnent bien ;
Modifier la version
*/
 
body {
  width: 1080px;/*largeur fixe*/
  margin-left: auto;/*centrer tout le texte*/
  margin-right: auto;
}

p,li {
  font-family: Comic Sans MS;
  font-size: 14pt;
  margin-bottom: 0.20cm;
  direction: ltr;
  color: #0000aa;
}

#titre {
  text-align: center;
  font-size: 44pt;
  margin-bottom: 0.40cm;
  letter-spacing: 2.0pt;
  direction: ltr;
  color: #0000ff;
  font-family: Comic Sans MS;
  text-decoration: underline;
}

#fig {
  font-style: italic;
  font-size: 10pt;
}  

h1 {
  font-family: Comic Sans MS;
  border: 1px solid #0000ff;
  padding: 0cm 0cm 0.04cm;
  margin-bottom: 0.40cm;
  color: #000000;
  margin-top: 0.20cm;
  direction: ltr;
  text-align: center;
  /*font-family: Arial,Helvetica,sans-serif;*/
}

h2 {
  font-family: Comic Sans MS;
  margin-top: 0.4cm;
  margin-bottom: 0.25cm;
  direction: ltr;
  color: #0000ff;
  letter-spacing: 0.8pt;
  page-break-after: auto;
}

h3 {
  font-family: Comic Sans MS;
  margin-bottom: 0.11cm;
  direction: ltr;
  color: #0000ff;
  widows: 2;
  orphans: 2;
}

a:link {
  color: #0000aa;
  font-size: 14pt;
}

a:visited {
  color: #800080;
}

#imggrande { /*priorité dans la balise html
  border: 2px solid rgb(0, 132, 209);
  text-align: center;*/
  /*float: left;*/
  /*width: 100%;
  margin-top: 2%;
  margin-left: 0%;
  margin-bottom: 0%;*/
  }

#imggauche { /*priorité dans la balise html
  font-family: Comic Sans MS;
  font-size: 14px;*/
  /*margin-left: 0%;
  float: left;
  width: 25%;
  border: 2px solid rgb(0, 132, 209);
  text-align: center;*/
  }

#tabl { /*larg cellules, valign, police... : priorité dans les balises html*/
  width: 1080px;
  text-align: left;
  border: 2px solid blue;
  border-color: #0000aa;
  padding: 0 0 0 0px;/*espace entre bordure ext et texte : hdbg*/
  border-collapse: collapse;/*pas d'espace entre les bordures internes*/
  }

td { /*larg cellules, valign, police... : priorité dans les balises html*/
  border: 1px solid blue;
  border-color: #0000aa;
  padding: 3 3 3 3px;/*espace entre bordure int et texte : hdbg*/
  }