#middle {
	width : 						990px;
	margin :						0px auto 0px auto;
	background :					url(../img/interior/tile-hor.jpg) repeat-y;
	
}

#bandeau  {
	background :					url(../img/interior/bandeau-haut.jpg) no-repeat;
	height :						112px;
}
#bandeau  a{
	width :							100%;
	height :						112px;
	display :						block;
}

#zone-right {
	float :							right;
	width:							165px;
	margin :						25px 0px 0px 0px;
}

#content {
	float :							left;
	width:							545px;
	color:							#434343;
	font :							normal 12px Arial;
	padding :						0px 0px 20px 0px;
	margin :						25px 0px 0px 0px;
	height :						140px;
}
html>body #content {
	height :						auto;
	min-height :					140px;
}
#content a{
	color:							#E46B00;
	font :							normal 12px Arial;
	text-decoration :				none;
}


#content a:hover{
color:							#E46B00;
	font :							normal 12px Arial;
	text-decoration :				underline;
}


#content h1{
	background :					url(../img/interior/fond-titre-page.jpg) no-repeat 0px 0px ;
	padding :						9px 0 0 15px;
	width :							530px;
	height :						37px;
	font :							bold 24px Arial;
	color :							#FFFFFF;
	margin :						0px 0 5px 0;
}
#content h2{
	background :					url(../img/interior/ico-fleche-orange2.gif) no-repeat 0px 0px ;
	padding :						4px 0 0 18px;
	width :							530px;
	height :						18px;
	font :							bold 14px Arial;
	color :							#E97900;
	margin :						15px 0 6px 0;
}
#content h3{
	background :					url(../img/common/ico-fleche-grise.gif) no-repeat 0px 4px ;
	color:							#434343;
	font :							bold 13px Arial;
	margin :						10px 0 0 15px;
	padding :						0px 0 0 10px;
}


#promotion {
	float :							left;
	width :							140px;
	color:							#434343;
	font :							normal 11px Arial;
	padding :						0 0 20px 12px;
}
#promotion h1 {
	background :					#707070 url(../img/common/ico-fleche-promo.gif) no-repeat 0px 0px ;
	color:							#FFFFFF;
	font :							bold 16px Arial;
	padding:						0 0 0 14px;
	margin :						0px;
	
}
#content-promo {
	border-left :					solid 2px #707070;	
	border-right :					solid 2px #707070;		
	background-color :				#FFF;
	text-align :					center;
	
}
#produit-phare {
	float :							left;
	width :							140px;
	color:							#434343;
	font :							normal 11px Arial;
	padding :						0 0 20px 12px;
}
#produit-phare h1 {
	background :					#F67B01 url(../img/interior/ico-produit-phare.gif) no-repeat 0px 0px ;
	color:							#FFFFFF;
	font :							bold 16px Arial;
	padding:						0 0 0 14px;
	margin :						0px;
	
}
#content-phare {
	border-left :					solid 2px #F67B01;	
	border-right :					solid 2px #F67B01;		
	background-color :				#FFF;
	text-align :					center;
	
}
#fil-ariane {
	margin :						18px 0 0px 6px;
	color :							#7C7B7B;
	font :							normal 11px Arial;
}
#fil-ariane a{
	color :							#7C7B7B;
	font :							normal 11px Arial;
	text-decoration :				none;
}
#fil-ariane a:hover{
	color :							#7C7B7B;
	font :							normal 11px Arial;
	text-decoration :				underline;
}
#catalogue {
	color :							#434343;
	font :							normal 11px Arial;
	width :							545px;
	margin :						0px;
	padding :						0px;
}


#catalogue h1{
	background :					url(../img/interior/fond-rubrique.jpg) no-repeat 0px 0px ;
	padding :						9px 0 0 15px;
	width :							530px;
	height :						37px;
	display :						block;
	font :							bold 24px Arial;
	color :							#4E6D05;
	margin :						0px 0 5px 0;
}
#catalogue h2{
	background :					url(../img/interior/fond-sous-rub.gif) no-repeat 0px 0px ;
	padding :						2px 0 0 15px;
	width :							530px;
	height :						18px;
	font :							bold 14px Arial;
	color :							#FFF;
	margin :						15px 0 6px 0;
}
#catalogue h3{
	background :					url(../img/interior/ico-produits.gif) no-repeat 0px 0px ;
	color:							#4E6D05;
	font :							bold 16px Arial;
	margin :						10px 0 0 15px;
	padding :						0px 0 0 20px;
}
#catalogue h3 a{
	color:							#4E6D05;
	font :							bold 16px Arial;
	text-decoration :				none;
}
#catalogue h3 a:hover{
	font :							bold 16px Arial;
	color :							#8AC016;
	text-decoration :				none;
}
#catalogue .description-souscat {
	margin :						5px 0 0 15px;
}
#catalogue img{
	height :						auto;
	width :							auto;
	background :					none;
	margin :						0;
	padding :						0px;
}

#catalogue h1.produit{
	background :					url(../img/interior/ico-produits.gif) no-repeat -5px 0px ;
	color:							#4E6D05;
	font :							bold 16px Trebuchet MS;
	margin :						0px 0 5px 0;
	padding :						0px 0 0 13px;
	height :						auto;
	width :							auto;
	line-height :					15px;
}
#catalogue li.produit{
	list-style-type :				disc;
	color:							#4E6D05;
	font :							normal 11px Arial;
	height :						auto;
	width :							auto;
	background :					none;
	margin :						0;
	padding :						0px;
}
#catalogue ul li{
	list-style : 					square;
	margin-left :					15px;
}
#catalogue ol li{
	list-style : 				decimal;
	margin-left :					15px;
}
#catalogue table.produit{
	height :						auto;
	width :							auto;

	background :					none;
	margin :						5px 0 0 5px;
	padding :						5px 0 0 5px;
}
#catalogue table.quantite{
	height :						auto;
	width :							auto;
	background :					none;
	margin :						5px 0 0 5px;
	padding :						0px 0 0 5px;
	float :							left
}
#catalogue hr {
	padding :						0px;
	margin :						2px 0 2px 0;
	border :						none;
	border-top :					dashed 1px #4E6D05;
	height :						1px;
}

#catalogue .box-produit-left {
	width :							96px;
	padding :						0px 14px 0 14px;
	float :							left;

} 	
#catalogue p.agrandir a {
	color :							#434343;
	font :							normal 11px Arial;
	text-decoration :				none;
}
#catalogue div.promo-panier a {
	color:							#FFFFFF;
	text-decoration :				none;
	font-weight:					bold;
}
#catalogue p.agrandir a:hover {
	color :							#4E6D05;
	font :							normal 11px Arial;
	text-decoration :				none;

}
#catalogue div.promo-panier a:hover {
	color:							#FFFFFF;
	text-decoration :				none;
	font-weight:					bold;
}
#catalogue .box-produit-right {
	width :							380px;
	padding :						0px 10px 0 20px;
	float :							left;
	text-align :					justify;
}
#etapes {
	margin:							20px 0px;
	padding :						0px;
}
#etapes div {
	float:							left;
	margin:							0px 10px;
	padding-top:					11px;
	text-align:						center;
	width:							85px;
}
#etapes .passe {
	background:						transparent url(/img/interior/etape-passe.jpg) no-repeat 19px 0px;
	color:							#B93E08;
	font-weight	:					bold;
}
#etapes .courante {
	background:						transparent url(/img/interior/etape-courante.jpg) no-repeat 19px 0px;
	color:							#B93E08;
	font-weight:					bold;
}
#etapes .futur {
	background:						transparent url(/img/interior/etape-future.jpg) no-repeat 19px 0px;
	color:							#626262;
	font-weight:					bold;
}
#etapes span {
	color:							#FFFFFF;
	font-size:						22px;
	font-weight:					bold;
	margin-left:					-3px;
}
#panierDetails {
	clear :							both;
	color:							#434343;
	font :							normal 12px Arial;
}
#panierDetails h3{
	background :					#FFEDD9 url(../img/interior/ico-fleche-orange.gif) no-repeat 0px 2px ;
	padding :						2px 0 0 15px;
	width :							530px;
	height :						18px;
	font :							bold 14px Arial;
	color :							#E97900;
	margin :						15px 0 6px 0;
}
#panierDetails th {
	background-color:				#FF9D33;
	color:							#FFFFFF;
}
#panierDetails table {
	color:							#7C7C7C;
	font :							normal 12px Arial;
}
#panierDetails tr.light {
	background-color:				#EEEEEE;
	
}
#panierDetails tr.dark {
	background-color:				#DBDBDB;

}
#panierDetails td.libelle {
	background-color:				#FF9D33;
}
#panierDetails td.valeur {
	background-color:				#FFEDD9;
	color:							#FF8400;
}

#panierDetails table span {
	font :							bold 15px Arial;
}
#panierDetails .dark td, #panierDetails .light td, #panierDetails .libelle td, #panierDetails .valeur td, #panierDetails .total td {
	padding:						2px 5px;
}
#panierDetails .quantite{
	text-align:						center;
	width :							50px;
}
#panierDetails .prix_unitaire {
	font :							bold 16px Arial;
	text-align:						center;
	width :							80px;
}
#panierDetails .prix_total{
	font :							bold 16px Arial;
	text-align:						center;
	width :							80px;
}
#panierDetails .supprimer {
	padding-left :					15px;
}

#panierDetails .total {
	color:							#FFFFFF;
	font-size:						13px;
	font-weight:					bold;
	text-align:						right;
}
input.deleteFromPanierLight {
	cursor:							pointer;
	height:							31px;
	width :							25px;
	display :						block	;
	background :					url(/img/interior/btn-supprimer-light.gif) no-repeat  0px 3px;
	font :							normal 0px Arial;
	border:							none;
	color :							#B9B9B9;
}	
input.deleteFromPanierDark {
	cursor:							pointer;
	height:							31px;
	width :							25px;
	display :						block	;
	background :					url(/img/interior/btn-supprimer-dark.gif) no-repeat  0px 3px;
	font :							normal 0px Arial;
	border:							none;
	color :							#B9B9B9;	
}	
input.valider-fr {
	cursor:							pointer;
	font-size :						0px;
	height:							26px;
	width :							87px;
	display :						block	;
	background :					url(/img/common/btn-valider.jpg) no-repeat  0px 0px;
	border:							none;
	color :							#FA7F01;	
	text-align :					left;
	padding-left :					5px;
	

}	
input.modifier-fr {
	cursor:							pointer;
	font-size :						0px;
	height:							26px;
	width :							87px;
	display :						block	;
	background :					url(/img/common/btn-modifier.jpg) no-repeat  0px 0px;
	border:							none;
	color :							#FA7F01;	
	text-align :					left;
	padding-left :					5px;
	

}	
input.calculer-panier-fr {
	border:							medium none;
	cursor:							pointer;
	font :							normal 0px Arial;
	height:							24px;
	width :							132px;
	display :						block	;
	background :					url(/img/common/btn-calculer-panier.jpg) no-repeat  0px 0px;
	border:							none;
	color :							#FA7F01;	
	text-align :					left;
	padding :						15px 0 0 5px;

}		
#panierDetails a {
	color:							#7C7C7C;
	font :							normal 12px Arial;
	text-decoration :				underline;
}
#panierDetails a.orange, #paiement a.orange{
	color:							#EE8C21;
	font :							normal 12px Arial;
	text-decoration :				underline;
}

#compte, #paiement {
	color:							#7C7C7C;
	font :							normal 12px Arial;
}
#compte h3, #paiement h3 {
	background :					#FFEDD9 url(../img/interior/ico-fleche-orange.gif) no-repeat 0px 2px ;
	padding :						2px 0 0 15px;
	width :							530px;
	height :						18px;
	font :							bold 14px Arial;
	color :							#E97900;
	margin :						15px 0 6px 0;
}
#compte input, #compte textarea, #compte select, #paiement input, #paiement textarea {
	border:							1px solid #A3A2A2;
	width:							250px;
	vertical-align :				top;
	font-family :					Arial;
}
#compte ul, #paiement ul {
	margin-right:					100px;
	text-align:						right;
}
#compte a, #paiement a {
	color:							#7C7C7C;
	font :							normal 12px Arial;
	text-decoration :				underline;
}
h4.fleche {
	cursor:							pointer;
	font :							bold 12px Arial;
}
form#creerCompteForm {
	display:						block;
}
#compte .radio, #paiement .radio {
	border:							medium none;
	width:							auto;
}
#compte input.valider-fr{
	cursor:							pointer;
	font-size :						0px;
	height:							26px;
	width :							87px;
	display :						block	;
	background :					url(/img/common/btn-valider.jpg) no-repeat  0px 0px;
	border:							none;
	color :							#FA7F01;	
	text-align :					left;
	padding-left :					5px;
	margin:							10px 0 0 365px;
	

}
 #paiement input.valider-fr{
	cursor:							pointer;
	font-size :						0px;
	height:							26px;
	width :							87px;
	display :						block	;
	background :					url(/img/common/btn-valider.jpg) no-repeat  0px 0px;
	border:							none;
	color :							#FA7F01;	
	text-align :					left;
	padding-left :					5px;
	margin:							10px 0 0 250px;
	

}
#PaymentNoCB input.valider-fr{
	cursor:							pointer;
	font-size :						0px;
	height:							26px;
	width :							87px;
	display :						block	;
	background :					url(/img/common/btn-valider.jpg) no-repeat  0px 0px;
	border:							none;
	color :							#FA7F01;	
	text-align :					left;
	padding-left :					5px;
	margin:							10px 0 0 460px;
	

}
#compte li, #paiement li {
	margin-top:						20px;
}
#Contact {
	padding:						0px 70px 20px 0px;
	text-align:						right;
}
#Contact input, #Contact textarea {
	border:							1px solid #A3A2A2;
	width:							250px;
	vertical-align :				top;
	font-family :					Arial;
}
#Contact input.valider-fr{
	cursor:							pointer;
	font-size :						0px;
	height:							26px;
	width :							87px;
	display :						block	;
	background :					url(/img/common/btn-valider.jpg) no-repeat  0px 0px;
	border:							none;
	color :							#FA7F01;	
	text-align :					left;
	padding-left :					5px;
	margin:							10px 0 0 390px;
	

}
.formStatic {
	padding:						0px 70px 0px 0px;
	text-align:						right;
}
.formStatic input, .formStatic textarea {
	border:							1px solid #A3A2A2;
	width:							250px;
	vertical-align :				top;
	font-family :					Arial;
}
.formStatic input.valider-fr {
	cursor:							pointer;
	font-size :						0px;
	height:							26px;
	width :							87px;
	display :						block	;
	background :					url(/img/common/btn-valider.jpg) no-repeat  0px 0px;
	border:							none;
	color :							#FA7F01;	
	text-align :					left;
	padding-left :					5px;
	margin:							10px 0 0 390px;
}
/*classes*/

.description-promo {
	padding :						10px;
} 
.photo-promo {
	padding :						0 10px 0 10px;;
}
.prix-promo {
	font :							normal 12px Arial;	
	padding :						10px;
}
.prixGrand {
	font :							normal 20px Arial;
}
.prixBarre {
	text-decoration :				line-through;
}
.promo-tile-right  {
	height :						10px;
	float :							left;
	width :							4px;
	border-right :					solid 2px #707070;
	border-bottom :					solid 2px #707070;	
	background-color :				#FFF;
}
.promo-tile-left {
	height :						10px;
	float :							left;
	width :							4px;
	border-left :					solid 2px #707070;
	border-bottom :					solid 2px #707070;	
	background-color :				#FFF;
}
.promo-phare-tile-right  {
	height :						10px;
	float :							left;
	width :							4px;
	border-right :					solid 2px #F67B01;
	border-bottom :					solid 2px #F67B01;	
	background-color :				#FFF;
}
.promo-phare-tile-left {
	height :						10px;
	float :							left;
	width :							4px;
	border-left :					solid 2px #F67B01;
	border-bottom :					solid 2px #F67B01;	
	background-color :				#FFF;
}


.produit {
	background :					url(../img/interior/tile-box-produit.gif) repeat-y ;
	width :							546px;
	margin-bottom :					25px;
	padding :						0px;
}

.box-produit-haut {
	float :							left;
	background :					url(../img/interior/box-haut.gif) no-repeat 0px 0px ;
	width :							546px;
	height :						14px;
}
.coin-bd {
	float :							left;
	background :					url(../img/interior/coin-bd.gif) no-repeat 0px 0px ;
	width :							15px;
	height :						21px;
	padding :						0px;
}
.coin-bg {
	float :							left;
	background :					url(../img/interior/coin-bg.gif) no-repeat 0px 0px ;
	width :							403px;
	height :						21px;
	padding :						0px;
}
.agrandir {
	text-align :					center;
}
.agrandir a{
	font :							normal 11px Arial;
	color :							#434343;
	text-decoration :				none;
}
.agrandir a:hover{
	font :							normal 11px Arial;
	color :							#4E6D05;

}
.prix {
	float: 							right;
	width :							120px;
	font :							normal 22px Arial;
	color :							#4E6D05;
	text-align :					right;
}
.prixGrand {
	font :							normal 22px Arial;
}
.prixBarre {
	font :							normal 11px Arial;
	text-decoration :				line-through;
}
#catalogue .openPopup {
	background :					url(../img/common/ico-fleche-grise.gif) no-repeat 0px 4px ;
	color:							#434343;
	font :							bold 13px Arial;
	margin :						10px 0 0 0px;
	padding :						0px 0 0 10px;
	
}
#panierDetails .openPopupConditions {
	color:							#EE8C21;
	font :							normal 12px Arial;
	text-decoration:				underline;
}