/******************************************/
/* "Ethica" stylesheet */
/******************************************/

#theme { 
 color: #333333;
 font-family: Verdana, Charcoal, Geneva, "Luxi Sans", sans-serif;
 font-size: 12px;
/*  margin-top: 0; */
/*  margin-left: 0; */
}

#tout { 
margin-top: 1em;
margin-bottom: 1em;
        margin-left: auto; 
        margin-right: auto;
 font-size: 13px;
 background-color: white; 
width: 800px;
}

#bandeau { 
  background: #dcdcdc;
           margin: 0 0 1em 0;
           border: outset 1px #C8C8C8;
/*            padding: 1ex 1em; */
padding: 10px;
height: 80px;
           }


#titre {
         clear: both;
/*         padding:  .5em;*/
         }


#logo { 
        position: relative;
        float: left;
        }

#textebandeau { 
 line-height: 80px; 
  vertical-align: middle;
                color:  #1e1e7f; 
                font: normal 120% "Trebuchet MS", Verdana, sans-serif;
/*                 padding-bottom: 10px; */
/*                 padding-left: 6em; */
                }	

ul { text-align: left; } 

/***********************/             
/* Barre de navigation */
/***********************/

#nav { 
 float: left;
 height: 100%;
/*  padding: 25px 10px 0 0; */
 width: 15em;
}

div.navbox h3>span { 
  font: 100%  "Trebuchet MS", Verdana, sans-serif;
font-weight: normal;
border-bottom: 1px solid #000;
padding-left: 1em;
 }

div.navbox { 
 width: 12em;
padding: 0;
 border: 1px solid #000;
margin-bottom: 3em;
}

div.navbox ul {  
 list-style-type: none;  
 padding-left: 1em;
}

div.navbox li { 
 margin-top: .5em;
}

div.navbox li ul {  
 list-style-type: disc;  
 padding-left: 3em;
}


div.navbox li ul li { 
 margin-top: .5em;
                }


/* div.navbox ul ul {   */
/*  list-style-type: none;   */
/*  padding-left: 1em; */
/* } */

/* div.navbox ul ul li {  */
/*  margin-top: .5em; */
/* /\*  padding: 0 0 0 .5em; *\/ */
/* /\* padding-top: .5em; *\/ */
/* } */

div.titre { 
/* padding: .5em 1em 0 .5em 1em; */
padding-left: 1em;
 margin-bottom: .5em;
 border-bottom: 1px solid #000;
 }



#onglets ul { 
              font: 13px Tahoma, sans-serif;
              list-style-type: none;
              padding-bottom: 47px;
              white-space: nowrap;
              border-bottom: 1px solid #6c6;
              margin: 0;
              }

#onglets li { 
              float: left;
              height: 44px;
              background: #e2f2d2;
              margin: 2px 2px 0 2px;
              border: 1px solid #6c6;
              }

#onglets li.active { 
                     background-color: #fff;
                     border-bottom: 1px solid #fff;
                     border-top: 1px solid #6c6;
                     border-left: 1px solid #6c6;
                     border-right: 1px solid #6c6;
                     }

#onglets a { 
             float: left;
             display: block;
             padding: 0.5em;
             text-decoration: none;
             }

#onglets a:hover { 
                   background: #fff;
                   border-bottom: 1px solid #fff;
 }

#nav a:link { color: #1e1ebf; }

#nav a:visited { color: #2727a3; }

#nav a.actif { /*color: white;*/ }

/******************/
/* Corps du texte */
/******************/

#corps { 
/*  border-left: solid 5px #55ccbb; */
 margin-left: 16em;
 margin-right: 3em;
/*  min-height: 300px; */
/*  padding: 15px; */
/* width: 600px;*/
}

/**************/
/* Généralités*/
/**************/

/* Liens */

a { text-decoration: none; }

a:link { color:  #1e1ebf; }   

a:visited { color: #2727a3; } 

a:hover { text-decoration: none; } /* lien survolé par le curseur de la souris */

#corps a:hover { text-decoration: underline; } /* lien survolé par le curseur de la souris */


#h1 a {   color:  #1e1e7f; 
text-decoration: none; }

#h1 a:link { color:  #1e1ebf; text-decoration: none; }   

#h1 a:visited { color:  #2727a3;
text-decoration: none; } 

#h1 a:hover { text-decoration: none; } /* lien survolé par le curseur de la souris */


a[accesskey]:after {
content: " [accès clavier : " attr(accesskey) "] ";
}

/* Hiérarchisation : titres, sous-titres */

h1 { 
  color:  #1e1e7f; 
  font: normal 200% "Trebuchet MS", Verdana, sans-serif;
/*   margin-left: 0; */
/*   margin-right: 0; */
/*   padding-left: 10px; */
} 

/* h2 {  */
/*   color:  #1e1e7f;  */
/*   font: normal 220% "Trebuchet MS", Verdana, sans-serif; */
/*   margin-left: 0; */
/* /\*  padding-left: 10em;*\/ */
/* }  */

/* XXXX problème de doublons pour h3 etc. */
/* #corps h3 {  */
/*   font: bold 140% "Trebuchet MS", Verdana, sans-serif; */
/*   padding-left: 10px; */
/* } */


/* #corps h3>span { */
/*   border-top-style: none;                                          */
/*   border-right-style: none;                                                     */
/*   border-left-style: none;                                                      */
/*   border-bottom-style: solid;                                                   */
/*   border-bottom-color: #ff0000; */
/*   border-bottom-width: 1px; */
/* } */


/* h4 {  */
/*   font: bold 120% "Trebuchet MS", Verdana, sans-serif; */
/*   padding-left: 10px; */
/* } */

/* h5 {  */
/*   font: italic 110% "Trebuchet MS", Verdana, sans-serif; */
/*   padding-left: 10px; */
/* } */

/* h6 {  */
/*   font-variant: small-caps; */
/*   padding-left: 10px; */
/* } */

/* Texte */

p { 
 margin-right: 0;
/*  padding-left: 10px; */
 text-align: justify;
 text-indent: 0em;
}

p.continue {
  text-indent: 0;
}

blockquote p { 
/* color: white;  #1e1e7f; */
 font-size: 90%;
}

code {
 font-family: monospace; 
}

/* le <pre> des tuteurs */
pre {
  background: #FFF9BF;
  border: solid 1px #E0D8A0;
  margin: 1.5ex 5%;
  padding: 0.5ex;
  text-align: left;
}


/* Images */

img { 
 border-width: 0; /* pas de bordure sur les images */
}

/* Tableaux */

table { 
 border: solid 1px;
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
}

table td, table th {  
 border: solid 1px black;
 margin: 0;
 padding: 0.7em;
}

th {  
 font-weight: bold; 
}

caption { 
 font-size: 120%;
 font-weight: bold;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 1em;
}

/* Lexiques */

dt {   
   font-weight: bold;
   padding-bottom: .5em; 
}

dd {   
   padding-bottom: 1.5em; 
}

/* Rajouts copiés chez Cigaes ou autres --Bap. */
p.important, div.important {
  background: #FF8080;
  border: solid 1px #FF0000;
/*   margin: 1ex 2em; */
/*   padding: 0.8ex; */
}

div.vert {
/*  clear: both;*/
  background: #e2f2d2;
  border: solid 1px #acce79;
/*   margin: 1ex 2em; */
/*   padding: 0.8ex; */
}



div.gris {
  background: #dcdcdc;
  font-family: sans-serif;
  margin: 1em 2em;
  border: outset 1px #C8C8C8;
  padding: 1ex 1em;
}

p.encadre, div.encadre {
  background: #FFFFA0;
  border: solid 1px #C0C000;
  margin: 1ex 2em;
  padding: 0.8ex;
}

div.encadre h1, div.encadre h2, div.encadre h3,
div.important h1, div.important h2, div.important h3 {
  background: inherit;
  color: black;
  border: none;
/*   margin: 0em; */
/*   padding: 0.5ex; */
}


p.nouveautes, div.nouveautes {
  background: #FFFFA0;
  border: solid 1px #C0C000;
  margin: 1ex 2em;
  padding: 0.8ex;
}

div.nouveautes h1, div.nouveautes h2, div.nouveautes h3,
div.important h1, div.important h2, div.important h3 {
  background: inherit;
  color: black;
  border: none;
/*   margin: 0em; */
/*   padding: 0.5ex; */
}

/*
div.encart {
  background: blueviolet;
}
*/

div.heading {
  color: #FFFFFF;
  font-family: sans-serif;
  margin: -1ex -1ex 1em -1ex;
  padding: 3px;
  border-bottom: solid 1px #000060;
  text-align: center;
}

div.footer {
  background: #0000C0;
  color: #FFFFFF;
  font-family: sans-serif;
  margin: 1em -1ex -1ex -1ex;
  padding: 5px;
  border-top: solid 1px #000060;
  text-align: center;
}

div.heading a {
/*  color: white; */
}

h2 {
  font: /*bold*/ 200% sans-serif;
/*   color: #0000FF; */
/* /\*   background: #E8E8FF; *\/ */
/*   margin: 1em -0.41ex 0.3ex 1em; */
margin-top: 1em;
margin-bottom: 1em;
  padding: 0ex 0.41ex;
}

div.commandes {
  background: #FFF9BF;
  border: solid 1px #E0D8A0;
  margin: 1.5ex 5%;
  padding: 0.5ex;
  text-align: left;
}

#corps h3 {
text-align: left;
  font: 150% sans-serif;
/*   color: #0000FF; */
/*   margin: 0.8ex -0.41ex 0.3ex -0.41ex; */
/*   padding: 0ex 0.41ex; */
}

/* h4 { */
/*   color: #0000FF; */
/* } */