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;
}

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

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

h1 {
  text-align:left;
  background-image:url('/img/parag_ins.jpg');
  background-repeat:no-repeat;
  background-position:left top;
  color: #cc0033;
  padding-left:117px;
  font:150% 'Century Gothic',sans-serif normal;
  height:80px;
  padding-top:50px;
  padding-bottom:0;
  margin:0;
}
h2 { color: #990000; font-size:140%;text-align:center;}
h3 { color: #9e7c95; font-size: 130%;margin-bottom:3px;padding-top:3px;}
h4 {color:#840084;font:120% normal;letter-spacing:0.5pt;}
p, dl,ul,ol {line-height:150%;text-align:justify;font-size:97%;}
.indent {text-indent:117px;}
.exergue {font-variant:small-caps;color:#000000;letter-spacing:1pt;word-spacing:4pt;text-align:right;padding-bottom:20px;}
.al { text-align: left;}
.ar { text-align: right;}
.ac { text-align: center;}
.aj { text-align: justify;}
big { font:120% normal; color:#556c71; letter-spacing: 1pt; }
small {font-size:80%; }
em {font-size:90%; letter-spacing:0.5pt;}
strong {color:#000000;}
b { font-weight: normal; color: #DD4D00;}
.grand {font:130% Georgia,serif normal;}
.petit { font-size:84%; color:#556c71;}
.ip { font-weight: bold; }
.ip2 { font-weight: bold; line-height: 180%; color: #bf80ab; }
.slec { color: #cc0033;font:140% normal; margin-top:0pt; letter-spacing: 1pt; }
.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:#826565;font:120% normal;line-height:150%;}
.cuir {color:#715758;}
.rougef {color:#990000;}
.Grougef {color:#990000;font:120% normal;line-height:150%;}
#psub {display:block; position:relative; right:-30px; top:-10px; 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:26%;top:80px;}
#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; }
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%;}
.nopad {margin:0.2em 0 0 0;padding:0;}
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;} 
.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.red:link { color: #CC0033;}
a.green:link { color: #669999;}
a.vio:link { color: #663366;}
a:visited { color: #9966cc;}
a:hover { color: #990000; text-decoration: overline;}