﻿/*----------------------------------------------------
    Général ----------------------------------------*/
    .diabledText {
        color:Gray;	
    }
    .disabled {
        color:Gray;	
    }

/* 	--------------------------------------------------------------------------------
	Identification -------------------------------------------------------------------------*/
	#catalogue_identification .acces_creer_compte
    {
        display: none;
    }
    #catalogue_identification .existant
    {
        clear: both;
    }	
/* 	--------------------------------------------------------------------------------
	Panier et paiement -----------------------------------------------------------------------*/
	#content #catalogue_etapes span { display:block; padding: 0 0 10px 0; }
	/*steps*/
	#content #catalogue_etapes ul {
		border-top: solid 1px #DC685F;
		height: 40px;
		list-style: none;
		margin: 10px 0 0 0;
		padding: 0;
	}	
	#catalogue_etapes li {
		background: url(../../charte_images/steps.png) 0px 0px no-repeat;
		float: left;
		font-size: 13px;
		text-transform: uppercase;
		margin: -8px 0 0 0; padding: 24px 13px 0;
		position: relative;
	}
	
	#catalogue_etapes li.current { color: #f00; }
	
	#catalogue_etapes .step1 { background-position: 14px 0; }
	#catalogue_etapes .step2 { background-position: -104px 0; }
	#catalogue_etapes .step3 { background-position: -244px 0; }
	#catalogue_etapes .step4 { background-position: -345px 0; }
	#catalogue_etapes .step5 { background-position: -434px 0; }
	
	#catalogue_etapes .step5.current { background-position: -434px -63px; }
	#catalogue_etapes .step4.current { background-position: -345px -63px; }
	#catalogue_etapes .step3.current { background-position: -244px -63px; }
	#catalogue_etapes .step2.current { background-position: -104px -63px; }
	#catalogue_etapes .step1.current { background-position: 14px -63px; }
	
	
	
	#content .panier .listesNB {
		background: #fff;
		border: 1px solid #ddd;
		display: none;
		list-style-type: none;
		padding: 5px 10px;
		position: absolute;
		text-align: center;
		top: 0; left: 0;
		width: 105px;
		z-index: 2000;
	}
	.listesNB li { padding: 0; margin: 0; }
	.listesNB li a { text-decoration: none; color: #000; font-weight: bold; display: block; padding: 4px 0; height: 16px; }
	.listesNB li a:hover { background: #ededed; }
	.listesNB li a span { font-size: 11px; font-weight: normal; }
	.panierachat table td span.nombreChoisis {
		color: #404041;
		float: left;
		font-size: 13px;
		font-weight: normal;
		padding: 0;
	}
	
	/* Panier recapitulatif - modification */
	
	
	.recap { padding: 0 0 80px 0; }
	.recappanier {
		/*background: url(../../charte_images/bg_panier.png) bottom left repeat-x;*/
		font-size: 12px;
		width: 100%;
	}
	.recappanier th {
		border-bottom: solid 1px #ced0d2;
	}
	.recappanier td { 
		border: solid 1px #ced0d2;
		border-left: none;
		border-top: none;
		padding: 10px 0; 
		text-align: center;	
		vertical-align: middle;
	 }
	.recappanier th { padding: 0 0 5px 0; text-align: center; color: #404041; }
	
	.recappanier .type { text-align: left; padding: 10px 0 10px 10px; }	
	.recappanier th.type { border-bottom: solid 1px #ced0d2; padding: 0 0 5px 10px; }
	.recappanier th.delete { border: none; }
	
	.recappanier .qte { width: 80px; }
	.recappanier .prix { width: 130px; }
	.recappanier .total { width: 125px; }
	.recappanier .delete { width: 36px; border-left: solid 1px #ced0d2;border-top: solid 1px #ced0d2; }
	
	td.prix { font-weight: bold; color: #f00; }
	td.total { font-weight: bold; color: #f00; }
	
	.recappanier .qte div { width: 30px; margin: 0 auto; }
	.recappanier .qte .nombreChoisis { 
		float: left;
		line-height: 15px;
	}
	.recappanier .qte .choose { float: left; margin: 0 0 0 5px; }
	 
	
	.totalrecap { 
		background: #f00;
		border: solid 4px #A4B2BA;
		border-top: 0;
		
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		
		color: #fff;
		float: right;
		font-weight: bold;
		line-height: 22px;
		padding: 0 25px 0 25px;
		position: relative;
		text-align: right;
		text-transform: uppercase;
		/*width: 212px; height: 22px;*/
		
	}
	.totalrecap span {
		font-size: 16px;
		padding: 0 0 0 4px;
	}
	#content .totalrecap a {
		background: url(../../charte_images/btn_fleche.png) right center no-repeat;
		color: #fff;
		text-decoration: none;
		margin: 0 34px 0 0; padding: 1px 25px 1px 7px;
	}
	
	/* Coupon */
	#content .section_coupon { padding-top: 30px; }
	#content .section_coupon label { width: 160px; }
	#content .section_coupon .coupon_actuel span { line-height: 23px; font-weight:bold; }
	#content .section_coupon a { 
	    background: url(../../charte_images/btn_fleche2.png) no-repeat right center;
	    color: #f00;
	    font-size: 12px;
	    line-height: 23px;
	    padding: 0 18px 0 8px;
	    text-decoration: none;
	    /* text-transform: uppercase; */
    } 
    
	
	/* Blocs d'infos */
	.groupeAchat {
		padding: 0 0 40px 0;
	}
	
	.groupeAchat .inscr 
	{
	    clear: both;
		padding: 20px 0 0 8px;
	}	
	
	#content .groupeAchat p.instructions {
		padding: 0;
		font-style: italic;
	}	
	.panier .groupeAchat .altHead {
		padding: 0 0 0 5px;
		color: #fff;		
	}
	
	#content .panier h3 {
		color: #ED2024;
		font-size: 15px;
		font-weight: bold;
		margin: 0; padding: 0 0 5px 0;
	}
	#content #catalogue_panier .panier h3 {
		padding: 0 0 0 86px;
	}
	.step1 .inscr { width: 400px; }
	.step1 .inscr input[type=text] {
		width: 258px;
	}
	.step1 .inscr .tel input {
		width: 111px;
		float:left;
	}
	
	.step1 .inscr label.catalogue_poids_inscr { width: 45px; }  
	.step1 .inscr input.catalogue_poids_inscr { 
		text-align: center;
		margin: 0 7px 0 0;
		width: 35px;
	}	
	
	/* Suggestions bas de page */	
	
	.suggestions { padding: 0 0 20px 0; }
	#content .suggestions ul { list-style-type: none; padding: 0 0 30px 0; }
	.suggestions ul li { 
		float: left;
		margin: 0 30px 0 0;	
		width: 238px;
	}
	.suggestions ul li.last { margin: 0; }
	.suggestions ul li .img {
		border: solid 1px #d4e1ec;
		border-bottom: none;
		text-align: center;
	}
	.suggestions ul li span {
		background: #7f8282;
		border: solid 1px #d4e1ec;
		border-top: none;
		font-size: 12px;
		color: #fff;
		display: block;
		padding: 4px 4px 4px 11px;
	} 
	#content .suggestions ul li a {
		background: url(../../charte_images/btn_fleche.png) right center no-repeat;
		color: #fff;
		text-decoration: none;
		text-align: right;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		
		padding: 1px 20px 1px 0;
		line-height: 23px;
		
	} 
	.btndetails {
		background: #f00;
		border: solid 4px #A4B2BA;
		border-top: 0;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		padding: 0 6px;
		float: right;
	}
	#content .panier .btnnext {
		border-top: solid 1px #ced0d2;	
		height: 27px;
	}
	#content .panier .btnnext p {
		background: #f00;
		border: solid 4px #A4B2BA;
		border-top: 0;
				
		clear: both;
		float: right;
		text-align: right;
		margin: 0; padding: 0;
		
	}
	#content .btnnext p a {
		background: url(../../charte_images/btn_fleche.png) 175px 4px no-repeat;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		text-transform: uppercase;
		padding: 0 30px 0 0;
		line-height: 23px;		
		display: block;
		width: 168px; height: 23px;
	}
	
	
	
	/* Livraison */
	
	
	#content .livraisonchoix {
		float: left;
		width: 142px;
	}
	#content .livraisonchoix label {
		display: block;
		text-align: left;
		float: right;
		width: 120px;
	}
	#content .livraisonchoix input { float: left; }
	#content .adrLiv h3 { float: left; padding-right: 6px; }
	#content .adrLiv .adrLivUpd, #content .adrLiv .adrLivAff { float: left; }
	#content .modeLiv {
		padding-top:15px;
	}
	#content .livraison { padding: 10px 0 0 0; }
	#content .livraison label,
	#content .livraison p {
		font-size: 12px;
		text-align: left;
	}
	#content .livraison .choix { 
		clear: both; 
		padding: 0 0 0 6px;
	}
	
	#content .adrLivUpd p.sex {
	    padding-left: 90px;
    }
    #content .adrLivUpd .bloc_adresse 
    {
        clear: both;
        padding-top: 15px;
    }
    #content .adrLivUpd input[type=text] {
        width: 240px;
    }
    #content .adrLivUpd .short {
		clear: both;
		padding-left: 86px;
	}
	#content .adrLivUpd .short p {
		clear: none;
		float: left;
		width: 84px;
	}
	#content .adrLivUpd .short p label {
		display: block;
		line-height: 16px;
		text-align: left;
		width: 72px;
	}
	#content .adrLivUpd .short p input {
		width: 72px;
	}
	
	/* Résumé */
	#catalogue_paie .resume { margin-bottom: 30px; }
	#catalogue_paie h3 span {
	    color: #f00;
	    font-size: 12px;
	    font-weight: normal;
	    text-transform: lowercase;
	}
	#catalogue_paie .bloc_ident {
	    float: left;
	    width: 270px;
	    padding-top: 10px;
	}
	#catalogue_paie .bloc_liv {
	    float: right;
	    width: 270px;
	    padding-top: 10px;
	}
	#catalogue_paie .bloc_com {
	    clear:both;
	    padding-top: 25px;
	}
	#catalogue_paie .bloc_ident p strong {
	    float: left;
	    display:block;
	    width: 70px;
	    font-weight: normal;
	}
	#catalogue_paie .bloc_liv p strong {
	    float: left;
	    display:block;
	    width: 60px;
	    font-weight: normal;
	}
	#catalogue_paie .bloc_ident p span {
	    float: left;
	    display:block;
	    width: 200px;
	}
	#catalogue_paie .bloc_liv p span
	{
	    float: left;
	    display:block;
	    width: 210px;
	}
	#catalogue_paie .bloc_ident p span.adresse,
	#catalogue_paie .bloc_liv p span.adresse { padding-bottom: 10px; }
	
	#catalogue_table_panier { width: 100%; }
	#catalogue_table_panier th { border-bottom: solid 1px #ced0d2; }
	#catalogue_table_panier td { 
		border: solid 1px #ced0d2;
		padding: 10px 0; 
		text-align: center;	
		vertical-align: middle;
		background-color: #fff;
	}
	#catalogue_table_panier th { padding: 0 0 3px 0; text-align: center; color: #404041; font-weight:bold; }
	#catalogue_table_panier .catalogue_article { text-align: left; padding: 10px 0 10px 10px; }
	#catalogue_table_panier .catalogue_article .catalogue_type_produit { display:none; }
	#catalogue_table_panier .catalogue_qte { width: 50px; }
	#catalogue_table_panier .catalogue_prix { width: 90px; }
	#catalogue_table_panier .catalogue_total { width: 95px; }
    .catalogue_panier_total 
	{
	    background: #fff;
	    border: solid 2px #ced0d2;
		border-top: 0;
	    -moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		float: right;
		line-height: 26px;
		padding: 0 25px 0 25px;
		position: relative;
		text-align: right;
		font-size: 16px;
		margin-right: -1px;
		width: 310px;
	}
	#catalogue_panier_total p 
	{
	    clear:both; 
	}
	#catalogue_panier_total span 
	{
	    /*display: block;
	    float: left;*/
	    width: 90px;  
	}
	#catalogue_panier_total strong 
	{
	    /*clear:both;*/
	    display: block;
	    padding-right: 7px;
	    float: left;
	    width: 220px;    
	}
	#catalogue_panier_total .catalogue_sous_totaux
	{
	    line-height: 22px;
	    font-size: 12px;
	    border-bottom: solid 1px #ced0d2;
	}
	#content .catalogue_rens_gen a { text-transform: lowercase; }
	#content .modepaiement {
		float: left;
		padding: 15px 17px 0 0;
		width: 194px;
	}
	#content .cartecredit {
		padding: 15px 0 0 0;
		float: left;
	}
	#content .modepaiement input { float: left; }
	#content .modepaiement label {
		float: right;
		width: 165px;
		text-align: left;
		display: block;
		float: left;
	}
	#content .modepaiement p {
		clear: both;
		margin: 0; padding: 0 0 27px;
	}
	
	#content .form .cartecredit .choixcredit label { display: inline; float: none; padding: 0; line-height: 12px; }
	#content .form .cartecredit label {
		display: block;
		float: left;
		line-height: 24px !important;
		padding: 0 0 0 22px;
		width: 160px;
		text-align: left;
	}
	#content .form .cartecredit .note {
		padding-left: 185px;
	}
	#content .cartecredit input[type=text],
	#content .cartecredit input[type=password] { width: 125px; }
	
	#content .cartecredit input.text { width: 125px; }
	
    .catalogue_no_comm { font-weight: bold; }
/* 	--------------------------------------------------------------------------------
	Fiches produit ---------------------------------------------------------------*/
	/*#fiche_produit { padding: 5px 10px 50px; }*/
	#content #liste_produit {
		float: left;
	}
	#content #liste_produit .texte_additionel { display: block; padding: 4px 0pt 2px 21px; font-size: 11px; color: Black; }

	#content #liste_produit ul {
		padding: 0;
		list-style: none;
		float: left;
		/*padding: 10px 0 25px 10px;*/
		padding: 0 0 25px 0;
		width: 200px;
	}
	#content #liste_produit ul li {
		margin: 0 0 14px 0;
		clear:both;
	}
	/**/
	#content #liste_produit ul li a {
		background: url(../../charte_images/fleche4.png) left top no-repeat;
		color: #d2171f;
		text-decoration: none;
		font-size: 14px;
		padding: 0 0 0 21px;
	}
	#content #liste_produit ul ul {
		display: none;
		padding: 0 0 10px 30px;
		width: 169px;
	}
	#content #liste_produit ul li.selected ul {
		display: block;
	}
	#content #liste_produit ul li li {
		margin: 0;
	}
	#content #liste_produit ul li li a,
	#content #liste_produit ul li.selected li a {
		background: none;
		border-bottom: solid 1px #A2A4A7;
		display: block;
		color: #404041;
		font-size: 12px;
		padding: 5px 0;
		padding-left: 5px;
		padding-right: 5px;
	}
	#content #liste_produit ul li li a:hover { color: #000; }
	#content #liste_produit ul li a:hover { color: #333; }
	#content #liste_produit ul li.selected li.selected a { background: #EBECEC; }
	#content #liste_produit ul li.selected a {
		color: #7F8181;
	}
	#item_image {
		text-align: center;
		float: left;
		padding: 20px 0;
		width: 355px;
	}
	#details {
		background: #F8F8F9;
		border-top: solid 1px #bababa;
		border-bottom: solid 1px #bababa;
		clear: both;
		padding: 10px 20px;
	}
	#content #details ul 
	{
		padding-left: 20px;
	}
	#content #details ul li 
	{
	    padding: 5px 0;
	}
	#details.articlepromo {
		background: url(../../charte_images/bg_articles.jpg) center top repeat-y;
	}
	
	#details.articlepromo #desc {
		padding: 15px 0 0 43px;
	}
	#details.articlepromo #options {
		padding: 15px 0 0 43px;
		float: left;
		width: 300px;
	}
	#details.articlepromo #options p {  
		float: left; 
		padding: 0 15px 0 0;
		clear: none;
	}
	#details.articlepromo #options p label {
		display: block;
		color: #D21820;
	}  
	#details.articlepromo #options p select {
		display: block;
	}
	#details.articlepromo #options .qte {
		padding: 0;
	}
	#details.articlepromo #options .prix {
		color: #D21820;
		font-size: 14px;
		float: right;
		padding: 10px 75px 0 0;
	}
	#content #details h1 {
		color: #D21820;
		text-decoration: none;
		font-size: 18px;
		font-weight: normal;
		padding: 0 0 4px 0;
	}
	#content #details h2 {
		color: #D21820;
		text-decoration: none;
		font-size: 14px;
		font-weight: normal;
		padding: 10px 0 4px 0;
	}
	#content #details p { padding-left: 0; padding-right: 0; }
	#details #desc {
		float: left;
		width: 250px;
	}
	#details #cond_vente {
		margin-top:15px;
	}
	#details #options {
		float: right;
		width: 230px;
	}
	#details .nonAchetableEnLigne { font-weight:bold; clear:both; padding-top: 20px; }
	#details #options p { clear:both; }	
	#details #options input { float: left; }
	#details #options label { float: left; }
	#details .options_produit { margin-top: 30px; }
	#details .options_produit label { width: 200px; }
	#details #options .qte {
		padding: 47px 0 0 0;
	}
	#details #options .qte label {
		color: #D21820;
		float: none;
		display: block;
		
	}
	#details #options .qte select {
		margin-right: 20px;
	}
	#details #options .qte span { color: #D21820; font-size: 14px; padding: 0; }
	#content .btn_addpanier {
		background: #f00;
		border: solid 4px #A4B2BA;
		border-top: 0;
		
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		
		padding: 5px 10px;
		float: right;
	}
	#content .btn_addpanier a {
		background: url(../../charte_images/btn_fleche.png) right center no-repeat;
		color: #fff;
		text-decoration: none;
		line-height: 15px;
		font-size: 13px;
		margin: 0 10px; padding: 0 20px 0 0;
		
	}
	#subitems { 
		background: #fff;
		float: left;
		width: 186px; 
	}
	#subitems a { display: block; text-align: center;}

	
