body {font-size:100%;font-family: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:54%;
    text-align:left;
    margin:0 auto;
}

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

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

h1 {
  text-align:left;
  background-image:url('/ill/lettre.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;
}

#psub {display:block; position:relative; right:-30px; top:0; text-align:right; }
.dsub {text-align:right;}
a.sub:link {font-size:90%; font-weight: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;
}
h2 { color: #9e7c95; font-size:140%;text-indent:117px;}
h3 { color: #990000; font-size: 130%; }
h4 {color:#840084;font:120% normal;letter-spacing:0.5pt;}
p,dl,ul,ol {line-height:150%;font-size:97%;text-align:justify;}

.petit { font-size:84%; color:#556c71;}
big { font:120% normal; color:#556c71; letter-spacing: 1pt; }
small {font-size:80%; }
strong {color:#840084;}
em {letter-spacing:0.5pt;}
b { font-weight: normal; color: #DD4D00;}
.al { text-align: left;}
.ar { text-align: right;}
.ac { text-align: center;}
.aj { text-align: justify;}
.indent {text-indent:117px;}
.grand {font:130% Georgia,serif normal;}
.petit { font-size:84%; color:#556c71; margin-bottom:0; padding-bottom:0; text-align:right;}
.ate { color: #5c987c; font-size: 170%; padding-top: 2pt; }
.sta { color: #800080; font-size: 170%; padding-top: 2pt; }
.lec { color: #cc0033; font-size: 170%; }
.cnea { color: #5c987c; font-size: 150%; }
.sate { color: #000000; font-size: 160%; letter-spacing: 1pt;}
.slec { color: #cc0033;font:140% normal; margin-top:0pt; letter-spacing:1pt;}
.pate { color: #5c987c; font-size: 100%;}
.psta { color: #bf80ab; font-size: 100%;}
.plec { color: #cc6666; font-size: 100%;}
.ip { font-weight: bold; }
.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; }
.mauve {color:#bf80ab;}
big.arti { color: #9E7C7F; font-size: 120%; font-weight: bold}
.ver { text-align: justify; font-family: Verdana, Sans-serif; }
.bve { color: #669999;}
.bvi { color: #800080;}
.bro { color: #CC0033;}
.bvv { color: #5c987c; }
.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%;}

#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 { font:94% normal; 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; font:97% normal; 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%;}
.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;} 
.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:97% 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}
.bout3 { padding:4px;background-color: white; color: #330033; border-top: 1pt #FF9999 solid; font-size: 100%;border-right: thin #CC3333 solid; border-bottom: thin #CC3333 solid; border-left: 1pt #FF9999 solid}
.sais { background-color: #D7EBEA; font-weight: bold; }
a.red:link { color: #CC0033;}
a.vio:link { color: #663366;}
a.red:link { color: #CC0033;}
a:visited { color: #9e7c95;}
a:hover { color: #990000; text-decoration: underline;}