body
{
font-family:"Century Schoolbook",'Times New Roman',verdana;
font-size:13px;
color:black;
margin:0;
padding:0;
background:#FFFFFF;  bottom left repeat-x;
border-bottom:#3F3B3B solid 40px;
overflow:auto;
}

#bandeau-fond-haut
{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:126px;background: color #ABABAB; bottom left repeat-x;overflow:auto;}
#bandeau-fond-menu
{position:absolute;top:166px;left:0;margin:0;padding:0;width:100%;height:38px;background: transparent url('../images/fond-menu-commerces_03.jpg') top left repeat-x;overflow:auto;}
#wrapper
{width:1024px;position:relative;margin-left:auto;margin-right:auto;padding:0;overflow:visible;}
a{text-decoration:none;color:black;}

/*########## PARTIE HAUT#######*/
#haut
{
width:1024px;
height:126px;
background:transparent url('../images/fond-annuaire-haut.jpg' ) top center no-repeat;
Z-index:1;
}
#logo
{
width:960px;
height:125px;
position:absolute;
top:0;
left:20px;
margin-right:20px;
color:#990000;
text-align:center;
}
#logo img
{
float:left;
border:none;
margin-right:10px;}

#titre_h1_haut
{
background: transparent;
position:absolute;
width:600px;
height:90px;
top:30px;right:15px;
text-align:center;
Z-index:1000;
}
h1
{
  font-size:20px;font-weight:bold;margin:0;
  color:#A32803;padding:0;text-shadow:black;
}
#drapeaux
{
position:absolute;top:0;right:10px;
height:20px;
margin-top:217px;
margin-right:95px;
line-height:180%;
text-align:right;
}
#drapeaux img
{
border:none;
margin:10px;
}


#menu
{
background:transparent;
position:absolute;
top:165px;left:245px;
height:35px;
overflow:hidden;
text-align:center;
line-height:110%;z-index:100;

}
#menu ul
{list-style-type:none;
margin:0;padding:0;}
#menu  li
{
float:left; display:block;
height:40px;max-width:150px;border-right:#2F0000 solid 1px;padding:0 12px 0 12px; 
}
#menu li a
{
  color:#EFEFEF; /* gris pale */
  display:block;
  font-size:15px;
  font-weight:bolder;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  top:2px;
}
#menu li:hover
{
  background: transparent url('../images/commerces-hover.jpg') top left repeat-x;
  
}
#menu img
{
border:none;
}
/*########## PARTIE CONTENU PRINCIPALE#######*/	
#contenu
{
margin-left:2px;padding:0;
width:1018px;
height:1100px;margin-bottom:240px;
background:transparent ; bottom center no-repeat;
z-index:100;
}
/*########## PARTIE gauche#######*/
#cg
{
float:left;
}
#fond-gauche
{
width:250px;
background:transparent url('../images/commerces_14.jpg') top right repeat-y;
z-index:1000;
margin-top:150px;
font-size:14px;
float:left;
}
#fond-bas-gauche
{ 
 margin-bottom:-271px;padding-bottom:271px;width:400px;margin-left:-150px;z-index:1000;
 background:transparent url('../images/commerces_261.png') bottom right no-repeat;height:1000px;
}
#gauche
{
width:250px;
margin-top:-35px;margin-left:150px;
background:transparent url('../images/commerces_071.png') top right no-repeat;
z-index:1000;min-height:500px;
overflow-x:visible;
}
	#gauche ul
	{
	list-style-type:circle;
	list-style-position:inside;
	margin:0;
	margin-top:20px;
	margin-left:5px;
	padding:0;
	padding-bottom:10px;
	}
	#gauche h2
	{
	font-size:17px;
	font-weight:bold;
	/*background:transparent url('../images/categories-commerces.png') top center no-repeat;*/
	color:#990000;/*#E0DFE3;*/
  height:66px;
	margin:0;
	padding-left:20px;padding-right:15px;padding-top:0px;line-height:100%;
	text-align:left;z-index:100;
	}

	
	#gauche dl
	{
  
	margin-top:-10px;
	margin-left:25px;
	padding:0;
	background:transparent;
  line-height:100%;
  }
  
  #gauche dt
  {
    margin:0;
    padding:7px;padding-top:15px;margin-bottom:5px;margin-top:10px;
    height:20px;
    width:205px;
   background:transparent url('../images/fond-categories.png') center left no-repeat;
  }
  
  #gauche dt a
  {
    font-size:14px;
    padding-left:15px;color:#3a3a3a;display:block;width:175px;height:100%;/*color:#4700AF;*/
  }
  #gauche dt a:hover, #gauche dt:hover a
  {
    color:#efefef;
  }
  #gauche dt:hover 
  {
    background:transparent url('../images/fond-categories-commerces-h.png') center left no-repeat;
    color:#efefef;
   
  }
  
  #gauche dd
  {
    margin:0;z-index:1000;
    position:absolute;
    left:245px;
    width:478px;
    margin-top:-200px;
    min-height:290px;padding-bottom:20px;
    background:transparent url('../images/fond_categ_commerces.png') bottom right repeat-y;
    
  }
  #gauche dd div.bassousmenu
  {
    margin-top:-15px;padding:15px 0;z-index:1000;
    width:478px;
    min-height:291px;
    background:transparent url('../images/commerces_menu.png') top right no-repeat;
  }
  #gauche dd h3
  {
  display:block;width:180px;height:50px;vertical-align:middle;
  text-align:center;
  font-size:14px;color:black;padding:20px 10px 0 10px;margin-top:-5px; margin-left:185px;
  /*background:transparent url('../images/fond-categorie-commerce.png') top center no-repeat;*/
  } 
  #gauche dd p
  {
    margin-left:125px;font-size:12px;width:350px;text-indent:15px;
  }

   #gauche dd div.categories
  {
  width:400px;
   margin-left:110px;
   background:transparent;
  }
  
  .sousrubriques
  {
    float:left;width:180px;
  }
  
  
  #gauche dd h4
  {
  width:170px;
  font-size:13px;text-decoration:underline;color:black;padding:0;margin:0;margin-top:10px;
  background:transparent ;
  }
  #gauche ol
  {
  padding:0;margin:0;margin-left:5px;
  width:195px;
  list-style-type:none;
	list-style-position:inside;
  background:none;
	}
  #gauche ol li
  {
  padding:0;margin:0;height:15px;width:190px;display:block;
  }
  #gauche ol li a
  {
  padding:0;margin:0;color:black;font-size:12px;
  }
#gauche a:hover
{
text-decoration:underline;
}
/*########## PARTIE DROITE#######*/
#fond-droite
{
width:248px;
background:transparent url('../images/fond-commerces-droite1.jpg') top left repeat-y;
z-index:100;
margin-left:-3px;
margin-top:150px;
font-size:14px; 
float:right; 

}
#fond-bas-droite
{ 
 width:394px;margin-bottom:-271px;padding-bottom:271px;margin-left:-1px;
 height:1000px;z-index:100;
 background:transparent ; bottom left no-repeat;
}
#droite
{
width:250px;
margin-top:-25px;
padding-top:50px;
background:transparent url('../images/commerces_091.png') top center no-repeat;
font-size:14px;
Z-index:1000;
min-height:500px;
text-align:center; 
}
#contenucat
{
padding:10px;
height:200px;
overflow-y:scroll;
font-size:12px;
}
#contenucat h2
{
color:#efefef;
font-size:16px;
}

#vasy
{
float:left;
width:240px;
margin-top:15px;
padding:10px 0 0 0;
text-align:center;
}
#vasy span
{
color:#3a3a3a;
}	
#vasy ul
{
text-align:center;
width:240px;
list-style-type:none;
list-style-position:inside;
margin:0;
padding:0;float:none;
}
#vasy li
{
margin:0;
}
#vasy li.panneau
{
margin:0;
}

/*########## PARTIE centre#######*/
#centre
{
width:516px;min-height:450px;
background:transparent url('../images/commerces_11.jpg') 0 -4px no-repeat;padding:0 2px 0 2px;
z-index:0;float:left;
text-align:center;
margin-top:150px;
}
#centre p
{
margin:10px;
}	
#centre h1
{
clear:both;
text-align:center;
color:#990000;
font-size:18px;
}
/* ####################" */



/* ####################" */


/* ####################PRESENTATION INDEX */
#slider {
    width: 500px;height:300px;
    margin: 0 auto;
    position: relative;
	/*border: 1px solid red;*/ 
}
.scroll {
	
	width: 500px;height:250px;
    margin: 0 auto;
    position: relative;	/*border: 1px solid red;*/ 
}
.scrollContainer {
	position: relative;margin-left:5px;
}
.scrollContainer div.panel {
    margin-left:10px;
    width: 150px;
    margin-bottom:0;
    height:auto;
	  
}
.inside {
	padding: 10px;cursor:pointer;
	/*border: 1px solid #999;*/
  }

div.inside img {
	display: block;
	/*border: 1px solid #666;*/
	margin: 0 0 10px 0;width:120px;height:auto;
}

.inside h2 {
	font-weight: normal;
	color: #EFEFEF;
	font-size: 12px;
	margin: 0;padding:0;
}
.inside p {
  margin:0;padding:0;
	font-size: 9px;
	color: #EFEFEF;
	 cursor: pointer;
	}
div.description
{
  background:transparent url('../images/fond-commerce-favori.png') top center no-repeat;
  width:490px;padding:0px 7px 7px 7px;
  height:210px;
	position: relative;
	top: 25px;left:5px;
	margin-top:15px;
  z-index:100;
}
div.description table
{
border-collapse:collapse;margin:7px;
}
div.description td{
  
	font-size: 14px;
	cursor: pointer;
	color:#EFEFEF;
  vertical-align:middle;
  margin:0;padding:5px 0 0 0;
}
div.description td p
{
  margin:0;
  padding:0;
}
#comprec,#comsuiv,#stop
{
  display:block;position: absolute;top: 290px;
  width:24px;height:24px;cursor:pointer;border:none;

}

.panneau
{
    margin:0;
    height:40px;
    width:205px;
    padding:15px 10px 0 10px;
    display:block;
    text-align:center;
    vertical-align:middle;
    color:#3a3a3a !important;
    background:transparent url('../images/fond-categories-commerces2.png') center center no-repeat;
}
.panneau:hover a
{
color:#efefef;
display:block;width:100%;height:100%;
}
.panneau:hover
{
background:transparent url('../images/fond-categories-commerces-h.png') center center no-repeat;color:#efefef !important;
}
.enseigne
{
    margin:0;
    height:65px;
    width:205px;padding:0 10px 0 10px;
    color:#3a3a3a !important;
    background:transparent url('../images/fond-enseigne-commerce.png') center center no-repeat;
}
td.enseigne
{
height:60px;
}
.enseigne:hover
{
  background:transparent url('../images/fond-enseigne-commerce-h.png') center center no-repeat;
}
.enseigne:hover a,.enseigne:hover a:hover
{
color:#efefef;
}
#stop
{
  left:240px;text-align:center;display:block;width:24px;height:24px;background:transparent url('../images/avant-pause.png') top right no-repeat;
}
#comprec {
    left: 100px;background:transparent url('../images/prec-suiv.png') top left no-repeat;
}

#comsuiv {
    right: 100px;background:transparent url('../images/prec-suiv.png') top right no-repeat;
}
.navig {background:transparent url('../images/prec-suiv.png') no-repeat;display:block;width:80px;}
.hide {                                                                   
    display: none;
}
#regions,#departements
{width:490px;padding:10px;min-height:210px;position:relative;top:30px;z-index:100;font-size:12px;}
#regions
{
background:transparent url('../images/fond-commerce-favori.png') top center no-repeat;
}
#regions h2,#departements h2{font-size:18px;text-decoration:underline;margin:0;padding:0;width:100%;}
#regions h2,#regions a:hover{color:#efefef;}
#regions ul,#departements ul
{
list-style-type:none;list-style-position:inside;margin:15px 0 0 10px;padding:0;
text-align:left;
}
#regions li,#departements li
{
float:left;width:160px;
}
#regions a:hover,#departements a:hover
{
text-decoration:underline;font-size:12px;
}
/* ####################FIN PRESENTATION INDEX */
/* ####################PRESENTATION LISTE */
img.slideshow
{
cursor:pointer;
}
#liste-clients
{
margin:10px;width:490px;font-size:13px;
}
#liste-clients h2
{
  color:#4700AF;
  font-size:16px; width:280px;
  position:relative;
  margin:10px auto 50px auto;
  padding:0 0 0 0;
  text-decoration:underline;
}
#liste-clients a:hover
{
color:#4700AF;
}
#liste-clients img
{
max-width:80px;max-height:80px;border:none;float:none;
}
#liste-clients td
{
  text-align:left;font-weight:normal;vertical-align:middle;
}

#liste-clients a.liensite
{
display:inline;
}

#listegratuit h2
{
margin-top:20px;
}
#listegratuit a
{
display:block;text-align:center;
float:left;
margin:8px 0 0 10px;padding:5px 0 0 10px;
}
/* ####################PRESENTATION LISTE*/
/*########## PARTIE FORMULAIRE DE CONTACT GENERAL#######*/	
#formcontact
{
text-align:center;
margin-left:60px;
}

#form-erreur
{
background:#990000;
color:#EFEFEF;
}
#form-erreur p
{
padding-top:10px;
padding-bottom:10px;
text-align:center;
text-transform:uppercase;
font-size:14px;
}
/*=======moteur=======================*/
#formrecherche
{
 margin-top:-35px;
 padding-top:100px;
 background: transparent url('../images/recherche-commerces.png') top center no-repeat !important;
}
#formrecherche div
{
margin:0 0 0 7px;padding:0;
}
#formrecherche h2
	{
	font-size:17px;
	font-weight:bold;
	color:#990000;/*#E0DFE3;*/
  height:40px;
	margin:0;
	padding-right:25px;padding:0 25px 0 40px;line-height:100%;
	text-align:left;z-index:100;
	}

.recherche
{
border:none;
display:block;
width:160px;
height:30px;
margin:0 0 0 5px;
padding:12px 40px 0 22px;
background:transparent;
color:#990000;
font-weight:bold;
vertical-align:middle;
}
img.aide
{position:relative;left:100px;top:-60px;padding:0;margin:0;cursor:pointer;}
.ac_results {
padding: 0px;
border: 1px solid black;
background-color: #EFEFEF;
overflow: hidden;
z-index: 99999;
margin-left:25px;
}

.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;background-color: #EFEFEF;
}

.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
font-size: 12px;
line-height: 16px;
overflow: hidden;
}

.ac_loading {
background:transparent url('../images/indicator.gif') 185px 15px no-repeat !important;
}

.ac_odd {
background-color: #d1d1d1;
}

.ac_over {
background-color: #990000;
color: #EFEFEF;
}
#envoyer
	{
    cursor:pointer;
     font-size:18px; height:45px;
    width:140px;
     text-align:center;
     border:none;padding-left:20px;
     background:transparent url('../images/prec-suiv.png') -25px 12px no-repeat;vertical-align:middle;
     }
#envoyer:hover
  {
     background:transparent;
     color:#efefef !important;
  }
/*#d1d1d1 gris soutenu===========*/
#mentions
{
  text-align:center;
  height:30px;
  margin-top:-50px;
}
#mentions a
{
  margin:0 10px 0 10px;
}
#mentions a:hover
{
  text-decoration:underline;
}
/*========  PARTIE ECHEC REQUETE =======*/