/* Pour affichage sur écran */
/* Directive à insérer : <link rel="stylesheet" type="text/css" href="styles/base.css" media="screen"></link> */

@media screen {
 body { font-family: "Bodoni", "Bitstream Charter", "Times New Roman", "Times", serif;
        background-color: #e0ffe0;
        background-image: url("../images/clapotis.jpg");
        font-size: 10pt; }

 #bande_haut {
     font-family: "URW Gothic L", "Century Gothic", "New Century Gothic", "Lucida Sans Unicode", "Lucida Sans", "Liberation Sans", "DejaVu Sans", "Arial", "Tahoma", sans-serif;
     position: fixed;
     left: 1%;
     top: 1%;
     width: 98%;
     height: 8%;
     background-color: #e0e0f0;
     filter: alpha(opacity=85);
     opacity: 0.85;
 }

 #bande_haut table.largeur_totale {
     width: 100%;
     padding-left: 2px;
     padding-right: 2px;
     padding-bottom: 4px;
 }

 #bande_haut table.largeur_totale tr {
     width: 100%;
 }

 #bande_haut table.largeur_totale tr td.moitie_gauche {
     left: 0%;
     width: 49%;
     text-align: left;
 }

 #bande_haut table.largeur_totale tr td.moitie_droite {
     left: 50%;
     width: 49%;
     text-align: right;
 }

 #bande_gauche {
     font-family: "URW Gothic L", "Century Gothic", "New Century Gothic", "Lucida Sans Unicode", "Lucida Sans", "Liberation Sans", "DejaVu Sans", "Arial", "Tahoma", sans-serif;
     font-size: 10pt;
     position: fixed;
     left: 1%;
     top: 10%;
     width: 14%;
     min-height: 89%;
     max-height: none;
     background-color: #e0e0f0;
     filter: alpha(opacity=85);
     opacity: 0.85;
 }

 #bande_gauche a:link, a:visited {
	 color:blue;
 }
 #bande_gauche a:hover, a:active {
	 color:blue;
 }


 #carre_central {
     position: absolute;
     left: 16%;
     top: 10%;
     width: 83%;
     min-height: 89%;
     max-height: none;
     background-color: #e0e0f0;
     filter: alpha(opacity=85);
     opacity: 0.85;
 }

 table.table_corpus {
     margin-left: 1%;
     width: 98%;
     border: thin solid;
 }

 table.table_corpus tr.en_tete_table_corpus td {
     text-align: center;
     border-bottom: thin solid;
 }

 table.table_corpus tr {
     vertical-align: top;
 }

 table.table_corpus td {
     vertical-align: top;
 }

 table.table_corpus td.gauche_table_corpus {
     width: 50%;
     vertical-align: top;
     border-right: thin solid;
 }

 table.table_corpus td.droite_table_corpus {
     width: 50%;
     vertical-align: top;
 }

 h2 {
     font-size: 14pt;
     text-align: center;
     border: thin solid;
     padding-left: 16px;
     padding-right: 16px;
     padding-top: 8px;
     padding-bottom: 8px;
     margin-left: 16px;
     margin-right: 16px;
     margin-top: 8px;
     margin-bottom: 8px;
   }

 h3 {
     font-size: 12pt;
     text-align: center;
     border: thin solid;
     padding-left: 16px;
     padding-right: 16px;
     padding-top: 2px;
     padding-bottom: 2px;
     margin-left: 16px;
     margin-right: 16px;
     margin-top: 2px;
     margin-bottom: 2px;
   }

 h4 {
     font-size: 10pt;
     border-top: thin dotted;
     border-bottom: thin dotted;
     margin-bottom: 6px;
   }

 p {
     padding-left: 4px;
     padding-right: 4px;
     padding-top: 4px;
     padding-bottom: 4px;
 }

 #carre_central h4 {
     margin-left: 20px;
     margin-right: 20px;
     padding-top: 4px;
     padding-bottom: 4px;
 }

 #carre_central p {
     font-size: 12pt;
     margin-left: 20px;
     margin-right: 20px;
     padding-top: 4px;
     padding-bottom: 4px;
 }

 #carre_central p.barre_onglets {
     border-bottom-style: solid;
     border-bottom-width: medium;
     border-bottom-color: DarkGray;
     font-size: 10pt;
     margin-bottom: 20px;
     padding-bottom: 0px;
 }

 #carre_central p.ensemble_langues {
     background-color: LightGray;
     font-size: 9pt;
     margin-top: 0px;
     margin-bottom: 6px;
 }

 #carre_central button.onglet_actif {
     border-top-style: solid;
     border-left-style: solid;
     border-right-style: solid;
     border-bottom-style: none;
     border-top-width: medium;
     border-left-width: medium;
     border-right-width: medium;
     border-top-color: DarkGray;
     border-left-color: DarkGray;
     border-right-color: DarkGray;
     font-size: 8pt;
     font-weight: bold;
     margin-left: 2px;
     margin-right: 2px;
     padding-left: 6px;
     padding-right: 6px;
     padding-top: 6px;
     padding-bottom: 6px;
 }

 #carre_central button.onglet_inactif {
     border-top-style: dotted;
     border-left-style: dotted;
     border-right-style: dotted;
     border-bottom-style: none;
     border-top-width: medium;
     border-left-width: medium;
     border-right-width: medium;
     border-top-color: DarkGray;
     border-left-color: DarkGray;
     border-right-color: DarkGray;
     font-size: 8pt;
     margin-left: 2px;
     margin-right: 2px;
     padding-left: 6px;
     padding-right: 6px;
     padding-top: 6px;
     padding-bottom: 6px;
 }

 #carre_central p.petit {
     font-size: 10pt;
     padding-top: 0px;
 }

 #carre_central p.tout_petit {
     font-size: 8pt;
     padding-top: 0px;
 }

 #carre_central p.ligne_au_dessus {
     border-top: thin solid;
     margin-left: 20px;
     margin-right: 20px;
     padding-top: 10px;
 }

 #carre_central table.liste tr td p.voir_le_debut {
     width: 160pt;
     font-size: 8pt;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left: -4pt;
     margin-right: -24pt;
     padding-top: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     padding-right: 0px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     background: #eeeeee;
 }

 #carre_central table.liste tr td p.petit_libelle {
     font-size: 8pt;
     font-family: sans-serif;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left: -2pt;
     margin-right: 0pt;
     padding-top: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     padding-right: 0px;
 }

 #carre_central table {
     vertical-align: top;
     padding-left: 20px;
     padding-right: 20px;
     padding-top: 4px;
     padding-bottom: 4px;
 }

 #carre_central table tr {
     padding-top: 4px;
     padding-bottom: 4px;
 }

 #carre_central table td {
     padding-left: 0px;
     padding-right: 0px;
 }

 #carre_central table.liste {
     margin-left: 10px;
     margin-right: 10px;
     margin-top: 10px;
     margin-bottom: 10px;
     padding-left: 0px;
     padding-right: 0px;
 }

 #carre_central table.liste tr td.precisions {
     text-align: left;
     font-family: "URW Gothic L", "Century Gothic", "New Century Gothic", "Lucida Sans Unicode", "Lucida Sans", "Liberation Sans", "DejaVu Sans", "Arial", "Tahoma", sans-serif;
     margin-left: 0px;
     margin-right: 0px;
     padding-left: 0px;
     padding-right: 0px;
  }

 #carre_central table.in_p {
     margin-left: 40px;
     margin-bottom: 20px;
     border-top: thin solid;
     border-bottom: thin solid;
 }

 #carre_central table.in_p tr {
     vertical-align: top;
 }

 #carre_central table.in_p tr:first-child {
     border-bottom: thin dotted;
 }

 #carre_central table.legende tr {
     vertical-align: top;
     padding-top: 0px;
     padding-bottom: 0px;
 }

 #carre_central table.legende td {
     padding-left: 0px;
     padding-right: 0px;
 }

 #carre_central table.liste_env {
     width: 92%;
     margin-left: 10px;
     margin-right: 10px;
     margin-top: 0px;
     margin-bottom: 0px;
     padding-left: 0px;
     padding-right: 0px;
     table-layout: auto;
     border-top: thin solid;
     border-bottom: thin solid;
 }

 #carre_central table.liste_env tr:first-child {
     border-bottom: thin dotted;
 }

 #carre_central form {
     padding-left: 20px;
     padding-right: 20px;
     padding-top: 4px;
     padding-bottom: 4px;
 }

 #carre_central form input.petit {
     font-size: 8pt;
 }

 #carre_central form button.petit {
     font-size: 8pt;
 }

 #carre_central form input.petit_mono {
     font-family: monospace;
     font-size: 7pt;
 }

 #carre_central form select.petit {
     font-size: 8pt;
 }

 #carre_central ul.tout_petit {
     font-size: 8pt;
     padding-top: 0px;
 }

 img.taille_1x {
   width: 1ex;
   height: 1ex;
 }

 img.taille_2x {
   width: 2ex;
   height: 2ex;
 }

 img.taille_1m {
   width: 1em;
   height: 1em;
 }

 img.taille_2m {
   width: 2em;
   height: 2em;
 }

 a.rien_de_special:link { text-decoration: none; color: black; }
 a.rien_de_special:visited { text-decoration: none; color: black; }

}