h3
{
	margin:0 0 10px 0;
}
/*
===============================================================================================================
	LISTES
===============================================================================================================
*/
.listecategorie
{
	list-style-type:none;
	margin:20px 0 0 0;
	padding:0;
	overflow:hidden;
}
.listearticle
{
	list-style-type:none;
	margin:20px 0 0 0;
	padding:0;
	overflow:hidden;
}
	.blocarticle
	{
		float:left;
		display:block;
		clear:none;
		height:240px;
		width:150px;
		margin:0 5px 5px 0;
		padding:8px;
		background:#FFFFFF;
		border:1px solid #FFFFFF;
		border-radius:5px;
		box-shadow:0 0 5px #AAAAAA inset;
		overflow:hidden;
		text-align: center;
		
	}
	.blocarticle.categorie
	{
		
	}
	.blocarticle.tetegondole
	{
		background:;
		border:1px solid #999999;
		box-shadow:0 0 5px #666666 inset;
	}
	.blocarticle div
	{
		text-align:center;
	}
	.blocarticle .img
	{
		display:block;
		width:inherit;
		margin:0 0 5px 0;
	}
	.blocarticle a
	{
		display:block;
		width:inherit;
		text-decoration:none;
		color:#696969;
	}
	.blocarticle img
	{
		display:block;
		width:inherit;
	}
	
	.blocarticle .info{
		font-style:italic;
		font-size:130%;
		color:#0F72AC;
		border-top:1px dotted #b3b3b3;
	}
	.blocarticle .info a
	{
		
	}
	.blocarticle p
	{
		text-align:center;
		text-transform:capitalize;
		color:#009ADB;
	}
	.blocarticle p strong
	{
		display:block;
		color:#2E2B23;
	}
	.blocarticle span a
	{
		display:none;
		font-size:.8em;
	}
/*
===============================================================================================================
	( RECHERCHE )
===============================================================================================================
*/
.nbresult
{
	margin:0 0 20px 0;
}
.resultatrecherche
{
	margin:0;
	padding:0;
	overflow:hidden;
}
.resultatrecherche li
{
	display:block;
	margin:0 0 15px 0;
	padding:10px;
	border:1px solid #CCCCCC;
	border-radius:4px;
}
.resultatrecherche img
{
	float:left;
	width:100px;
	margin:0;
	padding:3px;
	background:#EEEEEE;
	border:1px solid #AAAAAA;
}
.resultatrecherche .desc
{
	margin:0 0 0 120px;
	padding:0 0 0 0;
}
.resultatrecherche strong
{
	display:block;
	margin:0 0 5px 0;
	padding:4px 0 4px 0;
	border-bottom:1px solid #EEEEEE;
}
.resultatrecherche a
{
	text-decoration:none;
	color:;
}
.resultatrecherche p
{
	margin:0;
	padding:0;
	text-align:justify;
}
.resultatrecherche .achat
{
	width:275px;
	margin:20px 0 20px 0;
}
	.resultatrecherche .prixvente
	{
		width:100px;
		margin:0 0 0 0;
		padding:4px 8px 4px 0;
		text-align:left;
		font-size:1em;
		font-weight:bold;
		color:;
	}
	.resultatrecherche .prixvente span
	{
		color:;
	}
	.resultatrecherche .achat .qtart
	{
		width:20px;
		height:20px;
		padding:0;
		border:1px solid #CCCCCC;
		border-radius:3px;
		line-height:20px;
		text-align:center;
		font-size:1em;
		color:;
	}
	.resultatrecherche .achat .addtocart
	{
		width:110px;
		height:22px;
		padding:0 0 2px 4px;
		background:#281A19;
		border:1px solid #202020;
		border-radius:3px;
		line-height:24px;
		text-align:left;
		font-size:.8em;
		font-weight:bold;
		color:;
		cursor:pointer;
	}
	.resultatrecherche .achat .addtocart.valid
	{
		
	}
/*
===============================================================================================================
	FICHE
===============================================================================================================
*/
.fichearticle
{
	overflow:hidden;
}
.fichearticle .section
{
	margin:20px 0 20px 0;
	clear:both;
	overflow:hidden;
}
.fichearticle .desc_totale
{
	overflow:hidden;
}
.fichearticle .desc_courte
{
	width:auto;
	margin:20px 0 20px 0;
	text-align:justify;
}
.fichearticle .desc_longue
{
	width:auto;
	clear:both;
}
.fichearticle .shop
{
	float:right;
	margin:0 0 20px 20px;
	overflow:hidden;
	display: none;
}

/* ----- CARACTERISTIQUES --------------------------------------------------------------------------------------- */

.fichearticle .carac
{
	width:auto;
	margin:15px 0 15px 0;
	padding:1px 0 1px 0;
	clear:none;
}
	.fichearticle .carac table { width:100%; }
	.fichearticle .carac td { border-bottom:1px solid #CCCCCC; }
	.fichearticle .carac .label { width:120px; }
	.fichearticle .carac .label strong
	{
		display:block;
		margin:2px 0 2px 0;
		padding:2px 0 2px 0;
		background:none;
	}
	.fichearticle .carac .valeur span
	{
		display:block;
		margin:2px 0 2px 0;
		padding:2px 0 2px 0;
	}
	.fichearticle .carac .select_option .label strong
	{
		padding:4px 5px 4px 5px;
	}
	.fichearticle .carac .select_option select
	{
		margin:0;
		padding:0;
	}

/* ----- STOCK --------------------------------------------------------------------------------------- */

.fichearticle .stock
{
	margin:10px 0 10px 0;
	padding:1px 0 1px 0;
	border-top:1px solid #EEEEEE;
}
	.fichearticle .stock td { border-bottom:1px solid #EEEEEE; }
	.fichearticle .stock .label strong
	{
		display:block;
		width:110px;
		margin:2px 0 2px 0;
		padding:2px 5px 2px 5px;
		background:#F0F0F0;
		font-weight:bold;
	}
	.fichearticle .stock .stock_note
	{
		margin:2px 0 2px 0;
		padding:2px 5px 2px 5px;
	}

/* ----- ACHAT --------------------------------------------------------------------------------------- */

.fichearticle .achat
{
	width:auto;
	margin:0 0 0 0;
	padding:15px;
	background:#FFFFFF;
	border:1px solid #FFFFFF;
	border-radius:5px;
	box-shadow:0 0 5px #AAAAAA inset;
	line-height:30px;
}
	.fichearticle .achat div
	{
		margin:0 0 5px 0;
		padding:0 0 5px 0;
		/*border-bottom:1px solid #CCCCCC;*/
	}
	.fichearticle .prixvente
	{
		margin:0 0 5px 0;
		padding:0 0 0 0;
		text-align:left;
		font-size:1.5em;
		color:;
	}
	.fichearticle .prixvente span
	{
		font-family:"font-title", Arial, Helvetica, sans-serif;
	}
	.fichearticle .prixvente .prixbarre
	{
		display:block;
		text-decoration:line-through;
		font-family:"font-common", Arial, Helvetica, sans-serif;
		font-size:.8em;
		color:#666666;
	}
	.fichearticle .achat .qtart
	{
		width:33px;
		height:33px;
		margin:0 5px 0 0;
		padding:0;
		border:1px solid #CCCCCC;
		border-radius:3px;
		text-align:center;
		color:;
	}
	.fichearticle .achat .verspanier
	{
		border-bottom:0;
	}
	.fichearticle .achat .addtocart
	{
		width:auto;
		margin:0 0 0 5px;
		padding:6px 15px 6px 15px;
		background:#0F72AC;
		border:2px solid #0D5784;
		border-radius:4px;
		box-sizing:border-box;
		color:#FFFFFF;
		cursor:pointer;
	}
	.fichearticle .achat .addtocart:hover
	{
		background:#1F3852;
		border:2px solid #1F3852;
		color:#FFFFFF;
	}
	.fichearticle .achat .addtocart.valid
	{
		
	}

/* ----- PHOTOS --------------------------------------------------------------------------------------- */

.fichearticle .photos
{
	float:left;
	width:250px;
	margin:0 20px 20px 0;
	text-align:center;
}
	.fichearticle .photos .main
	{
		height:250px;
		width:inherit;
		background:#FFFFFF;
		border:1px solid #999999;
	}
	.fichearticle .photos img
	{
		
	}
	.fichearticle .photos ul
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	.fichearticle .photos ul li
	{
		float:left;
		width:auto;
		margin:5px 6px 15px 0;
		padding:0;
		background:none;
	}
	.fichearticle .photos ul img
	{
		width:50px;
	}

/* ----- DOCUMENTS --------------------------------------------------------------------------------------- */

.fichearticle .documents
{
	margin:20px 0 0 0;
	
}
	.fichearticle .documents li
	{
		list-style-type:none;
		margin:2px 0 2px 0;
	}
	.fichearticle .documents li img
	{
		float:left;
		margin:0 5px 0 0;
	}
	
	
	.documents ul li a{
		background-color: #0278c2;
		padding:10px;
		color:white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0px 0px 5px 1px rgba(119, 119, 119, 0.69);
-moz-box-shadow: 0px 0px 5px 1px rgba(119, 119, 119, 0.69);
-webkit-box-shadow: 0px 0px 5px 1px rgba(119, 119, 119, 0.69);
	} 
	

/* ----- LIENS --------------------------------------------------------------------------------------- */

.fichearticle .liens
{
	display:none;
	clear:both;
	width:328px;
	padding:8px 15px 15px 15px;
	background:;
	border:1px solid #CCCCCC;
}
	.fichearticle .liens p
	{
		margin:0;
		padding:0;
	}
	.fichearticle .liens ul
	{
		margin:0 0 0 30px;
		padding:0 0 0 0;
		list-style-type:disc;
	}
	.fichearticle .liens ul li
	{
		list-style-image:url(../img/puce3.gif);
	}
.fichearticle .liaisons li
{
	float:left;
	display:block;
	height:130px;
	width:90px;
	margin:0 12px 12px 0;
	padding:10px;
	border:1px solid #CCCCCC;
	border-radius:5px;
	text-align:center;
	font-size:.8em;
}
.fichearticle .liaisons li img
{
	width:90px;
}

/* ----- VARIANTES --------------------------------------------------------------------------------------- */

.fichearticle .variantes
{
	clear:both;
}
	.fichearticle .variantes table
	{
		width:100%;
		padding:0 15px 10px 15px;
		background:#FFFFFF;
		border:1px solid #FFFFFF;
		border-radius:5px;
		box-shadow:0 0 5px #AAAAAA inset;
	}
	.fichearticle .variantes tr:hover td
	{
		/*background:#E6E6E6;*/
	}
	.fichearticle .variantes th, .fichearticle .variantes td
	{
		padding:4px 10px 4px 0;
		border-bottom:1px solid #E6E6E6;
		/*border-right:1px solid #E6E6E6;*/
		text-align:left;
		line-height:34px;
	}
	.fichearticle .variantes td.miniachat
	{
		
	}
	.fichearticle .variantes td.miniachat .prixvente
	{
		font-size:1em;
		font-weight:bold;
	}
	.fichearticle .variantes td.miniachat .prixbarre
	{
		text-decoration:line-through;
		color:#666666;
	}
	.fichearticle .variantes .formachat
	{
		width:400px;
	}
	.fichearticle .variantes input.qtart
	{
		width:33px;
		height:24px;
		margin:0 5px 0 0;
		padding:0;
		border:1px solid #CCCCCC;
		border-radius:3px;
		text-align:center;
		color:;
	}
	.fichearticle .variantes input.addtocart
	{
		width:auto;
		margin:0 0 0 5px;
		padding:6px 15px 6px 15px;
		background:#0F72AC;
		border:2px solid #0D5784;
		border-radius:4px;
		box-sizing:border-box;
		color:#FFFFFF;
		cursor:pointer;
	}
	.fichearticle .variantes input.addtocart:hover
	{
		background:#303030;
		border:2px solid #303030;
		cursor:pointer;
	}
	.fichearticle .tag
	{
		margin:0 10px 0 0;
		padding:2px 8px 2px 8px;
		background:#EEEEEE;
		border:0;
		border-radius:3px;
		text-align:center;
		color:#000000;
		cursor:pointer;
	}
	.fichearticle .tag:hover
	{
		background:#0F72AC;
		color:#FFFFFF;
	}
	.fichearticle .tag.selected, .fichearticle .tag.selected:hover
	{
		background:#FFFFFF;
		color:#000000;
	}
	.fichearticle .aff_toutes_variantes
	{
		float:right;
		margin:0 0 0 0;
		padding:0 0 0 0;
		background:#FFFFFF;
		border:0;
		border-radius:3px;
		text-align:center;
		font-weight:bold;
		color:#0F72AC;
		cursor:pointer;
	}
	.fichearticle .criteres_selectionnes
	{
		display:none;
		margin:0 0 5px 0;
		padding:10px 15px 10px 15px;
		background:#FFFFFF;
		border:1px solid #FFFFFF;
		border-radius:5px;
		box-shadow:0 0 5px #AAAAAA inset;
		color:#303030;
	}
	.fichearticle .criteres_selectionnes .tag
	{
		background:#0F72AC;
		color:#FFFFFF;
	}

/* ----- MENU --------------------------------------------------------------------------------------- */

.fichearticle .menu
{
	width:100%;
	margin:20px 0 0 0;
	clear:both;
	overflow:hidden;
}
	.fichearticle .menu ul
	{
		margin:0;
		padding:0;
		background:#DDDDDD;
		overflow:hidden;
	}
	.fichearticle .menu li
	{
		display:block;
		float:left;
		margin:0 1px 0 0;
		padding:4px 10px 4px 10px;
		background:#888888;
		color:#FFFFFF;
		overflow:hidden;
		cursor:pointer;
	}
	.fichearticle .menu li:hover, .fichearticle .menu li.selected
	{
		background:#0F72AC;
	}
	
	.fichearticle .menu li[rel=carac],
	.fichearticle .menu li[rel=documents]{
		display:none;
	}

/*
===============================================================================================================
	PANIER
===============================================================================================================
*/

#movetocart
{
	position:absolute;
	top:-15px;
}
table.panier
{
	margin:0 0 10px 0;
	padding:0;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	margin-top:10px;
}
	table.panier th
	{
		background:#e3e3e3;
		padding:3px;
		padding-top:5px;
		padding-bottom:5px;
	}
	div#page table.panier td
	{
		vertical-align:middle;
		padding:5px;
		border-bottom:1px solid #CCCCCC;
	}
	table.panier img.photo
	{
		width:70px;
	}
	table.panier td ul li
	{
		margin:0;
		padding:0;
		font-size:.8em;
	}
	table.panier td input
	{
		height:24px;
		margin:0 2px 0 2px;
		padding:0 6px 0 6px;
		border:1px solid #CCCCCC;
		border-radius:3px;
		text-align:center;
		line-height:24px;
	}
	table.panier td input[type=button]
	{
		width:20px;
		background:#DDDDDD;
		color:#303030;
		cursor:pointer;
	}
	table.panier td input[type=text]
	{
		width:20px;
	}
	table.panier td.quantite,
	table.panier td.prixunitaire,
	table.panier td.prixtotal
	{
		text-align:center;
		width:100px;
	}
.bloctotal
{
	float:right;
}
table.total
{
	padding:15px;
	background:#FFFFFF;
	border:1px solid #FFFFFF;
	border-radius:5px;
	box-shadow:0 0 5px #AAAAAA inset;
}
	table.total td
	{
		text-align:right;
		padding-right:5px;
	}
	table.total tr.total td
	{
		font-size:1em;
		font-weight:bold;
	}
.commentairecommande
{
	width:550px;
	height:125px;
	margin:10px 0 10px 0;
	box-sizing:border-box;
}


/*
===============================================================================================================
	COMMANDE
===============================================================================================================
*/

.steps
{
	margin:30px 0 20px 0;
	padding:0;
	list-style-type:none;
	clear:both;
	overflow:hidden;
}
	.steps li
	{
		float:left;
		margin:0 5px 0 0;
		padding:0;
	}
	.steps li a
	{
		display:block;
		margin:0;
		padding:6px 15px 6px 15px;
		background:#DDDDDD;
		border-radius:4px;
		color:#303030;
		cursor:default;
	}
	.steps li a:hover { background:#CCCCCC; }
	.steps li a.selected
	{
		background:#0F72AC;
		color:#FFFFFF;
		cursor:pointer;
	}
	.steps li a.selected:hover { background:#0D5784; }
	.steps li a.done
	{
		background:#303030;
		color:#FFFFFF;
		cursor:pointer;
	}
	.steps li a.done:hover { background:#202020; }









/*
===============================================================================================================
	DIVERS
===============================================================================================================
*/


#destination
{
	overflow:hidden;
}
#destination p
{
	text-align:justify;
}
#destination select
{
	padding:5px;
	cursor:pointer;
}
input[name=btvalid]
{
	width:100%;
	margin:5px 0 5px 0;
	padding:6px 15px 6px 15px;
	background:#0F72AC;
	border:2px solid #0D5784;
	border-radius:4px;
	box-sizing:border-box;
	font-family:"font-common", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	color:#FFFFFF;
	cursor:pointer;
}
input[name=btvalid]:hover
{
	background:#1F3852;
	border:2px solid #1F3852;
}
