body { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #191970;
 background-color: #EBEBEB;
 background-image: url(bndFnd03.jpg);
 background-repeat: repeat-y;
 background-position: left top;
 scrollbar-3dlight-color:white;
 scrollbar-arrow-color:gold;
 scrollbar-darkshadow-color:navy;
 scrollbar-face-color:#0000FF;
 scrollbar-highlight-color:#EBEBEB;
 scrollbar-shadow-color:#191970;
 scrollbar-track-color:#khaki;
 text-align: justify;
 padding-top: 0.2em;
 padding-right: 1em;
 padding-bottom: 0.2em;
 padding-left: 0.5em
}

a {
 text-decoration: none
}

/* Haut de page (haut) */

table#haut {
 height: 100px;
 width: 100%;
 margin: 0px;
 padding: 0px
}

/* bandeau (bnd) */

table#bnd {
 background-color: #000080;
 background-image: url(Cheval021.gif);
 background-repeat: no-repeat;
 background-position: right center;
 height: 100px;
 width: 100%;
 margin: 0px;
 padding-top: 0px;
 padding-right: 5px;
 padding-bottom: 0px;
 padding-left: 5px
}

td#lib_bnd {
 font-family: "Bookman Old Style", Verdana, sans-serif;
 font-size: 2.7em;
 font-weight: bold;
 font-variant: small-caps;
 color: #FFD700;
 letter-spacing: 0.1em;
 text-align: center;
 vertical-align: middle;
 word-spacing: 0.2em;
 filter: DropShadow(Color=#B22222, OffX=2, OffY=3, Positive=1)
}



/* Navigation (nav) */

table#tab_nav {
 margin: 0;
 padding: 0;
 width: 100%;
}

td#nav {
 background-color: #FFD700;
 background-image: url(fnd03.jpg);
 background-repeat: repeat-y;
 background-position: right top;
 font-size: 0.7em;
 font-style: oblique;
 font-weight: bold;
 color: #B22222;
 text-decoration: none
; border: 1px #191970 solid
; padding-left: 0.5em
}

/* Menus (colonne de gauche - mnus) */

div#mnus {
 font-size: 0.9em;
 float: left;
 width: 13em;
 padding: 0.1em 0.1em;
 border: gold inset
; margin: 1em 1em 1em 0em
}

div#menus h1 {
 font-family: "Bookman Old Style", Verdana, sans-serif;
 font-size: 1.2em;
 font-variant: small-caps;
 color: #B22222;
 text-align: center
}

div#menus h2 {
 font-family: "Bookman Old Style", Verdana, sans-serif;
 font-size: 1.1em;
 font-variant: small-caps;
 color: #B22222;
 text-align: center
}

/* Menus (colonne de gauche - mnus) */

div#mnus {
 font-size: 0.9em;
 float: left;
 width: 13em;
 padding: 0.1em;
 border: gold inset;
 margin: 1em 1em 1em 0em;
 background-color: navy;
 background-image: url(fnd02.jpg);
 background-repeat: repeat-y;
 background-position: left top;
}

 /* Menu principal (mnu) */

ul#mnu {
 width: 12.2em;
 margin: 0;
 padding: 0.3em;
 font-weight: bold;
 color: gold;
}
* html ul#mnu {  /* correction pour IE 5.x */
    width: 11.2em;
    w\idth: 11em;
    padding-left: 0;
    padd\ing-left: 0.8em;
}

ul#mnu h1{
 font-size:1.3em;
 letter-spacing: 0.1em;
 filter: DropShadow(Color=red, OffX=1, OffY=1, Positive=1)
 font-variant: small-caps;
 color: gold
}

ul#mnu li {
 list-style: none;
 color: red;
 margin: 0.1em 0 0.1em 0;
 padding: 0;
}

ul#mnu li h2{
 font-size:1.1em;
 letter-spacing: 0.1em;
 filter: DropShadow(Color=#B0C4DE, OffX=1, OffY=1, Positive=0)
 list-style: none;
 padding: 0 0 0 1em;
 color: #B22222
}

ul#mnu li ul {
 margin: 0 0 0 1em;
 padding: 0;
}

ul#mnu li ul li {
 margin: 0.1em 0;
}
* html ul#mnu li ul li {  /* correction pour IE 5.x */
    margin-left: 1em;
    ma\rgin-left: 0;
}

ul#mnu a {
 display:block;
 padding: 0.2em;
 text-decoration: none;
 font-weight: bold;
 border: 1px solid navy;
 border-left-color: white;
 border-top-color: white;
 color: #B22222;
 background-color: #B0C4DE;
}
* html ul#mnu a {
    width: 100%;    /* largeur pour IE 5.x */
    w\idth: 10.8em;  /* largeur pour IE 6 */
}
* html ul#mnu li ul li a {
    width: 100%;    /* largeur pour IE 5.x */
    w\idth: 9.8em;  /* largeur pour IE 6 */
}

ul#mnu a:hover {
 border-color: white;
 border-left-color: navy;
 border-top-color: navy;
 color: white;
 background-color: gray;
}

 /* Menu ressources (res) */

ul#res {
 width: 12.2em;
 margin: 0;
 padding: 0.3em;
}
* html ul#res {  /* correction pour IE 5.x */
    width: 11.2.6em;
    w\idth: 11em;
    padding-left: 0;
    padd\ing-left: 0.8em;
}

ul#res h1 {
 font-size:1.2em;
 letter-spacing: 0.1em;
 color: #DAA520;
 filter: DropShadow(Color=red, OffX=1, OffY=1, Positive=1);
 padding: 0 0 0 0.1em;
}

ul#res li {
 list-style: none;
 margin: 0.2em 0 0.2em 0;
 padding: 0;
}

ul#res a {
 display:block;
 padding: 0.2em;
 text-decoration: none;
 font-weight: bold;
 border: 1px solid navy;
 border-left-color: white;
 border-top-color: white;
 color: black;
 background-color: #ccc;
}
* html ul#res a {
    width: 100%;    /* largeur pour IE 5.x */
    w\idth: 10.8em;  /* largeur pour IE 6 */
}

ul#res a:hover {
 border-color: white;
 border-left-color: navy;
 border-top-color: navy;
 color: white;
 background-color: gray;
}

 /* Liens directs (dir) */

ul#dir {
 width: 12.2em;
 margin: 0;
 padding: 0.3em;
}
* html ul#dir {  /* correction pour IE 5.x */
    width: 11.2.6em;
    w\idth: 11em;
    padding-left: 0;
    padd\ing-left: 0.8em;
}

ul#dir h1 {
 font-size:1.2em;
 letter-spacing: 0.1em;
 color: #DAA520;
 filter: DropShadow(Color=red, OffX=1, OffY=1, Positive=1);
 padding: 0 0 0 0.1em;
}

ul#dir li {
 list-style: none;
 margin: 0.2em 0 0.2em 0;
 padding: 0;
}

ul#dir a {
 display:block;
 padding: 0.2em;
 text-decoration: none;
 font-weight: bold;
 border: 1px solid navy;
 border-left-color: white;
 border-top-color: white;
 color: #556B2F;
 background-color: #ccc;
}
* html ul#dir a {
    width: 100%;    /* largeur pour IE 5.x */
    w\idth: 10.8em;  /* largeur pour IE 6 */
}

ul#dir a:hover {
 border-color: white;
 border-left-color: navy;
 border-top-color: navy;
 color: white;
 background-color: gray;
}

 /* Recherche (rch) */

form#rch {
 margin: 0  0.5em
}

 /* Statistiques (sta) */

div#sta {
}

  /* Zone 'mise à jour' (maj) */

div#maj {
 font-size: 0.9em;
 text-align: center;
 padding-top: 0.1em;
 padding-right: 0.2em;
 padding-bottom: 0.1em;
 padding-left: 0.2em;
 color: white;
 margin-top: 0.5em;
 font-weight: bold
}

/* Informations (colonne de droite - infos) */

div#infos {
 background-image: url(fnd01.jpg);
 background-repeat: repeat-y;
 background-position: right top;
 font-size: 0.9em;
 float: right;
 width: 12em;
 padding: 0.1em 0.1em;
 border: gold inset;
 margin: 1em 0.1em 1em 1em
}

div#infos h1 {
 font-family: "Bookman Old Style", Verdana, sans-serif;
 font-size: 1.2em;
 font-variant: small-caps;
 color: #B22222;
 text-align: center
}

div#infos h2 {
 font-family: "Bookman Old Style", Verdana, sans-serif;
 font-size: 1.1em;
 font-variant: small-caps;
 color: #B22222;
 text-align: center
}


 /* Calendrier mensuel (cal) */

div#cal {
 margin-top: 0.5em;
 margin-right: 0.2em;
 margin-bottom: 0.2em;
 margin-left: 0.2em
}

 /* Agenda (agd) */

ul#agd {
 width: 11.5em;
 margin: 0;
 padding: 0.5em;
}
* html ul#agd {  /* correction pour IE 5.x */
    width: 10.6em;
    w\idth: 10em;
    padding-left: 0;
    padd\ing-left: 0.8em;
}

ul#agd li {
 list-style: none;
 margin: 0.4em;
 padding: 0;
}

ul#agd a {
 display:block;
 padding: 0.2em;
 text-decoration: none;
 font-weight: bold;
 border: 1px solid navy;
 border-left-color: white;
 border-top-color: white;
 color: #191970;
 background-color: #ccc;
}
* html ul#agd a {
    width: 100%;    /* largeur pour IE 5.x */
    w\idth: 10.8em;  /* largeur pour IE 6 */
}
* html ul#agd li a {
    width: 100%;    /* largeur pour IE 5.x */
    w\idth: 9.8em;  /* largeur pour IE 6 */
}

ul#agd a:hover {
 border-color: white;
 border-left-color: navy;
 border-top-color: navy;
 color: white;
 background-color: navy;
}

 /* Brèves (brv) */

ul#brv {
}

ul#brv li {
}

ul#brv a {
}

ul#brv li a {
}

/* Contenu de la page (cont) */

div#cont {
 margin: 1em 0 0 15em;
 padding: 0.2em
}

div#cont p:first-letter {
 font-weight: bold;
 font-size:1.1em;
 color:black
}

div#cont h1 {
 font-family: "Bookman Old Style", Verdana, sans-serif;
 font-size: 2.5em;
 font-weight: bold;
 font-variant: small-caps;
 color: #B22222;
 text-align: center;
 text-shadow: gold
}

div#cont h2 {
 font-family: "Bookman Old Style", Verdana, sans-serif;
 font-weight: bold; font-variant: small-caps: small-caps;
 font-variant: small-caps;
 color: #B22222;
}

div#cont h3 {
 font-family: "Bookman Old Style", Verdana, sans-serif;
 font-weight: bold; font-variant: small-caps: small-caps;
 color: #B22222;
}


div#cont a:hover {
 color: #B22222;
 text-decoration: none
}

td#rubass {
 text-align: justify;
 vertical-align: top;
 width: 100%;
 padding-right: 10px
}


/* Pied de page (pdp) */

div#pdp {
 clear: both;
}

 /* table du pied de page (pied) */

table#pied {
 width: 35%;
 padding: 5px;
 margin-top: 1em; clip:     rect(   );
 text-decoration: none;
 margin-right: 0px;
 margin-bottom: 1px;
 margin-left: 0px;
 font-size: 0.8em
}


/* Autres... */

.renvoi {
 font-size: 0.6em;
 color: #B22222;
 font-weight: bold
}

.pub {
 margin-top: 0.2em;
 margin-right: 0.5em;
 margin-bottom: 0.2em;
 margin-left: 0.5px;
 clip:   rect(   );
 float: right
}


/* Explications (expl) */

div#expl {
 margin: 1em;
 padding: 0.5em
}

div#expl p:first-letter {
 font-weight: bold;
 font-size:1.1em;
 color:#B22222
}

div#expl h1 {
 font-family: "Bookman Old Style", Verdana, sans-serif;
 font-size: 2.5em;
 font-weight: bold;
 font-variant: small-caps;
 color: #B22222;
 text-align: center;
 text-shadow: gold
}

div#expl h2 {
 font-family: "Bookman Old Style", Verdana, sans-serif;
 font-weight: bold; font-variant: small-caps: small-caps;
 font-variant: small-caps;
 color: #B22222;
}