#wrap {
margin: 0px auto;
width: 800px;
}

#header { 

background:  url(../annonces/images/annonces.jpg) no-repeat top center;
color:#000;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
padding: 4px 0px 0px 120px;
border-bottom: 24px solid #000000;
height: 109px;
}
#header h1{font-size:20px; font-weight:bold;}

#header2 { 

background:  url(../annonces/images/annonces.jpg) no-repeat top left;
color:#000;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
padding: 4px 00px 90px 3px;
height: 109px;
}
#header2 h1{font-size:20px; font-weight:bold;}

#header3 { 

background:  url(../annonces/images/annonces.jpg) no-repeat top center;
color:#000;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
padding: 4px 0px 0px 120px;
border-bottom: 26px solid #000000;
height: 109px;
}
#header3 h1{font-size:20px; font-weight:bold;}

#header4 { 

background:  url(../annonces/images/Bando_triaire750.jpg) no-repeat top center;
color:#000;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
padding: 70px 0px 0px 270px;
border-bottom: -180px solid #000000;
height: 124px;
}
#header4 h1{font-size:20px; font-weight:bold;}


#affiche { 
width: 334px;
background:  url(../annonces/images/affiche.jpg) no-repeat top left;
color:#000;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
padding: 4px 0px 0px 198px;
border-bottom: 2px solid #d60000;
height: 109px;
}
#affiche h1{font-size:16px; font-weight:bold; margin-bottom: 24px;}

#fav {background:  url(../annonces/images/cellpic2.jpg) repeat;}

#infos {width:750px; background:#000;  margin: -50px 0px 0px 24px;  border:1px solid #ddd;}
#info2 {width:750px; float:left;}
#info2 h2 {padding:10px 0 0 10px; margin:0; font-size:15px; color:#ffea00;}
#infos p {line-height:1.5em;}
#infos p.info {margin-left:10px;}
#infos h2 {padding:10px 0 5px 10px; margin:0; font-size:15px; color:#ffea00;}
#infos h3 {padding:5px 0 10px 10px; margin:0; font-size:12px; color:#ffc73c; font-weight:bold;}
#infos p {margin-left:15px;}
/* defaults required for IE6 */
a {color:#000;}
a:visited {color:#111;}
a:active {color:#222;}
a:hover {text-decoration:none;}




/*--------BARRE NAVIGATION------------------------*/



/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_one */

.menu1 {padding:0px 0 0 0px; margin:-0px 0px 0px 0px; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(button3.gif);}
.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(button2.gif);}
.menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}


/*-------MENU ANNONCES----------------------*/
.bkg_nav {background:  url(../annonces/images/annonces_bkg.gif) no-repeat;}

.nav {
font-size: 11px;
width:720px;
  height:5em;
  padding:0; 
  margin:0px 0px 0px 50px; 
  list-style-type:none;
  white-space:nowrap;
  }
.nav li {
  
  float:left;
  min-width:220px;
  }
.nav a {

  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:220px; 
  float:left; 
  }
* html .nav a {
  width:220px;
  }
.nav a span {height:10px;
  display:block; 
  color:#c4c4c4; 
  background:url(http://www.brocmusic.com/annonces/images/cellpic2.gif);
 
  border:1px solid #000; 
  border-width:2px 1px; 
  text-align:center; 
  padding:4px 16px; 
  cursor:pointer;
  }
* html .nav a span {
  width:100px; 
  cursor:hand; 
  w\idth:66px;
  }
.nav a b {
  display:block; 
  border-bottom:2px solid #ffea00;
  }
.nav a em {
  display:none;
  }
.nav a:hover {
  background:#fff;
  }
.nav a:hover span {
  color:#000; 
  background:#ffea00;
  }
.nav a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #ffea00; 
  border-color:#D4F66D #000; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }


.nav2 {
font-size: 11px;
  height:5em;
  padding:0; 
  margin:0px 0px 0px -50px; 
  list-style-type:none;
  white-space:nowrap;
  }
.nav2 li {
  
  float:left;
  min-width:220px;
  }
.nav2 a {

  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:220px; 
  float:left; 
  }
* html .nav2 a {
  width:220px;
  }
.nav2 a span {height:10px;
  display:block; 
  color:#c4c4c4; 
  background:url(http://www.brocmusic.com/annonces/images/cellpic2.gif);
 
  border:1px solid #000; 
  border-width:2px 1px; 
  text-align:center; 
  padding:4px 16px; 
  cursor:pointer;
  }
* html .nav2 a span {
  width:100px; 
  cursor:hand; 
  w\idth:66px;
  }
.nav2 a b {
  display:block; 
  border-bottom:2px solid #ffea00;
  }
.nav2 a em {
  display:none;
  }
.nav2 a:hover {
  background:#fff;
  }
.nav2 a:hover span {
  color:#000; 
 background:url(http://www.brocmusic.com/annonces/images/cellpic2.gif);
  }
.nav2 a:hover em {
  display:block; 
  overflow:hidden; 
 
  }
  
  
  
  
  
  .nav3 {
font-size: 11px;
  height:5em;
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px -50px; 
  list-style-type:none;
  white-space:nowrap;
  }
.nav3 li {
  
  float:left;
  min-width:220px;
  }
.nav3 a {

  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:220px; 
  float:left; 
  }
* html .nav3 a {
  width:220px;
  }
.nav3 a span {height:10px;
  display:block; 
  color:#c4c4c4; 
  background:url(http://www.brocmusic.com/annonces/images/cellpic2.gif);
 
  border:1px solid #000; 
  border-width:2px 1px; 
  text-align:center; 
  padding:4px 16px; 
  cursor:pointer;
  }
* html .nav3 a span {
  width:100px; 
  cursor:hand; 
  w\idth:66px;
  }
.nav3 a b {
  display:block; 
  border-bottom:2px solid #ffea00;
  }
.nav3 a em {
  display:none;
  }
.nav3 a:hover {
  background:#fff;
  }
.nav3 a:hover span {
  color:#000; 
 background:url(http://www.brocmusic.com/annonces/images/cellpic2.gif);
  }
.nav3 a:hover em {
  display:block; 
  overflow:hidden; 
 
  }


/*-----------TABLEAU ANNONCES---------------*/


#title {margin-top: 0px; padding: 9px; width:720px;  border:2px solid #45443C; background-color: #ccc;} /* positionemment de l'annonce dans le tableau */

#title2 {margin-top: 8px; padding: 0px; width:630px;  border:2px solid #999; background-color: #ffc73c;}


#date {padding: 4px;   border-top: 2px solid #d60000; width:720px; font-family: Arial, Helvetica, sans-serif; color:#000; font-size: 10px; background-color: #999;}

#space {height: 1px; border:0px solid #333; background-color: #ccc; line-height: 2%; font-size: 1px;}

#contact {padding: 4px; font-family: Arial, Helvetica, sans-serif; color:#000; font-size: 12px; background-color: #ccc; }
#contact a, #contact a:visited {padding: 4px; text-decoration:underline; color:#333; font-weight: bold;}
#contact a:hover {color:#ffea00;}

#contact2 {padding: 4px; font-family: Arial, Helvetica, sans-serif; color:#000; font-size: 12px; overflow:auto;}
#contact2 a, #contact a:visited {padding: 4px; text-decoration:underline; color:#333; font-weight: bold;}
#contact2 a:hover {color:#ffea00;}



#menu {padding: 8px; width:700px; height: 100px; margin:4px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border:0px solid #333; line-height: 20%; text-align: justify; background-color: #ccc;}
#menu a, #menu a:visited {display:block; width:100%; height:102px; line-height:20px; text-decoration:none; text-indent: 8px; color:#000; background:url(off.gif); background-repeat:no-repeat; background-color: #ccc;}
#menu a span {padding-left:25px;}
#menu a:hover {display:block; width:100%; height:102px; cursor:pointer; text-decoration:none; color:#c00; background:url(on.gif); background-repeat:no-repeat; background-color: #FFFCA9;}

#menu5 {padding: 8px; width:620px; height: 100px; margin:4px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border:0px solid #333; line-height: 20%; text-align: justify; background-color: #ccc; overflow: auto;}
#menu5 a, #menu a:visited {display:block; width:100%; height:95px; line-height:20px; text-decoration:none; text-indent: 24px; color:#000; background:url(off.gif); background-repeat:no-repeat; background-color: #ccc;}
#menu5 a span {padding-left:25px;}
#menu5 a:hover {display:block; width:100%; height:95px; cursor:pointer; text-decoration:none; color:#c00; background:url(on.gif); background-repeat:no-repeat; background-color: #ccff99;}


#menu0 {padding: 8px; width:320px; height: 36px; margin:4px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border:0px solid #333; line-height: 20%; text-align: justify; background-color: #ccc;}
#menu0 a, #menu a:visited {display:block; width:100%; height:36px; line-height:20px; text-decoration:none; text-indent: 24px; color:#000; background:url(off.gif); background-repeat:no-repeat; background-color: #ccc;}
#menu0 a span {padding-left:25px;}
#menu0 a:hover {display:block; width:100%; height:36px; cursor:pointer; text-decoration:none; color:#c00; background:url(on.gif); background-repeat:no-repeat; background-color: #ccff99;}



/*----------------BOUTONS TOUTES- AJOUTER ------------------*/
#boton {width:450px;  padding:12px;  font-size: 11px; margin:0px 0px 0px 320px; font-weight:bold;}
* html #menu {width:172px; w\idth:120px;}
#boton dt {border:2px solid #fff; border-color:#687 #ded #ded #687; text-align:center; background:#fff; padding:3px 0; margin:7px 0; }
#boton dd {width:130px; padding:0; margin:0px 0 20px 0; float:left; }
#boton .aa {display:block; padding:0; margin:0; background:#750707; border:1px solid #000; }
#boton .bb {display:block; padding:1px 0 1px 0;; margin:0 0 6px 0; background:#D34F4F; border-bottom:1px solid #900; text-align:center;}

#boton div {border:2px solid #fff; border-color:#687 #ded #ded #687;}
#boton a, #menu a:visited {display:block;width:100%;text-decoration:none; color:#c4c4c4;}
#boton a:hover {color:#000; background:#D34F4F;}
#boton a:hover .bb {background:#D34F4F; margin:0 0 2px 0; padding:3px 0 3px 0; border-bottom:1px solid #900;}



* html #boton a:hover {
  cursor:pointer;
  display:inline; 
  text-indent:1px;
  voice-family: ""}""
  voice-family:inherit;
  text-indent:0;
  }
  
html>#boton a:hover {
  text-indent:0;
  }




#botonlink {width:450px;  padding:12px;  font-size: 11px; margin:0px 0px 0px 420px; font-weight:bold;}
* html #menu {width:172px; w\idth:120px;}
#botonlink dt {border:2px solid #fff; border-color:#687 #ded #ded #687; text-align:center; background:#fff; padding:3px 0; margin:7px 0; }
#botonlink dd {width:130px; padding:0; margin:0px 0 20px 0; float:left; }
#botonlink .aa {display:block; padding:0; margin:0; background:#750707; border:1px solid #000; }
#botonlink .bb {display:block; padding:1px 0 1px 0;; margin:0 0 6px 0; background:#D34F4F; border-bottom:1px solid #900; text-align:center;}

#botonlink div {border:2px solid #fff; border-color:#687 #ded #ded #687;}
#botonlink a, #menu a:visited {display:block;width:100%;text-decoration:none; color:#c4c4c4;}
#botonlink a:hover {color:#000; background:#D34F4F;}
#botonlink a:hover .bb {background:#D34F4F; margin:0 0 2px 0; padding:3px 0 3px 0; border-bottom:1px solid #900;}



* html #botonlink a:hover {
  cursor:pointer;
  display:inline; 
  text-indent:1px;
  voice-family: ""}""
  voice-family:inherit;
  text-indent:0;
  }
  
html>#botonlink a:hover {
  text-indent:0;
  }




#botonflash {width:450px;  padding:12px;  font-size: 11px; margin: 50px 0px 0px 420px; font-weight:bold;}
* html #menu {width:172px; w\idth:120px;}
#botonflash dt {border:2px solid #fff; border-color:#687 #ded #ded #687; text-align:center; background:#fff; padding:3px 0; margin:7px 0; }
#botonflash dd {width:130px; padding:0; margin:0px 0 20px 0; float:left; }
#botonflash .aa {display:block; padding:0; margin:0; background:#750707; border:1px solid #000; }
#botonflash .bb {display:block; padding:1px 0 1px 0;; margin:0 0 6px 0; background:#D34F4F; border-bottom:1px solid #900; text-align:center;}

#botonflash div {border:2px solid #fff; border-color:#687 #ded #ded #687;}
#botonflash a, #menu a:visited {display:block;width:100%;text-decoration:none; color:#c4c4c4;}
#botonflash a:hover {color:#000; background:#D34F4F;}
#botonflash a:hover .bb {background:#D34F4F; margin:0 0 2px 0; padding:3px 0 3px 0; border-bottom:1px solid #900;}



* html #botonflash a:hover {
  cursor:pointer;
  display:inline; 
  text-indent:1px;
  voice-family: ""}""
  voice-family:inherit;
  text-indent:0;
  }
  
html>#botonflash a:hover {
  text-indent:0;
  }
 





/* =============== MENU CATEGORIES =============== */


#artist {padding: 0px 0px 0px 46px; margin-top: -30px;}

dl#artist dt {
  display:none;
  }
dl#artist dd {
  
  padding:0; 
  margin:0;
  
  }
a.xmenu, a.xmenu:visited {
  display:block; 
  width:5em; 
  height:3em; 
  background:#000; 
  text-decoration:none;
  font: 1em Arial,sans-serif; font-weight: bold;
  position: relative;
  left:70px;
  
  text-align:center; 
  color:#aaa; 
  float:left;
  }
a.xmenu span, a.xmenu:visited span {
  display:block; 
  width:3em; 
  height:0.5em; 
  border-top:0.5em solid #000; 
  border-left:1em solid #000;  
  border-right:1em solid #000; 
  border-bottom:0.5em solid #000; 
  background:#D60000; 
  overflow:hidden;
  }
* html a.xmenu span, * html a.xmenu:visited span {
  width:5em; 
  height:1.5em; 
  w\idth:3em; 
  he\ight:0.5em; 
  overflow:hidden;
  }
a.xmenu:hover {
  color:#FFF;
  }
a.xmenu:hover span {
  background:#ffea00; /* couleur bouton */
  }



#info {height:400px; position:relative;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/mini_tabbed_pages.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
a.bulle span{
display: none;
}

a.bulle:hover{
background: none; /*contournement bug IE*/
text-decoration: none;}

a.bulle:hover span{
font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight:bold;
display: inline;
position: absolute;
top: 181px;
left: 1px;
background: #ffea00;
text-align: center;
text-decoration: none;
color: #000;
padding: 0.2em;

}

a.bulle2 span{
display: none;
}

a.bulle2:hover{
background: none; /*contournement bug IE*/
text-decoration: none;}

a.bulle2:hover span{
font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight:bold;
display: inline;
position: absolute;
top: 128px;
left: 1px;
background: #ffea00;
text-align: center;
text-decoration: none;
color: #000;
padding: 0.2em;

}

/*-------------------BEST SELLER-------------------------------------------------------------*/
#best {margin:0px 20px 0px 20px; text-align:center;background-color:#ccc; float:left; }

#tabs {width:400px; text-align:center; background: url(icon/top.gif); color:#ffc73c; font-weight:bold; margin:0px 0px 0 5px; position:absolute; z-index:500;}
#tabs ul {padding:0; margin:0; width:400px; list-style:none; position:relative;}
#tabs ul li {float:left; display:inline; width:125px; height:53px; margin:0 4px;}
#tabs ul li a.outer {display:block; width:125px; height:49px; border-bottom:1px solid #9c9c9c; text-align:center; line-height:45px; text-decoration:none; text-indent:50px; color:#666; font-weight:bold; margin-bottom:3px; font-size:9px;}

#tabs ul li a.one {background:#fff url(icon/world.jpg) top left no-repeat;}
#tabs ul li a.two {background:#fff url(icon/key.jpg) top left no-repeat;}
#tabs ul li a.three {background:#fff url(icon/mail.jpg) top left no-repeat;}
#tabs ul li a.four {background:#fff url(icon/search.jpg) top left no-repeat;}
#tabs ul li a.five {background:#fff url(icon/profile.jpg) top left no-repeat;}
#tabs ul li a.six {background:#fff url(icon/draw.jpg) top left no-repeat;}
#tabs ul li div {display:none;}

#tabs ul li:hover {padding-bottom:132px; border-bottom:1px solid #fff; color:#000; margin-bottom:0;}

#tabs ul li:hover > a.outer {color:#000; background-position:0 -55px; height:55px; cursor:default;}

* html #tabs ul li a.outer:hover {padding-bottom:130px; border-bottom:1px solid #fff; height:55px; color:#000; margin-bottom:0;background-position:0 -55px; height:55px; cursor:default;}

#tabs ul li:hover div {display:block; padding:5px; position:absolute; left:4px; top:55px; width:381px; height:118px; border-bottom:3px solid #fff;}
#tabs ul li a:hover div {display:block; padding:5px; position:absolute; left:4px; top:55px; width:381px; height:118px; border-bottom:3px solid #fff;}

#tabs ul li a:hover div.tab_left,
#tabs ul li:hover div.tab_left
{background:#fff url(icon/tab_left.gif);}

#tabs ul li a:hover div.tab_center,
#tabs ul li:hover div.tab_center
{background:#fff url(icon/tab_center.gif);}

#tabs ul li a:hover div.tab_right,
#tabs ul li:hover div.tab_right
{background:#fff url(icon/tab_right.gif);}

.clear2 {clear:both; height:0; line-height:0; overflow:hidden;}

#tabs span.base {display:block; height:20px; background:url(icon/bottom.gif) bottom;}
#tabs div h5 {font-size:11px; margin-bottom:10px;}
#tabs div p {font-weight:bold; text-align:left; color:#000; margin-top:3px;}
#tabs div a img {border:0;}
#tabs div img.image {float:left; border:0; margin-top:-35px; margin-right:5px;}
#tabs div a.unlock {background:url(icon/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#tabs div a:hover.unlock img {visibility:hidden;}
#tabs p.bold {color:#000; padding-top:5px; font-size: 14px;}
* html #tabs p.fire {margin-top:-15px;}
* html #tabs form {margin-top:-20px;}
#tabs p.buttons {text-align:center;}

/*=======PRODUIT=========*/
#content {
background: #ebecee; 
padding: 10px 120px; width: 420px; height: 560px;
margin:10px 0px 4px 48px; color:#000;
}

#content0 {
background: #000 top center;
text-align: center;
padding: 10px 120px; width: 420px; height: 320px;
margin:0px 0px 0 48px; color:#000;
}

#content1 {
background: #333 top;
text-align: center;
padding: 10px 120px; width: 420px; height: 480px;
margin:10px 0px 0 69px; color:#000;
}

#produit {margin:8px 0px 0 -105px; width: 620px;
			
 Ê Ê
 	
	
}

#produit p {
	font-size:1em;
	color:#000;
	text-indent: 0.5em;
	padding-left: 5px;
	text-align: justify;}
	
#produit p a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	}
	
#produit p a:hover {
	text-decoration: none; 
	color: #ffea00;
	font-weight: bold;
	}

 #produit h1 {
 	color: #305a7a;
	padding-bottom: 20px;
	padding-left: 40px;
	width: 500px;
	background-position:  0% 55%; /* sert ˆ dŽfinir l'emplacement de l'image de fond */
	background-repeat: no-repeat;
	font: bold Arial, Verdana, helvetica, serif;
	background-image: url("../images/img_titre.png");
	border-bottom: 1px dashed #376d97;
	
}


 #produit h2 {
 	color: #000;
 	font-size:1.4em;
 	letter-spacing: 0em;
 	font-weight:bold;
 	text-align: left;
 	
 	}

#produit h3  {
 Ê  color: #000;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
 	font-size: 1em;
 Ê 
 	margin-top: 10px;
 	text-align: center;
 	}
 	
#produit h3 a, #produit h3 a:visited {padding: 4px; text-decoration:underline; color:#333; font-weight: bold;}
#produit h3 a:hover {color:#ffea00;}
	
 	


pre {
	background: #fff url(../images/prebloc.jpg) no-repeat 0 0;
	width: 540px;
	padding: 30px 5px 10px;
	font-size: 1em;
	line-height: 1.6em;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	overflow: auto;
	overflow-y: hidden; /* IE seulement */
}

ul pre, ol pre {
	margin-left: -15px;
}

code {
	
	color: #526011;
}

pre code {font-size:10px;
	letter-spacing: 0px;
	color: #000;
}
			
 .imageflottantegauche {
				float:left;
				padding: 10px;
			}
			
 .imageflottantedroite {
				float:right;
				padding: 10px;
			}



  
  
  /*=======AJOUTER ANNONCE, NOMBRE etc... =======================================*/

#menu1 {color: #000;
		font-size: x-small;
		background-color: #ccc;
		background:url(http://www.brocnrollmusic.com/images/cellpic2.gif);
		background-repeat:repeat;
		
		margin: 3px;
		position: relative;
		width: 180px;
		text-align: center}
		
		
		
		
		
	 /*=======LIENS =======================================*/	
		
		
/*-----------FAVORIS------------------*/

#easel2 {width:750px; height:30px; margin:0px 0px 0px 0px; background:  url(http://www.brocmusic.com/annonces/images/cellpic2.gif) center center;}
#painters2 {
  padding:4px 230px;
  margin:0;
  list-style-type:none; 
  }
#painters2 li {
  
  width:75px; 
  height:20px; 
  float:left;
  border:1px solid #000;
  
  margin-right:2px;
  margin-left:10px;
  }
#painters2 a em {
  font-style:normal; 
  font-size:1em; 
  line-height:1.5em;
  }
#painters2 a {
  text-decoration:none;
  color:#000;
  position:absolute; 
  width:75px; 
  height:20px; 
  display:block;
  text-align:center;
  }
#painters2 a.red {background: url(http://www.fredfages.com/banniere/ff_banner130X35.gif) no-repeat;}
#painters2 a.orange {background: url(/images/link/zig.jpg) no-repeat;}      
#painters2 a.yellow {background: url(/images/link/kadorelectronique.jpg) no-repeat;}
#painters2 a.green {background:#080; color:#fff;}
#painters2 a.blue {background:#00c; color:#fff;}
#painters2 a:hover {
  width:120px; 
  height:28px;
  z-index:200;
  background:transparent url(images/opaque.gif);
  }
#painters2 a:hover em {
  font-size:1.5em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#fff; 
  border:1px solid #000;
  position:absolute; 
  width:130px; 
  height:35px;
  left:-12px; 
  top:-4px;
  }
#painters2 a:hover.red em {background: url(http://www.fredfages.com/banniere/ff_banner130X35.gif) no-repeat;}
#painters2 a:hover.orange em {background: url(/images/link/zig.jpg) no-repeat;}
#painters2 a:hover.yellow em {background : url(/images/link/kadorelectronique.jpg) no-repeat;}
#painters2 a:hover.green em {background:#080;}
#painters2 a:hover.blue em {background:#00c;}


/*--------------marques-------------------*/

#info {padding:0 0 2em 0; text-align:center;}
ul#gallery {
  padding:0; 
  margin:-34px 0px 10px 160px; 
  width:448px; 
  height:336px; 
  position:relative; 
  background:#888 url(../images/link/BROC.jpg);
  }
#gallery li {
  list-style-type:none; 
  width:64px; 
  height:48px; 
  float:left; 
  z-index:100;
  }
#gallery li.lft {
  float:left; 
  clear:left;
  }
#gallery li.rgt {
  float:right; 
  clear:right;
  }
#gallery a {
  position:relative; 
  width:64px; 
  height:48px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
  
 filter: alpha(opacity=90);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
 -moz-opacity: 83.70; opacity:0.7;

  }
#gallery a img {
  position:relative; 
  width:62px; 
  height:46px; 
  border:1px solid #888; 
  z-index:100;
  }
#gallery a:hover {
  width:160px; 
  height:120px; 
  padding:108px 144px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }
#gallery a:hover img {
  background:#eee; 
  position:relative; 
  width:160px; 
  height:120px; 
  border:0; 
  z-index:20;
  }
#gallery a:active, #gallery a:focus {
  background:transparent; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:active img, #gallery a:focus img {
  background:#eee; 
  position:relative; 
  width:320px; 
  height:239px; 
  border:0; 
  z-index:10;
  }
/* hack for Internet Explorer */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:448px; 
  font-size:0;
  }

/* hack for Opera 7+ */
@media all and (min-width:0px){
#gallery a:hover {
  background:#888; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:hover img {
  background:#aaa; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0; 
  z-index:10;
  }
}

#text {filter: alpha(opacity=90);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
 -moz-opacity: 83.70; opacity:0.7;
}
  
 /* ========DEMENAGEMENT==================*/ 
  
  /* Gallery styling */

.photo {position:relative; width:732px; height:382px; margin:0 auto 20px auto;}
.photo ul, .photo ul ul {padding:0; margin:0; border:0; list-style:none; width:215px;}
.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.photo ul li {width:215px; background:#ddd; float:left; background:#fff url(../demenagement/bouton/gallery_2.gif) no-repeat;}
.photo ul li a.set {display:block; text-align:center; color:#000; height:30px; line-height:30px; background:#fff url(../demenagement/bouton/gallery_0.gif) no-repeat; font-family: verdana, arial, sans-serif; font-size:11px; text-decoration:none;}

.photo ul li table {margin:0; padding:0; display:none;}

.photo ul li a.set:hover {background:transparent;}
.photo ul li:hover a.set {background:transparent;}

.photo ul :hover b {display:block; width:480px; height:360px; background:#f8f8f8; border:1px solid #888; position:absolute; left:250px; top:0;}

.photo ul :hover table
{padding:0; margin-top:-2px; display:block; border:1px solid #888; border-width:0 1px 1px 1px;}

.photo ul :hover ul
{margin:0; width:207px; overflow:visible; height:207px; background:transparent;}

.photo ul :hover ul li
{float:left; display:inline; width:56px; margin:2px 6px; background:transparent;}

.photo ul :hover ul li a
{background:transparent;}

.photo ul :hover ul li a img.thumb
{margin:3px; display:block; border:0;}

.photo ul :hover ul li a img.full
{position:absolute; left:-9999px; top:0; border:0;}

.photo ul :hover ul li a:hover img.thumb
{margin:0; border:3px solid #fc0;}

.photo ul :hover ul li a:hover
{background:#fff;}

.photo ul :hover ul li a:hover img.full
{left:250px; z-index:0; border:1px solid #000;}

.photo .default {width:480px; height:360px; position:absolute; left:250px; top:0; border:1px solid #ddd;}

  
  
  
  /* ========DIVERS==================*/
  
  #footer { 


background:  url(../annonces/images/footer_triaire750.jpg) no-repeat top center;

color:#fff;
background-color:#000;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
text-align:center;
padding: 4px 40px 0px 0px;

height: 79px;

}