html {margin: 0; padding: 0;}

#gauche { margin-right:0%; }
#droite { margin-right: 6%; margin-left: 6%; } 
#droite2 { margin-right: 36%; margin-left: 36%; }

#logoj { margin-top: 1em; margin-left: 5%; margin-right: 50%; }
#logo { margin-top: 1em; margin-right: 10%; float: right; }

body {font-family: Verdana, sans-serif; font-size: 10pt;
  margin: 0; padding: 0; color: black; background: #F1F1E0 ;}

p,h1,h2,h3,h5,h6,ul,form,pre { border-color: black; padding: 0.5em;
  text-align: justify; color: black; font-size: 80%;
  background: transparent; margin: 0;}

h1 {font-size: 100%; letter-spacing: 3px; margin: 0; color: #ffffff;
    background: #808080; font-weight: bold; padding: 0.36em 0.33em;} 

h5 { background:  #5769a7; color: #fff6ce; }
h5 a { color: #ffe5bd; background : #5769a7; }

h6 { background: #ffe7cf; }

div#l { float: right;  width: 35%; margin: 1em; padding: 0.2em;
    background : #FFFFBB ; color: black; font-size: 80% ; 
    border-top: 1px dotted black; border-bottom: 1px dotted black;
 text-align: justify;}

div#fig { float: right;  margin: 1em; padding: 0.7em;
    background : #ffffbb ; color: black; font-size: 90% ; 
    border-top: 1px dotted black; border-bottom: 1px dotted black;
 text-align: center; }

div#v { background : #DEDEDE ; text-align: justify; font-size: 80% ;
     border-top: 1px dotted black; }
div#fin { background : #808080 ; color: #ffffff;
       text-align: right;  font-size: 70% ; }

div.corps { background: #F5F5F5;  border-top: 0px solid black; 
 border-left: 0px solid black; zoom: 1.0;}

div.bj { float: right; background: #ffff00; margin: 1em;
  border-top: 1px dotted black;   border-bottom: 1px dotted black;
padding: 0.2em; width: 40%; text-align: justify;}

div#att { float: left;  margin: 0.7em 0 0 0.7em ; padding: 0
0.5em 0 0.2em;  background: #ffff00; width: 56%; text-align: justify; font-size: 80% ;}
div#attimg { float: left; margin: 0.2em 0.5em 0.2em 0.2em;}
div#q { float: left;  margin: 0.5em 0.2em 0 0.7em ; padding: 0
0.5em 0 0.2em; background: #ddddff; width: 56%; text-align: justify;} 
div#qimg { float: left;  margin: 0.2em 0.5em 0.2em 0.2em; }
div#pron { float: left;  margin: 0.5em 0.2em 0 0.7em ; padding: 0
0.5em 0 0.2em; background: #ffcc66; width: 56%; text-align: justify;} 
div#pronimg { float: left;  margin: 0.2em 0.5em 0.2em 0.2em; }

p#ind { background: #ededdd; }
td#ind { background: #ededdd; }
p#nom { text-align:right;  background: #ffffce; margin: 0 0 1em 0;
       padding:0 0 0.2em ; border-bottom: 1px dotted black;}
div#url { clear: both; background: #ddddff;
            margin: 1em; padding: 0.5em;}

a:link { text-decoration: none; color: #E58712; }
a:hover { text-decoration: none; color: #E58712; }


/* situation */
div.locator {font-family: Arial, Helvetica, sans-serif; 
  margin: 0 0 0.33em 0; padding: 0.33em;
  color: #fff6ce; background : #5769a7;
  border-bottom: 1px solid black; border-top: 1px solid black;
  font-weight: normal;}
div.locator a, div.locator a:visited {color: #fff6ce; background : #5769a7;}
div.locator a:hover {color: #ffaaaa;; background : #5769a7;}

/* navig gauche */
div.nav {
  background-color: #fff6ce; color: black;
  border-right: 1px solid black;  border-top: 1px solid black;}
div.nav a { display: block; padding: 2px 8px; 
  text-decoration: none; }
div.nav #courant {background: #F5F5F5; color: #fff6ce; 
  padding-right: 3px; margin-right: 0;}
div.nav a:hover { padding-right: 3px; margin-right: 0; background: #ffaaaa;}
div.nav h4, div.sidebar h4 {background: #354785; color: white;
  text-align: center; margin: 0; padding: 0.25em 0 0.125em 0;}

/* navig gauche lettres */
div.navm { text-align: center; background-color: #F5F5F5; color: black;
  border-right: 0px solid black;  border-top: 0px solid black; }
div.navm p { text-align: center; padding: 2px 0 2px 0; margin: 0 ; }
div.navm a { text-decoration: none;}
div.navm #courant {background: #bfcfff; padding-right: 3px; margin-right: 0;}
div.navm a:hover {  padding-right: 3px; margin-right: 0; background: #ffaaaa;}
div.navm h4, div.sidebar h4 {background: #9BBB38; color: white;
  text-align: center; margin: 0; padding: 0.25em 0 0.125em 0;}

div.pagebas {font-family: Arial, Helvetica, sans-serif; font-size: 75%;
  margin: 0 0 0.33em 0; padding: 0.33em; text-align: right;
  color: #FFF6CE; background : #5769A7;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  font-weight: normal;}
div.pagebas a, div.pagebas a:visited {color: #FFF6CE; background : #5769A7;}
div.pagebas a:hover {color: #591822; background : #5769A7;}

br {clear: none;}
div.spacer { clear: both; }

div.imgdroite { float: left; padding: 0.2em; }

div.smile1 { background : #FEFEEE; color: black; }

div#smile2 { width: 15%; float: left; background : #FEDCDD; color: black;
margin-left: 0.5em; padding: 0.2em; width: 20%; margin-right: 0.5em;
font-family: fixed; margin-top: 0.2em;}

div#smile3 { margin-left: 0.5em; margin-right: 0.2em;
padding: 0.2em; text-align: left; }