* {font-family : arial, verdana, helvetica, sans-serif;}

.spacer {
	clear: 		both;
}

.gamme				{ margin: 0px 0px 20px 0px; width: 750px; }
.gamme-title		{ height: 30px; border: 0px; margin: 0px; width: 750px; }
.gamme-body 		{ margin: 0px; padding: 10px; }
.gamme-content		{ background-image: url("processcom/boxvertegde_middle.gif"); width: 750px; }
.gamme-foot 		{ background-image:url("processcom/boxvertegde_bottom.gif"); background-repeat: no-repeat;  width: 750px; height: 8px; }

.gamme-service      		{ padding: 	5px; float: left; width: 220px;}
.gamme-service P 			{ margin: 5px 0px 0px 0px; padding: 0px; line-height:14px;}
.gamme-service-inline   	{ padding: 	0px; float: left; width: 350px; background-color: lightyellow; border: red 1px solid;}
.gamme-service-inline P 	{ margin: 0px; padding: 0px; line-height:14px;}
.gamme-service-desc 		{ margin: 10px 0px 0px 0px;}


.gamme-occasion 			{ padding: 3px; float: left; width: 230px; }
.gamme-occasion p 			{ line-height:14px;}
.gamme-occasion .txtanthra 	{ color : #636363;}
.gamme-occasion-desc 		{ margin-left: 110px; }

.gamme-accessoire { margin: 0px 10px 20px 0px; padding: 0px 0px 0px 0px; border-right: #D6D6D6 solid 1px; border-bottom: #D6D6D6 solid 1px; float: left; width: 240px;}
.gamme-accessoire p {line-height:14px;}
.gamme-accessoire .txtanthra {color : #636363;}
.gamme-accessoire a:hover {color : #ae269e; text-decoration: underline;}
.gamme-accessoire a.ajoutcaddie {color : red; text-decoration: underline;}
.gamme-accesoire-desc { margin-left: 100px; }

.produitprincipal 	{border: solid #000000 1px;	padding: 10px; height: 150px; }
.produitprincipaldesc 	{margin-left: 110px; }
.produitprincipal H1  	{font-size: 16px;	text-align: center;}

.miniboxviolet				{ background-color:#ffffff;border:1px solid #ae269e; line-height:12px;}
.miniboxviolet h2 			{ margin: 0px 0px 0px 0px; padding: 2px 4px 6px 6px;font-size: 12px;color: #FFFFFF;background-color: #ae269e;}
.miniboxviolet h3 			{ margin:16px 4px 2px 6px; padding:0px; line-height:16px; font-size: 12px; color: #ae269e; font-weight: 100}
.miniboxviolet p 			{ margin:2px 4px 2px 6px; padding:0px; line-height:16px; font-size: 12px}
.miniboxviolet h3.minih3	{ margin:10px 4px 2px 6px; padding:0px; line-height:14px; font-size: 11px; color: #ae269e; font-weight: 100}
.miniboxviolet p.minip		{ margin:2px 4px 2px 6px; padding:0px; line-height:14px; font-size: 11px}
.miniboxviolet h2.inverth2	{margin: 0px 0px 0px 0px; padding: 2px 4px 6px 6px;font-size: 14px;color: #ae269e;background-color: #FFFFFF;}
.miniboxviolet dl   		{margin: 0px 0px 0px 6px; padding: 0px 0px 0px 0px; width : 170px; padding: 0px; line-height: 14px;}
.miniboxviolet dt   		{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px;}
.miniboxviolet dd 			{margin: 0px 0px 0px 2px; float: right;vertical-align: bottom;margin-right: 2px; border: 0px;font-size: 11px; color: red; font-weight: 800;}

.boxverte-frais			{ margin-left: 200px; }
.boxverte-confirmation	{ margin-left: 80px; width: 580px; }
.boxverte				{ margin: 0px; text-align: left; width: 580px; }
.boxverte-gamme			{ margin: 20px; text-align: left; width: 750px; text-align: center; }
.boxverte-big			{ margin: 0px 0px 5px 0px; text-align: left; width: 758px; }
.boxverte-fin			{ margin: 20px; text-align: left; width: 580px; }
.boxverte-title 		{ height: 30px; border: 0px; margin: 0px; width: 100%;}
.boxverte-body 			{ margin: 0px; padding: 10px; }
.boxverte-content		{ background-image: url("processcom/boxverte-content.gif"); 	   width: 580px; }
.boxverte-content-big	{ background-image: url("processcom/boxverte-content-big.gif"); width: 758px; }
.boxverte-content-fin	{ background-image: url("processcom/boxverte-content-fin.gif"); width: 580px; }
.boxverte .erreur 		{ color : red; font-size: 11px;}
.boxverte P 			{ font-family: arial; padding: 20px 30px 20px 30px; }
.boxverte .frais 		{ font-family: arial;	padding: 0px 0px 20px 0px; }
.boxverte .separateur 	{ border-bottom: 1px solid #f4f4f4; height:10px; margin-bottom:5px; }
.boxverte-foot 			{ background-image:url("processcom/boxverte-foot.gif") 	  ; background-repeat: no-repeat; width: 100%; height: 16px;}
.boxverte-foot-big 		{ background-image:url("processcom/boxverte-foot-big.gif") ; background-repeat: no-repeat; width: 100%; height: 8px;}
.boxverte-foot-fin		{ background-image:url("processcom/boxverte-foot-fin.gif") ; background-repeat: no-repeat; width: 100%; height: 9px;}
.boxverte-body .total 	{ font-family: arial; font-size:12px; width: 738px; text-align: right; }
.boxverte-body .retour 	{ float: right; margin-right: 20px; }
/*.detailfrais 			{ display: inline;	position: absolute;	visibility: hidden;	width: 200px; height: 100px; border: 1px dotted #666666; background-color: #ffffff;	margin-left: 5px; }*/

.boxblc 		{ width: 250px; margin-bottom: 10px; }
.boxblc .item		{ margin: 5px 0px 0px 0px }
.boxblc .item-check	{ float: left; width: 20px; }
.boxblc .item-info 	{ margin-left: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: 100 }

.boxblc-big		{ width: 560px; }
.boxblc-right 		{ width: 300px; margin: 0px; }
.boxblc-body 		{ margin: 0px; padding: 0px 10px 0px 10px; }
.boxblc-content 	{ background-color: #ffffff; width: 100%; overflow: hidden; }
.boxblc-top 		{ background-image:url("processcom/boxblc_top.gif") 		; background-repeat: no-repeat;	width: 100%; height: 16px; }
.boxblc-foot 		{ background-image:url("processcom/boxblc_bottom.gif") 	; background-repeat: no-repeat; width: 100%; height: 16px; }
.boxblc-big-top 	{ background-image:url("processcom/bigboxblc_top.gif") 	; background-repeat: no-repeat;	width: 100%; height: 16px; }
.boxblc-big-foot 	{ background-image:url("processcom/bigboxblc_bottom.gif") 	; background-repeat: no-repeat; width: 100%; height: 16px; }
.boxblc-big-foot2 	{ background-image:url("processcom/bigboxblc_bottom2.gif") 	; background-repeat: no-repeat; width: 100%; height: 16px; }
.boxblc-right-top 	{ background-image:url("processcom/boxblcright_top.gif") 	; background-repeat: no-repeat;	width: 100%; height: 16px; }
.boxblc-right-foot 	{ background-image:url("processcom/boxblcright_bottom.gif")  ; background-repeat: no-repeat; width: 100%; height: 16px; }
.boxblc P 		{ padding: 10px; }
.boxblc-right P 	{ padding: 10px; }
.boxblc-col-left	{ float: left; }
.boxblc-col-right	{ float: left; margin-left: 10px; }
.boxblc-ttviolet	{ padding: 0px; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #AE269E; font-weight: 800 }
.boxblc-separ		{ height: 5px; margin: 0px; padding: 0px; overflow: hidden; line-height: 5px; }

.totaux                 { background-color: #eeeeee; }
.separ 			{ border-bottom: 1px solid #f4f4f4; height:10px; margin-bottom:5px; }
a.ajoutcaddie 		{ color : red; text-decoration: underline;}
.remise                 { background-color: #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #AE269E; font-weight: 800 }

.boxviolet		 	{background-color:#ffffff;border:1px solid #ae269e;}
.boxviolet h2 			{font-size: 12px;color: #FFFFFF;background-color: #ae269e; margin: 0px 0px 0px 0px; padding: 2px 4px 6px 6px;}
.boxviolet#cart 		{border: 1px solid #ae269e;margin: 0px;padding: 0px;}
.boxviolet#cart .quantite 	{font-size: 11px;font-weight: 100;color: #999999;}
.boxviolet#cart .prix 		{font-size: 11px;color: #000000;font-weight: 800;}
.boxviolet#cart .libelle 	{font-size: 11px;line-height:14px;}
.boxviolet#cart .libelle a 	{font-size: 11px; line-height:14px; text-decoration: underline; color: #ae269e}
.boxviolet#cart .produit 	{border-bottom: 1px solid #f4f4f4;margin: 0px 0px 0px 0px; padding: 8px 4px 8px 4px;}
.boxviolet#cart .produit:hover 	{background-color: #E4E4E4;}
.boxviolet#cart .produit:active {background-color: #F9DBEC;}
.boxviolet#cart .bin 			{float: right;vertical-align: bottom;margin-right: 2px; border: 0px;}
.boxviolet#cart #cart_prixtotal {color: #ff0000;font-weight: 800;margin: 5px;}
.boxviolet#cart p.bggris		{padding: 6px 0px 6px 0px; margin-bottom: 0px; background-color: #f4f4f4; text-align: center;}
.boxviolet#cart p.minip			{margin:2px 4px 2px 6px; padding:0px; line-height:14px; font-size: 11px}
.upgrade						{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #AE269E; font-weight: 100; text-decoration: underline;}
.iconeFoto 						{border: 0px; margin: 0px; padding: 0px; vertical-align: middle;}
.legenderecap                   {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: 100; font-style: italic;}
/* DEJA UTILISE DANS HOMECAT */

.modelivraison				{ float: none; margin-top: 0px; }
.modelivraison .libelle   	{ height: 22px; padding: 3px 5px 0px 5px; background-image:url(processcom/bg_process.gif); background-position:top left; background-repeat:no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: 800 }
.modelivraison .logo		{ float: left; width: 150px; text-align: center; }
.modelivraison .carte		{ float: right; width: 40px; text-align: center; }
.modelivraison .detail		{ margin-left: 150px; margin-right: 40px; }
.modelivraison .desc		{ margin: 0px 0px 10px 0px }
.modelivraison .desc-check	{ float: left; width: 30px; }
.modelivraison .desc-info	{ margin-left: 30px; }
.modelivraison .item		{ margin: 5px 0px 10px 0px }
.modelivraison .item-check	{ float: left; width: 30px; }
.modelivraison .item-info 	{ margin-left: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: 100 }
.modelivraison img			{ margin-top: 10px; }
.modelivraison .popup-nom 	{ height: 22px; background-image:url(processcom/bg_process.gif); background-position:bottom left; background-repeat:no-repeat; }
.modelivraison a.nodeco				{ text-decoration: none; }
.modelivraison a.nodeco:hover		{ text-decoration: none; }
.modelivraison a.nodeco:visited		{ text-decoration: none; }
.continuer							{ float: right; margin: 0px; padding: 0px; margin-top: 5px; }
.separefrais						{ clear: right; height: 10px; margin: 0px; padding: 0px; }

.processcom-col-middle		{ margin:0px 190px 40px 0px; padding:0px; }
.processcom-col-middle2		{ margin:0px 0px 40px 190px; padding:0px; }
.processcom-col-middle-noel	{ margin:0px 190px 40px 0px; padding:37px 0px 0px 0px; }
.processcom-col-right		{ margin:12px 0px 40px 0px; float: right; width:180px;}
.processcom-col-right-noel	{ margin:0px 0px 40px 0px; padding: 0px; float: right; width:180px; }
.processcom-col-left		{ margin:12px 0px 40px 0px; float: left; width:180px;}
.processcom-bar-livraison   { padding: 20px 0px 2px 10px; background-image:url('processcom/bg_process.gif'); background-position:bottom left; background-repeat:no-repeat }
.processcom-form			{ padding: 0px; margin: 0px; }
#engagements				{ background-position: bottom; background-image: url("images/bg-engagement.gif"); background-repeat: no-repeat; text-align: center }
.miniboxadresse				{ float: left; width: 180px; }
.miniboxadresse .in			{ margin: 5px 0px 0px 20px; }
.miniboxadresse .content 	{ background-color:#ffffff;border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; line-height:12px;}
.miniboxadresse .titre 	 	{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #AE269E; font-weight: 800; text-decoration: none; text-align: left; }
.miniboxadresse p.minip		{ text-align: left; padding:5px; margin:0px; line-height:14px; font-size: 11px}
.miniboxadresse .top   		{ background-image:url('processcom/boxadresse_top.gif'); background-position: left bottom; background-repeat:no-repeat; width: 160px; height: 8px; }
.miniboxadresse .bottom   	{ background-image:url('processcom/boxadresse_bottom.gif'); background-position: left top; background-repeat:no-repeat; width: 160px; height: 8px; }

.quesepassetil				{ margin: 0px 0px 0px 670px; width: 160px; padding: 0px;}
.quesepassetil .in			{ margin: 7px 0px 0px 0px; }
.quesepassetil .content 	{ background-color:#ffffff;border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; line-height:12px; padding: 5px;}
.quesepassetil .titre 	 	{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #AE269E; font-weight: 800; text-decoration: none; text-align: left; }
.quesepassetil p.minip		{ text-align: left; margin:0px; line-height:14px; font-size: 11px}
.quesepassetil .top   		{ background-image:url('processcom/boxadresse_top.gif'); background-position: left bottom; background-repeat:no-repeat; width: 160px; height: 8px; }
.quesepassetil .bottom   	{ background-image:url('processcom/boxadresse_bottom.gif'); background-position: left top; background-repeat:no-repeat; width: 160px; height: 8px; }

.quesepassetil-etape		{ margin: 0px; padding: 0px;}
.quesepassetil-etape .img	{ float: left; width: 195px; }
.quesepassetil-etape .info 	{ margin-left: 200px; padding-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: 100; vertical-align: top; }

.kiala TH 	{ font-weight: bold; background-color: #eeeeee; text-align: left; padding: 0px 5px 0px 5px; height: 20px; border-bottom: 1px solid #cccccc; border-right: 1px solid #eeeeee;}
.kiala TD 	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; border-bottom: 1px solid #cccccc; border-right: 1px solid #eeeeee;}
.kiala TR 	{  }
.kiala .jour  { padding: 0px 5px 0px 5px; text-align: right; }
.kiala .heure { padding: 0px 5px 0px 20px; text-align: left; }
.kiala .entete { padding: 0px 5px 0px 5px; text-align: center; }
.kiala 		{ width: 100%; }

.modalites			{ margin: 5px 0px 10px 0px }
.modalites .img		{ float: left; width: 30px; }
.modalites .info 	{ margin-left: 30px; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: 100; vertical-align: top; }

.modalites-adr		{ font-size: 11px; margin-left: 20px; margin-top: 5px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; }

.minisepar 			{ border-bottom: 1px solid #f4f4f4; height:1px; margin-bottom:3px; }

table .confirmcde td { height : 10px; line-height: 10px; text-align: left; vertical-align: middle; color: #000000; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: 100; }
table .confirmcde td.libelle { width: auto; }
table .confirmcde td.qte { width: 30px; text-align: center; }
table .confirmcde td.price { width: 100px; margin-left: 10px; text-align: right; }

table .horsproduit td { height : 20px; line-height: 20px; text-align: left; vertical-align: middle; color: #000000; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: 100; }
table .horsproduit td.libelle { width: auto; text-align: right; }
table .horsproduit td.price { width: auto; margin-left: 10px; text-align: right; }

P.txtprocesscde { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px;}

#box-franfinance 						 {margin:0px 0px 10px 0px; padding-top: 2px; background-image:url('images/vipixplus-process/box_franfinance_fond.gif'); background-repeat:no-repeat; height: 135px; text-align:left;}
#box-franfinance .bloc					 {margin-top: 2px; margin-left: 225px; font-size: 12px;}
#box-franfinance .bloc_cout_total        {margin-top: 8px; margin-left: 225px; margin-bottom:8px; font-size: 12px; background-color: white; color: red; padding: 5px;}
#box-franfinance .vignette 				 {margin-left: 50px; width: 105; background-color:white; border: 1px solid #dddddd; color:red; font-weight:bold; font-size:16px; text-align: center;}
#box-franfinance .bouton_reglette		 {background-image:url('images/vipixplus/box_franfinance_bouton.gif');background-repeat:no-repeat;height:14px;width:22px;}
#box-franfinance #content				 {margin: 10px; color:white; text-align:left;}
#box-franfinance .val-gauche	 		 {float: right; margin-left: 5px; text-align:right;font-weight:bold; font-size: 12px;}
#box-franfinance #fin_montant_finance	 {float: right; margin-left: 5px; text-align:right;font-weight:bold; font-size: 12px;}
#box-franfinance #fin_cout_total		 {float: right; margin-left: 5px; text-align:right;font-weight:bold; font-size: 12px;}
#box-franfinance #bloc_reglette			 {margin-top: 0px;background-color:#AE269E; border: 1px solid #E855D7; padding: 5px 0px 5px 0px; margin-bottom:8px; width:210px; float: left}
#box-franfinance #slide_fin_mensualite	 {cursor: pointer; width: 200px; padding-top:5px;background-image:url('images/vipixplus/box_franfinance_reglette1.gif');background-repeat:no-repeat;background-position:center center;}
#box-franfinance #slide_fin_nb_mois		 {cursor: pointer; width: 200px; padding-top:5px;background-image:url('images/vipixplus/box_franfinance_reglette2.gif');background-repeat:no-repeat;background-position:center center;}

.ttsouligne {padding: 10px 0px 0px 0px; color: #ae269e; font-size:14px; font-weight: 800; text-decoration:underline}
.tablerecap {padding: 0px 0px 10px 0px;}
.degradetop {background-image:url('processcom/bg_degrade_top.gif')}
.degradebottom {background-image:url('processcom/bg_degrade_bottom.gif')}
hr .hrsepar  {height:1px; color: #E1E1E1; }
.etiquettereduc {padding: 4px 0px 0px 6px; color: #FFFFFF; font-weight:800; background-image:url('processcom/etiquette_reduc.gif'); background-repeat:no-repeat; height: 23px; width: 49px}

/* Styles supplémentaires pour formulaire Pix Tirelire */
#pix-tirelire, #kreditor_form{margin:0;padding:0;}
#pix-tirelire fieldset, #kreditor_form fieldset{margin:0;padding:0;border:none;}
#pix-tirelire legend, #kreditor_form legend{height:1px;line-height:1px;text-indent:-5000px;}
#pix-tirelire fieldset label span, #kreditor_form fieldset label span{display:none;}
#pix-tirelire input, #kreditor_form input{margin:0;padding:0;}
#pix-tirelire input.pixme-submit, #kreditor_form input.pixme-submit{margin:0;padding:0;}
#pix-tirelire #pix-tirelire-euro{text-align:right}

#kreditor_div{margin-top:5px;}

#pix-tirelire{}
#pix-tirelire{}
/* boutons valider et OK */
.bt-submit a{float:left;height:24px;margin-left:4px;padding:0 0 0 7px;text-decoration:none;background:url(images/multipays/buttons/bt-submit-left.png) 0 0 no-repeat;}
.bt-submit a span{float:left;height:22px;line-height:22px;padding:0 9px 2px 0;font-weight:bold;font-size:11px;color:#ae269e;background:transparent url(images/multipays/buttons/bt-submit-right.png) 100% 0 no-repeat;cursor:pointer;}
.bt-submit a:hover{background-position:0% -24px;}
.bt-submit a:hover span{background-position:100% -24px;color:#fff;}
/* bouton générique (blanc) */
.bt-default{display:block;height:24px;padding:0 0 0 7px;text-decoration:none;background:url(images/multipays/buttons/bt-default-left.png) 0 0 no-repeat;}
.bt-default a{float:left;height:24px;line-height:24px;padding:0 7px 0 0;font-size:11px;text-decoration:none;color:#646464;background:url(images/multipays/buttons/bt-default-right.png) 100% 0 no-repeat;}
.bt-default a:hover{color:#ae269e;}
/* Financement CETELEM */
#cetelemfinancement{width:552px;padding:12px 0;background:url(http://pan.fotovista.com/pixmania/style/images/multipays/background/cetelem-finance-top.png) 0 0 no-repeat;overflow:hidden;}
#cetelemfinancement .content{width:100%;overflow:hidden;padding-bottom:12px;background:url(http://pan.fotovista.com/pixmania/style/images/multipays/background/cetelem-finance-bottom.png) 0 100% no-repeat;}
#cetelemfinancement .content .cursor-cont{display:inline;float:left;width:220px;overflow:hidden;}
#cetelemfinancement .content .cursor-cont-top{overflow:hidden;}
#cetelemfinancement .content .cursor-cont .cursor-price,
#cetelemfinancement .content .cursor-cont .cursor-mens{display:inline;float:left;margin-bottom:10px;height:29px;width:98px;background:url(http://pan.fotovista.com/pixmania/style/images/multipays/background/cetelem-finance-box.png) 0 0 no-repeat;line-height:29px;text-align:center;font-size:15px;font-weight:bold;}
#cetelemfinancement .content .cursor-cont .cursor-price{margin:0 5px 0 7px;color:red;}
#cetelemfinancement .content .cursor-cont .cursor-mens{color:#ae269e;}
#cetelemfinancement .content .cursor-cont .cursor-rule{margin-left:7px;height:45px;width:200px;background:url(http://pan.fotovista.com/pixmania/style/images/multipays/background/cetelem-finance-rule.png) 0 0 no-repeat;overflow:hidden;cursor:pointer;}
#cetelemfinancement .content .cursor-cont .cursor-rule .cursor{margin:14px 0 0 20px;width:30px;height:16px;cursor:pointer;background:url(http://pan.fotovista.com/pixmania/style/images/multipays/background/cetelem-finance-cursor.png) 0 0 no-repeat;}
#cetelemfinancement .content .info-cont{display:inline;float:right;width:332px;}
#cetelemfinancement .content .info-cont p{margin:0;padding:0;overflow:hidden;color:#707070;font-size:12px;}
#cetelemfinancement .content .info-cont p.red{color:red;font-weight:bold;padding-top:5px;}
#cetelemfinancement .content .info-cont p span.left{display:inline;float:left;margin-left:15px;}
#cetelemfinancement .content .info-cont p span.right{display:inline;float:right;margin-right:15px;font-weight:bold;}