/* CSS Document */

html{
	padding:0;
	margin:0;
}
body{
	height:100%;
	padding:0;
	margin:0;
	background:url( images/background.gif ) repeat center;
	font-family:Verdana, sans-serif;
	font-size:62.5%;
	

}

.left{float:left}
.right{float:right}
.clear{clear:both}

a{color:#04477A}
/*****************
	 template	  
*****************/
#hiddenModal{display:none}

#container{	
	width:960px;
	margin:10px auto 0;
	background-color:#fff;	
	font-size:1.1em;


	border:1px solid #ccc;	

	padding:0px;
	background:#fff url(images/menubg.png) top left repeat-y
} 

.header{
	clear:both; 
	border-bottom:10px solid #04477A;
	margin-bottom:1px;
	background-color:#fff;
}

.header h1.bandeau{
	font-family: Verdana, sans-serif;	
	font-size:2.5em;
	color:#000;
	background-color:#EFEFEF;
	margin:0;
	height:90px;
	
	background:url(images/bandeau.png) no-repeat center left;
	background-position: 10px 10px;
}

.header h1.bandeau a{
	color:#000;
	text-decoration:none;
	display:block;	
	width:280px;
	height:90px;	
	float:left
}

.header a{
	color:#000;
	text-decoration:none;
}
.header a small{
	color:#0569B5;
	font-size: 0.5em;
}
.header span{display:none}

.page{
	clear:both;
	padding-bottom:15px;
}



/*****************
	 menu	  
*****************/

div.menu{
	float:left;
	width:150px;
	padding:0px;
	margin:0px 0px 0;
	font-size:1em;
	z-index:1;

	/*background: url(images/logo.png) no-repeat bottom center;*/
}
div.menu h3{
	font-size:1.4em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color:#111;
	font-weight:bold;
	margin:0px;
	margin-left:10px;
	padding:4px;

	background: url(images/menuh3.png) repeat-x bottom center;
	border:1px solid #fff;
	border-bottom:0px;
	color:#fff;
}
div.menu h3.accueil{
	font-size:1.4em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color:#111;
	font-weight:bold;
	margin:0px;
	margin-left:10px;
	padding:4px;

	background: url(images/menu_accueil.png) repeat-x bottom center;

	border-bottom:0px;
	color:#fff;
}
div.menu h3 a{
	color:#fff;
	display:block;
	text-decoration:none
}

div.menu ul{
	list-style:none;	
	margin:0px 0px 0px 10px;
	padding:0 0 00px;
	z-index:10;	
	clear:both;
	_height:1%;
	background-color:#fff;
}
div.menu ul ul {
	margin:0px;
	margin-left:1px;
	z-index:100;

}
div.menu li{
	position:relative;
	float:left;
	width:138px;
	margin-bottom:0px;
	background-color:#F2FCFF;
	border:1px solid #fff;
	z-index:10;	

}
div.menu li li{
/*	margin:0px 0 1px;*/
	margin:0px;
	border:0px;
	z-index:20;		
	width:150px;	
}

ul.menu{
	clear:both;
	padding:0px 0 0 ;
	margin:0px;	
	list-style:none;
	line-height:1.5em;
}

ul.menu a{
	font-family:Arial, Verdana, sans-serif;	
	padding:3px 5px;
	display:block;	
	color:#333;		
	text-decoration:none;

	width:auto !important;
	_width:128px;	 /* ie6 */
}
ul.menu a:hover{
	text-decoration:none;
}
ul.menu ul{
	position:absolute;
	top:-1px;
	left:138px;	
	padding:0px 0 0 ;
	background-color:#D9E8F0;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}
ul.menu ul a{color:#ffff;_width:140px;}

ul.menu li.hover a{
	color:#111;	
	background-color:#D6E6EF;
}
ul.menu li.hover a:hover {text-decoration:none}

ul.menu li.on{font-weight:normal;} 
ul.menu li.on li{font-weight:normal;}
ul.menu li.on li a {
	color:#111;
	background-color:#D6E6EF;
	font-weight:normal;
	background-image:none;
}
ul.menu li.on a, ul.menu li.on li.on a {
	color:#fff;
	background-color:#029BE7;
	font-weight:bold;
	background:#029BE7 url(images/menu_on.png) no-repeat center right;
}
ul.menu li.on li.on a{
	background-image:none
}


/*****************
	 langues	  
*****************/

div.langues{
	position:absolute;
	margin-top:25px;
	margin-left:340px;
	color:#999
}

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

ul.langues li{
	float:left;
	margin:5px;
}
ul.langues li a{
	float:left;
	display:block;
	width:25px;
	height:17px;
	border:2px solid #fff;
}
ul.langues li a.on{
	border:2px solid #3684B1;
}
ul.langues li a.fr{
	background: url(/lang/images/fr.gif) no-repeat center;
}
ul.langues li a.en{
	background: url(/lang/images/en.gif) no-repeat center;
}
ul.langues li a.es{
	background: url(/lang/images/es.gif) no-repeat center;
}
ul.langues li span{display:none}


/*****************
	 content	  
*****************/
div.content{
	z-index:10;
	padding:5px;
	margin:0px 10px 10px;
	float:right;
	width:740px;	
}
div.content h3{
	font-family:"Trebuchet MS", Verdana, sans-serif;	
	font-size:2em;
	margin:0.5em 0;
	padding:0px;
	color:#04477A;

}


div.content h3 a{
	color:#04477A;
	text-decoration:none
}
div.content h3 a:hover{
	text-decoration:underline
}
div.content h4{
	font-family:"Trebuchet MS", Verdana, sans-serif;	
	font-size:1.8em;
	margin:0.5em 0;
	padding:0px;
	color:#04477A;
}

div.content .bloc_facturation{
	width:45%;
	float:left;
	padding-bottom:2em
}
div.content .bloc_livraison{
	width:45%;
	float:left;
	margin-left:30px;
	padding-bottom:2em
}

div.content .sommaire{display:none}

/*****************
  footer	  
*****************/
div.footer {	
	clear:both;
	padding:5px;	
	text-align:center;
	color:#fff;
	background-color:#111;
	border-top:4px solid #04477A;
}
div.footer a{
	color:#fff;
}


div.paiement{
	text-align:center;
	padding-bottom:10px;
}

/*****************
  accueil	  
*****************/
div.accueil div.image,
div.recherche div.image{
	float:left; 
	width: 165px; 
	
	margin:5px;
	text-align:center;
}
div.accueil div.image a,
div.recherche div.image a{
	text-decoration:none;
	color:#111;
	display:block;
	padding:5px;
	
	height:180px;
}


/*****************
  recherche	  
*****************/
form.recherche{padding:0 0 0px;margin:10px;
	border:1px solid #408CA9 ;
	background-color:#fff
}
form.recherche .recherche_input{
	background-color:#fff;
	color:#265363;
	padding:3px 1px;
	border:0px ;
	text-align:left;	
	width:102px;
	font-size:.8em;
	float:left;

}
form.recherche .recherche_submit{
	color:#fff;
	border:0px;
	height:20px;
	width:24px;
	background:#408CA9 url(/images/picto/recherche.gif) no-repeat center;	
	_float:left;
}



/*****************
  bloc panier	  
*****************/
#bloc_panier{
margin:15px;

}
.bloc-panier{
	margin:0px;	
	background:transparent url(images/panierbg.jpg) no-repeat top left;
	border:1px solid #fff;
	width:128px;
	height:108px;
	color:#fff;
	

}
.bloc-panier a{color:#fff;}
.bloc-panier-titre{
	margin:0 0 10px;
	padding:0 0px 2px;
	text-align:center;

	font-size:1.2em;
	font-family:"Trebuchet MS", Verdana, sans-serif
}

.bloc-panier-produits{
	margin:0;
	padding:0px;
	font-size:.9em;
	text-align:center;
	padding:3px;
}

.bloc-panier-prix{
	padding:3px;
	font-size:1em;
	font-weight:bold;
	text-align:center;
}

.bloc-panier-vide{
	color:#eee;
	text-align:center;
	padding:40px 20px 0 ;
}
.bloc-panier-lien{
	margin:5px 10px 0;
	padding:5px;
	text-align:center;
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	

}


/*****************
  table.panier	  
*****************/
table.panier{
/*
	border:1px solid #ccc;
	padding:0 1px 1px;
*/
}
table.panier th{
	font-family:Arial, Verdana, sans-serif;
	font-size:13px;
	padding:8px 10px;
	color:#252525;
	white-space:nowrap;
	line-height:1.3em;
	background-color: #CDE1F0;
	border-bottom:1px solid #76B3DB;
	border-top:1px solid #fff;	
}
table.panier td{
	padding:5px;
}
table.panier tr.r0 td{
	background-color: #f4f4f4;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd;
}
table.panier tr.r1 td{
	background-color: #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd;
}
table.panier a.produit-picture{
	color:#04477A
}

/*****************
  table.panier_total	  
*****************/
table.panier_total{ float:right; margin:1em 50px;}

table.panier_total th,
table.panier_total td{
	padding:5px 10px;
}
table.panier_total .total_ht th,
table.panier_total .total_ht td{
	 color:#111;	
	 font-weight:normal
}
table.panier_total .total_tva th,
table.panier_total .total_tva td{
	 color:#111;	
	 font-weight:normal
}

table.panier_total .total_ttc th{
	color: #0569B5;
	font-size:1.2em;
	border:1px solid #0569B5;
	border-left:0px;	
	border-right:0px;	
} 
table.panier_total .total_ttc td{
	background-color: #0569B5;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;

	border:1px solid #0569B5;
	border-left:0px;	
	border-right:0px;		
} 


table.panier_total .total_ttc_fr th,
table.panier_total .total_ttc_fr td{
	 color:#111;	
	 font-weight:normal
}


a.lien_panier{
	font-family:Arial, Verdana, sans-serif;
	font-size:13px;
	color:#0569B5;
	display:block;
	text-align:center
}

/*****************
  categorie liste
*****************/ 

.categorie_liste{	width:680px;}
.categorie_liste a{	font-size:1.4em;color:#0569B5; text-decoration:none}
.categorie_liste a:hover{color:#0569B5;text-decoration:underline}
.categorie_liste tr{}
.categorie_liste td{border-top:10px solid #fff;	padding:5px;}
.categorie_liste tr.r0{	background-color:#fff;}
.categorie_liste tr.r1{	background-color:#f4f4f4;}

.categorie_liste a.detail{
	margin:10px 5px; 
	font-size:.9em;
	font-weight:bold;
	display:block;
	float:left;
}
.categorie_liste div.prix{ margin:5px;padding:5px;}
.categorie_liste div.prix span.prix_ttc{font-weight:bold;}
.categorie_liste div.prix span.prix_ttc_unite{font-weight:bold;}
.categorie_liste div.prix span.prix_ht,
.categorie_liste div.prix span.prix_ht_unite{	font-weight:normal;	font-style:italic;}
.categorie_liste td td{	border:0px;}

.categorie_liste .ajouter{
	background: transparent url(/images/picto/addPanierSmall.gif) no-repeat center;
	width:40px;
	height:40px;
	display:block;
	padding:0;
	border:0;
	margin:0;
	cursor:pointer;
}

.categorie_liste div.produit-picture a.picture img{}
.categorie_liste div.produit-picture a.picture:hover img{}

div.categorie-picture{ 
	float:right;
	padding:2px;
	margin-top:-13px;

	background-color:#fff;
	text-align:center;
	width:150px;
}

div.description{
	color:#0569B5;
	margin:5px 0;
	clear:left;
}
div.numproduits{
	font-weight:bold;
	margin:5px 0;
	clear:left;
}

div.categories{
	padding:10px 10px 50px 10px;
	width:75%;
	background: #eee url(images/madein.gif) no-repeat bottom left;
	font-size:1.2em;
	color:#666;
	float:left
}
div.categories a{
	color:#04477A;
	text-decoration:none
}
div.categories a:hover{
	text-decoration:underline;
}
div.categories a.on{
	font-weight:bold;
	text-decoration:none
}

div.categories-path{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#333;
	margin:0.5em 0;
}
div.categories-path a{
	color:#333;
	text-decoration:none;
}
div.categories-path a:hover{
	text-decoration:underline
}

/*****************
  produit-details
*****************/

.produit-details{ width:100%;}
.produit-details a{	color:#333;}
.produit-details a:hover{color:#0569B5}

.produit-details .produit-picture{
	float:right;
}

.produit-details .produit_nom{
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:1.3em;
	text-decoration:none;
	display:block;
}
.produit-details .produit_nom a{
	text-decoration:none;
}

.produit-details .produit-etiquette{
	background:url(images/etiquette.png) no-repeat center;
	height:88px;
	width:214px;
	float:right;
	clear:both;
}
.produit-etiquette table{
	margin-top: 20px;
	margin-left: 90px;
	font-family:Arial, Verdana, sans-serif;
}
.produit-etiquette .prix_unitaire{
	text-align:center;
	display:block;
}
.produit-etiquette .prix_ttc,
.produit-etiquette .prix_ttc_unite{
	font-size:1.6em;	
	font-weight:bold;
}
.produit-etiquette .prix_ht,
.produit-etiquette .prix_hc_unite{

	font-size:1.2em;
}

.produit-details .produit-commander{
	float:right;
	clear:both;
	margin:20px 0 0 20px;
}
.produit-details .produit-commander td {
	padding:5px;
}

.produit-details input.ajouter{
	background: transparent url(images/addPanier.gif) no-repeat top left;
	width:192px;
	height:24px;
	padding:0;
	border:0;
	margin:0;
	cursor:pointer;
}


/*****************
  produit_infos
*****************/
ul.produit_infos{
	list-style:square;
	line-height:1.8em;
	padding:0;
	margin:0 30px;
}

ul.produit_infos .valeur{
	font-weight:bold
}

/*****************
	login
*****************/
.login {
	float:right;	
	padding:8px 8px 0 0 ;

}
.login   td{padding:0px 3px 1px;}
.login  input.email,
.login  input.pass{
	padding:1px;
	font-size:10px;
	border:1px solid #f4f4f4;
	border-right:1px solid #ccc;	
	border-bottom:1px solid #ccc;	
	width:140px;
	font-weight:bold
}
.login  input.login{
	padding:2px;
	font-size:10px;
}
.login  a{
	text-decoration:underline;
}
.login  a:hover{
	text-decoration:none
} 

div.login{
	text-align:right;
}


/*****************
  divers
*****************/

div.produit-picture{
	position:relative;
}

a.zoom{
	position:absolute;	
	top:0px;
	right:0px;
	background: url(images/btn_agrandir.gif) no-repeat center;
	display:block;
	width:44px;
	height:13px;
	padding:5px;

}

div.separateur{
	padding-bottom:10px;	
}


input.button{
	padding:4px 8px;
	
	background-color:#254667;
	color:#fff;
	border-color:#254667;
	border-width:1px;
	/*
	background: url(images/bouton.png) repeat-x top center;

	border:1px solid #999999;*/
	font-weight:bold;
	cursor:pointer;
	font-size: .9em;
}

input.print{

	padding-left:25px;
	background-image:url("/images/picto/print.gif");
	background-repeat:no-repeat;
	background-position: 5px center;
}
a.add,
a.edit{
	padding:4px 8px;
	background: url(images/bouton.png) repeat-x top center;
	border:1px solid #999999;
	font-weight:bold;
	cursor:pointer;
	display:block;
	float:left;
	color:#333;
	text-decoration:none;
	font-size:1.1em;
}
a.add:hover,
a.edit:hover{
	color:#333;
}

a.delete{
	padding:4px 8px;
	background: url(images/bouton_delete.png) repeat-x top center;
	border:1px solid #D53A36;
	font-weight:bold;
	cursor:pointer;
	display:block;
	float:left;
	color: #B90000;
	text-decoration:none
}
a.delete:hover{
	color: #B90000;
}


input.recalcul{
	padding:4px 8px;
	background: url(images/bouton.png) repeat-x top center;
	border:1px solid #999999;
	font-weight:bold;
	cursor:pointer;
	display:block;
	float:right;
	color:#333;
	text-decoration:none; 
	font-size:1.1em;
	width:90px;
	margin:2px 0;
}



/*****************
  standard
*****************/
.floatleft{float:left}
.floatright{float:right}
.marginleft{margin-left:2em}
.marginright{margin-right:2em}

.clear{clear:both}

.important{color:#990000;}
.bloc_error{
 /*- url(images/error.gif) no-repeat 5px 3px ; */
	padding:5px;
	line-height:1.4em;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#fff;
	font-size:1.1em;
	font-weight:normal;
	background: #BF0000 url(/images/picto/error.png) repeat-x top left;

}
.bloc_error a{
	color:#fff;
}
.error{ 
	display:block;
}


.done{
	color:#fff;
	background-color:#94DA44;
	font-family:Verdana, sans-serif;
	display:block;	
	font-size:13px;
	font-weight:bold;

	padding:10px 10px;
	margin:5px auto;
	text-align:center;
	/*
	background: #74D014 url(/images/picto/done.png) repeat-x top left;
	*/
	background-color:#CFF7A8;
	color:#315909;
	border:1px solid #A8F060
}
.done a{
	color:#315909;
	text-decoration:underline;
}


a.back{
	float:right;
	padding:10px;
	margin:0;
	list-style:none;
	background-color:#04477A;
	display:block;
	color:#fff;
}





/****************
	fieldset
***************/

fieldset{
	border: 2px solid #7DA7D0;
	background-color:#F4F8FB
}
fieldset legend{
	font-family:Arial, Verdana, sans-serif;	
	font-size:1.5em;
	margin:0.5em 0;
	padding:0px .5em;
	color:#04477A;
}

fieldset ul{
	list-style:none;
	line-height:1.8em;
	margin:0;
	padding:0;
}
fieldset *{ vertical-align:middle}

legend {
	font-size:1.2em;
	font-weight:bold;

}
fieldset ul{
	list-style:none;
	line-height:1.8em;
	margin:0;
	padding:0;
}
fieldset *{ vertical-align:middle}

/*****************
  navPage
*****************/
.navPage{	padding:5px;}
.navPage .prev{float:right}
.navPage .next{float:right}
.navPage .left{float:left}
.navPage .right{float:right}


/*****************
  etapes
*****************/
ul.etapes{
	font-family:Arial, Verdana, sans-serif;
	font-size:1.3em;	
	margin:0px 0;
	list-style:none;
	padding:20px 0px 30px;
}
ul.etapes li { 
	float:left;
	background: url(images/step.png) no-repeat 7px center;
	opacity:0.3;
	-moz-opacity:0.3;	
	filter:alpha(opacity=30);	
	color:#04477A	
}
ul.etapes li a{
	text-decoration:none;
	color:#04477A	
}
ul.etapes span.numero { 
	padding:0 23px 0 0; 	

}

ul.etapes span.etape { 
	padding:0 15px 0 2px; 	

	color:#04477A;
	
}
ul.etapes li.on { 
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);	
	font-weight:bold !important;
	font-weight:normal; 
}

/*************
	contact
************/

div.contact th{
	padding:5px;
	text-align:right;
}
div.contact td{
	padding:5px;
		text-align:left;
}
div.contact .requis{
	color:#02A3F3;
}
div.contact .requis input{
}

div.contact input.envoyer{
	padding:5px;
	font-weight:bold;
}


/***************
	error_status 	//error.html
******************/
.error_status{
	padding:50px;
	text-align:center;
	
}
.error_status .intro{
	color:#111;
	padding:15px;
}
.error_status .status{
	color:#B90000;
	font-size:2em;
	font-weight:bold;
		padding:15px;
}
.error_status .link{
	padding:15px;
}




/* thickbox */
#TB_caption{
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:18px;
	color:#04477A

}

#TB_modal{
	font-size:1.5em
}


/* jquery / autcomplete */

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	width:100px;
	z-index:1000;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('/images/picto/indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}


#categorie386 .categories,
#categorie384 .categories{
	background-image:none;
	padding:10px 10px 10px 10px;
}