body, h1, h2, h3, h4, p, dl, ul, ol {
  color:#000000;
  font-family:Georgia,Serif;
}

#header {
		margin: 0 auto;
		width: 90%; 
}
#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:5.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-size:140%;
  font-family:'Century Gothic',sans-serif;
  color:silver;
  background-color:transparent;  
}

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

#main {
    margin:0; width:100%; height:100%;  
}

#left {
    float:left; position:relative;left:0;top:0;
    width:28%;margin:0;
}

#center {
    float:left; position:relative;left:10px;top:0;
    width:28%; margin-left:10px;
}

#right {
    float:left; position:relative;left:10px;top:0; width:33%; margin-left:10px;
}

.vue {position:relative; top:0; left:0; width:300px;height:204px; text-align:center; border:white solid 1px; }
.pad { padding:14px 4px 10px 10px; margin:0 0 16px 0;}
.bord-p {padding:0;width:100%; height:200px;margin:0;
}
.bord-l {padding:0; width:100%; height:200px; margin:0;
}
.bord-r {padding:0; width:100%; height:200px;margin:0;
}

.news { padding:20px; }
.img-a {background:url('/ill/pupitre.jpg') repeat-x center center; border:1px solid silver;}
.img-b {background: url('/ill/pupitre.jpg') repeat left center;height:270px; width:300px;border:1px solid silver;}
.diapo {border:solid 1px #826565;margin-top:8px;z-index:2;width:auto;height:auto;}

h1.acc { position:absolute; left:7%; top:263px; padding-right:1px; margin-right:0; color:#dd0022; font-size:150%; font-weight:normal; letter-spacing:0.5pt; font-family:'Century Gothic',sans-serif; background:transparent; z-index:1; }

#bas { clear:both; width:31em; height:auto; }

.vert { color:#5c987c; }
.parme { color:#800080;}
.rouge { color:#cc0033;}
a.cuir:link{color:black; text-decoration:none; padding:3px; border:white solid 1px}
a.cuir:visited { color:#9e7c7f; }
a.cuir:hover { border:#cc0033 solid 1px; background-color:#ffef6b; color:black;}

.petit { font-size:90%; color:#556c71; margin-bottom:0; padding-bottom:0; text-align:right;}
.sate { color:#000000; font-size:150%; letter-spacing:1pt;}
.slec { color:#cc0033; font:130% normal Georgia,serif; margin-top:0pt; letter-spacing:1pt;}

h2 { color: #9E7C7F; font-size: 110%; margin-top:0;}
h3 { color: #663300; font-size: 100%; margin-top: 0pt; margin-bottom: 2pt;}

p { line-height: 164%; font-size: 100%; text-align:justify;}

dl, ul, ol { line-height:200%; font-size:100%;}

big { font-size: 160%; color: #556c71; font-weight: normal; letter-spacing: 1pt; }
small {font-size:80%; font-family:'Verdana',sans-serif;}

.al { text-align: left;}
.ar { text-align: right;}
.ac { text-align: center;}
.aj { text-align: justify;}

#menu {position:relative;left:20px;top:0;width:272px;height:150px;padding:24px 0 30px 20px;border-left:#cc0033 solid 1px;border-bottom:#cc0033 solid 1px; margin:0;}
dt.rub { display:block; width:353px; height:30px; line-height:30px; font-size:100%; font-weight:normal;text-indent:10px; }
a.lien { color:#715758; font-size:96%; font-weight:normal; text-decoration:none; letter-spacing:0.5px; padding-right:30px;}
a#menu-a:link, a#menu-a:visited { background:url('/nav/jaune.gif') no-repeat right center; }
a#menu-a:hover,a#menu-a:focus { background:url('/nav/jaunevif.gif') no-repeat right center;}
a#menu-b:link, a#menu-b:visited {background:url('/nav/vert.gif') no-repeat right center;}
a#menu-b:hover, a#menu-b:focus { background:url('/nav/vertvif.gif') no-repeat right center;}
a#menu-c:link, a#menu-c:visited {background:url('/nav/rouge.gif') no-repeat right center;}
a#menu-c:hover, a#menu-c:focus {background:url('/nav/rougevif.gif') no-repeat right center;}
a#menu-d:link, a#menu-d:visited {background:url('/nav/jaune.gif') no-repeat right center;}
a#menu-d:hover, a#menu-d:focus {background:url('/nav/jaunevif.gif') no-repeat right center;}
a#menu-e:link, a#menu-e:visited {background:url('/nav/violet.gif') no-repeat right center;}
a#menu-e:hover, a#menu-e:focus {background:url('/nav/violetvif.gif') no-repeat right center;}

#edito { position:relative; left:20px; top:0; width:254px; height:150px; margin:0; padding:34px 20px 36px 20px; border-right:#cc0033 solid 1px; border-bottom:#cc0033 solid 1px;}
dt.prog { display:block; width:270px; height:26px; font-size:100%; font-weight:normal; line-height:28px; text-indent:44px; }
a.lier { display:block; color:#715758; font-size:100%; font-weight:normal; text-decoration:none; letter-spacing:0.5px;}
a#menu-f:link, a#menu-f:visited { background:url('/nav/arc-h.jpg') no-repeat left center;}
a#menu-f:hover, a#menu-f:focus { background:url('/nav/arc-h_h.jpg') no-repeat left center;}
a#menu-g:link, a#menu-g:visited { background:url('/nav/arc-b.jpg') no-repeat left top;}
a#menu-g:hover, a#menu-g:focus { background:url('/nav/arc-b_h.jpg') no-repeat left top;}
a#menu-h:hover, a#menu-h:focus { background:url('/nav/fle.jpg') no-repeat 1em 50%; }
a#menu-i:hover, a#menu-i:focus { background:url('/nav/fle.jpg') no-repeat 1em 50%;}
a#menu-j:hover, a#menu-j:focus { background:url('/nav/fle.jpg') no-repeat 1em 50%;}

#footer {
  clear: both;position:relative; left:0; top:2em;
}

em { font-family: Verdana, Sans-serif; }

.nopad {margin: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-weight: normal; font-size: 90%; text-decoration:none;
	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; }

b { font-weight: normal; color: #DD4D00;}