@import "font.css";
/*@import "form.css";*/

* { margin: 0px; padding: 0px; }

html, body { background-color:#4C4C4C; text-align:center; padding:6px;}

img { border: 0px;}

/* Changer le curseur par défaut sur les images avec un onclic*/
.img_btn{cursor:pointer;}

#bloc_copyright
{
	margin-top:5px;
	color:#CCCCCC !important;
	font-size:12px !important;	
}

hr {height: 1px; border: #424242 solid 1px;}
#contenu hr {height: 10px;background-color:#6E6E6E;border: 0px;margin:0px;clear:both;width:880px;}

input, textarea, select {
	border: #6E6E6E solid 1px;
	padding: 2px 2px 4px 2px;
	color:#333333;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
input{ height: 12px; }
input.high{ height: 18px; margin-bottom:0px; margin-top:-2px;}
.spacer{ width:auto; height:1px; clear:both; overflow:hidden; }
input.bouton{ height: auto; width:auto; border:0px;}


#blanc{background-color:#FFFFFF; width:900px; margin:auto; }
#blanc #blanc_haut{ height:10px; width:900px;}
#blanc #blanc_milieu{width:880px; padding:0px 10px 0px 10px; text-align:left;}
	#blanc #blanc_milieu #top{width:880px; height:105px; background-color:#424242; overflow:hidden;}
		#blanc #blanc_milieu #top #top_haut{width:880px; height:10px; background-image:url(../../images/top_haut.gif); z-index:0;}
		#blanc #blanc_milieu #top #top_entete{height:60px; width:850px; padding:0px 15px 0px 15px; border-bottom:1px solid #FFFFFF;}
		#blanc #blanc_milieu #top #top_entete #logo{width:100px; height:60px; float:left; margin-top:-5px; z-index:2;}
		#blanc #blanc_milieu #top #top_entete #logo2{width:152px; height:48px; float:left; margin-top:3px; z-index:2;}
		#blanc #blanc_milieu #top #top_entete #titre{width:340px; height:21px; float:left; padding-top:9px; }		
		#blanc #blanc_milieu #top #top_entete #titre h1{ margin-bottom:5px;}
		#blanc #blanc_milieu #top #top_entete #langue{width:20px; height:18px; float:right; text-align:right; padding-right:30px; _padding-right:34px; font-size:10px;}
		#blanc #blanc_milieu #top #top_entete #canada{width:325px; height:30px; float:left; text-align:right; color:#FFFFFF;}		
		#blanc #blanc_milieu #top #top_entete #canada img{float:right; margin-left:10px;}
		#blanc #blanc_milieu #top #top_entete #canada p{padding:0px; margin:0px; margin-top:14px;}
		#blanc #blanc_milieu #top #top_entete #sstitre{width:325px; height:30px; float:left; }
		#blanc #blanc_milieu #top #top_entete #logo_petit{width:77px; height:35px; float:right; margin-top:-6px; margin-right:0px;}
		
		/*#blanc #blanc_milieu #top #top_menu{height:34px;width:880px;}*/
		#blanc #blanc_milieu #top #top_menu #menug{width:8px;height:34px; float:left; overflow:hidden;}
		#blanc #blanc_milieu #top #top_menu .menu{width:757px;height:24px; _height:34px; padding-top:10px; float:left; overflow:hidden; 
											background-image:url(../../images/mnum.gif); background-repeat:repeat-x; }
		/*#blanc #blanc_milieu #top #top_menu .langue{float:left; overflow:hidden; width:100px; text-align:right;}*/
		#blanc #blanc_milieu #top #top_menu #menud{width:15px;height:34px; float:right;}
		
#blanc #blanc_milieu #top #top_menu .menu{width:628px; }

#blanc #blanc_milieu #top #top_menu .usa{float:left; color:#E0E0E0; font-size:10px; width:164px; text-align:right; height:34px; background-image:url(../../images/mnum.gif);}
#blanc #blanc_milieu #top #top_menu .usa .texte{padding:11px 0px; float:left; width:90px; text-align:right;}
#blanc #blanc_milieu #top #top_menu .usa .texte a, #blanc #blanc_milieu #top #top_menu .usa .texte a:visited{font-weight:bold;}
#blanc #blanc_milieu #top #top_menu .usa .texte a:hover{font-weight:bold; text-decoration:none; color:#FFFFFF;} 
#blanc #blanc_milieu #top #top_menu .usa img{margin-top:6px; margin-right:3px;}

#blanc #blanc_milieu #top #top_menu .langue{width:65px;}		
		
	#blanc #blanc_milieu #sousmenu{position:absolute; width:880px; height:17px; top:120px; overflow:hidden;}
	#blanc #blanc_milieu #sousmenu .ss{height:16px; visibility:hidden; top:0px; padding:0px 8px; background-color:#424242; color:#FFFFFF; font-size:11px; position:absolute;}
	#blanc #blanc_milieu #sousmenu .transp{background-color:transparent; width:0px; height:0px;}
	#blanc #blanc_milieu #adresse{width:880px; height:44px; margin-top:10px; background-color:#424242; line-height:12px;clear:both; overflow:hidden;}
	#blanc #blanc_milieu #adresse #adresseg{width:15px;height:44px; float:left;}
	#blanc #blanc_milieu #adresse #adressel{width:50px;height:44px; float:left; padding-top:5px;}
	#blanc #blanc_milieu #adresse #adressem{width:730px;padding-top:3px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-align:center;}
	#blanc #blanc_milieu #adresse #adressed{width:15px;height:44px; float:right;}

#contenu{width:880px; min-height:105px; margin-top:10px; clear:both; overflow:hidden;}
#contenuErrorPage{width:880px; min-height:105px; margin:50px 0px 30px 20px; clear:both; overflow:hidden;}
#contenu *{overflow:hidden;}

#contenu .h25{height:25px; clear:both; width:100%; background-color:#424242;}
#contenu .h25 .txt{text-align:center; padding-top:5px; color:#FFFFFF; width:830px;}

#blanc #blanc_bas{height:10px; width:900px; clear:both;}
#bas{width:800px; margin:auto; color:#a0a0a0; padding-top:10px; line-height:20px;}	
#contenu .login{clear:both; padding-top:3px; width:80px;}
	#contenu .login a{font-size:10px; color:#666666;}
	#contenu .login a:hover{color:#424242;}
#contenu .login_petit{font-size:10px; width:100%; text-align:right;}
#contenu .input_login{width:160px;}
#contenu .bt_login{height:22px; width:90px; background-color:#999999;}

#contenu .box_2tiers{width:582px;}
	#contenu .box_2tiers .box{width:286px; margin-top:10px; height:138px;}
		#contenu .box_2tiers .box .item, 			#contenu .box_1quart .content .item, .item_fleche{background-image:url(../../images/zoneacc_fleche.gif); padding:3px 0px 2px 17px; background-repeat:no-repeat;}
		#contenu .box_2tiers .box .item .titre, 	#contenu .box_1quart .content .item .titre{font-size:11px; margin:0px; padding:0px; line-height:11px;}
		#contenu .box_2tiers .box .item .titre a, 	#contenu .box_1quart .content .item .titre a{font-size:11px; line-height:11px; color:#424242; text-decoration:none;}
		#contenu .box_2tiers .box .item .titre a:hover, #contenu .box_1quart .content .item .titre a:hover{font-size:11px; line-height:11px; color:#999999; text-decoration:underline;}
		#contenu .box_2tiers .box .item .sstitre, 	#contenu .box_1quart .content .item .sstitre{font-size:9px; margin-top:-1px; padding:0px; line-height:9px;}
#contenu .box_1tier{width:286px;}
	#contenu .box_1tier .top{width:286px; height:10px; background-color:#ffffff; background-image:url(../../images/fond_top_tier.gif);}
	#contenu .box_1tier .content {width:258px; background-color:#ffffff; padding:4px 14px; background-image:url(../../images/fond_mid_tier.gif);}
	#contenu .box_1tier .content p{margin-bottom:2px;}
	#contenu .box_1tier .content hr{margin:10px 0px; _margin:0px; height:1px; width:258px; background-color:#6E6E6E;}
	#contenu .box_1tier .bas{width:286px; height:10px; background-color:#ffffff; background-image:url(../../images/fond_bas_tier.gif); margin-bottom:10px;}
	#contenu .box_1tier input {height:15px !important;}
	#contenu .box_1tier input.search_inactive{width:230px; background-color:#eeeeee; border:1px solid #555555; color:#8C8C8C;}
	#contenu .box_1tier input.search_active{width:230px; background-color:#ffffff; border:1px solid #555555; color:#000000;}




#contenu .box_3quarts{width:661px;}

#contenu #soustitre{width:661px; height:44px; background-color:#424242;}
	#contenu #soustitre #gauche{width:15px;height:44px; float:left; background-image:url(../../images/adresse_gauche.gif);}
	#contenu #soustitre #content{width:631px; padding-top:6px; float:left; font-size:11px; color:#FFFFFF; background-color:#424242;}
	#contenu #soustitre #droite{width:15px;height:44px; float:right; background-image:url(../../images/adresse_droite.gif);}

#contenu #bloc_telechargement{width:633px; padding:31px 14px;}
/*	#contenu #bloc_telechargement a, #bloc_telechargement a:visited{color:#6E6E6E;text-decoration:none;}
	#contenu #bloc_telechargement a, #bloc_telechargement a:visited{color:#6E6E6E;text-decoration:none;}
*/
#contenu #texte{width:633px; padding:31px 14px;}
#contenu #texte input.bt{height:20px; background-color:#CCCCCC;}

	#contenu #texte .col_rondelle{width:300px; float:left; }
		#contenu #texte .col_rondelle .rondelle{width:300px; margin-bottom:10px; }
			#contenu #texte .col_rondelle .rondelle img{float:left;}
			#contenu #texte .col_rondelle .rondelle .titre{float:left; margin-top:12px; font-size:14px; font-weight:bold;}
	#contenu #texte .col_chiffre{width:560px; float:left; }
		#contenu #texte .col_chiffre .chiffre{width:560px; margin-bottom:20px; }
			#contenu #texte .col_chiffre .chiffre img{float:left;}
			#contenu #texte .col_chiffre .chiffre .texte{float:left; margin-top:4px; margin-left:10px; width:520px;}


#contenu #categorie{width:661px; height:44px; background-color:#424242;}
	#contenu #categorie #gauche{width:15px;height:44px; float:left; background-image:url(../../images/adresse_gaucher.gif);}
	#contenu #categorie #content{width:631px; padding-top:3px; float:left; font-size:11px; color:#FFFFFF; background-color:#424242; background-image:url(../../images/adresse_raye.gif);}
		#contenu #categorie #content .code{width:90px; color:#CCCCCC; margin:0px 10px 0px 130px; _margin-left:65px; float:left; text-align:left; padding-left:10px;}
		#contenu #categorie #content .etapes{width:600px; color:#CCCCCC; float:right; text-align:right; margin-top:0px;}
		
		#contenu #categorie #content .description{width:110px; color:#CCCCCC; float:left; margin-top:0px;}
		#contenu #categorie #content .prix{width:268px; color:#CCCCCC; float:right; text-align:right; margin-top:0px; padding-right:2px;}								
			
			#contenu #categorie #content .etapes strong{color:#FFFFFF;}
			#contenu #categorie #content .etapes a{color:#CCCCCC; text-decoration:none;}
			#contenu #categorie #content .etapes a:hover{color:#CCCCCC; text-decoration:underline;}
	#contenu #categorie #contentCart{width:631px; padding-top:3px; float:left; font-size:11px; color:#FFFFFF; background-color:#424242; background-image:url(../../images/adresse_raye.gif);}
		#contenu #categorie #contentCart .code{width:70px; margin:0px 10px 0px 50px; color:#CCCCCC; _margin-left:20px; float:left; text-align:left; padding-left:10px;}
		#contenu #categorie #contentCart .description{width:245px; float:left; margin-top:0px; color:#CCCCCC;}
		#contenu #categorie #contentCart .prix{width:70px; float:left; text-align:left; margin-top:0px; color:#CCCCCC;}
		#contenu #categorie #contentCart .rabais{width:45px; float:left; text-align:left; margin-top:0px; color:#CCCCCC;}
		#contenu #categorie #contentCart .qte{width:60px; float:left; text-align:center; margin-top:0px; color:#CCCCCC;}
		#contenu #categorie #contentCart .total{width:70px; float:right; text-align:right; margin-top:0px; color:#CCCCCC;}
	#contenu #categorie #droite{width:15px;height:44px; float:right; background-image:url(../../images/adresse_droiter.gif);}

#contenu #souscategorie{width:661px; margin:15px 0px 20px 0px;}

#contenu .produit{width:645px; margin:10px 0px; font-size:11px; clear:both;}
	#contenu .produit .image{width:140px; margin-right:5px; float:left;}
	#contenu .produit .code{width:90px; margin-right:10px; float:left; text-align:left; margin-top:6px; padding-left:10px;}
	#contenu .produit .description{width:310px; float:left; margin-top:6px; min-height:74px;}
	#contenu .produit .prix{width:70px; float:right; text-align:right; margin-top:6px;}
	#contenu .produit .boutons{width:450px; float:right; text-align:right; margin-top:8px;}
	#contenu .produit hr{width:390px; float:right; height:1px; margin-bottom:12px; margin-left:253px; background-color:#CCCCCC;}
	
#contenu .panier{width:635px; margin:10px 0px; font-size:11px; padding-left:10px;}
	#contenu .panier .image{width:50px; margin-right:5px; float:left;}
	#contenu .panier .code{width:70px; margin-right:10px; float:left; text-align:left; margin-top:6px; padding-left:10px;}
	#contenu .panier .description{width:235px; float:left; margin-top:6px; padding-right:10px; overflow:auto;}
	#contenu .panier .prix{width:70px; float:left; text-align:left; margin-top:6px;}
	#contenu .panier .rabais{width:45px; height:35px; float:left; text-align:center; margin-top:6px;}
	#contenu .panier .qte{width:47px; float:left; text-align:right; margin-top:6px;}
		#contenu .panier .qte input{width:20px; margin-bottom:0px;}
	#contenu .panier .total{width:70px; float:right; text-align:right; margin-top:6px;}
	#contenu .panier .boutons{width:190px; float:right; text-align:right; margin:8px 0px 8px 0px;}
	#contenu .panier hr{width:635px; float:right; height:1px; margin-top:2px;}
	
#contenu .suggestions{width:641px; margin:20px 10px; }
	#contenu .suggestions strong{ font-size:14px;}	
	#contenu .suggestions .item{margin-right:16px; width:203px;}
	#contenu .suggestions .item .top{height:12px; background-image:url(../../images/zone_pale_top.gif); width:203px;}
	#contenu .suggestions .item .mid{height:auto; background-image:url(../../images/zone_pale_mid.gif); width:203px; padding:0px 10px;}
		#contenu .suggestions .item .mid .prix{float:right; margin-right:22px; margin-left:5px; text-align:center;}
		#contenu .suggestions .item .mid .nom{margin-bottom:6px; font-weight:bold;}
		#contenu .suggestions .item .mid .bouton{text-align:center; margin-top:10px;}
	#contenu .suggestions .item .bas{height:12px; background-image:url(../../images/zone_pale_bas.gif); width:203px;}
	
#contenu .order{ margin:20px 10px 10px 14px;}
	#contenu .order .col1{ width:110px; clear:both; margin-top:4px;}	
	#contenu .order .col2{ width:120px; margin-top:4px; text-align:center;}	
	#contenu .order .col3{ width:110px; margin-top:4px; text-align:center;}	

	
#contenu .boutonG{width:430px; float:left; text-align:left;}
#contenu .boutonG IMG{margin-right:5px;}
#contenu .boutonD{width:200px; float:right; text-align:right;}
#contenu .boutonD IMG{margin-bottom:8px;}

#contenu .boutonD_bas{width:250px; float:right; text-align:right;}
#contenu .boutonD_bas IMG{margin-bottom:8px;}

#contenu .apayerG{width:550px; float:left; margin-top:2px; padding-right:10px; clear:both; text-align:right;}
#contenu .apayerD{width:70px; float:right; margin-top:2px; text-align:right; font-size:11px;}

#contenu #formulaire{width:641px; padding:20px 10px;}
	#contenu #formulaire .col{width:310px; text-align:left;}
	#contenu #formulaire .col input, #contenu #formulaire .col textarea, #contenu #formulaire .col select{width:280px;}
	#contenu #formulaire .col .checkbox, .checkbox {border:0px;}
	#contenu #formulaire .col .checkbox input{width:auto; margin-bottom:1px; margin-right:2px; border:0px;}
	#contenu #formulaire .col textarea{ overflow:visible;}
	
	#contenu #formulaire .hradresse{padding:20px 0px; _padding:12px 0px; clear:both; width:100%;}
	#contenu #formulaire .hradresse hr{height:1px; width:190px; margin:0px; background-color:#CCCCCC;}
	
	#contenu #formulaire .tier{width:197px; text-align:left; padding: 5px; min-height:140px; _height:140px;}
		#contenu #formulaire .tier hr{width:180px; height:1px; margin-bottom: 8px; _margin:-4px 0px 0px 0px;}	
	#contenu #formulaire .tier_border{width:185px; text-align:left; padding: 10px; border:1px solid #cccccc; min-height:140px; _height:140px;}
	#contenu #formulaire .tier_border{width:185px; text-align:left; padding: 10px; border:1px solid #cccccc; min-height:140px; _height:140px;}
		#contenu #formulaire .tier_border hr{width:185px; height:1px; margin-bottom: 8px; _margin:-4px 0px 0px 0px;}	
	#contenu #formulaire .tier_double{width:414px; text-align:left; padding: 5px;}
		#contenu #formulaire .tier_double hr{width:397px; height:1px; margin-bottom: 8px; _margin:-4px 0px 0px 0px;}	
		#contenu #formulaire .tier_double hr.panier{width:397px; height:1px; background-color:#CCCCCC; color:#CCCCCC; margin:5px 0px; _margin:0px;}	
	#contenu #formulaire .tier_double_border{width:402px; text-align:left; padding: 10px;  border:1px solid #cccccc; min-height:140px; _height:140px; _height:auto;}
		#contenu #formulaire .tier_double_border hr{width:402px; height:1px; margin-bottom: 8px; _margin:-4px 0px 0px 0px;}	
	#contenu #formulaire .tier .bouton, #contenu #formulaire .tier_border .bouton, #contenu #formulaire .tier_double_border .bouton{position:relative; top:125px; height:30px; margin-bottom: -30px; text-align:right;}

#contenu .box_1quart{width:214px; background-color:#FFFFFF; margin-left:-2px; margin-right:5px; float:left;}
	#contenu .box_1quart .top{width:214px; height:10px; background-color:#FFFFFF; background-image:url(../../images/fond_top_quart.gif);}
	#contenu .box_1quart .content {width:185px; background-color:#FFFFFF; background-image:url(../../images/fond_mid_quart.gif); padding:4px 15px 4px 16px;}
	#contenu .box_1quart .content p.petit{font-size:11px; line-height:12px;}
	#contenu .box_1quart .content p{margin-bottom:2px;}
	#contenu .box_1quart .content hr{margin:5px 0px 10px 0px; _margin:0px; height:1px; width:183px; background-color:#6E6E6E; color:#6E6E6E;}
	#contenu .box_1quart .bas{width:214px; height:10px; background-color:#FFFFFF; background-image:url(../../images/fond_bas_quart.gif); margin-bottom:10px;}
	#contenu .box_1quart input {height:15px !important;}
	#contenu .box_1quart input.search_inactive{width:160px; background-color:#eeeeee; border:1px solid #555555; color:#8C8C8C;}
	#contenu .box_1quart input.search_active{width:160px; background-color:#ffffff; border:1px solid #555555; color:#000000;}
	#contenu .box_1quart .prix{clear:both; font-size:11px; padding-right:4px; text-align:right; width:180px;}
	#contenu .box_1quart img.topsellers{ width:50px; height:40px; border: 1px solid #424242; float:left; margin:0px 10px 6px 0px;}

#contenu .moyen{background-color:#BCBCBC; background-image:url(../../images/zone_degrade_moyen.gif);}
#contenu .fonce{background-color:#ADADAD; background-image:url(../../images/zone_degrade_fonce.gif); color:#9C9C9C; }
#contenu .pale{background-color:#D5D5D5;}

#contenu .gauche{float:left; margin-right:10px;}
#contenu .droite{float:right;}

#contenu .box_2tiers .txt{position:relative; left:14px; top:-3px; width:554px; height:286px;}
#contenu .box_1tier .txt{position:relative; left:14px; top:-3px; width:262px; height:286px;}
#contenu .box_1tier .txt p{margin-bottom:6px; line-height:14px; font-size:11px;}

#contenu #mainform{border:0px; margin:20px;}
#contenu #mainform div{ vertical-align:top; padding-top:6px; color:#000000;}
#contenu #mainform div input.text, #contenu #mainform div textarea{ width:300px; border-color:#666666;}
#contenu #mainform div input.button{ height:auto;}

.table_orders
{
	text-indent:10px;
	
}


.iframe_repl_sb
{
	width:650px;
	height:150px;
}

#loadingDiv
{
	background-color:#FFFFFF !important;
	position:absolute !important;
	z-index:100 !important;
	left: 50% !important;
	top: 50% !important;
	width: 236px !important;
	height:55px;
	border:solid 1px #000000 !important;
	margin-left: -118px !important; /* moitié de la largeur */
	padding:10px 0px 10px 0px !important;
	font-family:Verdana, Arial;
	font-size:14px!important;
	color:#000000 !important;
	display:none;
}

#bottom #bloc_copyright a, #bottom #bloc_copyright a:visited { color:#E0E0E0; text-decoration:none !important;}
#bottom #bloc_copyright a.lien_sogix:hover{ color:#E0E0E0; text-decoration:underline !important;}


/* Exploded Part Selector */

#bloc_body
{
	text-align:center;		
}

#bloc_exploded_view
{
	width:880px;
	height:410px;
	margin:0px !important;
	padding:0px;
	overflow:hidden;	
}

#img_exploded_view
{
	width:880px;
	height:410px;
	margin:0px !important;
	padding:0px;
}

#iFrame_cart
{
	width:880px;
	height:160px;
	padding: 0px;
	border: none;
	margin:0px !important;
	padding:0px;
	 
}

.bloc_pays_usa{ margin-top:15px;}
.bloc_pays_canada{ margin-top:15px;}
.bloc_pays_europe{ margin-top:15px;}
.filet_rouge{background:url(../../images/bas_acc_ligne.gif) no-repeat; height:2px; margin-bottom:7px; margin-left:3px;}
.bloc_pays .bloc_logo_1	{float:left;}
.bloc_pays .bloc_text	{float:left; padding:10px 0px 0px 4px;}
.bloc_pays .bloc_logo_2	{float:right;}

/*Bloc suggestion d'adresse dans la validation fedex*/
.fedex_zone {border-bottom:1px solid #dadada;  width:285px; background-image:url(../../images/fedex_zone.gif); padding: 10px; padding-top:40px;}
.fedex_zone input{background:#f0f0f0; border-color:#b0b0b0;}


/* Page Contact Form */

#bloc_choix_sujet
{
	margin-bottom:15px;		
}

.contact_form_confirmation
{
	font-weight:bold;
	font-size:14px;	
}

.celPageSelect{margin:15px; clear:both;}
.celPageSelect .pageof{float:left;}
.celPageSelect .controls{float:right; font-size:11px;}
.celPageSelect .controls *{float:left;}
.celPageSelect .controls #ddlPolicyPage2, .celPageSelect .controls #ddlPolicyPage2b{border:1px solid #414141; color:#414141; margin:0px 5px 0px 0px;}
.celPageSelect .controls .btnPrevPage, .celPageSelect .controls .btnNextPage {width:54px; height:18px; padding:0px; margin-left:5px; border:0px;}
.celPageSelect .controls .btnPrevPage{ margin-left:15px;}
.celPageSelect .controls select{ margin-bottom:5px;}
hr.HRcelPageSelect {clear:both; height:1px!important; border:0px; margin:15px 15px 25px 5px!important; width:640px!important; padding:0px; background-color:#CCCCCC!important; float:left;}

/* Page Contact Form */

#bloc_choix_sujet
{
	margin-bottom:15px;		
}

.contact_form_confirmation
{
	font-weight:bold;
	font-size:14px;	
}