/* ____________________ TYPGRAPHIE______________________*/
.ACCROCHE, .LOGIN_TEXT, A.LOGIN_TEXT:hover, A.LOGIN_TEXT, A.LOGIN_TEXT:link, .LOGIN_AREA, .BUTTON, A.BUTTON, A.BUTTON:link, A.BUTTON:hover, .TABLE_EXTERNAL,  a.TABLE_EXTERNAL, .TABLE_EXTERNAL_SEARCH, .TABLE_EXTERNAL_TOPBOTTOM, .TABLE_EXTERNAL_TOP, .TABLE_EXTERNAL_TOP, .TABLE_LISTE, .TABLE_LISTE_4_CA, .TABLE_CATALOGUE, .TABLE_CATALOGUE_ALTERNATE, .TABLE_CATALOGUE_PRINT, .TABLE_CATALOGUE_ALTERNATE_PRINT, .TABLE_CATALOGUE_TOPBOTTOM, .TABLE_CATALOGUE_ALTERNATE_TOPBOTTOM, .TABLE_PRIX_BARRE, .TABLE_PROMOTION, .TABLE_PROMOTION, A.LINK_HEADER:link, A.LINK_HEADER, .LINK_HEADER, A.HEADER:link, A.HEADER, .HEADER, .PRODUCT_MATCHES, .TABLE_FONT_SORRYNO, A.TABLE_FONT:link, A.TABLE_FONT:link, A.TABLE_FONT, A.TABLE_FONT:hover, .TABLE_FONT, A.TABLE_FONT_BOLD:link, A.TABLE_FONT_BOLD, A.TABLE_FONT_BOLD:hover, .TABLE_FONT_INFO, .TABLE_FONT_BOLD
{
    FONT-SIZE: 9px;
    COLOR: #006699;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    }

.LOGIN_ERROR
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.LOGIN_ERROR_BIG
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#fd_b
{font-size: 33%;
BACKGROUND-COLOR: red;
COLOR: yellow;
background-image: url('images/box_bottom.gif');
background-repeat: no-repeat;
background-position: right bottom;}

#fd_h
{font-size: 40%;
margin: 0;
padding: 0px;
BACKGROUND-COLOR: red;
background-image: url('images/box_top.gif');
background-repeat: no-repeat;
background-position: top left}

.accroche
{text-align:center; 
margin: 0px 0px 0px 0px;
padding: 0px 8px 0px 8px;
font-size: 72%;
font-weight:bold;
BACKGROUND-COLOR: red;
COLOR: yellow;
}

   
.LOGIN_TEXT
{
    FONT-WEIGHT: bold;
    }
.TITLE
{FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; border-style: none; background-position:top; background-image: url('images/filet_titre.jpg'); background-repeat: repeat-x; vertical-align:top; line-height:28px; PADDING-LEFT: 10px;}
.TABLE_FONT_INFO
{
    FONT-WEIGHT: bold;
    COLOR: #aaaaaa;
    TEXT-DECORATION: none
}
.TABLE_FONT_SORRYNO
{
    COLOR: red;  
    TEXT-DECORATION: none
}
.PRODUCT_MATCHES
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #006699;  
}

.TABLE_PROMOTION
{
    FONT-WEIGHT: bold;
    COLOR: red;
   }
.TABLE_PRIX_BARRE
{
  TEXT-DECORATION: line-through
}
/* ____________________ LIENS ______________________*/
a {COLOR: #006699; CURSOR: hand;}
A:hover {COLOR: #ffd88e; CURSOR: hand;}
.PROMOTION, .PROMOTION:link
{BACKGROUND-COLOR: #ffd88e}
.PROMOTION:hover
{BACKGROUND-COLOR: #fcaf17}

.BUTTON, A.BUTTON, A.BUTTON:link
{background: url('images/fdButtons.gif') left no-repeat;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 14px;
    MARGIN: 0px;
    CURSOR: hand;
    COLOR: white;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    LETTER-SPACING: normal;
    HEIGHT: 14px;
    BACKGROUND-COLOR: #006699;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    BORDER-BOTTOM-STYLE: none;
	}

A.BUTTON:hover
{
    COLOR: #ffd88e;
	BACKGROUND-COLOR: #fcaf17;
    TEXT-DECORATION: none;
	}
a.title, a.TITLE:link
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #006699;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border-style: none;
	position: relative;
	line-height:28px;
	background-image:url('spacer.gif')
	}
a.TITLE:hover
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border-style: none;
	text-decoration:none;
	background-image:url('spacer.gif')
	}
.TABLE_FONT_BOLD, A.TABLE_FONT_BOLD, A.TABLE_FONT_BOLD:link 
{ 
    font-weight:bold;
}
A.TABLE_FONT_BOLD:hover
{ 
    COLOR: #ffd88e;
	font-weight:bold;
}
.TABLE_FONT, A.TABLE_FONT, A.TABLE_FONT:link
{
     COLOR: #006699;
	 TEXT-DECORATION: none
}
A.TABLE_FONT:hover
{
     COLOR: #ffd88e; 
}
.HEADER, A.HEADER, A.HEADER:link
{
    FONT-WEIGHT: bold;
    COLOR: #fff;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #006699
}
A.LOGIN_TEXT, A.LOGIN_TEXT:link
{
   FONT-WEIGHT: bold;
   FONT-SIZE: 9px;
}
A.LOGIN_TEXT:hover
{
    COLOR: #fcaf17;
    TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
}
.LOGIN_FONT_BOLD, A.LOGIN_FONT_BOLD, A.LOGIN_FONT_BOLD:link 
{ 
    COLOR: #006699;
	FONT-WEIGHT: bold;
	FONT-SIZE: 9px;
	}

LINK_HEADER, A.LINK_HEADER:link, A.LINK_HEADER
{
    FONT-WEIGHT: bold;
    COLOR: white;
}
td.PRODUCT_MATCHES a:link, td.PRODUCT_MATCES a:hover, td.PRODUCT_MATChES a:visited
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border-style: none;
	position: relative;
	line-height:10px;
	}
/*------------------------------------------------------*/	
/* _____________________ MAQUETTE ______________________*/
.LOGIN_AREA
{	
    BORDER-RIGHT: #006699 1px solid;
    BORDER-TOP: #006699 1px solid;
    MARGIN: auto;
    BORDER-LEFT: #006699 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #006699 1px solid;
}
.LOGIN_TABLE
{	
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 1px;
    MARGIN: 0px;
    PADDING-TOP: 1px
}


.TABLE_EXTERNAL_SEARCH
{
    BORDER-RIGHT: #ffd88e 1px solid;
    BORDER-TOP: #ffd88e 1px solid;  
    BORDER-LEFT: #ffd88e 1px solid;
    BORDER-BOTTOM: #ffd88e 1px solid;
    BACKGROUND-COLOR: #ffffff
}
.TABLE_EXTERNAL_TOPBOTTOM
{
    BORDER-TOP: #006699 1px solid;
    BORDER-BOTTOM: #006699 1px solid;
}
.TABLE_EXTERNAL_TOP
{
    BORDER-TOP: #006699 1px solid;
}

.TABLE_LISTE
{
    BORDER-TOP: #006699 1px solid;
    BACKGROUND-COLOR: #e5f1f8
}
.TABLE_LISTE_4_CAT
{
    BORDER-TOP: #006699 1px solid;
    BORDER-BOTTOM: #006699 1px solid;
    BACKGROUND-COLOR: #e5f1f8
}
.TABLE_CATALOGUE
{
    BACKGROUND-COLOR: #ffffff
}
.TABLE_CATALOGUE_ALTERNATE
{
    BACKGROUND-COLOR: #e5f1f8
}
.TABLE_CATALOGUE_PRINT
{
    BORDER-RIGHT: #006699 1px;
    BORDER-TOP: #006699 1px;
    BORDER-LEFT: #006699 1px;
    LINE-HEIGHT: normal;
    BORDER-BOTTOM: #006699 1px solid;
    BACKGROUND-COLOR: #ffffff
}
.TABLE_CATALOGUE_ALTERNATE_PRINT
{
    BORDER-RIGHT: #006699 1px;
    BORDER-TOP: #006699 1px;
    LINE-HEIGHT: normal;
    BORDER-LEFT: #006699 1px;
    BORDER-BOTTOM: #006699 1px solid;
    BACKGROUND-COLOR: #e5f1f8
}
.TABLE_CATALOGUE_TOPBOTTOM
{
    BORDER-TOP: #006699 1px solid;
    BORDER-BOTTOM: #006699 1px solid;
    BACKGROUND-COLOR: #e5f1f8
}
.TABLE_CATALOGUE_ALTERNATE_TOPBOTTOM
{
    BORDER-TOP: #006699 1px solid;
    BORDER-BOTTOM: #006699 1px solid;
    BACKGROUND-COLOR: #ffffff
}
.orange_bg
{
    BACKGROUND-COLOR: #fcaf17
}
/*--------Style menus d?roulants----------------------------*/
	#menubar {
		/*color:#e5f1f8;*/
		position:absolute;
		width:685px;
		left:0px;
		top:48px;
		background-color:transparent;
		padding:2px;
	}
	
	#menubar a {
		color:#e5f1f8;
		letter-spacing:0.02em;
		padding-left:15px;
		padding-right:5px;
		text-decoration:none;
		border-left:1px dashed #e5f1f8;
		}
	#menubar a:hover {
		color:#ffde88;
		background-color:#006699;
		letter-spacing:0.02em;
		padding-left:15px;
		padding-right:5px;
		text-decoration:none;
		border-left:1px dashed #e5f1f8;
					}
	#menubar a.active {
		border-bottom-color:#e5f1f8;
		border-right-color:#006699;
		border-left-color:#FFFFFF;
		border-top-color:#FFFFFF;
	}
		
	#menubar.menu, .options {
	margin-right:1px;
	margin-bottom:1px;
	text-align:left;
	background-color:#e5f1f8;
	filter: Alpha(Opacity=90, FinishOpacity=10, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=100);		 
	-moz-opacity:.9;
	}
	 .menu a, .options a, .menu a:visited {
		color:#e5f1f8;
		display:block;
		PADDING-RIGHT: 2px;
    	PADDING-LEFT: 12px;
		text-decoration:none;
		background-color:#006699;
		BORDER-bottom:0.09em dotted #e5f1f8;
	}
	.menu a:hover {
		background: url('images/fdButtons.gif') left no-repeat;
		background-color:#000;
		color:#fff;
				}
.menu a:active {
		background: url('images/fdButtons.gif') left no-repeat;
    	background-color:#fcaf17;
		color:#006699;
				}
	.arrow a:hover {
	background: url('images/fdButtons.gif') left no-repeat;
	/*background-color:#fff;*/
	
	    			}
	#about {
		position:absolute;
		left:5px;
		top:200px;
	}
/*------------------------------------------------------*/


/*------------------------------------------------------*/
.TABLE_BACKGROUND
{
    BORDER-RIGHT: #006699 1px;
    BORDER-TOP: #006699 1px;
    BORDER-LEFT: #006699 1px;
    BORDER-BOTTOM: #006699 1px;
    BACKGROUND-COLOR: #ffffff
}

#titre_print
{
    DISPLAY: none
}

/*------------------------Navigation en 3 colonnes------------------------------*/

#entete {
	/*border: 1px solid #006699;*/
	/*background: transparent;*/
}

#enpied {
	border: 1px solid #006699;
	background: #d7dabd;
}
h1 {
	margin-top: 0;
}
.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}
.colonn1-3 {float: left; width: 166px; margin-left: 0px;}
.colonn2-3 {width: 230px; float: left;}
.colonn3-3 {width: 205px; float: right; margin-right:5px}
.colonn1-3, .colonn2-3 {margin-right: 20px;}

/*-----------------------Fin de navigation en colonnes-------------------------------*/

* html code	{
	font-size : 105%; 
	}
/*-----------------------Fin de navigation en colonnes-------------------------------*/
/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */


