/***************************************************************************/
/******************					ALL				************************/
/***************************************************************************/
/************************** LISTING ***************************/
div.divlisart h2{font-weight: normal;	font-size: 1.5em;}
div.divlisart img{max-width: 95%; display: block; margin-left: auto;	margin-right: auto;}

div.divprixlisting{font-size: 1.5em; margin-top: 5px; display: block;margin-bottom:5px;}
.prixfiche{
	font-size: 1.8rem;
	display: block;
	margin-bottom:2rem;
	margin-top:40px;
}
.ancienprix{font-size:1.2rem;}

button.btAjouteraupanierlisting{ 
	display: inline-block;
	float: left;
	background-color: #02385A;
	border: none;
	color: white;
	padding: 8px;
	padding-left: 45px;
	padding-right: 7px;
	text-decoration: none;
	font-size: 0.8rem;
	font-weight: bold;
	-khtml-border-radius: 2px; 
	-moz-border-radius: 2px; 
	-Webkit-border-radius: 2px;  
	border-radius: 2px;
	margin-top: 10px;
	background-image: url(/images/panier-listing.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.spanancienprix{font-size:0.8rem;}

button.btAjouteraupanierlisting:hover{
	background-color: #E35C02;
	background-image: url(/images/panier-listing-on.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}

/************************** PANIER ***************************/
td.prixpanier{font-size: 1.4rem;}
td.prixcommande{font-size: 1rem;}
td.prixpaniertotal{font-size: 1.5em;}
div.divelempanier{width: 100%; height: auto; margin-bottom: 20px; display:inline-block; padding-bottom: 15px; border-bottom: 1px solid #cccccc;}
div.divimgpanier img{max-width: 90%; max-height: 90%;}
img.imgpaniersup{float: right;}
div.divelempanier h2{font-weight: normal; text-align: left; font-size: 1.4em; margin: 0;}
div.divdescpanier table{margin-top: 30px; width: 100%;}
div.divdescpanier table td{width: 33%;}div#divsepchoixad{display:block;height:40px;}
#tablepaniertotal{width: 100%;}
#tablepaniertotal td{width: 33%;}
div.divelempanier input[type="text"]{width: 50px;text-align: center;}

/********************** FICHE DÉTAILLÉE **********************/
div#divdeart img{max-width: 95%;clear: both}
div#divdeart h1{margin-top: 0; padding-top: 0; line-height: 1em;}
div#divartimgvign{margin-top: 10px;}
div#divartimgvign img{margin: 10px;}
.imgvignetteselect{border: 1px solid #AF0000;}
div#divartdesciption{width: 100%; height: auto; padding-top: 20px; float: left;}
div#divdetartprix{width: 100%; border-top: 1px solid #A3A3A3; border-bottom: 1px solid #A3A3A3;font-size: 2em; line-height: 50px; height: 50px;}
div#divdetartajoutpanier{padding-top: 15px; padding-bottom: 15px;}
div#divdetartajoutpanier form input{width: auto; text-align: center;}

.h2description{margin: 0; margin-bottom: 10px; margin-top: 10px; padding: 5px; background-color: #D0D0D0; font-weight: normal;}

/********************** 		ESPACE CLIENT		 **********************/
div.divcadre{
	width: 100%;
	height: auto;
	border:1px solid #3D3D3D;
	background-color: white;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-Webkit-border-radius: 4px;
	border-radius: 4px;
	display: block-inline;
	margin-top: 20px;
}

div.divcadre h2{
	color: white;
	background-color: #3D3D3D;
	margin: 0;
	font-weight: bold;
	font-size: 1.2em;
	padding: 2px;
	padding-left: 10px;
}

div.divcadretint{padding: 10px; line-height: 1.2em;}
div#divecdisconnect{float: right; width: auto; height: auto; color: black; font-size: 1rem;}
div#diveccliensht{width: 100%; margin-bottom:20px; text-align: center;}
div#diveccliensht a{text-decoration: none;}

div.divaec{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;	
	display:inline-block;
	background-color:#EDEDED;
	border: 1px solid #ADADAD;
	background-repeat: no-repeat;
	background-position: center 20px;
	color: black;	
	text-align:center;
	padding-top: 100px;
	margin-top:50px;
}

.divaec:hover{text-decoration: none; background: #C4C4C4; background-repeat: no-repeat; background-position: center 20px;}

.btnajout {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	background: #1F1F1F;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	display: inline-block;
	margin-left: 20px;
}

.btnajout:hover{text-decoration: none; background: #ED3125;}
#divarianecommande{width:auto; text-align: center; margin-top: 20px; margin-bottom: 20px;}

/***************** 		COMMANDES 		************************/
.nbeaptcom{font-size:25px;font-weight:bold;color: white;}

div.divetapecommande{
	display: inline-block;
	width: auto;
	height: 50px;
	text-align: center;
	color: black;
	background-color: #D0D0D0;
	margin-left: 10px;
	font-size: 13px;
	line-height:20px;
	padding-top: 10px;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

div.divetapecommandeon{
	display: inline-block;
	width: auto;
	height: 50px;
	text-align: center;
	color: white;
	background-color: #867966;
	margin-left: 10px;
	font-size: 13px;
	line-height:20px;
	padding-top: 10px;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.titreadresse{
	font-size: 0.9rem;
	height: auto;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #ADADAD;
	margin-bottom: 20px;
}

img.imgvignfd{height: 60px;padding:4px;margin:3px;border: 1px solid #8a8a8a;}
img.imgvignfdselected{height: 60px;padding:4px;margin:3px;border: 1px solid #EC2F24;}

div#divvignpromodet{
	float:right;
	width:70px;
	height:70px;
	margin-top:-20px;
	background-image: url(/images/promo.png);
	color: white;
	text-align: center;
	background-size:100%;
}

div#divvignnewdet{
	position:absolute;
	width:80px;
	height:80px;
	margin-top:-10px;
	background-image: url(/images/new.png);
	line-height:60px;
	color: white;
	text-align: center;
	z-index:0;
}

/***************************************************************************/
/******************					PC				************************/
/***************************************************************************/
@media screen and (min-width:1201px){
	/************************** LISTING ***************************/
	div.divlisart{
		width: 45%;
		height: auto;
		background-color: #867966;
		float: left;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 20px;
		border: 1px solid #C4C4C4;
	}
	div.divlisart:hover{box-shadow: 0px 0px 10px #505050;}
	div.divlisartphoto{float:left;margin:0;padding:0;width:40%;}
	div.divlisartdesc{float:left;padding-left:3%;padding-right:2%;width:55%;color:white;}
	div.divlisartdesc h2{color:white;}
	div.divlisartphoto img{margin:0;padding:0;}
	div.divlisartnom{height:47px;letter-spacing: 0;}
	
	div.divlistarnew{
		width:45px;
		height:45px;
		background-image: url(/images/new.png);
		position:relative;
		float:right;
		margin-right:5px;
		margin-top:-160px;	
		display:block;
		z-index:10;	
	}
	
	div.divvignpromo{
		width:48px;
		height:48px;
		background-image: url(/images/bg-promotion.png);
		position:absolute;
		margin-left:5px;
		margin-top:-9px;
		line-height:48px;
		color: white;
		text-align: center;
		font-size:0.65rem;
	
	}
	
	a.btajouterpanierlisting:link, a.btajouterpanierlisting:visited, a.btajouterpanierlisting:active,a.btajouterpanierlisting:hover{
		display: inline-block;
		background-color: #02385A;
		color: white;
		padding: 5px;
		padding-left: 45px;
		padding-right: 7px;
		text-decoration: none;
		font-size: 0.8rem;
		font-weight: bold;
		-khtml-border-radius: 2px; 
		-moz-border-radius: 2px; 
		-Webkit-border-radius: 2px;  
		border-radius: 2px;
		margin-top: 10px;
		background-image: url(/images/panier-listing.png);
		background-repeat: no-repeat;
		background-position: 10px center;
	}

	a.btajouterpanierlisting:hover{
		background-color: #E35C02;
		background-image: url(/images/panier-listing-on.png);
		background-repeat: no-repeat;
		background-position: 10px center;
	}

	a.aview:link, a.aview:visited, a.aview:active{
		float: right;
		background-image: url(/images/view.png);
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 15px;
		text-decoration: none;
		font-weight: bold;
		margin-top: 15px;
	}

	a.aview:hover{
		float: right;
		background-image: url(/images/view.png);
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 15px;
		text-decoration: underline;
		font-weight: bold;
		margin-top: 15px;
	}
	
	div.divadresseliste{
		width:90%;
		display:block;
		padding:20px;
		height:auto;
	}
	
	div#divsepchoixad{display:block;height:40px;}
	
	/************************** PANIER ***************************/
	div.divimgpanier{float: left; width: 150px; height: 130px; padding-top: 10px; line-height: 130px; border: 1px solid #cccccc; text-align: center;}
	div.divdescpanier{display: block; margin-left: 20px; width: auto; margin-left: 170px;}
	
	/********************** FICHE DÉTAILLÉE **********************/
	div#divdeart{width: 100%; height: auto;	padding-top: 20px; float: left;}	
	div#divdetartht{width: 100%; height: auto; float: left;}	
	div#divartimg{width: 50%; float: left; height: auto; background-color: white; text-align: center; padding-top: 15px; padding-bottom: 15px;}	

	div#divartimg img{margin-bottom:20px;}
	div#divartoptions{width: 46%; padding-left: 4%; float: left; height: auto;}
	div#divartoptions h1{text-align:left;padding-left:0;margin-left:0;}
	#btAjouteraupanier{width:70%;margin-top:3rem;}
	
	/****************** 	ESPACE CLIENT		 ****************/
	.ipdef{width:400px;}
}


/***************************************************************************/
/******************				TABLETTES			************************/
/***************************************************************************/
@media screen and (min-width:720px) and (max-width:1200px){		
	/************************** LISTING ***************************/
	div.divlisart{
		width: 45%;
		height: 250px;
		background-color: #867966;
		float: left;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 20px;
		border: 1px solid #C4C4C4;
		display:table;
	}
	div.divlisart:hover{box-shadow: 0px 0px 10px #505050;}
	div.divlisartphoto{display:table-cell;margin:0;padding:0;width:40%;vertical-align:middle;background-color:white;text-align:center;}
	div.divlisartdesc{display:table-cell;width:55%;color:white;vertical-align:top;padding-left:3%;padding-right:2}
	div.divlisartdesc h2{color:white;}
	div.divlisartphoto img{margin:0;padding:0;}

	
	div.divlistarnew{
		width:45px;
		height:45px;
		background-image: url(/images/new.png);
		position:relative;
		float:right;
		margin-right:5px;
		margin-top:-160px;	
		display:block;
		z-index:10;	
	}
	
	div.divvignpromo{
		width:48px;
		height:48px;
		background-image: url(/images/bg-promotion.png);
		position:absolute;
		margin-left:5px;
		margin-top:-9px;
		line-height:48px;
		color: white;
		text-align: center;
		font-size:0.75rem;
		letter-spacing: -0.1rem;
	}
	
	a.btajouterpanierlisting:link, a.btajouterpanierlisting:visited, a.btajouterpanierlisting:active,a.btajouterpanierlisting:hover{
		display: block;
		background-color: #02385A;
		color: white;
		padding: 5px;
		padding-left: 45px;
		padding-right: 7px;
		text-decoration: none;
		font-size: 0.8rem;
		font-weight: bold;
		-khtml-border-radius: 2px; 
		-moz-border-radius: 2px; 
		-Webkit-border-radius: 2px;  
		border-radius: 2px;
		margin-top: 10px;
		background-image: url(/images/panier-listing.png);
		background-repeat: no-repeat;
		background-position: 10px center;
	}

	a.btajouterpanierlisting:hover{background-color: #E35C02; background-image: url(/images/panier-listing-on.png); background-repeat: no-repeat; background-position: 10px center;}

	a.aview:link, a.aview:visited, a.aview:active{
		float: left;
		background-image: url(/images/view.png);
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 15px;
		text-decoration: none;
		font-weight: bold;
		margin-top: 15px;
	}

	a.aview:hover{
		float: left;
		background-image: url(/images/view.png);
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 15px;
		text-decoration: underline;
		font-weight: bold;
		margin-top: 15px;
	}
	
	div.divadresseliste{
		width:90%;
		padding:20px;
		height:auto;
		background-color:#EDEDED;
	}

	/************************** PANIER ***************************/
	div.divimgpanier{float: left; width: 150px; height: 130px; padding-top: 10px; line-height: 130px; margin-left:10px;border: 1px solid #cccccc; text-align: center;}
	div.divdescpanier{display: block; margin-left: 20px; width: auto; margin-left: 170px;}
	
	/********************** FICHE DÉTAILLÉE **********************/
	div#divdeart{width: 100%; height: auto;	padding-top: 20px; float: left;}	
	div#divdetartht{width: 100%; height: auto; float: left;}	
	div#divartimg{width: 50%; float: left; height: auto; text-align: center; padding-top: 15px; padding-bottom: 15px;}	
	div#divartimgint{float: left;margin-left:10px;}
	div#divartimg img{margin-bottom:20px;float: left;}
	div#divartoptions{width: 46%; padding-left: 4%; float: left; height: auto;}
	
	/****************** 	ESPACE CLIENT		 ****************/
	
	/***************** 		COMMANDES 		*********************/
}

/***************************************************************************/
/******************				SMARTPHONE 1		************************/
/***************************************************************************/
@media screen and (max-width:719px){
	/************************** LISTING ***************************/
	div.divlisart{
		width: 47%;
		height: 260px;
		background-color: white;
		float: left;
		margin-left: 1.5%;
		margin-right: 0;
		padding-left:0.2%;
		padding-right:0.2%;
		margin-bottom: 20px;
		padding-top: 15px;		
		border: 1px solid #A7A7A7;
		text-align: center;
	}
	div.divlisart:hover{box-shadow: 0px 0px 10px #505050;}
	div.divlisartphoto{height: 150px;margin-bottom:5px;vertical-align:middle; display:bloc;width:100%;}
	div.divlisart img{max-height:150px;}
	div.divlisartnom{height:47px;letter-spacing: 0;}
	
	div.divlistarnew{
		width:45px;
		height:45px;
		background-image: url(/images/new.png);
		position:relative;
		float:right;
		margin-right:5px;
		margin-top:-160px;	
		display:block;
		z-index:10;	
	}
	
	div.divvignpromo{
		width:48px;
		height:48px;
		background-image: url(/images/bg-promotion.png);
		position:absolute;
		margin-left:5px;
		margin-top:-9px;
		line-height:48px;
		color: white;
		text-align: center;
		font-size:0.75rem;
		letter-spacing: -0.1rem;
	}
	
	a.btajouterpanierlisting:link, a.btajouterpanierlisting:visited, a.btajouterpanierlisting:active,a.btajouterpanierlisting:hover{
		display: block;
		background-color: #02385A;
		color: white;
		padding: 5px;
		padding-left: 45px;
		padding-right: 7px;
		text-decoration: none;
		font-size: 0.8rem;
		font-weight: bold;
		-khtml-border-radius: 2px; 
		-moz-border-radius: 2px; 
		-Webkit-border-radius: 2px;  
		border-radius: 2px;
		margin-top: 10px;
		background-image: url(/images/panier-listing.png);
		background-repeat: no-repeat;
		background-position: 10px center;
	}

	a.btajouterpanierlisting:hover{background-color: #E35C02; background-image: url(/images/panier-listing-on.png); background-repeat: no-repeat; background-position: 10px center;}

	a.aview:link, a.aview:visited, a.aview:active{
		float: left;
		background-image: url(/images/view.png);
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 15px;
		text-decoration: none;
		font-weight: bold;
		margin-top: 15px;
	}

	a.aview:hover{
		float: left;
		background-image: url(/images/view.png);
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 15px;
		text-decoration: underline;
		font-weight: bold;
		margin-top: 15px;
	}
	
	div#divdeart{width: 100%; height: auto;}	
	div#divdeart h1{margin-top: 20px; padding-top: 0; line-height: 1em;}	
	div#divdetartht{width: 100%; height: auto;}	
	div#divartimg{width: 100%; display: block; height: auto; text-align: center; background-color: white; padding-top: 15px; padding-bottom: 15px;}	
	div#divartimgint{height:320px;}
	div#divartimg img{max-height:300px;margin-bottom:20px;}
	div#divartoptions{width: 100%; display: block; height: auto;}	
	.h2description{margin: 0; margin-bottom: 10px; padding: 5px; background-color: #D0D0D0; font-weight: normal;}
	
	/************************** PANIER ***************************/
	div.divimgpanier{display: block; padding: 15px; margin-bottom: 5px; margin-left: auto; margin-right: auto; width:auto;max-width:200px;background-color: transparent; border: none; text-align: center;}
	div.divdescpanier{display: block; margin-left: 20px; width: auto;}
	
	/****************** 	ESPACE CLIENT		 ****************/
	div.divadresseliste{
		width: 90%;
		padding:10px;
		height:auto;
		display:block;
		margin-left:auto;
		margin-right:auto;
		background-color:#EDEDED;
	}
	
	div#divsepchoixad{display:block;height:40px;}
	
	td.prixpanier{font-size: 1.1rem;}
	td.prixcommande{font-size: 1rem;}
	td.prixpaniertotal{font-size: 1.2em;}
}


/***************************************************************************/
/******************				SMARTPHONE 2		************************/
/***************************************************************************/
@media screen and (max-width:499px){
	/************************** LISTING ***************************/
	div.divlisart{
		width: 90%;
		height: auto;
		background-color: white;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 20px;
		padding-bottom: 10px;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		border: 1px solid #A7A7A7;
		text-align: center;
	}	
	div.divlisart:hover{box-shadow: 0px 0px 10px #505050;}
	
	div.divlisartphoto{height: 150px;margin-bottom:5px;vertical-align:middle; display:block;width:100%;}
	div.divlisart img{max-height:150px;margin-bottom:20px;}
	div.divlisartnom{height:47px;letter-spacing: 0;}
	
	div.divlistarnew{
		width:45px;
		height:45px;
		background-image: url(/images/new.png);
		position:relative;
		float:right;
		margin-right:5px;
		margin-top:-160px;	
		display:block;
		z-index:10;	
	}
}