/**********************************
 * Couleurs generiques
 **********************************/
.color1 { color: #777; }
.color2 { color: #333; }

/**********************************
 * Couleurs universe
 **********************************/
.color_home 		{ color: #B88A3C; }
.color_sound 		{ color: #F20B8D; }
.color_technologic 	{ color: #777E86; }
.color_sport 		{ color: #009ADD; }

.color_home	 		a:link, ahover, a:active, a:visited { color: #B88A3C; }
.color_sound 		a:link, ahover, a:active, a:visited	{ color: #F20B8D; }
.color_technologic 	a:link, ahover, a:active, a:visited	{ color: #777E86; }
.color_sport 		a:link, ahover, a:active, a:visited	{ color: #009ADD; }

/**********************************
 * Titre et sous-titre generiques
 **********************************/
.common_title
{
	font-size: 		21px;
	font-weight: 	bold;
	line-height: 	14pt;
	padding: 		7px 0 0px 14px;
}

.common_subtitle
{
	font-size: 		26px;
	font-weight: 	bold;
	line-height: 	16pt;
	padding: 		0 14px;	
}

.common_description
{
	color: 			#2C2C2C;
	padding: 		7px 14px;	
	font-style: 	italic;
	font-size: 		9pt;
} 
 
/**********************************
 * Banniere
 **********************************/
#banner
{
	background-image: 		url(../images/commons/logo_lordel.jpg);
	background-position: 	top left;
	background-repeat: 		no-repeat;
	height: 				110px;
}

#banner .logo
{
	display: 	block;
	padding: 	40px;
	width: 		200px;
}

#banner_advertising
{
	position: 			relative;
	top: 				-2px;
}
#banner_advertising .advertising_item
{
	margin: 			0;
	margin-left: 		1px;
}



/**********************************
 * Diaporama
 **********************************/
#diaporama
{
	padding-bottom: 	10px;
}
#diaporama .diaporama_item_selected,
#diaporama .diaporama_item
{
	cursor: 				pointer; 
	border: 				1px solid #333; 
	background-repeat: 		no-repeat; 
	background-position: 	center center; 
	width: 					120px; 
	height: 				60px;
	margin: 				10px;
}
#diaporama .diaporama_item:hover
{
	border: 				1px solid #555;
}

#diaporama .diaporama_item_selected
{
	width: 					130px; 
	height: 				70px;
	margin: 				5px;
}
#diaporama .diaporama_link:link,
#diaporama .diaporama_link:hover,
#diaporama .diaporama_link:active,
#diaporama .diaporama_link:visited
{
	display: 				block;
	height: 				400px;
}

/**********************************
 * Main
 **********************************/
#main,
#main_center,
#main_inner
{
	padding: 0;
	margin: 0;
}
#main
{
	background-color: #FFF;
	margin: 0;
	/*height: 1200px; */
}

#main_inner
{
	
}

#main_site
{
	padding: 0 13px 0 14px;
	padding: 0;
	
	background-image: 		url(../images/commons/bkg_footer.jpg);
	background-position: 	bottom left;
	background-repeat: 		no-repeat;
	padding-bottom: 		465px;
}

/**********************************
 * Barre de login
 **********************************/
#login_line 
{
	
	font-size: 8pt;
}
#login_line a:link,
#login_line a:hover,
#login_line a:active,
#login_line a:visited
{
	color: #2C2C2C;
}
 
/**********************************
 * PathFinder
 **********************************/
#pathfinder
{
	padding: 10px 14px 0px 14px;
}

#pathfinder .itemlast,
#pathfinder .separator,
#pathfinder .itemlink:link,
#pathfinder .itemlink:hover,
#pathfinder .itemlink:active,
#pathfinder .itemlink:visited
{
	display: inline;
	font-size: 8pt;
	color: #2C2C2C;
}

 
 
/**********************************
 * Zone de lien utilitaire
 **********************************/
#utilities
{
	position: 		absolute;
	top: 			0;
	width: 			660px;
	padding: 		5px 0;
	text-align: 	left;
	font-size: 		8pt;
	color: 			#515151;
	color: 			#C9C8C8;
}

#utilities ul,
#utilities li
{
	margin: 	0;
	padding: 	0;
}

#utilities li
{
	display: inline;
	list-style-type: none;
}
#utilities li a:link,
#utilities li a:hover,
#utilities li a:active,
#utilities li a:visited
{
	color: #C9C8C8;
	padding: 0 5px;
}

/**********************************
 * Barre de recherche
 **********************************/
#baseline
{
	font-weight: 	bold;	
	text-align: 	left;
	margin-left: 	80px;
	font-size: 		8pt;
}

/**********************************
 * Barre de recherche
 **********************************/
#toolbar
{
	position: 				absolute;
	top: 					70px;
	
	color: 					#FFF;
	font-weight:			bold;
	padding: 				9px 1px;
	width: 					536px;
}

#toolbar a:link,
#toolbar a:hover,
#toolbar a:active,
#toolbar a:visited
{
	
}

#toolbar input.search
{
	width: 			250px;
	border: 		1px solid #FFF;
	font-size: 		9pt;
	text-align: 	center;
	padding: 		3px 0;
	margin-left: 	0;
}
#toolbarform
{
	padding: 0;
	margin: 0;
}

#toolbarwait
{
	padding: 1px 3px 2px 5px;
}

#toolbar_login
{
}

 
.toolbar_separator
{
	padding: 				2px 5px;
}

#toolbar_caddie
{
/*
	background-image: 		url(../images/commons/toolbar_caddie.jpg);
	background-position: 	left;
	background-repeat: 		no-repeat;
	padding: 				3px 7px 3px 20px;*/
	margin-right:			4px;
	text-align: 			left;
}

#caddie
{
	padding: 				3px 0;
	text-align: 			center;
	white-space: 			nowrap;
	width: 					180px;
	/*color: 				#F90;*/
}

#caddie span
{
	font-weight: 			bold;
	margin-right: 			7px;
	color: 					#739F3D;
}

.caddie_link:link,
.caddie_link:hover,
.caddie_link:active,
.caddie_link:visited
{
	display: 				block;
	padding: 				3px;
	text-align: 			right;
	color: 					#333;
	font-size: 				8pt;
	font-weight: 			normal;
	
	background-image: 		url(../images/commons/toolbar_caddie.png);
	background-position: 	right;
	background-repeat: 		no-repeat;	
}

.toolbar_login
{

}
#toolbar .toolbar_login_link:link,
#toolbar .toolbar_login_link:hover,
#toolbar .toolbar_login_link:active,
#toolbar .toolbar_login_link:visited
{
	display: 				block;
	background-image: 		url(../images/commons/toolbar_account.jpg);
	background-position: 	right;
	background-repeat: 		no-repeat;	
	width: 					104px;
	height: 				25px;
}
#toolbar .toolbar_login_link:link span,
#toolbar .toolbar_login_link:hover span,
#toolbar .toolbar_login_link:active span,
#toolbar .toolbar_login_link:visited span
{
	display:	 			none;
}
 
/**********************************
 * Colonne de gauche
 **********************************/
.zoom_main 
{
	padding-bottom: 		14px;
}
.zoom 
{
	padding-right: 7px;
}
.zoom_left 
{
	text-align: left;
	border-right: 0px solid #AAA;
	padding-right: 7px;
	width: 180px;
}	
.zoom_left .category_list ul,
.zoom_left .category_list li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.zoom_left .category_list ul
{
	/*padding-left: 7px;*/
	margin-bottom: 20px;
}
.zoom_left .category_list .title
{
}

.zoom_left .category_list a:link,
.zoom_left .category_list a:hover,
.zoom_left .category_list a:active,
.zoom_left .category_list a:visited
{
	display: 				block;
	background-color: 		#ECF3FB;
	padding:				2px 0;
	text-decoration: 		none;
	background-color: 		#E8E8E8;
	
	color: 					#4C4C4C;
	background-image: 		url(../images/commons/puce.png);
	background-position: 	5px;
	background-repeat:		no-repeat;
	padding-left: 			16px;
	font-size: 				8pt;
}
.zoom_left .category_list a:hover
{
	background-color: 	#DDD;
}
.zoom_left .category_list a.selected:link,
.zoom_left .category_list a.selected:hover,
.zoom_left .category_list a.selected:active,
.zoom_left .category_list a.selected:visited
{	
	background-color: 		#A00;
	color: 					#FFF;
	background-image: 		url(../images/commons/puce_selected.png);
}

.category_list_notselected  
{
}
.category_list_notselected .box_bg .title
{
	background-image: 		none;
	background-color: 		transparent;
	text-shadow: 			none;
	border: 				0;
	color: 					#888;
	border-bottom: 			1px solid #DDD;
}

/**********************************
 * Footer
 **********************************/
#main_footer
{
	background-color:		#EAEAEA;
	color: 					#333;
	margin-top: 			0;
}
#main_footer .footer_title
{
	font-weight: 	bold;
	font-size: 		11pt;
	margin: 		1px 7px;
	margin-top: 	14px;
	white-space: 	nowrap;
}
#main_footer .footer_description
{
	margin: 		1px 7px;
	font-size: 		8pt;
	margin-bottom: 	14px;
}
#main_footer .picture
{
	float: left;
}
#main_footer .footer_description span
{
	display: 		block;
	color: 			#121B02;
	font-size: 		11pt;
	font-weight: 	bold;
}
#main_footer .footer_picture
{
	margin: 	1px 2px;
	margin-top: 14px;
}
#main_footer .footer_description a:link,
#main_footer .footer_description a:hover,
#main_footer .footer_description a:active,
#main_footer .footer_description a:visited
{
	color: 		#FFF;
	display: 	block;
	text-align: right;
	margin: 	1px 7px;
}

/**********************************
 * AfterFooter
 **********************************/
#main_afterfooter
{
	background-color: 		#000000;
	color: 					#FFF;
	padding: 				21px;
	background-image: 		url(../images/commons/footer.jpg);
	background-repeat: 		no-repeat;
	background-position: 	bottom left;

}
#main_afterfooter .afterfooter_company_name
{
	font-weight: bold;
}
#main_afterfooter .afterfooter_company_address
{
	
	font-size: 8pt;
	color: #CCC;
}
#main_afterfooter .afterfooter_company_description
{
	font-size: 8pt;
	font-weight: bold;
}
#main_afterfooter ul
{
	list-style-type: 	none;
	padding: 			0;
	margin: 			0;
	padding-left: 		7px;
}

#main_afterfooter .title
{
	font-size: 		11pt;
	font-weight:	bold;
}


#main_afterfooter ul a:link,
#main_afterfooter ul a:hover,
#main_afterfooter ul a:active,
#main_afterfooter ul a:visited
{
	background-image: 		url(../images/commons/puce_white.png);
	background-repeat: 		no-repeat;
	background-position: 	left;
	color: 					#FFF;
	font-size: 				8pt;
	padding-left: 			10px;
}

.fianet_sceau
{
	margin-top: 7px;
}

#main_realisation a.keyrio:link,
#main_realisation a.keyrio:hover,
#main_realisation a.keyrio:active,
#main_realisation a.keyrio:visited
{
	background-image: 		url(../images/commons/keyrio_orange.png);
	background-repeat: 		no-repeat;
	background-position: 	top right;
	color: 					#F60;
	font-weight:			bold;
	font-size: 				8pt;
	padding: 				0;
	padding-top: 			0px;
	padding-right: 			7px;
}


#main_realisation a:link,
#main_realisation a:hover,
#main_realisation a:active,
#main_realisation a:visited
{
	color: 					#2C2C2C;
	color: 					#777;
	font-size: 				8pt;
	padding-right: 			7px;
}


#main_realisation
{
	background-color: 	#000;
	color: 				#777;
	font-size: 			8pt;
	text-align: 		right;
	padding: 			7px;
	border-top: 		1px solid #444;
}
.afterfooter_realisation
{
	font-size: 8pt;
}



.advertising_item
{
	margin: 	7px 0 0 7px;
}


.product_availability_picture
{
	width: 50px;
	padding: 0;
	margin: 0;
}



.disconnect:link,
.disconnect:hover,
.disconnect:active,
.disconnect:visited
{
	color: 				#FFF;
/*	padding: 			1px 3px;*/
}




 
/**********************************
 * Autocompletion
 **********************************/
#autocomplete_choices
{
	background-color: 	#FFF;
	border: 			1px solid #000;
	z-index: 			1000000;
	color: 				#333;
	width: 				500px !important;
	
	-moz-box-shadow: 		0px 1px 4px #000;  
    -webkit-box-shadow: 	0px 1px 4px #000;  
    box-shadow: 			0px 1px 4px #000; 
}
.search_ajax_resultbloc
{
	
}
.search_ajax_list
{
	list-style-type: 	none;
	padding: 			0;
	margin: 			0;
}
.search_ajax_list li
{
	display: 			block;
	clear: 				both;
	border-bottom: 		1px solid #EEE;
}

.search_ajax_list a:link,
.search_ajax_list a:hover,
.search_ajax_list a:active,
.search_ajax_list a:visited
{
	display: 			block;
	color: 				#333;
	padding: 			4px 7px;
	list-style-type: 	none;
	font-size: 			8pt;
	text-decoration: 	none;
}
.search_ajax_list a:link span,
.search_ajax_list a:hover span,
.search_ajax_list a:active span,
.search_ajax_list a:visited span
{
	float: 				right;
	display: 			block;
	color: 				#A00;
}
.search_ajax_list a:hover,
.search_ajax_list a:hover span
{
	background-color: 	#A00;
	color: 				#FFF;
}

.search_ajax_list a:link .picture,
.search_ajax_list a:hover .picture,
.search_ajax_list a:active .picture,
.search_ajax_list a:visited .picture
{
	display: 			none;
	position: 			absolute;
	margin-left: 		500px;
	padding: 			6px;
	background-color: 	#FFF;
	border: 			1px solid #000;
}
.search_ajax_list a:hover .picture
{
	display: 			block;
}

#newsletter
{
	position: 			absolute;
	margin-top: 		192px;
	margin-left: 		165px;
}
#newsletter .newsletter_input
{
	border: 			3px solid #252525;
	padding: 			2px;
	width: 				200px;
	text-align: 		center;
}
