body
{
margin-top:0px;
}

a {
color: red;
}

a.nodecoration:link, a.nodecoration:visited {
text-decoration: none;
color: black;
<!-- Lignes pour éviter les liens de couleur sur des liens texte -->
}

#entete {
text-align: center; 
color=black;
background-color:white;
}

#entete2 {
text-align: center; 
color=black;
background-color:white;
float:left;
margin-top: 3px;
margin-left: 8%;
}

#boiteEntete2 {
text-align: center; 
background-color:white;
float:right;
padding: 0 0 0 0;
margin-right: 8%;
}

#boitecentre {
text-align: center; 
background-color:white;
width: 80%;
max-width: 1200px;
min-width: 600px;
padding: 0px;
border: 0px;
margin: 0 auto;
<!-- c'est l'auto qui centre la boîte ici -->
}

#colonneG {
text-align: center; 
background-color:white;
width: 12%;
float:left;
padding: 0 0 0 0;
margin-right: 2%;
}

#colonneD {
text-align: center; 
background-color:white;
width: 12%;
float:right;
padding: 0 0 0 0;
margin: 0;
}

#colonneCentre {
text-align: left; 
background-color:white;
width: 72%;
overflow:auto;
padding: 0 0 0 0;
margin-right: 2%;
}

#colonneCentre-etroit {
text-align: left; 
background-color:white;
width: 400px;
overflow:auto;
padding: 0 0 0 0;
margin: 0 auto;
}

#colonneCentre-moyen {
text-align: left; 
background-color:white;
max-width: 800px;
overflow:auto;
padding: 0 0 0 0;
margin: 0 auto;
}

#boiteindexG {
text-align: left;
width: 38%;
min-width: 235px;
float:left;
color=black;
background-color:#f3eded;
padding: 20 25 25 25;
margin: 2% 1% 1% 1%;
<!-- Avec fond de couleur, "flotte" à partir de la gauche -->
}

#boiteindexD {
text-align: left;
width: 38%;
min-width: 235px;
float:right;
color=black;
background-color:#f3eded;
padding: 20 25 25 25;
margin: 2% 1% 1% 1%;
<!-- Avec cadre noir, "flotte" à partir de la droite -->
}

#boiteindexG2 {
text-align: left;
width: 38%;
min-width: 235px;
float:left;
color=black;
border-width:1px;
border-style:solid;
border-color:black;
padding: 20 25 25 25;
margin: 2% 1% 1% 1%;
<!-- Avec cadre noir, "flotte" à partir de la gauche -->
}

#boiteindexD2 {
text-align: left;
width: 38%;
min-width: 235px;
float:right;
color=black;
border-width:1px;
border-style:solid;
border-color:black;
padding: 20 25 25 25;
margin: 2% 1% 1% 1%;
<!-- Avec cadre noir, "flotte" à partir de la droite -->
}

#boiteindexDoubleD2 {
text-align: left;
width: 49%;
min-width: 237px;
float:right;
color=black;
border-width:0px;
border-style:solid;
border-color:black;
<!-- Boite invisible pour coller deux blocs à droite -->
}

#boiteindexIntrrDoubleD2 {
text-align: left;
width: 78%;
min-width: 235px;
float:right;
color=black;
border-width:1px;
border-style:solid;
border-color:black;
padding: 20 25 25 25;
margin: 3% 0% 2% 3%;
<!-- Pour l'intérieur de la boite "double" invisible. Attention: sert à IntrrDoubleD3 -->
}

#boiteindexG3 {
text-align: left;
width: 38%;
min-width: 235px;
float:left;
color=black;
background-color:#f3eded;
border-width:1px;
border-style:solid;
border-color:black;
padding: 20 25 25 25;
margin: 2% 1% 1% 1%;
<!-- Couleur & cadre noir, "flotte" à partir de la gauche -->
}

#boiteindexD3 {
text-align: left;
width: 38%;
min-width: 235px;
float:right;
color=black;
background-color:#f3eded;
border-width:1px;
border-style:solid;
border-color:black;
padding: 20 25 25 25;
margin: 2% 1% 1% 1%;
<!-- Couleur & cadre noir, "flotte" à partir de la droite -->
}

#boiteindexDoubleD3 {
text-align: left;
width: 49%;
min-width: 237px;
float:right;
color=black;
background-color:#f3eded;
border-width:0px;
border-style:solid;
border-color:black;
<!-- Boite invisible pour coller deux blocs à droite -->
}

#boiteindexIntrrDoubleD3 {
text-align: left;
width: 78%;
min-width: 235px;
float:right;
color=black;
background-color:#f3eded;
border-width:1px;
border-style:solid;
border-color:black;
padding: 20 25 25 25;
margin: 3% 0% 2% 3%;
<!-- Boite pour l'intérieur de la boite "double" invisible -->
}
#boiteindexCentre {
text-align: left;
width: 45%;
color=black;
background-color:#f3eded;
padding: 20 25 25 25;
border: 0%;
margin: 2% 1% 1% 1% auto;
<!-- Avec fond de couleur ; c'est l'auto qui centre -->
}

#boiteindexNeutre {
text-align: left;
width: 38%;
color=black;
background-color:#f3eded;
padding: 20 25 25 25;
border: 0%;
margin: 1%;
<!-- Boîte à gauche, inutilisée, qui suit les précédentes -->
}

#boitelambda {
text-align: left; 
float: left;
color=black;
background-color:white;
<!----- utile pour l'accueil ------>
}

#exergue50 {
text-align: justify; 
background-color:white;
width: 50%;
float:right;
padding: 0 0 0 0;
margin-right: 0%;
font-size: 16px;
}

#exergue70 {
text-align: justify; 
background-color:white;
width: 70%;
float:right;
padding: 0 0 0 0;
margin-right: 0%;
font-size: 16px;
}

#auteur-exergue {
text-align: right; 
background-color:white;
width: 50%;
float:right;
padding: 0 0 0 0;
margin-right: 0%;
font-size: 16px;
margin-top: 0.5em;
<!-- marge haute réduite de moitié -->
}

#auteur-exergue60ptit {
text-align: left; 
background-color:white;
width: 60%;
float:right;
padding: 0 0 0 0;
margin-right: 0%;
font-size: 14px;
margin-top: 0.8em;
<!-- caractères +petits (longues références) et marge haute réduite légèrement -->
}

#exergue70intrr {
text-align: justify; 
background-color:white;
width: 70%;
float:right;
padding: 0 0 0 0;
margin-top: 16px;
margin-bottom: 22px;
margin-right: 5%;
font-size: 20px;
}

.after-exergue {
clear:right ;
}

#retrait {
text-indent: 2em;
}

p.parag {
text-indent: 2em;
text-align: justify;
font-size: 18px;
margin: 0;
margin-bottom: 6px;
}

p.separateur {
text-align: center;
font-size: 16px;
margin-top: 20px;
margin-bottom: 12px;
}

p.note {
font-size: 16px;
margin: 0;
margin-bottom: 6px;
}

p.note2 {
font-size: 16px;
padding-left: 1em;
text-indent: -1em;
margin-top: 0;
margin-bottom: 0.4em;
}

p.signature {
text-align: right;
margin: 0;
font-size: 18px;
}

p.lien_tract {
text-align: center;
font-size: 16px;
}

p.mini_titre {
text-align: justify;
font-size: 18px;
font-weight: bold;
}

p.mini_titre_sans_bords {
text-align: justify;
font-size: 18px;
font-weight: bold;
margin: 0em 0;
<!-- aucune marge haute et basse -->
}

p.mini_soustitre_sans_bords {
text-align: justify;
font-size: 15px;
margin: 0em 0;
<!-- 0 marge haute et 0 basse -->
}

p.mini_titre_sans_gras {
text-align: justify;
}

p.mini_titre_sans_gras2 {
text-align: justify;
font-size: 18px;
}

p.mini_titre_sans_gras_centre {
text-align: center;
font-size: 18px;
}

p.mini_titre_gras_centre_sans_bords {
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 0em 0;
<!-- aucune marge haute et basse -->
}

p.mini_soustitre_centre_sans_bords {
text-align: center;
font-size: 15px;
margin: 0.3em 0;
<!-- légère marge haute et 0 basse -->
}

p.centre {
text-align: center;
margin: 0.3em 0;
<!-- légère marge haute et 0 basse -->
}

#titre_article {
text-align: center;
font-size: 35px;
font-weight: bold;
}

#sous_titre {
text-align: center;
font-size: 20px;
padding-top: 8px;
}

#titre_pti {
text-align: center;
font-size: 25px;
font-weight: bold;
}

.appel_de_note {
vertical-align: super; 
font-size: 70%
}

.imgcentrelarge {
text-align: center;
width: 88%;
height: auto;
}

#imggauchelarge {
text-align: left;
width: 62%;
float:left;
padding: 0 0 0 0;
margin-top: 4;
margin-bottom: 10;
<!-- Image alignée sur le texte de droite, en début d'article -->
}

#imggauchemoy {
text-align: left;
width: 45%;
float:left;
padding-top: 13;
padding-bottom: 13;
margin-top: 0;
margin-bottom: 0;
<!-- Image centrée en haut et à gauche, à l'intérieur d'un article -->
}

#imggaucheetroite {
background-color:white;
width: 35%;
float:left;
padding: 0 0 0 0;
margin-top: 4;
margin-bottom: 8;
}

img.droite { /*la balise et la classe sont collées [il n'y a plus de parent et d'enfant]: ces propriétés sont prises en compte que si l'image contient la classe "droite"*/
    width: 50%;	
    float: right;
	margin: 11px 0 0 15px; /*ne pas mettre de ; entre chaque données sinon ça ne marche pas!*/
}

img.gauche {
    width: 50%;	
    float: left;
	margin: 11px 15px 0 0;
}