body {font:100% Georgia,Serif;color:#000000;background-color:white;}

#header {
		margin: 0 auto;
		width: 96%; 
}
#logo { 
  width:100%; 
  height:100px;
  text-align:right;
  background-image: url('/ill/logo_parleurs.gif'); 
  background-repeat: no-repeat; 
  background-position: right top;
}

#mots { 
  position:absolute;right:2.2%;top:101px;
  width:130px; 
  height:430px;
  text-align:right;
  background-image: url('/ill/logo_mots.gif'); 
  background-repeat: no-repeat; 
  background-position: right top;
}

#site {
  width:100%;
  height:auto;
  padding-top:5px;
  text-align:left;
}

#site-name {
  font:140% 'Century Gothic',sans-serif;
  color:silver;
}

#container {
  margin: 0 auto;
  width: 96%; 
}

#main {
    width:50%;max-width:620px;
    text-align:left;
    margin:0 auto;
}

#mainauto {
    width:66%;
    text-align:center;
    margin:0 8% 0 21%;
}

#left-sidebar {
    position:absolute;left:2.2%;top:101px;
    width:20%;
}

#left-sideauto {
    position:absolute;left:2%;top:96px;
    width:20%;
}

#right-sidebar {
    position:absolute; right:2%; top:534px;
    width: 20%; min-width:200px;
    text-align:right;
}

h1 {
  text-align:center;
  background-image:url('/img/parag_cora.gif');
  background-repeat:no-repeat;
  background-position:20px top;
  color: #cc0033;
  font:150% 'Century Gothic',sans-serif normal;
  height:80px;
  padding-top:50px;
  padding-bottom:0;
  margin:0;
}

#bord {width:100%;border:silver solid 1px; padding:0; text-align:left;background-color:#ffffdd;}
.trait {border:#cccccc solid 1px;padding-bottom:20px;;margin:2px 0 2px 0;}
#dac {width:100%;text-align:center;}
.fleft {float:left;width:14%;height:54px;text-align:center;padding:2px 0 2px 1px}
.leftf_2 {float:left;width:28%;height:auto;text-align:center;}
.leftf_3 {float:left;width:42%;height:auto;text-align:center;}
.leftf_4 {float:left;width:56%;height:auto;text-align:center;padding-left:1px;}
.leftf_5 {float:left;width:70%;height:auto;text-align:center;padding-left:3px;}
.clear {clear:both;width:100%;height:1px;}

#psub {display:block; position:relative; right:-30px; top:0; text-align:right; }
.dsub {text-align:right;}
a.sub:link {font:90% normal; color:#826565;text-decoration:none; letter-spacing:0.5pt; padding-top:2px; }
a.sub:hover { text-decoration:underline; color:#990000;}
a.sub:visited { text-decoration:none; color:#9e7c95;}

#footer {
  clear: both;position:relative; left:20%; top:80px;
}
.tar {border:#990000 solid 1px; padding:20px;width:50%;}
.mauve {color:#bf80ab;}
.rouge {color:#cc0033;}
.Grouge {color:#cc0033;font:120% normal;line-height:150%;}
.parme {color:#800080;}
.Gvert {color:#336666;font:120% normal;line-height:150%;}
.hvert {color:#556c71;}
.Gparme {color:#c000c0;font:120% normal;line-height:150%;}
.Gcuir {color:#996666;font:120% normal;line-height:150%;}
.cuir {color:#996666;}
.rougef {color:#990000;}
.Grougef {color:#990000;font:120% normal;line-height:150%;}

h2 { color: #990000; font:130% normal;text-align:center;}
h3 { color: #996666; font-size: 120%; }
h4 {color:#000000;font:110% normal;letter-spacing:0.5pt;}
p,dt,dd,li {line-height:150%;font-size:97%;text-align:justify;}
.petit {font:74% Arial,Sans-serif;}
.med {font-size:84%;}
big { font:120% normal; letter-spacing: 1pt; }
small {font-size:80%; }
.al { text-align: left;}
.ar { text-align: right;}
.ac { text-align: center;}
.aj { text-align: justify;}

p.indent {
  text-indent:117px;
  font-size:90%;
  line-height:150%;
  text-align:justify;
}

#menup { position:relative; left:8px; top:30px; width:auto; height:auto;}
dt.rubp { display:block; width:250px; height:30px;  line-height:30px; font:94% normal;}
a.meli { color:#826565;text-decoration:none; letter-spacing:0.5pt; padding-top:2px; padding-right:20px; }
a#menu-j:link, a#menu-j:visited { background:url('/nav/jaune.gif') no-repeat right center;}
a#menu-j:hover, a#menu-j:focus { background:url('/nav/jaunevif.gif') no-repeat right center;}
a#menu-k:link, a#menu-k:visited {background:url('/nav/vert.gif') no-repeat right center;}
a#menu-k:hover, a#menu-k:focus { background:url('/nav/vertvif.gif') no-repeat right center;}
a#menu-l:link, a#menu-l:visited {background:url('/nav/rouge.gif') no-repeat right center;}
a#menu-l:hover, a#menu-l:focus {background:url('/nav/rougevif.gif') no-repeat right center;}
a#menu-m:link, a#menu-m:visited {background:url('/nav/jaune.gif') no-repeat right center;}
a#menu-m:hover, a#menu-m:focus {background:url('/nav/jaunevif.gif') no-repeat right center;}
a#menu-n:link, a#menu-n:visited {background:url('/nav/violet.gif') no-repeat right center;}
a#menu-n:hover, a#menu-n:focus {background:url('/nav/violetvif.gif') no-repeat right center;}
a#menu-x:link, a#menu-x:visited {background:url('/nav/apos.gif') no-repeat right top;}
a#menu-x:hover, a#menu-x:focus {background:url('/nav/apos2.gif') no-repeat right top;}
#editop { position:relative; left:24px; top:0; width:auto; height:auto;}
dt.progp{ display:block;width:200px; height:25px; line-height:25px; text-indent:34px;font:97% normal;text-align:left;}
a.mela { display: block; width:200px;height:25px;color:#614748; text-decoration:none; letter-spacing:0.5px;}
a#menu-o:link, a#menu-o:visited { background:url('/nav/arc-h.jpg') no-repeat left 50%;}
a#menu-o:hover, a#menu-o:focus { background:url('/nav/arc-h_h.jpg') no-repeat left 50%;}
a#menu-p:link, a#menu-p:visited { background:url('/nav/arc-b.jpg') no-repeat left top;}
a#menu-p:hover, a#menu-p:focus { background:url('/nav/arc-b_h.jpg') no-repeat left top;}
a#menu-q:hover, a#menu-q:focus { background:url('/nav/fle.jpg') no-repeat 16px 50%; }
a#menu-r:hover, a#menu-r:focus { background:url('/nav/fle.jpg') no-repeat 16px 50%;}
a#menu-s:hover, a#menu-s:focus { background:url('/nav/fle.jpg') no-repeat 16px 50%;}
.ip2 { font-weight: bold; line-height: 180%; color: #bf80ab; }
.ip3 { font:100% bold; text-align: left;}
.ip4 { font:100% bold; line-height: 180%; color: #bf80ab; text-align: right;}

em {letter-spacing:0.5pt;}

.menu {
line-height: 180%; font-size: 90%;}

.topad {margin-top:0;}
.nopad {margin:0.2em 0 0 0;padding:0;}
.ropad {padding:0;margin:0;text-align:right;}

div.in  { font-size:90%; margin-left:1em;}
input.ed {font-size:74%;color:#cc3333; background-color:#ffffff; border:solid 1px silver; padding:1px; }	
input.ed:hover { background-color:#ffff33; }
input, textarea { background-color:#ffffdd; color:#800080; }
span.esp {padding-left:0.5em;padding-right:0.3em;} 
h3.list { margin-top:1em; }

.bout { background-color: white; border-top: 1pt #FF9999 solid; font-size: 90%; border-right: thin #CC3333 solid; border-bottom: thin #CC3333 solid; border-left: 1pt #FF9999 solid}
.bout2 { 
	font:90% Georgia, Serif normal;background-color: #ffffff; color: #cc3333; padding:0.2em 0.4em 0.2em 0.4em;
	border-top: 1pt #cccccc solid; border-right: 2px #92beaa solid; border-bottom: 2px #92beaa solid; border-left: 1pt #cccccc solid}
.sais { background-color: #D7EBEA; font-weight: bold; }
a.prg:link {color:#996666;font-weight:bold;}
a.prg:visited {color:#9e7c95;font-weight:bold;}
a.prg:hover { color:#990000; text-decoration:overline;}
a:visited {color:#9e7c95;}
a:hover { color:#990000; text-decoration: underline;}
.prg {color:#996666;font-weight:bold;}
.red {color:#cc3300;}