/* STYLE DU CORPS */
* {margin:0;padding:0;border:0;}
body {background-color:#f1ead8;font-family:Arial,Helvetica,sans-serif;color:#000000;}

/* Marges dans l'ordre : Top Right Bottom Left */

/* Sert de separateur */
hr {clear:both;visibility:hidden;}
            
/* MENU à gauche */
div.menu_pri_left, div.menu_uni.left {position:absolute;
    top:0;left:0;width:150px;height:auto;
    overflow:visible;z-index:2;}
/* Partie droite */
div.menu_pri_right, div.menu_uni_right {position:absolute;
    top:0;left:152px;height:auto;
    overflow:visible;z-index:1;}

/* MENU à gauche pour Unités et Thermo */
div.menu_uni_left {width:190px;}
/* Partie droite pour Unités et Thermo */
div.menu_uni_right {left:192px;}

/* A 49.3% au lieu de 50% pour IE */
div.fl50pc {float:left;display:inline;
    width:49.3%;overflow:auto;}

/* Mise à 100 % de la largeur conteneur par rapport au conteneur supérieur   */
div.l100pc {overflow:visible;}
/*  Correction de bug IE sauf pour IE-Mac \*/
*html .l100pc {height:1%;}
/*  Fin de correction    */

div.il,div.ilsb,div.ic,div.icsb,div.ir,div.irsb {
     margin:3px;padding:3px;
     text-align:center;
     border:1px solid #cc9966;}

div.il,div.ilsb {float:left;}
div.ilsb {border:0;}
div.ir,div.irsb {float:right;}
div.irsb {border:0;}
div.ic,div.icsb {margin-right:auto;margin-left:auto;}
div.icsb {border:0;}
div.cr {clear:right;}
div.cl {clear:left;}
div.vi {float:left;margin:3px;border:0;}

/* STYLES DES IMAGES */

img.up,img.upr,img.upl {width:20px;height:20px;border:0;margin:2px;vertical-align:middle;}
img.upr {float:right;}
img.upl {float:left;}

img.b0 {border:0;}
img.lb0 {float:left;border:0;margin:0.5em 5px 0 10px}
img.rb0 {float:right;border:0;margin:0.5em 10px 0 5px;}
img.middle {border:0;margin-right:5px;vertical-align:middle;}

/* STYLES DES LIENS */

a {color:#336666;font-style:normal;font-weight:bold;text-decoration:none;}
a img {border:none;}
a.lien2 {font-size:0.95em;}
a.lien2b,a.lien2c {font-size:0.95em;color:#CC9966;font-style:italic;font-weight:normal;}
a.lien2c {font-style:normal;}
a.lien4 {font-size:0.84em;font-weight:normal;}
a.lien4c {font-size:1.1em;color:#bc6600;font-weight:normal;}
a.lient {color:#996666;font-size:0.90em;line-height:120%;font-variant:small-caps;padding-left:0.5em;}
a.dico {color:#996666;font-variant:small-caps;font-style:normal;letter-spacing:2px;font-size:1em;}
a:hover, a:focus {color:#FF8C00;}

/*------------------------------------------------------------------*/
/* ASTUCE Pour faire apparaitre le texte entre les balises <span> et*/
/* </span> d'un lien <a> lorsque le curseur passe sur le texte du   */
/* lien.  Par exemple <a class="popup">Caravelle<span>Le travail    */
/* sur cet avion...</span></a> fera apparaitre le texte :           */
/* "Le travail sur cet avion.." dans une boite parametrable lorsque */
/* le curseur passera sur le mot "Caravelle" du lien de class popup */
/*                                                                  */
/* Atention : Les caracteristiques ci-dessous s'ajoutent ou         */
/*            remplacent les caracteritiques generales definies     */
/*            dans les definitions <a>... ci-dessus                 */
/*-- Boite surgissante sur survol d'un lien (largeur automatique ---*/
a.popup {font-style:italic;    /* Idem A standard sauf Italique et  */
         color:#BC6600;}       /* couleur                           */
a:active.popup {border-bottom:0px;} /* Indispensable pour IE        */
a:hover.popup, a:focus.popup {
               border-bottom:0px;   /* Indispensable pour IE        */
               cursor:help;
              }
a.popup span {display:none;} /* Texte entre balises SPAN invisible  */
a:hover.popup span, a:focus.popup span {
        display:block;                   /*Texte affiche dans boite */
        position:absolute;          /* position et dimensions boite */
        width:70%;height:auto;top:auto;left:10px;overflow:visible;
        border:1px solid #cc9966;       /* Bordures de la boite     */
        background-color:#f8f4e2;       /* Couleur de la boite      */
        line-height:110%;font-size:0.90em;color:#AC5500;
        padding:0.5em;text-align:justify;
        font-weight:500;font-style:normal;
        z-index:2;}
        
/* Boite surgissante sur survol d'un lien (largeur fixe et position absolue) */
#menu a {font-size:0.90em;padding-left:2px;}
#menu a:hover, #menu a:focus {border-bottom:0px;cursor:pointer;}
#menu a:active {border-bottom:0px;}
#menu a span {display:none;}
#menu a:hover span, #menu a:focus span {display: block;position:absolute;
        top:74px;left:158px;width:350px;height:auto;overflow:visible;
        border:1px solid #CC9966;background-color:#FBF4E2;
        line-height:105%;font-size:0.92em;color:#AC5500;
        margin:0.5em;padding:0.5em;text-align:justify;
        font-weight:500;font-style:normal;
        z-index:2;}
/*------------------------------------------------------------------*/

/* STYLES DES TEXTES */

p, td, th {font-size:0.85em;margin-top:0.5em;margin-bottom:0.5em;padding:0 1% 0 1%;text-align:justify;}

p.c {padding:0;vertical-align:middle;text-align:center;}

p.r {text-align:right;}

p.note,p.noten {color:#666666;font-style:italic;font-weight:bold;line-height:16px;
	      padding:0 2em 0 2em;text-align:justify;}
p.noten {color:#bc6600;font-weight:normal;}

p.petit,p.petitc,p.pbc,p.pbr,p.pbj,p.erreur {
    line-height:95%;font-size:0.70em;margin-top:4px;margin-bottom:4px;
    padding-right:0.5em;padding-left:0.5em;}
p.petit  {text-align:justify;}
p.petitc {text-align:center;}
p.pbc,p.erreur {color:#BC6600;text-align:center;}
p.pbr {color:#BC6600;text-align:right;}
p.pbj {color:#BC6600;text-align:justify;}
p.erreur {font-size:0.90em;margin:0;padding:0;}

p span.r {float:right;}
p span.sc {font-variant:small-caps;}

span.re {color:red;}
span.wh {color:white;}
span.bl {color:blue;}
span.yl {color:yellow;}
span.reg {color:#cc9966;font-weight:bold;font-style:italic;}

.ptc {color:#BC6600;font-size:0.88em;}
.mtop {margin-top:1.5em;}
.romain,.romaintop {font-size:1.8em;font-weight:normal;font-family:"Times New Roman",Georgia,Times,serif;}
.romaintop {border-top:1px solid #000000;}
.haut {border-top:2px solid #000000;}

input {font-size:0.80em;
       background-color:#fbf4e2;border:1px solid #cc9966;vertical-align:middle;}

/* STYLES DES LISTES */

ul, ol {font-size:0.92em;
     text-indent:0;line-height:90%;margin:0.2em 0 0.2em 1em;
     padding-right:0;padding-left:0;text-align:left;
     list-style:none;list-style-position:outside;}
ol.num {list-style:decimal;padding-left:1em;}
ol.alpha {list-style:lower-alpha;padding-left:1em;}
ol.roman {list-style:upper-roman;padding-left:1.8em;}

ul.circle {list-style:circle;padding-left:1em;}
.circle a {font-size:0.84em;font-weight:normal;}
ul.disc {list-style:disc;padding-left:1em;}
ul.haut {font-size:1em;}
ul.marg li {marging-bottom:1em;margin-top:1em;margin-right:2em;text-align:justify;}

ul.bib li ul li {color:#996666;}

li {font-size:0.90em;}
li.couleur {color:#CC9966;}
ul.lil li.photo {color:#996666;font-style:italic;text-align:justify;margin:2px 10px 2px 0px;padding:2px 10px 2px 0px;list-style:none;}
ul.lil li:first-letter {font-size:110%;font-weight:bold;line-height:105%;}
li.petit {font-size:0.7em;}

textarea {font-family:Arial,Helvetica,sans-serif;font-size:0.90em;text-align:justify;
         background-color:#fbf4e2;}

/* STYLES DE TITRES */

h1 {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1.40em;
   color:#5D5D5D;text-align:right;letter-spacing:4px;padding:10px 1% 10px 1%;
   font-variant:small-caps;font-style:italic;font-weight:300;}
h1.center {text-align:center;}
h1.l {text-align:left;}
h1.gl {font-size:1.5em;
       color:#669999;font-variant:normal;text-align:left;
       letter-spacing:0;padding-top:10px;padding-bottom:0;}
h1.cgl {font-size:1.5em;
        color:#669999;font-variant:normal;text-align:center;
        letter-spacing:0;padding-bottom:0;}

h2 {font-weight:300;font-size:0.75em;
    color:#993300;letter-spacing:4px;margin-left:3px;padding-top:6px;text-align:left;}
h2.j {text-align:justify;}    
h2.center {text-align:center;}
h2.cb  {text-align:center;font-weight:bold;}
h2.cbi  {text-align:center;font-weight:bold;font-style:italic;}

h3 {font-family:Tahoma;color:#996666;font-size:1.17em;font-weight:bolder;
    font-variant:small-caps;letter-spacing:2px;padding:10px;text-align:left;}
h3.center {padding:0;text-align:center;}

h4 {font-family:Tahoma;color:#996666;font-size:0.95em;font-weight:bolder;
    font-variant:small-caps;letter-spacing:2px;padding:10px 10px 10px 20px;
    text-align:left;}
h4.center {padding-left:0px;padding-right:0px;text-align:center;}

h5 {font-family:Tahoma;color:#996666;font-size:0.8em;font-weight:bolder;
    font-variant:small-caps;letter-spacing:1px;padding:0.65em 0 0 0;
    text-align:center;}

h6 {display:inline;float:left;text-align:justify;margin:0.5em;
    padding:0.7em 0.5em 0.8em 0.5em;line-height:125%;font-size:0.80em;font-weight:300;
    color:#bc6600;border:1px solid #cc9966;background-color:#f4eede;}
