body {
margin: 0 auto; width: 870px; padding: 0; font-family: verdana, helvetica; font-weight: normal; color: #666; font-size: 100%;}


/* BANDEAU ********************************************************/

#bandeau {margin: 0 0 3PX 0; padding: 0; width: 870px; background: #eaeaea;}

#titre {margin: 0; padding: 0; background-image: url("images/arrondigris.gif"); background-position: top left; background-repeat: no-repeat; width:519px; height: 60px; float: left;}

#logos {margin: 0; padding: 0; float: left; width: 145px;}

#rougehaut {margin: 0; padding: 0; clear: both; background: #C03; width: 870px; height: 15px;}

ul.bandeau {margin: 0 0 0 154px; padding: 0; list-style: none;}
ul.bandeau li {margin: 0 20px 0 0; padding: 0; float: left; line-height: 15px; background: #C03;}
ul.bandeau a {color: #fff; text-decoration: none; font-size: 0.7em; font-weight: bold; display: block; margin: 0; padding: 0;}
ul.bandeau a:hover {text-decoration: underline;}

ul.bandeauaccueil {margin: 0 0 0 220px; padding: 0; list-style: none;}
ul.bandeauaccueil li {margin: 0 20px 0 0; padding: 0; float: left; line-height: 15px; background: #C03;}
ul.bandeauaccueil a {color: #fff; text-decoration: none; font-size: 0.7em; font-weight: bold; display: block; margin: 0; padding: 0;}
ul.bandeauaccueil a:hover {text-decoration: underline;}

.titregen {display: block; margin: 22px 0 0 50px; padding: 0; font-size: 0.8em; color: #789; font-weight: bold; font-style: italic; letter-spacing: 1px;}
.logo {display: block; margin: 0; padding: 0; float:left;}

/* COPYRIGHT *************************************************/

#rougebas {margin: 15px 0 0 0; padding: 0; background: #C03; width: 870px; height: 15px;}

#copyright {margin: 0; padding: 0; float: left;}
.copy {color: #fff; font-size: 0.6em; vertical-align: 3px; background: #C03;}

#liens {margin: 0; padding: 0; float: left;}
ul.liens {margin: 0 0 0 50px; padding: 0; list-style: none;}
ul.liens li {margin: 0 20px 0 0; padding: 0; float: left; line-height: 14px; background: #C03;}
ul.liens a {color: #fff; text-decoration: none; font-size: 0.6em; display: block; margin: 0; padding: 0;}
ul.liens a:hover {text-decoration: underline;}



/* COMMUN ******************************************************/

h1 {margin: 0 auto 15px auto; padding: 3px 0; font-size: 0.9em; width: 750px; background: #f5f5f5; border-style: solid; border-width: 3px 0 0 0; border-color: #a9a9a9; text-align: center;}
h1.b_bleu {margin: 0 auto 15px auto; padding: 3px 0; font-size: 0.9em; width: 750px; background: #f5f5f5; border-style: solid; border-width: 3px 0 0 0; border-color: #B0C4DD; text-align: center;}
h1.b_rose {margin: 0 auto 15px auto; padding: 3px 0; font-size: 0.9em; width: 750px; background: #f5f5f5; border-style: solid; border-width: 3px 0 0 0; border-color: #FFB6C1; text-align: center;}
h1.b_vert {margin: 0 auto 15px auto; padding: 3px 0; font-size: 0.9em; width: 750px; background: #f5f5f5; border-style: solid; border-width: 3px 0 0 0; border-color: #B0D6AF; text-align: center;}
h2 {margin: 0 auto 15px auto; padding: 2px 0 2px 5px; color: #BF0231; font-size: 0.85em; width: 750px; background: #f5f5f5;}
h2.fiche {margin: 0 auto 15px auto; padding: 0 0 0 5px; color: #666; font-size: 0.85em; width: 750px; background: #fff;}
h2.fiche2 {margin: 0 auto 0 auto; padding: 0 0 0 5px; color: #666; font-size: 0.85em; width: 750px; background: #fff;}
h3 {margin: 0 0 3px 223px; padding: 0; font-size: 0.75em;}
h3.fiche {margin: 15px auto 15px auto; padding: 0 0 0 5px; color: #BF0231; font-size: 0.8em; width: 750px; background: #f5f5f5;}
h4.fiche {margin: 0 0 3px 223px; padding: 0; font-size: 0.75em;}

p.ariane {margin: 0 0 15px 0; padding: 0; font-size: 0.7em; color: #999;}
a.ariane {margin: 0; padding: 0; font-size: 1em; color: #999;}
a.ariane:hover {text-decoration: none;}

p.gauche {margin: 0 auto 15px auto; padding: 0; line-height: 1.3em; font-size: 0.75em; font-style: italic; width: 750px;}

p.intro {margin: 0 0 25px 210px; padding: 0 0 0 13px; background: url("images/puce_rouge.gif") left 3px no-repeat; font-size: 0.7em; width: 590px; line-height: 1.3em;}
a.intro {color: #E46612; font-size: 1em; text-decoration: none;}
a.intro:hover {text-decoration: underline;}

p.intro2 {margin: 15px 0 10px 0; padding: 10px 15px; font-size: 0.75em; line-height: 1.3em; border-style: dashed; border-width: 1px; border-color: #999; color: #6D6D6D;}

p.cont {margin: 0 0 15px 0; padding: 0; line-height: 1.3em; font-size: 0.75em;}
a.cont {color: #E46612; font-size: 1em; text-decoration: none;}
a.cont:hover {text-decoration: underline;}

p.contsous {margin: 0 0 15px 20px; padding: 0; line-height: 1.3em; font-size: 0.75em;}

p.chargement {margin: 15px 0 0 0; padding: 0 57px 0 0; font-size: 0.75em; text-align: right;}

p.impression {margin: -10px 0 20px 0; padding: 0 57px 0 0; font-size: 0.7em; text-align: right;} 

a.voca {color: #E46612; font-size: 1em; text-decoration: none; border-style: dotted; border-width: 0 0 1px 0; border-color: #E46612;}
a.voca:hover {border: 0;}

a.tab_col {color: #E46612; font-size: 0.8em; text-decoration: none;}
a.tab_col:hover {text-decoration: underline;}

a.tab_li {color: #E46612; font-size: 0.7em; text-decoration: none; font-weight: bold;}
a.tab_li:hover {text-decoration: underline;}

a.tab_domaine {color: #BF0231; font-size: 1em; text-decoration: none; background: #f5f5f5;}
a.tab_domaine:hover {color: #E46612;}

a.tab_cont {color: #666; font-size: 1em; text-decoration: none; cursor: pointer;}
a.tab_cont:hover {color: #E46612;}

a.tab_repli {text-decoration: none; color: #666; font-style: italic;}

.bleu {color: #4169e1;}
.rouge {color: #F33;}
.vert {color: #228b22;}
.url_cont {font-size: 0.95em; color: #928585;}
.ref {display: block; margin: 0 10px 0 0; padding: 0; float: left; font-weight: bold;}
.ref2 {display: block; margin: 0 2px 0 0; padding: 0; float: left; font-weight: bold;}
.intitule {display: block; margin: 0 0 4px 0; padding: 0; float: left; width: 545px;}
.intitule_fiche {display: block; margin: 0; padding: 0; float: left; width: 680px; font-weight: bold;}
.retour {display: block; margin: 15px 10px 10px 0; padding: 0; text-align: right; clear: both;}
.separation {display: block; clear: both; border: 0; height: 0; line-height: 0;}
.marge {display: block; margin: 0 0 0 223px; padding: 0; width: 588px;}

img {border: 0;}
img.socle {display: block; float: left; margin: 0 0 0 -16px; padding: 0;}
img.socle_fiche {display: block; float: left; margin: 0 7px 0 0; padding: 0;}

ul.sommaire {margin: 0; padding: 0 0 25px 0; list-style: none;}
ul.sommaire li {margin: 0 25px 0 0; padding: 0; float: left;}
ul.sommaire a {font-size: 0.75em; font-weight: bold; color: #E46612; text-decoration: none;}
ul.sommaire a:hover {text-decoration: underline;}

ul.liste {list-style: disc inside;}
ul.liste li {margin-bottom: 5px; font-size: 0.75em; line-height: 1.3em;}
ul.sousliste {list-style: circle inside;}
ul.sousliste li {margin-top: 5px; margin-left: -15px; font-size: 1em; line-height: 1.3em;}



/* TABLEAUX *******************************************************/

table {margin: 0; width: 870px; border-collapse: collapse;}
table.niveau {margin: 0 auto; width: 750px; border-collapse: collapse;}

th {font-size: 0.8em; padding: 5px 0; border-style: solid; border-width: 0 10px 0 0; border-color: #fff;}
th.cel1 {width: 210px; background: #eaeaea;}
th.cel2 {width: 210px; background: #f5f5f5; color: #4169e1; background-image: url("images/bordbleu.gif"); background-position: top left; background-repeat: repeat-x;}
th.cel3 {width: 210px; background: #f5f5f5; color: #F33; background-image: url("images/bordrose.gif"); background-position: top left; background-repeat: repeat-x;}
th.cel4 {width: 210px; background: #f5f5f5; color: #228b22; background-image: url("images/bordvert.gif"); background-position: top left; background-repeat: repeat-x;}

tr.titre2 {background: #fffacd; font-size: 0.75em; font-weight: bold;}
tr.titre2bis {background: #f5f5f5; font-size: 0.75em; font-weight: bold;}
tr.titre3 {background: #f5f5f5; font-size: 0.7em; font-weight: bold;}
tr.contenu {font-size: 0.7em; vertical-align: top;}
tr.contenu2 {font-size: 0.7em; vertical-align: top; background: #f5f5f5;}
tr.contenu3 {font-size: 0.75em; vertical-align: top;}

td.cel_a {width: 210px; border-style: solid; border-width: 20px 0 0 0; border-color: #fff; text-align: center; background-image: url("images/bordgris.gif"); background-position: top left; background-repeat: repeat-y;}
td.cel_b {width: 210px; border-style: solid; border-width: 20px 0 0 0; border-color: #fff; padding-left: 5px; text-align: center;}
td.cel_c {width: 210px; border-style: solid; border-width: 20px 10px 0 0; border-color: #fff; padding-left: 5px; text-align: center;}
td.cel_d {width: 210px; background-image: url("images/bordgris.gif"); background-position: top left; background-repeat: repeat-y; padding-left: 5px; padding-top:5px;}
td.cel_e {width: 210px; border-style: solid; border-width: 0 0 0 10px; border-color: #fff; padding-top:5px;}
td.cel_f {width: 210px; border-style: solid; border-width: 0 10px 0 10px; border-color: #fff; padding-top:5px;}
td.cel_g {width: 210px; border-style: solid; border-width: 0 10px 0 0; border-color: #fff; padding-top: 5px; background-image: url("images/bordgris.gif"); background-position: top left; background-repeat: repeat-y; text-align: center;}
td.cel_h {width: 210px; border-style: solid; border-width: 0 10px 0 0; border-color: #fff; padding-top: 5px; text-align: center;}
td.cel_i {width: 210px; border-style: solid; border-width: 0 10px 0 0; border-color: #fff; background-image: url("images/bordgris.gif"); background-position: top left; background-repeat: repeat-y; padding: 0 10px 5px 10px;}
td.cel_j {width: 210px; border-style: solid; border-width: 0 10px 0 0; border-color: #fff; padding: 0 10px 5px 10px;}
td.cel_k {width: 750px; border-style: solid; border-width: 5px 0 0 0; border-color: #fff; background-image: url("images/bordgris.gif"); background-position: top left; background-repeat: repeat-y; padding: 0 0 3px 10px;}
td.cel_l {width: 750px; background: url("images/bordgris.gif") top left repeat-y; padding: 7px 0 0 160px; border-style: solid; border-width: 0 0 25px 0; border-color: #fff; line-height: 1.3em;}


/* Glossaire **********************************************/

#glossaire {margin: 10px 0 0 0; padding: 0;}

.mot {display: block; margin: 0; padding: 0; width: 213px; float: left; line-height: 1.3em; font-size: 0.75em; font-weight: bold; text-align: right;}
.motprecis {font-weight: normal;}
.definition {display: block; margin: 0 0 10px 10px; padding: 0; width: 590px; float: left; line-height: 1.3em; font-size: 0.75em;}
br.separate {display: block; margin: 0; padding: 0; clear: both;}


/* PRESENTATION	************************************************/

#assoc {margin: 0; padding: 0;}
.bord {display: block; float: left; height: 39px; margin: 0; padding: 0 10px; border-style: solid; border-width: 0 2px 0 0; border-color: #CCC; }
.ssbord {display: block; float: left; margin: 0; padding: 0 10px;}