/********************************************************
styles pour la page
********************************************************/

body {
    /* Choisir une valeur car pas tjs les mêmes valeurs par défaut suivant les navigateurs*/ margin: 0;
    padding: 0;
    background: #C0C0C0/* gris */;
    /* définir police, taille et interligne permet aux autres balises d'en hériter */text-align: center;
    /*Centrer sous IE*/font-family: Arial, Helvetica, sans-serif;
    font-size: meduim
    /* Ainsi le visiteur peut ajuster la taille */;
  }


#cadre {
    border: 0.2em solid #666644/*un cadre pour voir ce qu'on fait*/;
    position: relative;
    margin:auto /*Centrer sous FF*/;
	 width: 80ex
    /*largeur de 80 fois la taille du "x"*/ /*16 pour navigation + 59 pour corps*/;
    background-color: #EEEECC;
    background-image: url('../images/background.gif');
    background-repeat: repeat-y;
  }


#gauche {
    border: 1px solid #00FF00/*un cadre pour voir ce qu'on fait*/;
    width: 16ex;
    top: 0;
    left: 0;
    position: absolute;
    font-size: smaller;
    text-align: center;
    margin-left: 1ex;
  }


#corps {
    text-align: left/*ici le vrai alignement du texte*/;
    border: 1px solid #00FFFF;
    margin-left: 17ex/*gauche 16 + marge 1*/;
    padding: 1ex;
    vertical-align: bottom;
  }

/********************************************************
styles pour la navigation
********************************************************/

.nav {
    /*boite pour la navigation*/ border: outset;
    overflow: visible/*par sécurité*/;
    text-align: left;
    line-height: 100%;
    margin-top: 2ex;
    padding: .5ex;
  }

/*Attention à l'ordre*/

a:link {
  }


a:visited {
    color: #8b4513;
    /*un marron foncé*/ text-decoration: underline;
  }


a:hover {
    background-color: #ff0/*jaune*/;
    text-decoration: none;
  }


a:active {
    color: #cd5c5c;
    /*indianred*/;
  }

/********************************************************
Hiérarchie des titres
********************************************************/

h1 {
    font-size: xx-large;
    text-align: center;
    font-family:"Times New Roman", Times, serif;
    color: #666644;
    margin-top: 0px;
  }


h2 {
    font-size: x-large;
    font-family:"Times New Roman", Times, serif;
    color: #666644;
    margin-top: 0px;
  }


h3 {
    font-size: large;
    font-family:"Times New Roman", Times, serif;
    color: #666644;
    margin-top: 0px;
  }


h4 {
    font-size: medium;
    font-family:"Times New Roman", Times, serif;
    color: #666644;
    margin-top: 0px;
  }


h5 {
    font-size: x-small;
    font-family:"Times New Roman", Times, serif;
    color: #666644;
    margin-top: 0px;
  }


h6 {
    font-size: xx-small;
    font-family:"Times New Roman", Times, serif;
    color: #666644;
    margin-top: 0px;
  }

/********************************************************
Texte
********************************************************/

.clear {
    clear:both/*supprime le float*/;
  }
.float {float:left}

q {font-style: italic;}
/*Pas de guillemets, je les place à la main en dur*/
q:before{content:""}
q:after{content:""}

ul {
    list-style-image: url('../images/bullet.gif')/*puce niveau 1*/;
  }


li {
    margin-top: 0.5ex;
  }


.serrer {
    font-size: smaller;
    margin-top: 0;
    margin-left: 3ex;
  }


.petit {
    font-size: smaller;
  }


hr {
    /* Horizontal rule = ligne horizontale*/ width: 298px;
    height: 8px;
    background-image: url('../images/rule.gif');
    background-repeat: no-repeat;
    text-align: center;
  }


.heb {
    /*pour l'hébreu consonantique et vocalisé*/ unicode-bidi: embed;
    font-family: FrankRuehl, Narkisim, David, garamond, 'Times New Roman' , Times;
    text-align: right;
    direction: rtl;
  }


.h {
    /* Pour l'hébreu massorétique*/ font-family: "SBL Hebrew" , "Ezra SIL" , "LUCIDA GRANDE" , Galaxie, Code2000, Cardo, "ALPHABETUM Unicode" , "TITUS Cyberbit Basic" , "Arial Unicode MS";
    /*font-size déterminé par la balise à laquelle est attachée cette classe*/
    text-align: right;
    direction: rtl;
    unicode-bidi: embed;
    display: block /*lang:"he" /*la langue ne fait plus partie des css*/;
    line-height: normal;
  }


.el {
    /* el=Ellinistic c.à.d. Grec*/ font-family: 'Microsoft Sans Serif', 'sans-serif';
  }


cite {
    /*exactement ce texte*/ color: green;
    font-style: italic;
  }


.rouge {color: #ff0066;}

.bleu {color: #8C82FF;}

.vert {color: #06B400;}

.encadre {border: ridge;}

address {
    BACKGROUND: #efefef no-repeat 0 0;
  }

pre {background-color: #ffffcc; width:80%}


.caps {
    font-variant: small-caps;
  }

.cursive { font-size:120%;
font-family:
	"Comic Sans MS"/*Win*/,
	"URW Chancery L"/*Lin*/,
	Zapfino/*Mac*/,
	cursive/*Generic*/;
	}