body
#searchbox{
float:left;
width:62%;
text-align:left;
margin-bottom:0;
*margin-top:-1px;
}
#searchbox{position:relative; width:60%;}

#ac_container .fright{float:right;width:40%;}
#ac_container .fleft{float:left;width:55%;}
#ac_container{
display:none;
position:absolute;
left:0;
right:0;
_width:100%;
*top:-1px;
padding:2px;
background:#fff;
border:1px solid #9E9E9E;
border-width:0 1px 1px;
overflow:hidden;
z-index:9050;
}
.ac_container{
position:relative;
z-index:100;
}

.droite {
	float: left;
	width: 150px;
	margin-bottom:10px;
	font:small Arial, Helvetica, sans-serif;
	clear:both;

}

a{

text-decoration:none;
color:#000000;
 }
 
a:hover{

text-decoration:underline;
color:#000000;
 }
 

.milieu {
	margin-left: 200px;

    width: 150px;
	margin-bottom:10px;
	font:small Arial, Helvetica, sans-serif;
	
   
  

}

div#main{
   
    margin-top:0px;
	height:158!important;
	clear:both;
}

#titre{
       margin-top:0px;
	   font-size:14px;
	   font-family:Arial, Helvetica, sans-serif;
}

.img{
  border:1px double black;
  float:left;
  margin-right:10px;

  left:10px;
  }
 .img1{
  border:2px groove;
  float:left;
  margin-right:5px;
  margin-top:2px;
  margin-left:2px;

  left:10px;
  }
  .image{
  
  float:left;
  margin-right:10px;
  
  }
 #conteneur {
border: 0px solid;
border-bottom: 0px;
/*margin:10px;*/
padding:0;
border-color:#ffffff;
}
#top, #conteneur, #pied {
display:block;
width:990px;

}
#pied {
clear: both;
/*background-color: #fffed4;*/


position: relative;
top: 2px;

background-color:#FFFFFF;
width:990px;




}
#milieu{
float:right;
width:43%;
background-color: #ffffff; 
border: 0px solid ;
height:100%;
}

#droite {
background-color: #ffffff; /*#bac096;*/
width: 38%;
border: 0px solid #0099FF;
float:right;
margin-left:0.5em;
margin-right:0!important;
}

#top {

/*background-image:url(../images/top_orange.gif);*/
margin-top: 0px;
margin-bottom:5px;
border:1px solid #F59703;

}
 #menuprincipal {
  /* background-image:url(http://www.archipo.com/images/bleu.gif);*/
 }

 #menuprincipal li {
  border-color:#E8EEFA;
  background-repeat:no-repeat;

  
  }
   #menuprincipal li a{

 }
  #menuprincipal li a:hover{
   
  }
  #gauche{

height:100%;
width: 17%;
margin-right:0.5em;
 background-color: #ffffff; 
border: 0px solid;
}

#boite{ 

 border:#F59703 1px solid;
 margin-top:2px;
 background-color:#FFFFFF;
 font:small Arial, Helvetica, sans-serif;
 text-align:left;
 }
 h3{
margin-top:0;
font:Arial, Helvetica, sans-serif; font-size:15px;
text-align:center;
/*
background-image:url(../images/bar_gris.jpg);*/
/*background-image:url(../images/top_orange.gif);*/
background-color:#F8D7AD;
/*background-image:url(http://www.archipo.com/images/dot_orange.gif);
background-repeat:no-repeat;*/

height:auto;

}
 h4{
margin-top:0;
font:Arial, Helvetica, sans-serif; font-size:15px;
background-color:#CECECE;

height:auto;

}
a.lien{
 color:#003366;
 text-decoration:underline;
 }
a.lien:hover{
 font:Arial, Helvetica, sans-serif;
 text-decoration:underline;
 color:#003366;
  
 }
 p{
   margin-top:1em;
  margin-left:1em;
  margin-right:1em;
  }
  a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: -10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #F8D7AD; 
    width:300px;
}
a.tooltip:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    background: transparent url(image-infobulle.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
}

.maClasse
{
   background-image: url(../images/bar_gris.jpg);
}

#audiotheque a{
  color:#000000;

   }
#preloader {
position:absolute;
background-color:white;
height:100%;
width:100%;
display:none;
z-index:100; /* Mettez le z-index au-dessus des autres */
}

#preloadIMG {
position:absolute;
left:50%;
width:20px;
margin-left:-10px;
height:20px;
top:150px;
}

div.pic {margin: 0; padding: 0;
  clear: right; width: 390px;}
div.pic a.tn {float: right;}
div.pt a.tn {}
div.ls a.tn {width: 200px;}
a.tn img {border: 1px solid #333; 
 }
div.pic ul {margin: 0 140px 0 0; padding: 0 0.5em 0 0;}
html>body div.pic ul {background: #FFFFFF; border: 0px double #552;}
div.pic li {list-style: none; font-size: small;
  line-height: 1.2em; margin: 0; padding: 0;}
div.pic li.title {font: bold small Arial, Verdana, sans-serif;
  text-align: left;
  padding-top: 0; border-bottom: 1px solid;
  margin-left:1em;}
div.pic li.catno {color: #776; text-align: center;
 
  width: 0em; border-right: 0px ;}
div.pic li.price {color: #776; text-align: justify;
  /*font-style: italic; margin: -1.2em auto 0 1px;*/
  margin-left:1em;
  font-size:x-small;}
  
  .image_normale {
margin-right:0.13em;
margin-bottom:0.5em;
border:medium solid #E8EEFA;
}
 #livre{
  list-style-image:url(../images/write.png);
  }
   #discours{
  list-style-image:url(../images/document.png);
  }
   #parti{
  list-style-image:url(../images/picture.png);
  }
   #accueil{
  list-style-image:url(../images/home.png);
  }
    #audiotheque{
  list-style-image:url(../images/audio.gif);
  }
   #contact{
  list-style-image:url(../images/contact.png);
  }
    #dossier{
  list-style-image:url(../images/folder.png);
  }
   #comments{
  list-style-image:url(../images/comments.gif);
  }
   #qui_suis_je{
  list-style-image:url(../images/qui_suis_je.png);
  }
   #forum{
  list-style-image:url(../images/comments.gif);
  }
   #constitution{
  list-style-image:url(../images/constitution_icone.png);
  }
   #article{
  list-style-image:url(../images/article.gif);
  }
   #audio{
  list-style-image:url(../images/audio.gif);
  }
     #photo{
  list-style-image:url(../images/photo.gif);
  }
#menuprincipal{
 /*border:#FF9933 1px solid;*/
 color:#333399;
 /*background-image:url(../images/or.gif);*/
  background-image:url(../images/top_orange.gif);
  background-repeat:no-repeat;
  
}
.img_milieu{
  border:1px groove;
  }