.boutique .corners li{ float:left; position:relative; margin:4px; -moz-box-shadow: 0 0 6px #b1b1b1; 
  -webkit-box-shadow: 0 0 6px #b1b1b1; 
  box-shadow: 0 0 6px #b1b1b1; width:376px; height:170px;}
.boutique .corners li a{ background-color: #7e7e7e; color:white;font-weight: 100; padding: 5px; position: absolute; bottom: 0; left: 111px;}
#Main .boutique .contenu{
  position:relative;
}
.boutique h2{color:#5a5a5a; font-size:18px; margin: 10px 0 10px 0;clear: left;}

#Main .boutique h1{
  padding:0px 0 0 74px;
  height:72px;
  line-height:40px;
  background:transparent url(images/title.jpg) no-repeat 0 0;
}
#Main .app.boutique { width:770px;}
#Main{ /*padding:0 0 50px 17px !important;*/ /*width:983px !important;*/ }

.boutique .nav{
  position:absolute; top: 44px; left: 90px;margin:0;
}
.boutique .nav li{ float:left;height:23px; }
.boutique .nav .points{ color:#7d337b; font-size:16px; margin-right:50px;}
.boutique .nav li a{display:block;height:23px;color:#5a5a5a;line-height:23px; margin:0 10px 0 10px; font-size:14px;}
.boutique .nav li a:hover{color:black; text-decoration:none; }
.boutique .nav li a.selected{font-weight:bold;line-height:22px; }

	.boutique form table input[type="text"], .boutique form table textarea{
		height: 20px;
		padding: 2px 4px;
		line-height: 20px;
		font-size: 12px;
		width:640px;
		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
		transition: border linear 0.2s, box-shadow linear 0.2s;
		padding: 2px 4px;
		margin: 0;
		display: inline-block;
		color: #444;
		background-color: white;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #B2B2B2;
		font-weight: normal;
	}
	.boutique form table textarea{
		min-height:200px !important
	}
	.boutique form  table input[name="campaign[date]"], .boutique form table input[name="campaign[date_fin]"]{
		width:100px;
	}
	.boutique form table input[type="text"]:focus, .boutique form table textarea:focus{
		outline: none;
		-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(100, 100, 90, 0.6);
		-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(100, 100, 90, 0.6);
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(100, 100, 90, 0.6);
		border-color: rgba(100, 100, 90, 0.8);
	}
	.boutique form textarea[name="campaign[gagnants]"]{
		min-height:200px !important;
	}
	
	
	.boutique form .promo{background:transparent url(images/pictos.png) no-repeat 0 -27px; padding-left:70px;height:24px; padding-top:4px}
	.boutique form .promo input[type=text]{width:auto}
	
	.boutique form .new{background:transparent url(images/pictos.png) no-repeat 0 0; padding-left:70px;height:24px; width:180px; padding-top:4px}
	
	
	
	.boutique form .rupture{background:transparent url(images/pictos.png) no-repeat 0 -58px; padding-left:70px;height:24px; padding-top:4px}
	.boutique form .rupture input[type=text]{width:auto}
	
#containerboutique{margin-top: 10px;}
.boutique .corner_page{}
.boutique .corner_page h2{ color:#5a5a5a; font-size:18px; border-bottom:1px dotted #5a5a5a; font-weight:100; margin-top: 40px;}
.boutique .corner_page p{ margin-top:20px;}

.boutique .produits{}
.boutique .produits li{position:relative;float:left;width: 370px;margin-right: 10px;}
.boutique .produits li img{border:1px solid #a3a2a0;float:left; margin-right: 15px;}
.boutique .produits li h3{font-size:16px;font-weight: bold;}
.boutique .produits li a.link{color:inherit;}
.boutique .produits li a.link:hover{text-decoration:none}
.boutique .produits li span{display:block;}
.boutique .produits li a.more:hover{text-decoration:underline}
.boutique .produits li span.promo{margin-left: 167px;}

span.reference{display:block;}
span.points{display:block;font-weight:bold; color:#d3a302}
span.points.promo{color:#ef941a}

.boutique .produits li .picto_new{
background: transparent url(images/pictos.png) no-repeat 0 0;
width: 61px;
height: 28px;
position: absolute;
top: 4px;
left: -5px;
z-index: 1;	}
.boutique .produits li .picto_promo{
background: transparent url(images/pictos.png) no-repeat 0 -27px;
width: 61px;
height: 30px;
position: absolute;
top: 4px;
left: -4px;
z-index: 1;	}
.boutique .produits li .picto_rupture{
background: transparent url(images/pictos.png) no-repeat 0 -58px;
width: 61px;
height: 28px;
position: absolute;
top: 4px;
left: -5px;
z-index: 1;	}

span.promo{height:36px; padding-top:4px}
span.promo strike{ color:#333; font-weight:100; font-size:0.9em}

.boutique .produits li div.rupture{
	position: absolute;
	bottom: 11px;
	left: 168px;
	color: #185ea1;
}
.popup div.rupture{
	text-align:left;
	color: #185ea1;
}


.boutique .produits li.p_new h3{ color:#97be27 !important;}
.boutique .produits li.p_new img{ border-color:#97be27 !important;}

.boutique .produits li.p_promo h3{ color:#ef941a !important;}
.boutique .produits li.p_promo img{ border-color:#ef941a !important;}

.boutique .produits li.p_rupture h3{ color:#185ea1 !important;}
.boutique .produits li.p_rupture img{ border-color:#185ea1 !important;}

a.editprod{
	position: absolute;
display: block;
bottom: 4px;
left: 4px;


line-height: 1.3em;
color: #333;
text-align: center;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
transition: 0.1s linear all;
-webkit-appearance: none;
background-color: #e5e5e5;
background-repeat: repeat-x;
background-image: -webkit-linear-gradient(#e5e5e5, #ccc);
background-image: -o-linear-gradient(#e5e5e5, #ccc);
background-image: linear-gradient(#e5e5e5, #ccc);
font-size: 1em;
padding: 5px;
margin: 0;
cursor: pointer;
display: inline-block;


}
a.editprod:hover{ text-decoration:none; color:white}

.select{background:transparent url(images/bouton.png) no-repeat 0 0; display:inline-block; width:153px; height:22px;text-align: center;padding-top: 3px; color:#5a5a5a;}
.boutique .produits li .select{ position:absolute; bottom:0; right:10%}

.select:hover{text-decoration:none; color:black}

.boutique .add{ display:block; clear:left; font-size:16px}
.infostop.impossible{background-image: none;background-color:#C8453C; color:white}



.titre_boutique{ background-color:#f7f7f7; color:#5a5a5a; font-size:18px; padding: 5px;margin: 20px 0 20px 0;}
.releve .date{ color:#a1a1a1; font-size:16px; margin-bottom:20px}
.releve table{width:100%; border-collapse:collapse; font-size:13px; margin-bottom:80px}
.releve table th{color:#8c377f; border-bottom:1px solid #bebebe; font-size:14px}
.releve table th,.releve table td{padding:8px;}
.releve table a{ color:inherit}
.releve table .clock{
	background:transparent url(images/clock.png) no-repeat center center;
	width:auto;
	height:16px;
}

.releve table.historique a {
	color: #09C;
	text-decoration: underline;
}

table .gris{ background-color:#f7f7f7}

.boutique .commande table{ width:100%;text-align: center;margin-bottom: 20px; border-collapse:collapse }
.boutique .commande table th{color:#8c377f; border-bottom:1px solid #bebebe; font-size:14px}
.boutique .commande table td, .boutique .commande table  th{padding: 8px;}
.boutique .commande table td.left,.boutique .commande table th.left{text-align:left}


.boutique .informations{font-size: 14px;margin-left: 30px;}
.boutique .informations table td{color:#333; border-bottom:1px solid #bebebe; font-size:14px;text-align: left;}
.boutique .informations table th{text-align:right;width: 30%;}
.boutique .informations table input[type=text]{width: 278px; height: 24px; font-size: 14px;color:#333;}
.boutique .informations table input.error{ background-color:#E95E42}

.fonctionnement{ padding:30px 20px; font-size: 14px;color:#5a5a5a;}
.fonctionnement h2{ font-weight:100; font-size:30px; line-height:24px;margin-bottom: 30px;}
.fonctionnement h3{ font-weight:bold; color:#863179; font-size:20px; margin-bottom: 10px;}
.fonctionnement p{ margin-bottom: 10px; text-align:justify}
.fonctionnement p a{ color:inherit}
.fonctionnement ul{ margin-left: 300px;margin-bottom: 40px;}
.fonctionnement ul li{ list-style-image:url(images/valid.png) ; list-style:url(images/valid.png)}
.fonctionnement a.acceder{background:transparent url(images/acceder.png) no-repeat 0 0; width:368px; height:33px; display:block; margin:0 auto;color: white;text-align: center;padding-top: 6px;}
.fonctionnement a.acceder:hover{ text-decoration:none; color:black }
.fonctionnement .highlight{color:white; background-color:#d2a202;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-align:center; margin:10px auto; font-weight:bold; font-size: 16px;width: 400px;padding: 10px 5px; }

.popup table{ width:450px; margin-top:60px;margin-left: 310px;}
.popup p{ margin-left: 310px;}