/* fichier golfe.css utilise sur le site http://pourmenadenn-e-ruiz.fr */

* {
  font-family : arial, helvetica, sans-serif;
  font-size : 1em;
  color : #e0e0e0; 
  line-height: 1.3em;

}

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


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

html {
 overflow: auto;
}

body  {
  padding: 5px;
  background-color:#000;
  background-image: url(images/moule.jpg);
  background-repeat: repeat-y;  
 }

.contenu  {
  height: 100%;
/*  overflow: auto;*/
background-repeat: repeat-y;
background-attachment:fixed;
;
  }
 
.haut {
  width: 100%;
  height: 200px;
  background-image: url(images/mer_et_cote_noir.png);
  background-color:#000;
background-repeat: no-repeat;

}
  
blockquote { /* pour décaler le début de citation */
  text-indent: -0.8em;
  font-size: 12px;
}
.entete   {
  /*position: absolute;
  top: 0;
  left: 0;   */
  width: 100%;
  height: 60px; /*75*/
/*  background-image: url(images/eau.png); /* 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;
}
#col_gauche { /* boite gauche (avec le menu) */
   position: absolute; /* positionn&eacute; par rapport à la boite parent (ici .container) */
   left: 25px; /* d&eacute;marre à 10 pixels de la gauche de la boite parent */
/*   width: 15%; */
   width: 120px; /* largeur de la boite */
   padding-top: 10px; /* marge int&eacute;rieure haute */
   /*border:dashed 1px orange*/
  font-size : 0.8em;
   } /* encadrement discret de la boite */

#col_centre { /* boite qui "pousse" vers le bas le reste de la page */
   margin: 0 130px 0 130px; 
/*   margin: 0 16% 0 16%; */
   /* marges gauche et droite, pour la place des 2 autres colonnes */
   /*border-left: 3px solid black; /* bordure gauche */
   /*border-right: 3px solid black; /* bordure droite */
  padding: 10px; /* marge int&eacute;rieure - indispensable */
  /*background-color: #cccccc /* couleur du fond */
    /*background-image: url(images/eau.png); /* fond 1 sous forme d'image */
}
#col_droite { /* boite droite (avec le commentaire) */
  position: absolute; /* positionn&eacute; par rapport à la boite parent (ici .container) */
  right: 25px; /* d&eacute;marre à 10 pixels de la droite de la boite parent */
/*  width: 15%;  */
  width: 120px;  
  /* largeur de la boite */
  /*border:dashed 1px blue;*/
  font-size : 0.8em;
  } /* encadrement discret de la boite */ 


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

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


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>pr&eacute;nom</dt>
<dd>tao</dd>
</dl>
*/

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

.vu {font-size : 1.4em; }

.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 : white;
margin-left: 0px; text-decoration: none}

h2 {
    font-size: 1.75em; font-style : italic; margin-left: 0px; text-decoration: none
}
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:0px;
    padding-bottom:2px;
    height:14px;
    width:100%;
    }

table{
border:3px solid darkgray;
width:90%;
margin: auto;
/*margin: 5%;
/*margin:auto;
/*border-collapse:collapse;*/

/* ATTENTION : utiliser ces deux valeurs directement dans la d&eacute;claration des Tables !!!
cellpadding:2px;
cellspacing:2px;
*/
}

thead, tfoot {
background-color:#def4df;
border:1px solid gray;
}
tbody {
background-color:#C0C0C0;
border:2px solid darkgray;

}
th{
font-family:monospace;
border:1px dotted gray;
padding:5px;
background-color:#143D55;
width:25%;
}
td{
font-family:sans-serif;
font-size:80%;
border:1px solid darkgray;
color:black;
padding:10px;
margin:20px;
text-align:left;
}
caption{
font-family:sans-serif;
text-align:center;
}

/*
#titreh1{
margin:4em 0 0 5%;
position: relative;
height: 94px;
}
h1 {
background-image: url(logo0000.png);
background-repeat: no-repeat;
background-position: top left;
padding-left: 358px;
position: absolute;
clip: rect(auto 358px 94px auto);
clip: rect(auto, 358px, 94px, auto);
height: 94px;
}

<div id="titreh1">
   <h1>
      <a href="/"
       title="Retour en page d'accueil">
       OpenWeb, pour les standards du web
       </a>
   </h1>
</div>
*/

/* 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;
color : #000; 
}
/* 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;
}
*/



@font-face {
  font-family: "celte";
  src: url("dropcaps.ttf") format("truetype");
}

/* <span class="lettrine">une lettre</span>*/ 

.lettrine {
float: left; 
font-size: 3em; 
/*font-weight: bold;*/
font-family: "celte",Georgia, Times New Roman, Times, serif;
color : a67224;
border: 1px solid color : a67224;
/*background-color: #FFFFCC;*/
margin: 1px;
padding: 1px;
line-height: 1em;
}

/*
206  	 table  	 Propriété erronée : border  darkgray n'est pas une valeur de color : 3px solid darkgray  3px solid darkgray
225 	tbody 	Propriété erronée : border darkgray n'est pas une valeur de color : 2px solid darkgray 2px solid darkgray
238 	td 	Propriété erronée : border darkgray n'est pas une valeur de color : 1px solid darkgray 1px solid darkgray
285 	span.touche 	La propriété border-radius n'existe pas en CSS niveau 2.1. mais existe en : 0.2em 0.2em
287 	span.touche 	La propriété -moz-border-radius n'existe pas : 0.2em 0.2em
307 		Propriété erronée : font-family La propriété font-family n'existe pas en CSS niveau 2.1. mais existe en : 'celte' 'celte'
308 		La propriété src n'existe pas : url('images/DropCaps Regular.ttf') format('truetype') url('images/DropCaps Regular.ttf') format('truetype')
309 		La propriété src n'existe pas : local('images/DropCaps Regular.ttf') local('images/DropCaps Regular.ttf')
318 	.lettrine 	Propriété erronée : color a67224 n'est pas une valeur de color : a67224 a67224
319 	.lettrine 	Propriété erronée : border color n'est pas une valeur de color : 1px solid color 1px solid color
319 	.lettrine 	Erreur lors de l'analyse grammaticale. : a67224;
324 		Erreur lors de l'analyse grammaticale. [: 1px; padding: 1px; line-height: 1em; } ] 
*/
