/***************************************************************************/
/******************					ALL				************************/
/***************************************************************************/
/************************** LISTING ***************************/
div.divlisart h2{font-weight: bold;	font-size: 1rem; margin-top: 0; padding-top : 20px;}
div.divlisart img{max-width: 95%; max-height: 180px; display: block; margin-left: auto;	margin-right: auto;}

div.divprixlisting{font-family: 'myriad'; font-size: 2rem; margin-top: 20px; display: block; text-align: left; color: #798C00;}

button.btAjouteraupanierlisting{ 
	display: inline-block;
	float: left;
	background-color: #2e2e2e;
	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;
}

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

/************************** PANIER ***************************/
td.prixpanier{font-family: 'myriad'; font-size: 1.6rem;}
td.prixpaniertotal{font-family: 'myriad'; font-size: 1.8rem;}
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.5rem; margin: 0;}
div.divdescpanier table{margin-top: 40px; width: 100%;}
div.divdescpanier table td{width: 33%;}
#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;}
.imgvignetteselect{border: 1px solid #AF0000;}
div#divartdesciption{width: 100%; height: auto; padding-top: 20px; float: left; text-align:left;}
div#divdetartprix
{
	background-color: #28D7AB;
/*	width: 170px; */
	color: white;
	float: left;
	font-family: 'myriad'; 
	font-size: 1.5rem; 
	line-height:1.7rem; 
	height: 30px;
	margin: 5px;
	padding: 5px;
	-khtml-border-radius: 2px; 
	-moz-border-radius: 2px; 
	-Webkit-border-radius: 2px;  
	border-radius: 2px;
}
div#divdetartprix:hover
{
	background-color: #1DAE89; 
}
div#divdetartname
{
	width: 150px; 
	float: left;
	font-family: 'myriad'; 
	font-size: 3rem; 
	line-height: 50px; 
	height: 50px;
	margin: 30px;
	}

div#divdetartajoutpanier
{
	font-size:0.7rem;
	margin-left: 2px;

	}
div#divdetartajoutpanier form input{width: auto; text-align: center;}

#btAjouteraupanier{
    float:right;
	height: 35px;
	background-color: #28D7AB;
	border: none; 
	color: white;
	padding: 5px;
	margin-top: 2px;
	text-decoration: none;
	font-size: 1.2rem;
	-khtml-border-radius: 2px; 
	-moz-border-radius: 2px; 
	-Webkit-border-radius: 2px;  
	border-radius: 2px;
}

#btAjouteraupanier:hover
{
	background-color: #1DAE89; 
	background-position: 10px 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.2rem;
	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{
	width:210px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	height:70px;
	margin-left:25px;
	margin-bottom:25px;
	float: left;
	background-color:#EDEDED;
	border: 1px solid #ADADAD;
	background-repeat: no-repeat;
	background-position: center 20px;
	color: black;
	font-size: 20px;
	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: #B5B506;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	display: inline-block;
	margin-left: 20px;
}

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

/***************** 		COMMANDES 		************************/
.nbeaptcom{font-size: 35px; color: white;}

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

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

.titreadresse{
	font-size: 15px;
	font-weight: bold;
	height: auto;
	min-height: 50px;
	padding-top:5px;
	border-bottom: 1px solid #ADADAD;
	margin-bottom: 20px;
}

div.divadresseliste{
	width:310px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	height:auto;
	float:left;
	margin-left:25px;
	margin-bottom:25px;
	background-color:#EDEDED;
	border: 1px solid #ADADAD;
}
/***************************************************************************/
/******************					PC				************************/
/***************************************************************************/
@media screen and (min-width:950px){
	/************************** LISTING ***************************/
	div.divlisart{
		width: 29%;
		height: 370px;
		background-color: white;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 20px;
		padding-top: 15px;
		padding-left: 1%;
		padding-right: 1%;
		border: 1px solid #A7A7A7;
	}
	
	div.divlisart:hover{box-shadow: 0px 0px 10px #505050;}
	
	a.btajouterpanierlisting:link, a.btajouterpanierlisting:visited, a.btajouterpanierlisting:active,a.btajouterpanierlisting:hover{
		display: inline-block;
		background-color: #2e2e2e;
		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: #798C00;
		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{
		background-color: #798C00;
		background-image: url(/images/panier-listing-on.png);
		background-repeat: no-repeat;
		background-position: 10px center;
	}

	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;
	}
	
	/************************** PANIER ***************************/
	div.divimgpanier{float: left; width: 150px; height: 130px; line-height: 130px; background-color: white; border: 1px solid #cccccc; text-align: center;}
	div.divdescpanier{display: block; margin-left: 20px; width: auto; margin-left: 170px;}
	


/***************************************************************************/
/******************				TABLETTES			************************/
/***************************************************************************/
@media screen and (min-width:733px) and (max-width:949px){
	/************************** LISTING ***************************/
	div.divlisart{
		width: 26%;
		height: 370px;
		background-color: white;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 20px;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		border: 1px solid #A7A7A7;
	}
	
	div.divlisart:hover{box-shadow: 0px 0px 10px #505050;}
	
	a.btajouterpanierlisting:link, a.btajouterpanierlisting:visited, a.btajouterpanierlisting:active{
		display: block;
		width:80%;
		background-color: #2e2e2e;
		color: white;
		padding: 5px;
		padding-left: 45px;
		padding-right: 7px;
		text-decoration: none;
		font-size: 0.8rem;
		font-weight: bold;		
		margin-top: 10px;
	}

	a.btajouterpanierlisting:hover{background-color: #798C00;}
	
	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;
	}
	
	/************************** PANIER ***************************/
	div.divimgpanier{float: left; width: auto; height: auto; padding: 15px; background-color: white; 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: 96%; height: auto; max-height:300px;float: left;text-align:right;padding-right:2%;padding-left:2%;}	
	div#divdetartht{max-height:100%;}
	div#divdetartht h1{display:inline;color:white;margin:0;padding:0;}	
	div#divartimg{width: 50%; float: left; height: auto; text-align: center; margin-top: -35px;padding-top: 15px; padding-bottom: 15px;}	
	div#divartoptions{width: 46%; padding-left: 4%; float: left; height: auto;}
	
	/****************** 	ESPACE CLIENT		 ****************/
	
	/***************** 		COMMANDES 		*********************/
}

/***************************************************************************/
/******************				SMARTPHONE 1		************************/
/***************************************************************************/
@media screen and (max-width:732px){
	/************************** LISTING ***************************/
	div.divlisart{
		width: 41%;
		height: 370px;
		background-color: white;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 20px;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		border: 1px solid #A7A7A7;
	}
	
	div.divlisart:hover{box-shadow: 0px 0px 10px #505050;}
	
	a.btajouterpanierlisting:link, a.btajouterpanierlisting:visited, a.btajouterpanierlisting:active,a.btajouterpanierlisting:hover{
		display: block;
		background-color: #2e2e2e;
		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: #798C00; 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: 96%;padding:2%;padding-right:2% height: auto;}	
	div#divdeart h1{margin-top: 20px; padding-top: 0; line-height: 1em;color:white;}		
	div#divdetartht{width: 100%; height: auto;}	
	div#divartimg{width: 100%; display: block; height: auto; text-align: center; margin-top: -35px;padding-top: 15px; padding-bottom: 15px;}	
	div#divartoptions{width: 100%; display: block; height: auto;text-align:center;}	
	.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; background-color: transparent; border: none; text-align: center;}
	div.divdescpanier{display: block; margin-left: 20px; width: auto;}
	
	/****************** 	ESPACE CLIENT		 ****************/
	div.divadresseliste{
		width: 90%;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:20px;
		height:auto;
		float:left;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:25px;
		background-color:#EDEDED;
		border: 1px solid #ADADAD;
	}
}


/***************************************************************************/
/******************				SMARTPHONE 2		************************/
/***************************************************************************/
@media screen and (max-width:499px){
	/************************** LISTING ***************************/
	div.divlisart{
		width: 90%;
		height: 370px;
		background-color: white;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 20px;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		border: 1px solid #A7A7A7;
	}
	
	div.divlisart:hover{box-shadow: 0px 0px 10px #505050;}
}