Tableau.degrad {
	background-image:url(htt://www.aubonmicro.com/Visuels/Images/degra.jpg)
}

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: #ffc; 
    width:170px;
}
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;
}


.piedpage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5E6786;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.sign {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #A9AEC2;
	text-decoration: none;
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
.fav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}
.txbleupetit {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #434F79;
	text-decoration: none;
}
.txblancpetit {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}
.txvert {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #008000;
	text-decoration: none;
}
.txblancpetit a{
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
 font-size: 9px;
 
 color: #FFFFFF;
 
 text-decoration: none;
 
}
 
 
.txblancpetit a:hover{
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
 font-size: 9px;
 
 color: #FFFFFF;
 
 text-decoration: none;
 
}
.rub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
.flech {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003399;
	text-decoration: none;
}
.flech6px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6px;
	color: #003399;
	text-decoration: none;
}
.nouv {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #777C91;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;

}
.panier {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #66CCFF;
	text-decoration: none;
}
.art {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #940C67;
	text-decoration: none;
}
.prixbleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003399;
	background-position: center center;


}
.prixvert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: GREEN;
	background-position: center center;


}
.prod {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #434F79;
	text-decoration: none;
}
.txtgris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.txtgris6p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6px;
	color: #666666;
	text-decoration: none;
}
.txtgris8p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6px;
	color: #666666;
	text-decoration: none;
}
.prixpromo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFCC33;
	text-decoration: none;
	background-color: #990066;
	background-position: center center;
}
.prixsolde {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
	background-color: #990066;
	background-position: center center;
}
.titreactu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #990066;
	text-decoration: none;
}
.titreactu_clignotant {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #990066;
	text-decoration: blink;
}




.titrepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
.titrepage_rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #990066;
	text-decoration: none;
}
.rubselec {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #940C67;
	text-decoration: none;
}
.prixlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
.prixlistpromo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990066;
	text-decoration: none;
}
.prixlistsolde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF1493;
	text-decoration: none;
}
.prixlistbare {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: line-through;
}
.prodpromo {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #990066;
	text-decoration: none;
}
.fond_promo {
	background-image:url('http://www.aubonmicro.com/Visuels/Images/degra.jpg');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #990066;
	text-decoration: none;
}
.libel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
.prixpromobarre {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003399;
	text-decoration: line-through;
}
.libelpromo {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #990066;
	text-decoration: none;
}
/*----------------tumbnails  normaux---------------------*/

.thumbnail{
position: relative;
z-index:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #434F79;
	text-decoration: none;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration: none;
}


/*----------------- le block couleur derriere l images */


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
border-top:1px solid #D6DDE2;
border-bottom:1px solid black;
border-left:1px solid #D6DDE2;
border-right:1px solid black;
background-color: white ;
padding: 3px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
bottom: 0px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: -180px;
bottom:-50px;
 /*position où l'image soit positionner horizontalement  */
text-decoration: none;
}



/*-------------------tumbnails promos---------------*/

.thumbpromo{
position: relative;
z-index:0;

/*----------code couleurs ----------------*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #990066;
	text-decoration: none;
}

.thumbpromo:hover{
background-color: transparent;
z-index: 50;
text-decoration: none;
}


/*----------------- le block couleur derriere l images */


.thumbpromo span{ /*CSS for enlarged image*/
position: absolute;
border-top:1px solid #D6DDE2;
border-bottom:1px solid black;
border-left:1px solid #D6DDE2;
border-right:1px solid black;
background-color: white ;
padding: 3px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
bottom: 0px;
}

.thumbpromo span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
text-decoration: none;
}

.thumbpromo:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 270px;
bottom:-50px;
 /*position où l'image soit positionner horizontalement  */
text-decoration: none;
}


/*----------------- Css Menu */ 



/*Credits: Dynamic Drive CSS Library */
/*URL: /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 150px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 250px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(/styles/media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links background: #F3F3F3 url(/Visuels/Images/right.gif) no-repeat center right; */ 
.suckertreemenu .subfoldericon{
background: #F3F3F3 no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */



/*----------------- Css Menu général (INDEX) */ 

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 9px Verdana;
width: 150px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #003399;
text-decoration: none;
padding: 3px;
border-bottom: 1px solid WHITE;
border-left: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #EAEEF1; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: #003399;
}

.sidebarmenu ul li a:hover{
background-color: #A0A4B1;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 300px; /*Sub Menu Items width */

top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(/Visuels/Images/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

</style>