/*Feuille de style appliquée aux articles PME*/
/*Paragraphes de base avec espace libre à la fin du paragraphe*/
P
{ margin-bottom: 0.21cm }
/*Paragraphes spécial sans espace libre à la fin du paragraphe*/
P.sanssaut
{ margin-bottom: 0cm }
/*Idem dans une cellule de tableau*/
TD P
{ margin-bottom: 0.21cm }
/*Idem dans un titre de tableau avec mise en italique*/
TH P 
{ margin-bottom: 0.21cm; font-style: italic }
/*Titre de 1er niveau utilisé comme titre de page => plus gros et centré*/
H1.titre
{
font-family: = "Comic sans MS";
font-size: 26px;
font-style: Bold;
text-align: center;
color: #3deb3d;
z-index: 1;
margin-bottom: 0.21cm
}

H1
{
font-family: = "Arial", sans-serif;
font-size: 18px;
font-style: Bold;
color: #008080;
z-index: 1;
}

H2
{
font-family: =  "Arial", sans-serif;
font-size: 16px;
font-style: Italic;
font-weight: bold;
color: #008080;
z-index: 1;
margin-bottom: 0.21cm
}
H3
{
font-family: =  "Arial", sans-serif;
font-size: 14px;
font-style: Bold;
color: #008080;
z-index: 1;
}
H3.pointparticulier
{
font-family: = "Arial", sans-serif;
font-size: 14px;
font-style: Bold;
text-decoration: underline;
color: #000000;
z-index: 1;
}
/*Classe générique "paragraphe" créee par Gilles et laissée telle qu'elle*/
.paragraphe
{
font-family: = sans-serif;
font-size: 16px;
font-style: Bold;
color: #008080;
z-index: 1;
}
/*LISTES*/
/*Liste ordinaire (précisé pour IE*/
ul{
color: #000000;
}
/*Items des listes avec puces graphiques*/
li{
/*font-family: "sans-serif,monospace";*/
/*font-size: 16px;*/
color: black;
list-style-type: none;
background-image: url(../Img/puce1.gif);
background-repeat: no-repeat;
background-position: 2px 2px;
padding-left: 25px;
z_index: 1;
}
/*Listes pour les légendes des photos (puces moins décalées vers la droite et fonte en bleu)*/
ul.legende{
/*Reconnu par Firefox pas par IE*/
padding: 5px;
/*Reconnu par IE*/
margin-left: 5px;
}
/*Items de la liste avec puces pour légendes*/
li.legende {
font-family:sans-serif,monospace;
/*Taille ramenée à 12 à cause d'IE. pb avec windows ME ?*/
font-size: 14px;
color:#0000FF;
list-style-type: none;
background-image: url(../Img/puce1.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 18px;
z_index: 1;
}
/*Boutons en relief avec effet d'enfoncement*/
a.bouton-relief {
  color: white;
  background-color: #000080;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
}
a.bouton-relief:hover {
  background-color: #6495ED;
  background-image: url(../Img/aqua.jpg);
  border: 2px inset #c0c0c0;
}
/*TABLEAUX*/
/*Définition de la classe des tableaux pour liens entre page sans bordure: modèle de base sans spécification de largeur dans la classe*/
table.lienspages{
border:0;
Width: 100%;
margin-top:10px;
margin-bottom:10px;
}
/*Cellules pour table des liens entre page*/
td.lienspages{
Width:140px;
align: right;
text-align: center;
}
/*Paragraphe spécial pour s'accorder avec les boutons pour la page active*/
p.pageactive {
color: white;
  background-color: #6495ED;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  margin-top: 7px;
}
/*Définition de la classe des tableaux pour photos sans bordure: modèle de base sans spécification de largeur dans la classe*/
table.photos{
border:0;
margin-top:10px;
}
/*Idem tableau simple avec légende en dessous => largeur 640*/
table.photossimple{
border:0;
margin-top:10px;
width:640px;
text-align:left;
}
/*Idem tableau simple avec légende en dessous => largeur 640 mais cadré à droite de la page*/
table.photossimple_adroite{
border:0;
margin-top:10px;
margin-left: auto;
margin-right: 0px;
width:640px;
text-align:left;
}/*Idem tableau avec <photos et légendes croisées => largeur 760*/
table.photoscroisees{
border:0;
margin-top:10px;
width:760px;
}
/*Définition de la cellule pour la légende des photos*/
td.legende {
font-family:sans-serif,monospace;
color:#0000FF;
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
text-align:left;
/*width:180px;*/
}
/*Définition de la cellule pour la légende des photos croisées (différent à cause IE)*/
td.legendecroisee {
font-family:sans-serif,monospace;
/*Taille ramenée à 12 à cause d'IE. Pb avec Windows ME ?*/
font-size: 14px;
color:#0000FF;
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
text-align:left;
/*Largeur passée de 27 % à 35 % pour pages avec Frames*/
width:35%;
}
/*Définition de la classe de taleaux colorés*/
table.colore {
border:3px solid #6495ed;
border-collapse:collapse;
}
/*Classe tableaux colorés avec centrage auto*/
table.colore_auto {
border:3px solid #6495ed;
border-collapse:collapse;
width:90%;
margin:auto;
}
/*Définition des éléments pour les tableaux colorés*/
thead.colore, tfoot.colore {
background-color:#D0E3FA;
background-image:url(../Img/sky.jpg);
border:1px solid #6495ed;
}
tbody.colore {
background-color:#FFFFFF;
border:1px solid #6495ed;
}
th.colore {
/*Fonte d'origine changée à cause d'IE*/
/*font-family:monospace;*/
font-family:sans-serif,monospace;
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
width:25%;
}
th.nuage {
/*Fonte d'origine changée à cause d'IE*/
/*font-family:monospace;*/
font-family:sans-serif,monospace;
border:1px dotted #6495ed;
padding:5px;
width:25%;
}

td.colore {
font-family:sans-serif;
font-size:80%;
border:1px solid #6495ed;
padding:5px;
text-align:left;
}
caption {
font-family:sans-serif;
}
/*Style des images avec encadrement comme les tabeaux colorés*/
img.encadre {
border:3px solid #6495ed;
border-collapse:collapse;
}