body {margin:15px 15px;
padding:0px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
background :#f5f6ff;
scrollbar-base-color: #F5F6FF; 
scrollbar-face-color: #3399FF;
scrollbar-track-color: #0000A0;
scrollbar-arrow-color: #FFFF33;
scrollbar-highlight-color: #000000; 
scrollbar-3dlight-color: #000000; 
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
}


a:hover {background-color:#CCCCFF}
a.actif:visited {color : #A31426}
a.actif {color : #A31426}
a:visited {color:blue}

/* si on veut creez une nouvelle couleur de lien, on est obligé de définir  le type normal et le type visited */

a.lblanc {color : #FFFFFF }
a.lblanc:visited {color : #FFFFFF }




.sm_1 /* sous-menu 1 ex : cf page pratique*/ {
 position:relative;
 border: solid #8080ff 3px;
 padding : 4px;
 text-align : center;
 margin-left : -0px;
 margin-right : -0px;
 font-weight : bold;
}

.livre /* pour les textes long ex : pilat_le _machinaire (nb pour que le cadre soit centré avec IE5+, il faut un text="center" dans le body (bug IE5+) */ {
 width:35 em;
 text-align:justify;
 padding:15px;
 border : medium double #FF9900;
 background-color:#f5f6ff;
}


.bleu { 
background-Color: blue;
font-weight	: bold;
color: white;
}

.orange { 
background-Color: orange;
font-weight	: bold;
}

.justifie { 
text-align : justify;
}

hr { color : #FF9900}


.printonly { /* contenue uniquement à imprimmer */
visibility:hidden;
position:absolute;
}

.bordure /* bordure ex: panneaux variables index.html */ 
{ border : solid #FF9900;
 vertical-align : middle
 padding : 0px;
 text-align : center;
}

.font_plein /* ex index.html message variable */ 
{ background-color:#FF9900;
  padding : 4px;
  text-align : center;
}