html {
  margin: 0px;
  padding: 0px;
  height: 100%;
}

body {
  color: #000;
  background: #000  repeat;
  text-align: center;
  color: #ffffff;
  font: 8pt/14pt verdana, arial, sans-serif;
  margin: 0px;
  padding: 0px;
  height: 100%;
}

a {
  color:#D1A117;
}


h3 {

font: 9pt/14pt verdana, arial, sans-serif;
font-weight:bold;
}


#bgauche{
  position: absolute;
  top:0px;
  left:0px;
  width:170px;
  height:100%;
  background:#4C4C4C;
  font: 14pt  times, georgia ,  arial, sans-serif;
  color:white;
  z-index:0;
}
 
 #bgauche p {
   margin:6px 0px 0px 0px;
 }

#header {
  position:absolute;
  top:0px;
  left:170px;
  width:601px;
  height:50px;
  padding:5px 0px 0px 0px;
  margin:0px;
  text-align:left;
}

#titlepr {
  display:none;
}

#sitename img {
  border:none;
  margin-left:50px;
  position : relative;
}

#lang {
  position:absolute;
  text-align:right;
  padding:0px 10px 0px 0px;
  margin:0px;
  top:26px;
  right:0px;
  background:url(images/hachaut.jpg) top right repeat-x;
  z-index:1;
  vertical-align:top;
}

#lang img {
  border:none;
  padding:0px 5px 0px 0px;
}

#container {
  position:absolute;
  left : 0px;
  top:45px;
  width:760px;
  height:520px;
  background:url(images/fcontainer.jpg) #993300 bottom left no-repeat;
  z-index:1;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

#margri {
  background:url(images/hacright.jpg) top left ;
  position:absolute;
  height:552px;
  top:30px;
  left:765px;
  margin:0px;
  padding:0px;
  width:10px;
  z-index:2;
}

.eqbas {
 vertical-align: bottom;
 position:absolute;
 bottom:0px;
 left:0px;
}

.eqhaut {
  vertical-align: top;
  position:absolute;
  top:0px;
  left:0px;
}

#footer {
  color:white;
  position:absolute;
  top:570px;
  left:170px;
  text-align:center;
  width:600px;
  background:url(images/hachbas.jpg) top right repeat-x;
  z-index:0;
  
}

#talon {
top:565px;
position:absolute;
background:#4C4C4C;
left:0px;
width:170px;
height:25px;
z-index:0;
}

#footer ul {
  margin:0px;
  padding:0px;
}

#footer li {
  display:inline;
}

#footer a {
  color:white;
  text-decoration:none;
  margin:0px 3px 0px 3px;
  padding:0px 1px 0px 1px;
  background:black;
  font: 8pt/14pt verdana, arial, sans-serif;
}

#mengauche {
  width:170px;
  position:absolute;
  left:0px;
  top:0px;
  padding:0px;
  margin:0px;
  overflow:hidden;
  text-align:left;
  font: 11pt  times,georgia,arial, sans-serif;
  color:white;
  font-weight:bold;
  font-style:oblique;

}

#mengauche  img {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  position:relative;
}

#menu, #menu ul {
  position:relative;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

#menu ul {
  clear:both;
  margin-left:20px;
}

#menu li {
  display:block;
  list-style-type:none;
  margin:0px;
  padding:0px 0px 3px 0px;
}

#menu a:hover {
  color:#D1A117;
}

#mainc {
  position:absolute;
  left : 220px;
  top:40px;
  width:350px;
  height:450px;
  text-align:left;
  padding:0px 17px 8px 0px;
  overflow:auto;
  z-index:2;  
}

.titlev {
  position:absolute;
  left : 220px;
  top:30px;
  background:#993300;
  width:400px;
  text-align:left;
  z-index:5;
  padding:0px;
}

.titlev h1 {
  position:absolute;
  top:-20px;
  font: 10pt/14pt verdana, arial, sans-serif;
  font-weight:bold;
  background:#993300;
  margin:10px 0px 0px 27px;
  vertical-align:top;
  padding:0px 5px 0px 0px;
}

.titlev img {
  position:absolute;
  top:-25px;
  margin:0px 0px 0px 5px;
}

#bdleft, #bdtop, #bdright, #bdbot {
  position:absolute;
  padding:0px;
  margin:0px;
  width:1px;
  height:1px;
  background:white;
  z-index:1;
  overflow:hidden;
}

#bdleft {
  left:208px;
  top:29px;
  height:280px;
}

#bdtop {
  left:208px;
  top:29px;
  width:380px;
  height:1px;
}

#bdright {
  left:588px;
  top:29px;
  height:475px;
}

#bdbot {
  left:378px;
  top:503px;
  width:211px;
  height:1px;
}

#rightcol {
  position:absolute;
  padding:0px;
  margin:0px;
  width:150px;
  height:450px;
  top:45px;
  left:610px;
  background:#336600;
  z-index:6;
  overflow:hidden;
}

#rightcol h1 {
  font: 7pt/14pt verdana, arial, sans-serif;
  font-weight:bold;
  padding:0px;
  margin:0px;
}

.imc {
  position:relative;
  padding-bottom:0px;
}

.imc img {
  width:100%;
  padding:0px;
  margin:0px;
  border:none;  
}
.imc a {
  text-decoration:none;
  text-color:black;
  padding:0px;
  margin:0px;
}

.imc h1 {
  padding:0px;
  margin:0px;

}

#clme {
  #position:absolute;
  bottom:20px;
  #left:0px;
  position:relative;
  border:none;
  padding:0px;
  margin:0px;
  color:white;
  text-align:left;
  z-index:0;
}


#voiraussi {
  position: absolute;
  top:500px;
  left:610px;
  background:url(images/vaussibg.jpg) repeat;
  height:57px;
  width:146px;
  overflow:hidden;
  z-index:7;
  margin:0px;
  padding:0px;
  text-align:left;
}

#voiraussi h1 {
  
  text-align:center;
  top:0px;
  left:5px;       
  font: 8pt/14pt verdana, arial, sans-serif;
  color:#E0E000;
  font-style:italic;
  font-weight:bold;
  margin:0px 1px;
  padding:0px;
}

#voiraussi p {
  
  margin:0px;
  padding:0px 0px 0px 4px;
}

.ruboff {
  display:none;
}

.itemon {
  font-weight:bold;
  text-decoration:none;
  color:white;
  border-bottom:1px outset white;
}

.itemoff {
  
  color:white;
  text-decoration:none;  
}

#annonces {
  text-align:left;
  padding:0px 2px 10px 2px;
  margin:0px;
}

#annonces p {
  margin:10px 0px 0px 0px;
  padding:0px;

}

#annonces a {
  text-decoration:none;
  font-weight:bold;
  color:#E0E000;
  

}

#annonces hr {
  height:1px;
  width:50px;
  color:white;
  text-align:center;
  border:1px solid white;
}

#annonces img {
  float:left;
  padding:0px 2px 0px 0px;
  margin:0px;
  clear:none;

}

#fillannonces {
  height:150px;
  width:50px;

}

#gallerie {
  
  width:100%;
}

.vignette {
  height:90px;
  overflow:hidden;
}

.vignette img {
  width:120px;
  height:90px;
  border:none;
}



.diapo {
  float:left;
  padding:0px 10px 10px 10px;
  text-align:center;
  width: 35%;
}

#gallerie h1 {
font: 8pt/14pt verdana, arial, sans-serif;
text-align:left;
font-weight:bold;
font-style:italic;
padding:0px 0px 1px 0px;
margin:0px;
text-decoration:none;

  color:#E0E000;
  font-style:italic;
  font-weight:bold;
  margin:5px 1px 5px 1px;
  padding:0px;
}


.diapo h2 {
font: 7pt/14pt verdana, arial, sans-serif;
text-align:center;
font-weight:bold;
font-style:italic;
padding:0px 0px 1px 0px;
margin:0px;
text-decoration:none;
}

#spacer {
  clear:both;
}

.spip_documents {

  font: 0pt/14pt verdana, arial, sans-serif;
  
}

.spip_documents div  {
  display:none;
}

.spip_documents a img{
  display:visible;
}

.spip_documents .spip_doc_descriptif {
  display:none;
}

.spip_doc_titre {
margin:0px;
padding:0px;
font: 8pt/14pt verdana, arial, sans-serif;
display:visible;
}

blockquote {
  background:#A24617;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  opacity: 0.9; 
  width:100%;
  padding:2px;
}

#rightcol h4 {
  text-align:center;
  top:0px;
  left:5px;       
  font: 8pt/14pt verdana, arial, sans-serif;
  color:#E0E000;
  font-style:italic;
  font-weight:bold;
  margin:0px 1px;
  padding:0px;

}

#rightcol ul {
  clear:both;
  margin:0px;
  padding:5px 0px 10px 5px;
  text-align:left;
  
}

#rightcol li {
  display:block;
  list-style-image:url(images/puce.gif);
  list-style-type: circle;
  margin:0px;
  padding:0px 0px 3px 0px;
}

#cacherpourdoublon {
  display:none;
  visibility:hidden;
}



.blocarticle img {
  float:left;
  margin-right:5px;
}

.blocarticle h1 {
  font: 8pt/14pt verdana, arial, sans-serif;
  font-weight:bold;
  padding:0px;
  margin :0px;
}

#plan {
  position:absolute;
  width:90%;
  left:5%;
  text-align:left;
  padding-top:10px;
}

#plan ul  {
  padding:5px;
  margin:0px;
}

#plan li {
  list-style-type: none;
  padding:0px;
  margin : 0px;
  text-align:left;
}


#plan a {
  color:white;
  text-decoration : none;
}

#plan a:hover {
  border:dashed 1px;
  color:#D1A117;
}

#plan h1{
  font: 8pt/14pt verdana, arial, sans-serif;
  font-weight:bold;
  text-align:center;
  color:#E0E000;
}

#plan h1>a{
  color:#E0E000;
}

.blplan {
  float:left;
  width:27%;
  margin:10px 10px 10px 10px;
  border:solid 1px white;
  background:url(images/palmiertr.gif) top left no-repeat;
}

#deconnexion {
  position:relative;
  clear:both;
  margin:0px 0px 10px 0px;
  text-align:center;
}

#deconnexion a {
  font: 8pt/14pt verdana, arial, sans-serif;
  
}

.formcontact input, textarea     {
  font: 8pt/14pt verdana, arial, sans-serif;
  border:1px dashed white;
  color:white;
  font-style:italic;
  background-color:#A24617;
}

.formcontact label {
font: 8pt/14pt verdana, arial, sans-serif;
  color:white;

}
.formcontact {
  color:#E0E000;

}

.messageconfirm {
  margin:20px;
  padding:10px;
  font-weight:bold;
  border:1px dashed white;
  color:white;

}