@CHARSET "UTF-8";

body { 
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

img{
	border: none;
	text-align: center;
}

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

a{ text-decoration:none; color:#0081b4 }

/*****************************
 * LE CATALOGUE
 *****************************/

h1{
	font-size:18px;
	color:#0089c0;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:25px;
	line-height:20px;
	background: url(images/puce_titre_categorie.gif) no-repeat;
	display:block;
	margin:0;
}

h2{
	font-size:16px;
	background: url(images/puce_h2.gif) 0 -1px no-repeat;
	padding-left:25px;
	margin:0;
}

h3{
	font-size:14px;
	background: url(images/puce_h3.gif) 0 2px no-repeat;
	padding-left:15px;
	margin-top:20px;
	margin-bottom:10px;
	color:#0089c0;
}

h2 a{
	color:#000;
}


/*****************************
 * HEADER
 *****************************/

div#header{
	height:135px;
	background: url(images/pattern_header1.gif) repeat-x;
}

	div#header_contenu{
		width:955px;
		margin:0 auto;
	}
	
	div#header_contenu img{
		display:block
	}
	
/*****************************
 * MENU DU HAUT
 *****************************/

div#menu_haut{
	height:34px;
	background: url(images/pattern_menu_haut.gif) repeat-x;
}

	div#menu_haut_contenu{
		width:927px;
		margin:0 auto;
		color:#c5c5c5;
	}
	
		ul#menu_haut_liste li{
			width:101px;
			height:26px;
			float:left;
			border-left:1px solid #000;
			text-align:center;
			padding-top:8px;
		}
		
		ul#menu_haut_liste li.last{
			border-right:1px solid #000;
		}

		ul#menu_haut_liste li a{
			color:#c5c5c5;
		}
		
		ul#menu_haut_liste li a:hover{
			color:#5ecaf6;
		}
		
		/**
		 * Moteur de recherche
		 */
		form#formrech{
			float:right;
			width:260px;
		}
		
			form#formrech label{
				font-size:10px;
				text-transform:uppercase;
				font-weight:bold;
			}
			
			form#formrech input#critere{
				width:150px;
				font-size:10px;
				margin-top:7px;
			}
			
			form#formrech input#formrech_submit{
				display:block;
				float:right;
				margin-top:5px;
			}

/*****************************
 * CENTRE
 *****************************/

div#centre_conteneur{
	width:100%;
	background: #00060a url(images/pattern_centre.gif) repeat-x;
}	

	div#centre_back{
		width:100%;
		margin:0 auto;
		background: url(images/back_centre.jpg) top center no-repeat;
		padding-top:20px;
	}	
	
		div#centre_contenu{
			width:927px;
			margin:0 auto; 	
			background: url(images/back_centre_contenu.gif) 0px 200px no-repeat;	
			position:relative;	
		}
		
			div#centre_contenu img#back_menu_gauche{
				display:block;
				position:absolute;
				bottom:0px;
			}


			div#droite{
				width:679px;
				background: #fff;
				float:right;
				padding:15px 20px 30px 25px;	
			}
			
				/** Exception pour la page d'accueil **/
				div.accueil{
					padding-top:30px !important;
					width:689px !important;
					padding-right:10px !important;
				}
			
			/*****************************
 			 * CORPS DE PAGE
 			 *****************************/
			div#corps{
	float:left;
	/*width:468px;*/
				width:600px;
	text-align: justify;
			}
			
				/** Yahoo! NAV **/
				div#yahoo_nav{
					color:#0081b4;
					font-size:10px;
					font-weight:bold;
					margin-bottom:20px;
				}
				
				div#yahoo_nav a{
					color:#000;
				}
				/****************/
				
				p#intro{
					width:453px;
					height:24px; 
					background: url(images/back_intro.gif) no-repeat;
					padding:12px 0 0 15px;
				}
				
				ul#liste_categories{
					width:468px;
				}
				
				ul#liste_categories li{
					width:227px;
					float:left;
					margin:0 0 45px 14px;
					
					/** IE **/
					display:inline;
				}
					ul#liste_categories li.item_left{
						clear:left; 
						margin-left:0;
					}
					
					ul#liste_categories li span.titre_categorie{
						font-size:14px;
						color:#0089c0;
						text-transform:uppercase;
						font-weight:bold;
						padding-left:25px;
						line-height:20px;
						background: url(images/puce_titre_categorie.gif) no-repeat;
						display:block;
					}
					
					div.accueil2{
						width:446px;
						background-color:#efefef;
						border:1px solid #e4e4e4;
						border-top:0;
						padding:0 15px 10px 15px;
					}
						
						div.accueil2 p{
							text-align:justify;
						}
				
			/*****************************
 			 * COLONNE PROMOTIONS
 			 *****************************/
			div#promotions{
				width:190px;
				float:right;
			}
				div.promos_bord_bas{
					width:190px;
					height:19px;
					background: url(images/back_bas_promotions.gif) no-repeat;
					text-transform:uppercase;
					text-align:center;
					padding-top:9px;
					font-size:11px;	
					margin-bottom:20px;
				}
				
				div.promos_bord_bas a{
					color:#fff;
				}
				
			/*****************************
 			 * LE PANIER
 			 *****************************/	
 			ul#etapes{
 				margin-bottom:20px;	
 			}
			
			ul#etapes li{
				height:75px;
				float:left;
				margin-right:3px;
			}	
			
			/*************************
			 * FORMULAIRE CLIENT
			 *************************/
			form#form_client input, form#form_client select, form#form_client label{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				
			}
			
			fieldset.fs_coords{
				padding:20px;
			}
			
			fieldset.submit{
				text-align:right;
				border:none;
				padding:0;
			}
			
			fieldset.fs_coords label{
				display:block;
				width:90px;
				clear:left;
				float:left;
				margin-top:3px;
			}
			
			fieldset.fs_coords input{
				width:160px;
			}
			
			fieldset.fs_coords input, fieldset.fs_coords select{
				margin-bottom:3px;
			}
			
			fieldset.fs_coords input.ligne1{
				width:365px;
			}
			
			
			/*************************
			 * LE TEXTE EN BAS DE PAGE
			 *************************/
			div#txt_bas_page{
				margin-top:50px;
				font-size:11px;
			}
			
			/*************************
			 * LES BLOCS CLIENTS
			 *************************/
			table.bloc_client{
				text-align:left;
				font-size:11px;
			}
			
				span.clientBlocType{
					font-weight:bold;
				}
				
				table.clientBlocTable{
					padding:10px;
					background:#fff;
					border:1px solid #afaeaa;
					margin-top:5px;
				}
				
				table.clientBlocTable td.label{
					color:#0089c0;
					font-weight:bold;
				}
					
				table.histo_commandes{
					border:1px solid #e4e4e4;
					border-collapse:collapse;
					font-size:11px;
				}
					
				table.histo_commandes thead th{ text-align:left; background:#efefef; padding:3px }
				
				table.histo_commandes tbody td{ border:1px solid #e4e4e4; padding:3px }

				
			/*******************************
			 * LISTE DES MOYENS DE PAIEMENT
			 *******************************/
			ul#liste_paiement li{
				float:left;
				width:328px;
				margin-right:15px;
			}
			
			ul#liste_paiement li.droite{
				margin-right:0;
			}
			
			ul#liste_paiement li.gauche{
				clear:left;
			}
			
				ul#liste_paiement li div.paiement_bloc{
					border:1px solid #e4e4e4;				
				}
				
				ul#liste_paiement li p.paiement_titre{
					background:#efefef;
					padding:5px;
					margin:0;
					font-weight:bold;
					color:#0089c0;
				}
				
				ul#liste_paiement li div.paiement_contenu{
					padding: 15px 10px 0 10px;
					text-align:center;
					height:160px;
				}
				
					ul#liste_paiement li div.paiement_contenu p{
						margin:30px 0px;
						text-align:left;
						font-size:11px;
					}
					
				ul#liste_paiement li div.bt_paiement{
					padding:1px 0 10px 0;
					text-align:right;
				}
				
					ul#liste_paiement li div.bt_paiement a.lien_paiement{
						width:132px;
						height:21px;
						
						background:url(images/back_bt_paiement.gif) no-repeat;
						
						display:block;
						float:right;
						
						font-size:11px;
						font-weight:bold;
						text-transform:uppercase;
						color:#fff;
						text-align:left;
						
						padding:10px 0 0 50px;
					}
					
					ul#liste_paiement li div.bt_paiement p.txt_sofinco{
						font-size:10px;
						color:#666666;
						clear:both;
						text-align:left;
						margin:0;
					}
							
/*****************************
 * COLONNE DE GAUCHE
 *****************************/

div#gauche{
	width:190px;
	height: 100%;
}
	
	/** Espace Contact **/
	div#contact{
		width:175px;
		height:84px;
		background: url(images/back_contact.gif) no-repeat;
		color:#fff;
		font-size:11px;
		padding:10px 0 0 15px;
	}
	
	/** Espace Frais de port **/
	div#port{
	width:175px;
	height:74px;
	background: url(images/back_port.gif) no-repeat;
	color:#fff;
	font-size:11px;
	padding:10px 0 0 15px;
	margin-top:0px;
	}
	
	/** Catégories **/
	div#categories{
	width:175px;
	height:25px;
	background: url(images/back_categories.gif) no-repeat;
	padding:15px 0 0 15px;
	margin-top:0px;
	}
	
	/** Le menu **/
	ul#menu_gauche{
		background: #001725;
	}
		
		/** Niveau 1 (catégories) **/
		ul#menu_gauche li{
			width:175px;
			height:22px;
			background: url(images/back_item_cat.gif) no-repeat;
			padding:5px 0 0 15px;
		}
		
			ul#menu_gauche li.conteneur_ss_menu{
				height:auto;
				background:none;
				padding:0;
			}
		
			ul#menu_gauche li a{
				font-weight:bold;
				color:#00bee8;
				text-transform:uppercase;
				background: url(images/puce_menu_cat.gif) left 3px no-repeat;
				padding-left:15px;
			}
			
	/** Le sous-menu **/
	ul#menu_gauche li ul.ss_menu_gauche{
		padding:5px 0 10px 0;
	}	
		
		/** Niveau 2 (rayons) **/
		ul#menu_gauche li ul.ss_menu_gauche li{
			background:none;
			width:auto ;
			height:auto ;
			padding:0 0 0 30px ;
			margin-top:3px ;
		}
			ul#menu_gauche li ul.ss_menu_gauche li a{
				font-weight:normal ;
				color:#0079aa ;
				text-transform:none ;
				background:none ;
				padding-left:0 ;
			}
			
			
	/** Espace Pages Statiques **/
	div#pagestatiques{
		width:175px;
		height:100%;/*610px;*/
		background: #002a3d;
		padding:0px 0 500px 15px;
	}
		
		ul#menu_pages li{
			margin-top:4px;
		}
		
		ul#menu_pages li a{
			color:#006087;
			background: url(images/puce_menu_pages.gif) left 4px no-repeat;
			padding-left:15px;
		}
		
		
/*****************************
 * PIED DE PAGE
 *****************************/
div#pied{
	clear:both;
	width:100%;
	height:70px;
	border-top:10px solid #0089c0;
	background:#036085;
}

	div#pied_conteneur{
		width:927px;
		margin:0 auto;
		padding-top:10px;			
	}
	
	div#pied_conteneur p{
		margin-top:35px;
		text-align:center;
		font-size:11px;
		color:#2ab2e8;
	}
		div#pied_conteneur p a{
			color:#2ab2e8;
		}
	
		ul#menu_bas{
			float:right;
		}
		
		ul#menu_bas li{
			float:left;
			color:#fff;
			margin-right:5px;
		}
		
		ul#menu_bas li a{
			color:#fff;
		}

#conteneurPrint {
	margin:10px;
	margin-top:0px;
	padding:15px;
	padding-top:30px;
	padding-bottom:30px;
	border: 1px solid #E4E4E4 ;
	width: 570px;
	background-color:#FFFFFF;
}

/*****************************
 * LES CLASSES DIVERSES
 *****************************/
.titre{
	font-weight:bold;
	font-size:16px;
	color:#0081b4;
}

.txt13{
	font-size:12px;
}

.bold{
	font-weight:bold;
}

.left{
	display:block;
	float:left;
	
	/** IE **/
	display:inline;
}

.right{
	display:block;
	float:right;
	
	/** IE **/
	display:inline;
}

.clearleft{
	clear:left;
	width:100%;
}

.clearboth{
	display:block;
	clear:both;
	
	margin:0;
	padding:0;
}

.hiddenhr{
	display:block;
	clear:both;
		
	height:0;
	margin:0;
	padding:0;
	border:none;
	
	visibility:hidden;
}

.block{
	display:block;
}

.alignleft{
	text-align:left !important;
}

.center{
	text-align:center !important;
}

.bleu{
	color:#0089c0;
}

.aplat1{
	text-align:left; 
	background:#efefef;
	border:1px solid #e4e4e4;
	padding:10px;
	margin:15px 0; 
}

.obligatoire{
	font-size:11px;
	font-weight:bold;
	color:#e40000;
}

.underline{
	text-decoration:underline;
}

.etatVert {
	color:#006600 ;
	font-weight: bold ;
}

.etatOrange {
	color:#FF6600 ;
	font-weight: bold ;
}

.etatRouge {
	color:#FF0000 ;
	font-weight: bold ;
}

.etatGris {
	color:#666666 ;
	font-weight: bold ;
}#texte-gauche {
	position: relative;
	float: left;
	width: 50%;
}
div#horaires {
	width:175px;
	height:210px;
	background: url(images/back_horaires.gif) no-repeat;
	color:#fff;
	font-size:11px;
	padding:10px 0 0 15px;
}