div.step{
	border:1px solid #0278c3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	
}
div#step0
{
	display:block;
	float:left;
	height:190px;
	width:32%;
	margin:0 1.5% 20px 1.5%;
	border:1px solid #282828;
	text-align:center;
	transition:all .1s ease-in-out;
}
	div#step0.off
	{
		opacity:.6;
	}
	div#step0.on
	{
		box-shadow:0 0 10px #333333;
	}
	div#step0.pointer
	{
		cursor:pointer;
	}
	div#step0.left { float:left; margin:0; }
	div#step0.right { float:right; margin:0; }

div#step0 .titre { background:#282828; text-align:center; }
div#step0 .body p { display:block; }
div#step0 .body a, div#step0 .body p span.label { float:none; width:auto; }
/*div#step0{
    max-width:500px ;
    margin: auto;
    margin-bottom: 10px;
    text-align: center;
}*/

div.step a.titre{
	
	display: block;
	background-color:#0278c3;
	color:white;
	padding:5px;
	text-transform: uppercase;
	font-size:110%;
	font-style: italic;
    text-align: left;
}

div.step div.body{
	padding:10px;
}

div.step div.body table{
	width:100%;
}	

div.step.action table td{
	border-right:1px solid #cccccc;
	text-align: center;
	padding:0px 10px 0px 30px;
	
}

div.step.action table td label{
	
	float:left;
	text-align: center;
	background-color: #cccccc;
	margin:3px;
	padding:4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	cursor: pointer;
		
}

div.step.action table td label.select{
	background-color: #4ee671;
	
}

div.step.action table td label img{
	width:80px;
	height: 80px;	
}
div.step.action table td label input{
	display: block;
	margin-left:15px;
	margin-top:5px;
}

div.step .body p{
	display:table;
	padding:5px;
	
}
div.step .body p span.label{
	width:250px;
	display: block;
	float:left;
}
div.step .body p span.label em{
	display: block;
	font-size:80%;
	color:#868686;	
}
div.step .body p label{
	margin-right: 20px;
	cursor: pointer;

}

.recupcommande{
	background-color: #eeeeee;
	border:1px solid #adadad;
	font-size:13px;
	border-radius:5px;
	margin:5px;
	padding: 5px;
	
}

/***chps***/
div.step input,
div.step select,
#ajoutpanier input{
	padding:5px;
}



/**resultat***/
div#resultat{
	text-align: center;
	border:3px solid #cccccc;
	margin-bottom:30px;
	margin-top:30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0px 0px 30px 0px;
	display: none;	
}

div#resultat h2{
	margin-bottom: 20px;	
}
div#resultat span.titre{
	background-color: #cccccc;
	width:auto;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

center{
	margin-bottom: 30px;
}
div#resultat span.prix{
	font-size:110%;
	background-color: #0278C3;
	padding:5px;
	color:white;
}
div#resultat em{
	font-size:50%;
}
div#resultat img.schema{
	width:300px;
	margin-top:20px;
}
div#resultat span.ref{
	display: block;
	font-size:170%;
	word-spacing: 15px;
	margin-bottom: 40px;
}

div#resultat a.bt{
	margin-left:30px;
}

div#divdiainch,div#divdiamm{
	display: none;
}


table#ajoutpanier{
	margin: auto;
	margin-bottom: 30px;
	
}


a.bt{
	background-color: #4ee671;
	padding:10px;
	color:black;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #c9f1d2;
	text-transform:uppercase;
	font-size:90%;
	box-shadow: 0px 0px 6px 1px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 6px 1px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 6px 1px rgba(119, 119, 119, 0.75);
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#288b3f),
		to(#4ee671)
	);
	background: -webkit-linear-gradient(
		top,
		#288b3f,
		#4ee671
	);
	background: -moz-linear-gradient(
		top,
		#288b3f,
		#4ee671
	);
	background: -o-linear-gradient(
		top,
		#288b3f,
		#4ee671
	);
	background: linear-gradient(
		top,
		#288b3f,
		#4ee671
	);
	
	
}

p.ou{
	font-size:130%;
	margin-bottom: 30px;
}

#step0 .bt{
	display: none;
}

div.row{
	width:100%;
	display: inline-table;
}
div.row div.col{
	float:left;
}
div.col-6{width:60%;}
div.col-4{width:40%;}

div#resultat span.ref .urlfichetech{
	font-size:12px;
	word-spacing: 0px;
	background-color: #0278C3;
	color:white;
	padding:1px 5px 1px 5px;
	border-radius:3px;
}


/***tableau degressif***/
table.tabdegressif{
	border:1px solid black;
	background-color: #f3f3f3;
	border-spacing:inherit;
	width: 500px;
	margin: 10px auto 10px auto;
	font-size:14px;
	
}

table.tabdegressif td,
table.tabdegressif th
{
	border:1px solid black;
	padding: 5px;
	text-align: center;
	
}
table.tabdegressif th{
	background-color: #282828;
	color:white;
}

table.tabdegressif td em{
	display: block;
	color:gray;
	font-size:14px;
	
}	






/****panier***/
table.panier{
	width: 100%;
	border:1px solid gray;
}

table.panier thead th{
	background-color: #0278C3;
	padding:10px;
	color:white;	
}
table.panier tbody tr td{
	border-bottom:1px solid #DDDDDC;
	padding:5px;
	vertical-align: middle;
}
table.panier input[type=number]{
	padding:5px;
	text-align: center;
	width:40px;
}

table.panier .btn.refresh{
	border:0px;
	background-color: transparent;
	cursor: pointer;
	
}

div#page table.panier tfoot td,
div#page table.panier tfoot th
{
	background-color: #dddddc;
	padding:10px;
	vertical-align: middle;
}



div#page table.panier tr.total td{
	font-weight: bold;
	background-color: #d0d0d0;
	border-top:3px solid #7b7b7b;
	font-size:18px;
}

div#page table.panier .prix{
	text-align: right;
	padding-right: 25px;
}
div#page table.panier ul{
	width:100%;
	float: right;
}
div#page table.panier ul li{
	list-style: none;
	background-image: none;
	margin-bottom: 0px;
	border-bottom:1px dotted white;
	
}
div#page table.panier ul li label{
	cursor: pointer;
	
}
div#page table.panier ul.incoterm em{
	font-size:11px;
	display: block;
} 
div#page table.panier ul.incoterm li input[type=checkbox]{
	float: right;
	display: block;

}

div#page table.panier tfoot .prix{
	padding-right: 77px;
	width:130px;
}

div.cadre .link{
	display: block;
	text-align: right;
	font-size:13px;
	font-style: italic;
}
div.cadre{
	border:1px solid #0278C3;
	margin:10px 0px 10px 0px;
	padding:10px;
	border-radius:10px;
}

div.cadre .titre{
	display: block;
	color:#0278C3;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}	


div.cadre .btn{
	float: inherit;
}

.btn.blue{
	float: right;
}


table.transport{
	background-color: white;
	width: 400px;
	font-size:11px;
	border:1px solid #cccccc;
	border-radius:5px;
	margin:10px auto;
	padding:5px;

}

div#page table.panier table.transport td,
div#page  table.panier  table.transport th{
	background-color: white;
	border:0px;
	padding:4px;
	vertical-align: top;
}

div#page table.panier table.transport td input[type=text],
div#page table.panier table.transport td textarea,
div#page table.panier table.transport td select{
	width: 100%;
	padding:3px;
}


a.btmodifier{
	display: none;
}


table.panier img.schema{
	height: 50px;
	
}

table.panier .prix em{
	display: block;
	color:gray;
	font-size:13px;
}
/**adresse***/
#adresselivraison{
	
}
#adresselivraison em{
	display: block;
	font-size:11px;
}
#adresselivraison th{
	text-align: left;
}
#adresselivraison td{
	text-align: left;
}

#lgpopup{
    display: none;
}


div.sauvpanier{
	text-align: right;
	width: 100%;
	margin-bottom: 20px;
	margin-top: -70px; 
}

div.sauvpanier a.btn{
	float: none;
	display: inline;
}

/**********paiement choix type***/
.converion{
	text-align: center;
	background-color: #FFE87D;
	padding: 10px;
	border:1px solid #e3c785;
	border-radius:5px;
}
.converion a{
	background-color: white;
	border:1px solid gray;
	padding:5px;
	border-radius:5px;	
}