ethica.css

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

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

#tout { 
 background-color: white; 
}

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

#nav { 
 float: left;
 height: 100%;
 padding: 25px 10px 0 0;
 width: 150px;
}

#nav ul {  
 list-style-type: none;  
 padding-left: 1em;
}

#nav li { 
 background-color: #d8dfff; 
 margin-bottom: .5em;
 padding: 0 0 0 .5em;
}

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

#onglets li { 
              float: left;
              height: 44px;
              background: #e2f2d2;
              margin: 2px 15px 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: #6000FF; }

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

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

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


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

/* Liens */

a { text-decoration: none; }

a:link { color: blue; }   

a:visited { color: #2727a3; } 

a:hover { text-decoration: underline; } /* 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 { 
  font: normal 160% "Trebuchet MS", Verdana, sans-serif;
  margin-left: 0;
  padding-left: 10px;
} 

h3 { 
  font: bold 140% "Trebuchet MS", Verdana, sans-serif;
  padding-left: 10px;
}


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: 2em;
}

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.toc {
  background: #D8D8D8;
  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: 0.8ex -0.41ex 0.3ex -0.41ex;
  padding: 0ex 0.41ex;
}

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

h3 {
  font: 150% sans-serif;
  color: #0000FF;
  margin: 0.8ex -0.41ex 0.3ex -0.41ex;
  padding: 0ex 0.41ex;
}

h4 {
  color: #0000FF;
}