/* Header  + pictos reassurance*/


body
{
	color:#3f3c3f;
}

p
{
	/*color:#3f3c3f;*/
}

#headerAchat {
	width: 978px;
	height: 99px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #3f3c3f;
	background-repeat: no-repeat;
}

#headerAchat #reassurance
{
	width:auto;
	height:66px;
	padding-top:25px;
	float:right;
}

#headerAchat #reassurance div
{
	width:166px;
	height:70px;
	display:inline-block;
	
}

#headerAchat span.reassurance.pictos
{
width:35px;
height:35px;
background:url("images/tunnelachat/pictos_reassurance.gif") no-repeat;	
display: block;
margin-left: auto;
margin-right: auto;
}
#headerAchat span.reassurance.pictos.retour
{
	background-position:0px 0px;
}
#headerAchat span.reassurance.pictos.paiement
{
	background-position:0px -44px;
}
#headerAchat span.reassurance.pictos.livraison
{
	background-position:0px -90px;
}
#headerAchat span.reassurance.pictos.paiementsecurise
{
	background-position:0px -135px;
}

#headerAchat #reassurance span.reassurance.textes
{
width:166px;
height:35px;
background:url("images/tunnelAchat/textes_reassurance_header.png") no-repeat;	
display:inline-block;
}
#headerAchat #reassurance span.reassurance.textes.retour
{
	background-position:0px -99px;
}
#headerAchat #reassurance span.reassurance.textes.paiement
{
	background-position:0px 0px;
}
#headerAchat #reassurance span.reassurance.textes.livraison
{
	background-position:0px -33px;
}
#headerAchat #reassurance span.reassurance.textes.paiementsecurise
{
	background-position:0px -66px;
}


/* Etapes des tunnels */
#cheminEtape {
	display:block;
	width: 948px;
	font-size:11px;
	padding:0;
    margin:15px auto;
	height:50px;	
	background:url("images/tunnelAchat/spriteCheminsEtapes.jpg") no-repeat;	
	list-style-type:none;
}

#cheminEtape.piste1 li 
{
	display:inline-block;
	height:50px;
	width:310px;	
}

#cheminEtape.piste2 li 
{
	display:inline-block;
	height:50px;
	width:470px;	
}

#cheminEtape li a
{
	display:inline-block;
	height:100%;
	width:100%;	
}


#cheminEtape.piste1.e1
{
	background-position:0px 0px;
}

#cheminEtape.piste1.e2
{
	background-position:0px -50px; 
}

#cheminEtape.piste1.e3
{
	background-position:0px -100px; 
}


#cheminEtape.piste2.e1
{
	background-position:0px -150px; 
}

#cheminEtape.piste2.e2
{
	background-position:0px -200px; 
}


.btnTunnel, .btnTunnel:active, .btnTunnel:visited, .btnTunnel:hover
{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color:#fff;
    padding:2px 5px; 
    font-weight:bold;  
    text-decoration:none;
    cursor:pointer;
    margin:5px;
    -webkit-appearance: none;
-moz-appearance: none;
}

/*Tailles*/
.btnTunnel.small
{
    padding:4px 15px;
}
.btnTunnel.medium
{
    padding:6px 15px;
}
.btnTunnel.big
{
    padding:10px 15px;
}

/* Couleurs */
.btnTunnel.orange
{
    background-color:#D24800;
}

.btnTunnel.gris
{
    background-color:#808080;    
}

.btnTunnel.vert
{
    background-color:#77a50a;
}

.btnTunnel.grisClair
{
    background-color:#f7f6ee;
    border:1px solid #bbd9f1;
    color:#1e7cc5;
}
/* Fin boutons */

/*Elmeents de formulaire*/
input[type="text"], input[type="password"], select
{
	border:1px solid #bbd9f1;
	padding: 4px 3px;
}

input[type="text"], input[type="password"]{padding-right:14px}

.tableIdent input[type="text"],.tableIdent input[type="password"],.tableIdent select{padding:6px 3px;font-size:17px;font-weight:bold}

.tableIdent input[type="text"],.tableIdent input[type="password"]{padding:6px 14px 6px 3px}

/*
select{height: 30px;
line-height: 30px;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 4px 6px;
font-size: 14px;
}*/

option{padding:4px 6px }

/**/
table .selected
{
background-color:#ddebf6;
}	

.mineur 
{
	color:#808080;
	font-size:11px;
}

.mineur.marron 
{
	color:#3f3c3f;
	font-size:10px;
}


/* Affichage des prix */
.prix
{
	
	color:#d14800;
}

.prix.majeur
{
	font-size:18px;
	font-weight:bold;
}

.prix.majeur .cents
{
	font-size:14px;
	font-weight:bold;
}

.prix.medium
{
	font-size:14px;
	font-weight:bold;
}
.prix.medium .cents
{
	font-size:11px;
	font-weight:bold;
}

.prix.mineur
{
	font-size:12px;
}

.prix.mineur .cents
{
	font-size:10px;
}

.prix.petit
{
	font-size:11px;
}

.prix.petit .cents
{
	font-size:10px;
}


.striked
{
	text-decoration:line-through;	
}
/* Fin prix */

.actionLink
{
	text-decoration:none;
	font-size:10px;
}

.actionLink span.puceb
{
	background:url("images/panier/sprite_puces.png") no-repeat -50px -50px;
	width:6px;
	height:7px;
	display:inline-block;
	margin:auto 3px auto -1px;
} 

.actionLink span.puceb.g
{
	background-position:0px 0px;
}
.actionLink span.puceb.d
{
	background-position:-6px 0px;
}

.actionLink span.puceb.b
{
	width:7px;
	height:7px;
	background-position:-24px 0px;
}
.actionLink span.puceb.h
{
	width:7px;
	height:7px;
	background-position:-31px 0px;
}


.actionLink.suppr
{
	color:#808080;
} 

.actionLink:hover
{
 color:#D24800;

}

.actionLink.btnRetour 
{
 font-size:12px;   
}


span.pucem
{
	background:url("images/panier/sprite_puces.png") no-repeat -50px -50px;
	width:6px;
	height:7px;
	display:inline-block;
	margin:auto 3px auto 3px;
} 

span.pucem.g
{
	background-position:-12px 0px;
}
span.pucem.d
{
	background-position:-18px 0px;
}


/*Mode de paiement*/ 

span.paiement
{
width:53px;
height:30px;
background:url("images/panier/spritePaiements.png") no-repeat;	
display:inline-block;
}

span.paiement.paypal
{
	background-position:-2px -4px;
	width:82px;
}
span.paiement.visa
{
	background-position:-2px -67px;
}
span.paiement.cb
{
	background-position:-2px -205px;
}
span.paiement.mastercard
{
	background-position:-2px -174px;
}
span.paiement.oney
{
	background-position:-2px -36px;
}
span.paiement.amex
{
	background-position:-2px -97px;
}
span.paiement.cheque
{
	background-position:-2px -133px;
}


/* Paiement en 3X*/
.Paiement3x
{
    border: 1px solid #C4BDB5;
background-color: #E1DED9;
display: block;
width: 380px;
float: right;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:5px;
}

.InfoLivraison
{
border: 1px solid #C4BDB5;
background-color: #fff;
display: block;
width: 304px;
height:140px;
float: right;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 4px;
padding:5px;
}


.Paiement3x p {
line-height: normal;
word-spacing: .1em;
hyphenate: auto;
hyphenate-lines:0;
margin: 0;
}



#tableBasket
{
border: 2px solid #eae7e4;
width: 285px;
}
        
#tableBasket thead
{
background-color: #eae7e4;
}
        
#tableBasket tfoot
{
background-color: #eae7e4;
}
        
#tableBasket img
{
height: 40px;
width: 40px;
cursor: pointer;
margin: 3px 3px 3px 7px;
}
#tableBasket h4
{
color: #3f3c3f;
font-weight: bold;
padding-left: 55px;
}

label {
padding-left: 10px;
padding-right: 10px;
}

#colDroite h4 {
color: #3f3c3f;
font-weight: bold;
padding-left: 10px;
}

#colDroite .libArticle {
font-size: 11px;
font-weight: bold;
color:#000;
}


.hRuler
{
    background-color: #e2dfd4;
    margin: 0 auto 0 auto;
    width: 95%;
    height: 1px;
}

h2, h3, h4, h5, .smallTitle 
{
    color: #3f3c3f;
}

h2 
{
    font-size:15px;
    font-weight:bold;
}

h3 
{
    font-weight:bold;
    font-size:14px;
    padding-left:15px;
   /* display:inline;*/
}

h3.inline{display:inline}

h4
{
    font-size:13px;
}

h5
{
    font-size:12px;
}

.smallTitle
{
    font-size:13px;
    font-weight:normal;
    
}

h6
{
    font-size:12px;
    font-weight:bold;
    color:#808080;
    padding-left:15px;
}

.articleTitre
{
    font-size:12px;
    color:Black;
    text-decoration:none;
}

.tdTotal
{
    background-color:#f4f3f1;
    border-left:2px solid #fff;
}

.colTotal
    {
        padding-right:15px;
        text-align:right;
    }

.LogoColissimo
{
    display:inline-block;
    background:url('images/panier/spriteLivraison2.png') no-repeat 0 0;
    height: 51px;
    width: 121px;
    line-height:10px;
}

.LogoSoColissimo
{
    display:inline-block;
    background:url('images/panier/spriteLivraison2.png') no-repeat 0 -189px;
    height: 51px;
    width: 121px;
    line-height:10px;
}



.LogoChronopost
{
    display:inline-block;
    background:url('images/panier/spriteLivraison2.png') no-repeat 0 -50px;
    height: 41px;
    width: 121px;
    line-height:10px;
}

.LogoOney
{
    display:inline-block;
    background:url('images/panier/spriteLivraison2.png') no-repeat 0 -92px;
    height: 44px;
    width: 54px;
    line-height:10px;
}

.LogoChronorelais
{
    display:inline-block;
    background:url('images/panier/spriteLivraison2.png') no-repeat 0 -140px;
    height: 48px;
    width: 121px;
    line-height:10px;
}

img.socopicto{width:25px;height:25px;background:url('images/SoColissimo/socopicto.png') no-repeat 0 25px;}
img.socopicto.pict5{background-position:0 -150px}
img.socopicto.pict1,img.socopicto.pict16{background-position:0 -125px}
img.socopicto.pict2{background-position:0 -100px}
img.socopicto.pict9{background-position:0 -75px}
img.socopicto.pict10{background-position:0 -25px}
img.socopicto.pict12{background-position:0 0}
img.socopicto.pict13{background-position:0 -50px}


/* numéros des étapes pour le paiement par chèque */
 span.pChequeStep
 {
 	display:inline-block;
 	width:20px;
 	height:20px;
 	background-image:url('images/panier/sprite_numChqEtapes.png');
 	background-repeat : no-repeat;
 	float:left;
 	margin-right:10px;
 }
 
 span.pChequeStep.s1
 {
 	background-position:0px 0px;
 }
 span.pChequeStep.s2
 {
 	background-position:0px -21px;
 }
 span.pChequeStep.s3
 {
 	background-position:0px -42px;
 }
 
  .nomProduit
 {
 font-weight:bold;
 color:#000;
 }

 .typePrix
 {
    color:#3f3c3f; 
    font-weight:bold;
    font-size:11px;
 }
 
 #footer{margin:0 auto 0 auto}	
.tablePanier{ margin-left:auto; margin-right:auto; }
.tablePanier th, td { text-align: left;}	
thead {background-color:#ebe7e4;}
.impt{color: #d24800;}
.marge {margin-left: 1.8em;}

#separationPanier{ width: 949px; margin-right: auto;	margin-left: auto;}
.tableTitle { font-weight: bold; color: #5b4a3a;}
.checkedTrue { background-color: #d2e5f3;}
.colPrixTot { text-align: right;}
.panierPuces{ background:url("https://stream.natureetdecouvertes.com/wwwStaticContent/ned/Content/images/panier/sprite_puces.png") no-repeat; width: 6px; height: 7px; display:inline-block; margin: auto 3px auto 3px;}
.panierPuces.b.d{ background-position: -6px 0px;}
.panierPuces.b.g{ background-position: 0px 0px;}
.panierPuces.m.d{ background-position: -17px 0px;}
.panierPuces.m.g{ background-position: -12px 0px;}
.btnPanier, .btnPanier:active, .btnPanier:visited, .btnPanier:hover{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#fff; padding:2px 5px; font-weight:bold; text-decoration:none; cursor:default;}
.btnPanier.Orange{ background-color:#D24800; padding:10px 10px;}
.btnPanier.Gris{ background-color:#808080; }
.btnPanier.Vert{ background-color:#77a50a;}
.btnPanier.grisClair{ background-color:#f7f6ee; border:1px solid #bbd9f1; color:#1e7cc5;}

.impt.colPrixTot{
white-space:nowrap;
}
body #tableBasket .infoMineurNoir .prix.petit,
body #tableBasket .infoMineurNoir .petit .prix{
display:block;
text-align:right;
padding:0;
margin:0;
}
table{ 
/*border-collapse:collapse;*/
}
#headerAchat #reassurance{
margin-right:30px;
}

#headerAchat #reassurance *{
background-color:#3f3c3f!important;
background-color:#3f3c3f;
}

#headerAchat #reassurance div{
background-color:#3f3c3f;
float:left;
overflow:hidden;
width:150px;
}


#headerAchat span.reassurance.pictos{
background-color:#3f3c3f;
opacity : 0.8;
-moz-opacity : 0.8;
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
filter : alpha(opacity=80); /* IE < 8 */
}

#headerAchat #reassurance span.reassurance.textes{
position:relative;
left:-7px;
}

#headerAchat div a img, #reassurance{
padding-top:20px;
}

/*#cheminEtape{
margin:15px!important;
}*/

.letMeDoItProperly{
font-size:11px;
padding: 0 5px;
width:320px;
}
.letMeDoItProperly div{
display:inline!important;
float:none!important;
}

p.livrerOu{
color:#808080;
font-weight:bold;
padding-left:20px;
}

.nomProduit{
font-weight:normal;
}
#panierArticles .prix.petit, #panierArticles td.petit{
font-size:12px;
padding-left:0px!important;
text-align:center!important;
}

#panierArticles th{
padding-right:15px;
}

#panierArticles th h3, #panierArticles th h6{
color:#3f3c3f;
}

#panierArticles td.mineur.tdTotal{
background-color:#fbfaf6!important;
padding:5px 20px;
}

#panierOptions label{
padding:0;
}

#panierOptions label input{
margin-right:7px!important;
}

#panierLivraison:hover tr.isAChoice.checkedTrue td{background-color:white;}


#panierLivraison tr.isAChoice:hover td.colPrixTot,
#panierLivraison tr.isAChoice.checkedTrue:hover td.colPrixTot,
#panierLivraison tr.isAChoice.checkedTrue td.colPrixTot,
#panierLivraison tr.isAChoice:hover td.colPrixTot{
background-color:white!important;
}
#panierLivraison tr.isAChoice:hover td,
#panierLivraison tr.isAChoice.checkedTrue:hover td,
#panierLivraison tr.isAChoice.checkedTrue td{background-color: #D2E5F3;}

#panierLivraison tr.isAChoice{
cursor:pointer;
}
label, input[type=radio], input[type=checkbox]{
cursor:pointer;
}
form.codeAvantage{
padding-bottom:20px;
}
form.codeAvantage br{
height:5px!important;
}
#panierValidation .prix.majeur{
position:relative;
top:-12px;
}

body #panierValidation .btnTunnel.big{
background-image:none;
background-color:#e6570c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float:right;
filter:none;
height:35px;
line-height:35px;
padding:0;
margin:0 5px 0 0;
text-align:center;
width:183px;
}

body #panierValidation .btnTunnel.big:hover{
background-color:#d34a01;
}

.prix.majeur .cents{
font-size:18px!important;
}
.prix.medium .cents{
font-size:14px!important;
}
#CodePromo{
font-style:italic;
color:#666;
font-size:12px;
}
form.codeAvantage br{display:none;}

#separationPanier{
height:0px;
}
.Paiement3x a{
white-space:nowrap;
position:relative;
}
.panierPuces {
position: absolute;
top:5px;
right:-13px;
}

#btnvaliderCodeAvantage, #CodePromo{
float:left;
margin-left:20px;
}
#btnvaliderCodeAvantage{
margin-left:5px;
}
/** Formulaire Validation 
body .promptOk{background-image:url(http://www.natureetdecouvertes.com/content/images/imagesAvenseo/images/validField.gif)!important;}
.accepter_cguformError div{
margin-top:18px;
margin-left:-18px;
}

body .formError .formErrorArrow{visibility:hidden;} 
body .carteAdherent_numeroformError .formErrorContent{visibility:hidden;}

body .formError .formErrorContent{
background: url(http://www.natureetdecouvertes.com/content/images/imagesAvenseo/images/warning.gif) no-repeat top left;
color: #c40001;
padding:0 0 0 25px!important;
border:0!important;
}
*/
.delivery
{
font-size:11px;
padding:5px;
margin:5px; 	
cursor:pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.delivery.disabled{opacity:0.25
;filter:alpha(opacity=25); /* For IE8 and earlier */
cursor:default}

.delivery:not(.disabled):hover
{
border-color: #0088cc;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}


.delivery p{margin:0}
.delivery .smallTitle
{
	padding:0px;
	display:inline-block;
	width:290px;
}

.delivery input[type=radio]{margin-top:3px;}

input[type=radio], input[type=checkbox]{border:0px}