/* fichier cpx.css utilisé dans le site CPX
 */

* {
  font-family : arial, helvetica, sans-serif;
  font-size : 1em;
}

p {
    padding-left: 8px;
    padding-right: 8px;
}
a.glossaire {
    text-decoration: none; 
    border-bottom: 1px dashed blue;
}
a.glossaire:visited { 
    text-decoration: none; 
    border-bottom: 1px dashed #a67224;
    color: #a67224; }
a.glossaire:hover { 
    text-decoration: none; 
    border-bottom: 1px dashed #007fff;
    color: #007fff; }
a.glossaire:active { 
    text-decoration: none; 
    border-bottom: 1px dashed #009;
    color: #009; }


a { color: blue; }
a:visited { color: #a67224; }
a:hover { color: #007fff;  }
a:active { color: #009; }
a img {border: 0;}

html {
/*overflow-y: hidden;*/
}

body  {
/* overflow-y: hidden;*/
  padding: 5px;
  background-image: url(images/f2.jpg); /* fond 1 sous forme d'image */
  background-color : #dafbff; /* couleur de fond */
 }

.contenu  {
  height: 100%;
  margin: 79px 0% 0% 0% ;
/*  overflow: auto;*/
/*  background-image: url(images/f2.jpg); /* fond 1 sous forme d'image */
  }
  
.entete   {
/*  position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 75px;
    padding-left: 8px;
    padding-right: 8px;

/*  background-image: url(images/f2.jpg); /* fond 1 sous forme d'image */
/*  border-bottom: solid black 1px ;*/
  text-align:left}
  
.menu   {
  position: absolute;
  top: 75px;
  left: 0;
  width: 10%;
  height: 100%;
  background-color:#afb7d3;
  border-right: solid black 1px;
}

#gauche {
float:left;
   left: 55px; /* demarre a 25 pixels de la gauche de la boite parent */
   width: 19%; /* largeur de la boite */
  padding-top: 10px; /* marge interieure haute */
  padding-left: 5px; /* marge interieure haute */
  height: 100%;
  font-size : 0.8em;
 }
 
#col_gauche_cadre {
float:left;
   left: 55px; /* demarre a 25 pixels de la gauche de la boite parent */
   width: 19%; /* largeur de la boite */
  padding-top: 10px; /* marge interieure haute */
  padding-left: 5px; /* marge interieure haute */
  height: 100%;
  font-size : 0.8em;
}

#col_gauche { /* boite gauche (avec le menu) */
   position: absolute; /* positionne par rapport a la boite parent (ici .container) */
   left: 55px; /* demarre a 25 pixels de la gauche de la boite parent */
   width: 19%; /* largeur de la boite */
   padding-top: 10px; /* marge interieure haute */
  padding-left: 5px; /* marge interieure haute */
    margin-left : 3px;
    margin-rightt : 3px;
   /*border:dashed 1px orange*/
  height: 100%;
  font-size : 0.8em;
   } /* encadrement discret de la boite */

#col_centre { /* boite qui "pousse" vers le bas le reste de la page */
/*   margin: 0 1% 0 21%;*/ /* marges gauche et droite, pour la place des 2 autres colonnes */
   margin: 0 1% 0 21%; /* marges gauche et droite, pour la place des 2 autres colonnes */
  height: 100%;
   /*border-left: 3px solid black; /* bordure gauche */
   /*border-right: 3px solid black; /* bordure droite */
  padding: 10px; /* marge interieure - indispensable */
    padding-left: 8px;
    padding-right: 8px;
  /*background-color: #cccccc /* couleur du fond */
}
#col_droite { /* boite droite (avec le commentaire) */
  position: absolute; /* positionne par rapport a la boite parent (ici .container) */
  right: 25px; /* demarre a 10 pixels de la droite de la boite parent */
  width: 19%;  /* largeur de la boite */
  /*border:dashed 1px blue;*/
  font-size : 0.8em;
  height: 100%;
  } /* encadrement discret de la boite */ 


/*body>.entete {position:fixed}*/

/*body>.menu {position:fixed}*/


.adroite {
float : right;
margin : 2%;
  /*clear: both;*/

/*font-style: italic */
}
.agauche {
float : left;
margin : 2%;
 /* clear: both;*/

/*font-style: italic */
}

dt {
float:left;
clear:both;
font-weight:bold;
}

dt:after {
content: " : ";
}

dd {
margin: 0px 0px 0px 0px;
}

/* s'utilise avec
<dl>
<dt>nom</dt>
<dd>tsing</dd>
</dl>

<dl>
<dt>prenom</dt>
<dd>tao</dd>
</dl>
*/

p { font-family : arial,verdana,helvetica, sans-serif; font-size : 1em;}


.nom {font-size: 1em; font-weight: bold; text-decoration: none}
.citation {font-family : "times new roman", times, serif;
          font-size : 1em;
          }


h1 { font-family : "times new roman", times, serif;
      font-weight : bold;
      font-size : 2em;
      text-align: center;
      color : green;
margin-left: 0px; text-decoration: none ; font-variant: small-caps ;}

h2 {
    font-size: 1.75em; font-style : italic; margin-left: 0px; text-decoration: none; font-variant: small-caps ;
}
h3 {
    font-size: 1.5em; margin-left: 0px; text-decoration: none
}
h4 {
    font-size: 1.25em; margin-left: 0px; text-decoration: none
}
h5 {
    font-size: 1em; margin-left: 0px; text-decoration: none
}
h6 {
    font-size: 0.75em; margin-left: 0px; text-decoration: none
}
pre {
    font-family: "courier new",courier,monospace; font-size: 0.8em
}
ul {
    font-size: 1em;
}
li {
    font-family: arial, helvetica, sans-serif;
    /*font-size: 1em;*/
}

.title {
    font-weight: bold; font-size: 16pt; color: #000000; font-family: arial, helvetica, sans-serif;
}

table.tblmenu
    {
    font-family:arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:10pt;
    cursor:default;
    padding-top:0;
    padding-bottom:2px;
    height:14px;
    width:100%;
    }


table {
border:3px solid green;
width:90%;
margin: auto;
margin_bottom = 1em; /* pour supprimer la ligne vide sous les tableaux */
/*margin: 5%;
/*margin:auto;
/*border-collapse:collapse;*/
/*
utiliser ces deux propriete directement dans le HTML <table>
cellpadding:2;
cellspacing:2;
*/
}

thead, tfoot {
background-color:white; /*#def4df;*/
background-image:url(images/f2.jpg);
border:1px solid green;
}
tbody {
background-color:white; /*#def4df;*/
border:2px solid green;
}
th {
font-family:monospace;
border:1px dotted green;
padding:5px;
background-color:#00f600;
width:25%;
}
td {
font-family:sans-serif;
font-size:80%;
border:1px solid green;
padding:10px;
margin:20px;
text-align:left;
}
caption {
font-family:sans-serif;
text-align:center;
/*caption-side: (top | bottom | left | right)*/
caption-side: top;
}
/*#access li span { float: right; }*/


#access {
text-align: center;
font-size:0.6em;
width: 100%
height: 30px;
}
#access li {
display: inline;
}

.spacer {
clear: both;
}
.acr { /* pour simuler un acronyme */
color: gray;
border-bottom: 1px dashed gray;
font-variant: small-caps;
}

/* Les "proprietes" couleur, police, corps s'utilisent conjointement
   Pour definir un chapitre bold vert italique en courrier on utilisera
   
   p <class="gras vert italique pcour">
*/   

.ptimes {font-family : "times new roman", times, serif;}
.parial {font-family: arial, helvetica, sans-serif;}
.pcour  {font-family: "courier new",courier,monospace; }

.petit {font-size: 0.8em; }
.gros {font-family : "times new roman", times, serif;font-size : 1.5em;}

.souligne {border-bottom:1px solid ;}
.italique {font-style: italic;}
.gras {font-weight: bold;}
.centre {text-align: center;}

.renvoit {
font-style: italic;
font-weight: bold;
}

.bleu {color:blue;}
.rouge {color:#FF0000;}
.vertf {color:#052;}
.maro {color:#a78467;}

.attention {font-family:"times new roman",times,serif;text-align:center;font-size:2em;color:red;}
.erreur {font-family : "times new roman", times, serif;color :red;}

.left {
  float: left;
  margin-right: 5px;
  } 
.right {
  float: right;
  margin-left: 5px;
  } 
  
  #cg77 {
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
font-weight: bold;
}

/* Simule la forme d'une touche de caractère */
/*
span.touche 
{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;
margin-right: 1px;
padding-left:2px;
padding-right:2px;
border: 1px solid #6f6f6f;
background-color: #cfcfcf;
border-radius: 0.2em;
font-weight: bold;
-moz-border-radius: 0.2em;
}
*/
/* avec relief */
span.touche
{
margin-right: 1px;
padding-left:2px;
padding-right:2px;
background-color: #dadada;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
font-weight: bold;
border-style:outset;
border-width:2px;
}