/* Import des styles séparés */


@import url(style-textes.css);


@import url(style-liens.css);










/* Mise en forme générale */


body {
	margin:0;
	padding:0;
	font-family:arial;
	font-size:11px;
	color:#494949;
	text-align:center;
	background:#ffffff url(images/fond.gif) top repeat-x;
}






#general {
	margin:0 auto 0 auto;
	width:960px;
	text-align:center;
}






/* Div top : bandeau haut > logo + nav top + accés espace clients + panier + menu : recherche + liens */


#top{

	margin:0;
	padding:0;
	width: 960px;
	height:191px;
	text-align:center;
}


	/* Div nav top */
	#nav-top{
	margin:0;
	padding:0;
	width: 960px;
	height:20px;
	text-align:right;
	background:url(images/fond-nav-top.gif) top right no-repeat;
	}
	
		/* Div nav top : texte */
		#nav-top-txt{
		margin:0;
		padding:0 0 0 470px;
		text-align:left;
		}
	
	/* Div top 2: bandeau haut > logo + accés espace clients + panier + menu : recherche + liens */
	#top-2{
	margin:0;
	padding:0;
	width: 960px;
	height:130px;
	text-align:left;
	background:url(images/img-fond-top.gif) top left no-repeat;
	}


	/* Div logo : logo */
	#logo{
	margin:0;
	padding:0;
	width: 244px;
	height:120px;
	text-align:left;
	float:left;
	}
	
	/* Div top 2 droite : panier + espace clients */
	#top-2-right{
	margin:0;
	padding:0;
	width: 276px;
	height:120px;
	text-align:left;
	float:right;
	}	
		/* Div panier */
		#panier{
		margin:33px 0 0 0;
		padding:0;
		width: 143px;
		height:69px;
		text-align:left;
		float:left;
		background:url(images/fond-panier.gif) top no-repeat;
		}
		
			/* Div panier : texte */
			#panier-txt{
			margin:0;
			padding:40px 10px 0 10px;
			text-align:center;
			}
		
		/* Div espace clients */
		#espace-clients{
		margin:33px 0 0 0;
		padding:0;
		width: 133px;
		height:69px;
		text-align:left;
		float:right;
		background:url(images/fond-espace-clients.gif) top no-repeat;
		}
		
			/* Div espace clients : texte */
			#espace-clients-txt{
			margin:0;
			padding:33px 10px 0 12px;
			text-align:left;
			}


		
	/* Div menu haut : recherche + liens accés catalogue / promos / bonnes affaires / super promos */
	#menu-top{
	margin:0;
	padding:0;
	width: 960px;
	height:40px;
	text-align:left;
	background:url(images/fond-menu-top.gif) top no-repeat;
	}	
	
		#recherche{
		margin:0;
		padding:12px 0 0 125px;
		width: 365px;
		height:20px;
		text-align:left;
		float:left;
		}	


		#menu-top-liens{
		margin:0;
		padding:12px 0 0 0;

		width: 470px;
		height:20px;
		text-align:left;
		float:right;
		}	




/* ---------FIN TOP------- */


/* DIV CONTENU */


#contenu-top{
	margin:0;
	padding:0;
	width: 960px;
	height:6px;
	background:url(images/top-page.gif) top no-repeat;

	overflow:hidden;
}


#contenu{
	margin:0;
	padding:0;
	width: 960px;
	text-align:center;
	overflow:hidden;
	background:#ffffff url(images/fond-page.gif) top repeat-y;
}




/* COLONNE GAUCHE*/


#sidebar{
	margin:5px 0 20px 0;
	padding:0;
	width: 175px;
	text-align:left;
	float:left;
}


	#sidebar-txt{
	margin:0 0 0 5px;
	padding:0;
	}
	
	/* MENU GAUCHE */
	#menu-left{
	margin:0;
	padding:11px 0 0 0;
	width: 170px;
	text-align:left;
	background:url(images/top-menu-sidebar.gif) top no-repeat;
	}
	
		#menu-left-2{
		margin:11px 0 0 0;
		padding:0;
		}
	
	#menu-left-bottom{
	margin:0;
	padding:0;
	width: 170px;
	height:11px;
	text-align:left;
	background:url(images/bottom-menu-sidebar.gif) top no-repeat;
	}


.imgnav {
	margin-right:5px;
	border:0;
	vertical-align:middle;
}	




	/* BOITE VERTE GAUCHE */
	#boite-verte{
	margin:10px 0 0 0;
	padding:0;
	width: 170px;
	text-align:left;
	}
		
		#boite-verte-titre{
		margin:0;
		padding:14px 0 0 12px;
		height:27px;
		text-align:left;
		background:url(images/top-boite-verte-left.gif) top no-repeat;
		}
		
		#boite-verte-contenu{
		margin:0;
		padding:0;
		background:url(images/fond-boite-left-verte-left.gif) top repeat-y;
		}
		
			#boite-verte-contenu-txt{
			margin:0;
			padding:0 5px 5px 10px;
			}
		
		#boite-verte-bottom{
		margin:0;
		height:8px;
		text-align:left;
		background:url(images/bottom-boite-verte-left.gif) top no-repeat;
		}
		
		
	/* MARGE HAUTE IMAGE GAUCHE */
	#marge-img-left{
	margin:10px 0 0 0;
	padding:0;
	}




/* ---------FIN SIDEBAR------- */


/* PAGE CONTENU */
#page{
	margin:5px 5px 20px 0;
	padding:0;
	width:770px;
	text-align:left;
	float:right;
}


/* PAGE CONTENU */
.titre-page{
	margin:0 0 20px 0;
	padding:0;
	text-align:left;
}


/* TOP PAGE TEXTE statique */
	#page-top {
	margin:0 0 10px 0;
	padding:0;
	width: 770px;
	text-align:left;
	height:36px;
	background:url(images/fond-top-page.gif) top no-repeat;
	}
	
	#page-top-txt {
	margin:0;
	padding:10px 0 0 50px;
	}
	
	
/* STYLE PROMOTION */


	/* BOITE VERTE PROMOTION */
	.boite-promos {
	margin:0;
	padding:0;
	width: 770px;

	text-align:left;
	background: #C3DB02 url(images/top-boite-promos.gif) top no-repeat;
	}
		.boite-promos-txt {
		margin:0;
		padding:10px;
		}
		
		.boite-promos-bottom {
		margin:0;
		padding:0;
		width: 770px;
		height:6px;
		background:url(images/bottom-boite-promos.gif) top no-repeat;
		}




	/* TITRE BOITE VERTE PROMOTION */
	#titre-promos {
	width: 763px;
	height:40px;
	margin:0;
	padding:0 0 0 2px;
	background:url(images/fond-titre-promos.gif) bottom no-repeat;
	}
	
		#titre-promos-txt {
		padding:10px 0 0 12px;
		margin:0;
		}
	
	/* BOITE FOND BLANC PROMOTION PRODUIT */
	.boite-promos-produit {
	margin:0;
	padding:0;
	width: 230px;
	height:200px;
	text-align:left;
	background: #ffffff url(images/top-boite-promos-produit.gif) top no-repeat;
	}
		.boite-promos-produit-txt {
		margin:0;
		padding:10px;
		}
		
		.boite-promos-produit-bottom {
		margin:0;
		padding:0;
		width: 230px;
		height:6px;
		background:url(images/bottom-boite-promos-produit.gif) top no-repeat;
		}


	
/* ----------fin STYLE PROMOTION------------ */
	
	
/* AFFICHAGE CONTENU BOITE PRODUIT PROMOS NOUVEAUTE */
	
	.vign-produit {
	margin:0;
	padding:0;
	height:130px;
	text-align:left;
	}
	
	.vign-produit-img {
	margin:0;

	padding:0;
	width: 120px;
	text-align:center;
	float:left;
	}


	.vign-produit-prix {
	margin:0;
	padding:0;
	width: 80px;
	text-align:right;
	float:right;
	}


	.vign-produit-txt {
	margin:0;
	padding:0;
	height:30px;
	text-align:left;

	}
	
	.vign-produit-bt{
	margin:0;
	padding:0;
	height:12px;
	text-align:right;
	}
	
	/*  BOITE vign produit */
	.boite-produit {
	margin:0;
	padding:0;
	width: 230px;
	height:200px;
	}
	
	.boite-produit-top {
	margin:0;
	padding:0;
	width: 230px;
	height:8px;
	background: #ffffff url(images/vign-produit-top.gif) top no-repeat;
	}
	
	.boite-produit-fond {
	margin:0;
	padding:0;
	width: 230px;
	height: 184px;
	background: #ffffff url(images/vign-produit-fond.gif) top repeat-y;

	}
	
	.boite-produit-txt {
	margin:0;
	padding:0 8px 0 8px;
	}
		
	.boite-produit-bottom {
	margin:0;
	padding:0;
	width: 230px;
	height:8px;
	background:url(images/vign-produit-bottom.gif) top no-repeat;
	}
	
/* ------------------FIN AFFICHAGE CONTENU BOITE PRODUIT PROMOS NOUVEAUTE---------------------------- */


/*  BOITE RECHERCHE */
	.boite-recherche {
	margin:0 0 20px 0;
	padding:0;
	width: 770px;
	}
	
	.boite-recherche-top {
	margin:0;
	padding:0;
	width:770px;
	height:6px;
	background:url(images/top-boite-recherche.gif) top no-repeat;
	}
	
	.boite-recherche-fond {
	margin:0;
	padding:0;
	width: 770px;
	background: #ffffff url(images/fond-boite-recherche.gif) top repeat-y;
	}
	
	.boite-recherche-txt {
	margin:0;

	padding:2px 10px 2px 10px;
	}
		
	.boite-recherche-bottom {
	margin:0;
	padding:0;
	width:770px;
	height:6px;
	background: #ffffff url(images/bottom-boite-recherche.gif) bottom no-repeat;
	}
	
/* ------------------FIN AFFICHAGE CONTENU BOITE RECHERCHE ---------------------------- */

/*  BOITE demi largeur */
	.boite-demi-gauche {
	margin:5px 5px 5px 5px;
	padding:0;
	width: 370px;
	float:left;
	}
	
	.boite-demi-droite {
	margin:5px 5px 5px 5px;
	padding:0;
	width: 370px;
	float:right;
	}
	
	.boite-demi-top {
	margin:0;
	padding:0;
	width:370px;
	height:6px;
	background:url(images/fiche-produit-top.gif) top no-repeat;
	}
	
	.boite-demi-fond {
	margin:0;
	padding:0;
	width: 370px;
	background: #ffffff url(images/fiche-produit-fond.gif) top repeat-y;
	}
	
	.boite-demi-txt {
	margin:0;

	padding:2px 10px 2px 10px;
	}
		
	.boite-demi-bottom {
	margin:0;
	padding:0;
	width:370px;
	height:6px;
	background: #ffffff url(images/fiche-produit-bottom.gif) bottom no-repeat;
	}
	
/* ------------------FIN AFFICHAGE CONTENU BOITE RECHERCHE ---------------------------- */


/*  FICHE PRODUITS */


	/*  FICHE PRODUITS GAUCHE : IMAGE PRODUIT + PRIX ET AJOUT PANIER */
	#fiche-left {
	margin:0;
	padding:0;
	width: 370px;
	float:left;
	}
	
		/*  FICHE PRODUITS GAUCHE : IMAGE PRODUIT */
		.fiche-image {
		margin:0;
		padding:0;
		width:200px;
		float:left;
		}
	
		.fiche-prix {
		margin:0;
		padding:0;
		width: 140px;
		float:right;
		}
	
	/*  FICHE PRODUITS DROITE : TEXTE */
	#fiche-right {
	margin:0;
	padding:0;
	width: 370px;
	float:right;
	}
	
	.fiche-texte-top {
	margin:0;
	padding:0;
	width:370px;
	height:6px;
	background:url(images/fiche-produit-top.gif) top no-repeat;
	}
	
	.fiche-texte-fond {
	margin:0;
	padding:0;
	width: 370px;
	background: #ffffff url(images/fiche-produit-fond.gif) top repeat-y;
	}
	
	.fiche-texte-txt {
	margin:0;
	padding:10px;
	}
		
	.fiche-texte-bottom {
	margin:0;
	padding:0;
	width:370px;
	height:6px;
	background: #ffffff url(images/fiche-produit-bottom.gif) bottom no-repeat;
	}

	/*Generique demipage gauche*/
	.fiche-half-right {
	margin:0;
	padding:0;
	width: 370px;
	float:right;
	}
	/*Generique demipage droit*/
	.fiche-half-left {
	margin:0;
	padding:0;
	width: 370px;
	float:left;
	}
	
/* ------------------FIN AFFICHAGE CONTENU BOITE PRODUIT PROMOS NOUVEAUTE---------------------------- */


/*  PANIER */


	#panier-top {
	margin:0 0 10px 0;
	padding:0;
	width: 770px;
	text-align:left;
	height:36px;
	background:url(images/fond-top-panier.gif) top no-repeat;
	}
	
	#panier-top-txt {
	margin:0;
	padding:10px 0 0 50px;
	}
	
	.panier-cadre {
	margin:0 0 10px 0;
	padding:10px;
	width: 748px;
	text-align:left;
	border:1px solid #E6E6E6;
	}
	
	#facturation {
	margin:10px 0 0 0;
	padding:10px;
	width: 363px;
	height:450px;
	text-align:left;
	border:1px solid #E6E6E6;
	float:left;
	}
	
	#livraison {
	margin:10px 0 0 0;
	padding:10px;
	width: 363px;
	height:450px;
	text-align:left;
	border:1px solid #E6E6E6;
	float:right;
	}
	
	
	
/* ------------------FIN PANIER---------------------------- */


/*  COMPTE */


	#compte-top {
	margin:0 0 10px 0;
	padding:0;
	width: 770px;
	text-align:left;
	height:36px;
	background:url(images/fond-top-compte.gif) top no-repeat;
	}
	
	#compte-top-txt {
	margin:0;
	padding:10px 0 0 50px;
	}
	
	#compte-menu {
	margin:10px 0 0 0;
	padding:10px;
	width: 180px;
	background-color:#EEEEEE;
	text-align:left;
	float:left;
	}
	
	#compte-contenu {
	margin:10px 0 0 0;
	width: 550px;
	text-align:left;
	float:right;
	}
	
	
/* ------------------compte---------------------------- */




/* STYLE FORMULAIRE */

	
	/* Style par defaut */
	input[type=text]{
	background-color:#F2F2F2;
	color:#363636;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	border:1px solid #9FA953;
	width:150px;
	}
	
	input[type=password]{
	background-color:#F2F2F2;
	color:#363636;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	border:1px solid #9FA953;
	width:150px;
	}
	
	input[type=submit]{
	background-color:#F2F2F2;
	color:#363636;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	border:1px solid #9FA953;
	}
	
	input[type=button]{
	background-color:#F2F2F2;
	color:#363636;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	border:1px solid #9FA953;
	}
	
	select{
	background-color:#F2F2F2;
	color:#363636;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	border:1px solid #9FA953;
	}
	
	/* Style personalises */

	input[type=text].form-recherche-top{
	background-color:#E8F19D;
	color:#363636;
	font-size : 10px;
	font-family : arial;
	font-weight:bold;
	border:1px solid #9FA953;
	width:250px;
	}
	
	input[type=text].form-recherche{
	background-color:#F2F2F2;
	color:#282828;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	border:1px solid #E4E4E4;
	}
	
	.form-panier{
	background-color:#CBEDF6;
	color:#282828;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	border:1px solid #CBEDF6;
	}
	
	input[type=text].form-panier{
	background-color:#CBEDF6;
	color:#282828;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	border:1px solid #CBEDF6;
	}
	
	.form-formulaire{
	background-color:#CBEDF6;
	color:#282828;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	border:1px solid #CBEDF6;
	width:150px;
	}
	
	input[type=text].form-formulaire{
	background-color:#CBEDF6;
	color:#282828;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	border:1px solid #CBEDF6;
	width:150px;
	}
		
/* ---------------------FIN STYLE FORMULAIRE------------------------- */


/* STYLE CELLULE TABLEAU */


	.cellule-attribut{
	background-color:#EDEDED;
	color:#686868;
	font-size : 11px;
	font-family : arial;
	font-weight:bold;
	padding:6px;
	border-right:1px solid #ffffff;
	border-bottom:5px solid #ffffff;
	}
	
	.cellule-produit{
	background-color:#F4F4F4;
	color:#4F4F4F;
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	padding:6px;
	border-bottom:2px solid #ffffff;
	}
	
	.cellule-produit-prix{
	background-color:#F4F4F4;
	color:#FF4800;
	font-size:16px;
	font-family:arial;
	font-weight:bold;
	padding:6px;
	border-bottom:2px solid #ffffff;
	}
	
	.cellule-panier{
	background-color:#F4F4F4;
	padding:10px;
	border-right:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	}
		
/* ---------------------FIN STYLE FORMULAIRE------------------------- */




/* ALIGNEMENT IMAGE ET TEXTE */


	.image-left{
	margin:0 10px 0 0;
	padding:0;
	float:left;
	}
	
	.image-right{
	margin:0 0 0 10px ;
	padding:0;
	float:right;
	}
	
	.image-clear-right{
	margin:0 0 0 10px ;
	padding:0;
	float:right;
	clear: right;
	}
			
			
/* ---------------------ALIGNEMENT IMAGE ET TEXTE------------------------- */




/* DIV BAS DE PAGE */


#bottom {
	margin:0;
	padding:0;
	width:960px;
	text-align:center;
	background:#2483AD url(images/img-bottom.gif) bottom no-repeat;
	overflow:hidden;
}


	/* LIENS BAS DE PAGE */
	#bottom-liens {
	margin:0 10px 0 10px;
	padding:0;
	width:940px;
	text-align:left;
	}
	
	/* BAS DE PAGE MENTIONS LEGALES */
	#bottom-mentions {
	margin:20px 10px 0 10px;
	padding:0;
	width:940px;
	text-align:center;

	}