/***************************
 * Gabarit *****************
 ***************************/
div.main.conteneur.central { padding-top:20px !important; }

 /***************************
 * Bandeau *****************
 ***************************/
#bannerProductRecall {margin: 15px 0; min-height:27px !important; color:#000; font-size:14px; font-family:Arial,Helvetica,sans-serif; }
	#bannerProductRecall .banner { min-height:27px; line-height:27px; background-color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; z-index:999; border:1px solid #000;}
		#bannerProductRecall .banner .bannerPopinOpen {text-transform:none; font-weight:100; color:#000; text-decoration:none; }
		#bannerProductRecall .banner .bannerPopinOpen:hover { text-decoration:underline; cursor:pointer; }

		
@media only screen and (max-width: 890px)
{
	#bannerProductRecall .banner,
	#banner .bannerContainer p { font-size:12px; line-height:15px}
	#banner div * { line-height:20px; }
}	


/***************************
 * Popin *******************
 ***************************/
#popinProductRecall { position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; display:none; }
#popinProductRecall * { color:#000; font-size:12px; font-family:Roboto, Helvetica, Arial, sans-serif; box-sizing:inherit; }
	#popinProductRecall .overlay { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#FFF; opacity:0.8; -moz-opacity:0.8; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); }
	#popinProductRecall #popinContent { width:600px; position:absolute; z-index:1001; background-color:#fff; box-shadow: 0 0 5px #777; left:20px; text-align:center; top:20px; padding:15px; overflow:auto; }
		#popinProductRecall #popinContent .close { margin:0; position:absolute; transition:all .2s linear; top:8px; right:8px; text-align:center; cursor:pointer; color:#fff; font-size:24px; font-weight:bold; background:#000; width:30px; height:30px; z-index:11; }
		#popinProductRecall #popinContent .close:hover { background:#265198; }
		#popinProductRecall #popinContent .close:active { background:#0d3880; }

		#popinProductRecall #popinContent h4 { font-size:18px; }
		#popinProductRecall #popinContent h5 { font-size:16px; }
		#popinProductRecall #popinContent img { width:35%; display: inline-block; }
		#popinProductRecall #popinContent p { text-align:left; }
		#popinProductRecall #popinContent p.popinDate { text-align:center; }
			#popinProductRecall #popinContent p strong { float:right; }
		
		#popinProductRecall #popinContent ul { padding:0 15px; list-style-type:disc; }
			#popinProductRecall #popinContent ul li { text-align:left; }
			#popinProductRecall #popinContent ul li .popinAddress {  }
				#popinProductRecall #popinContent ul li ul { list-style-type:circle; }
					#popinProductRecall #popinContent ul li ul li {  }
					#popinProductRecall #popinContent ul li ul li .popinAddress { display:block; text-align:center; margin-bottom:25px; }
				#popinProductRecall #popinContent ul li strong {  }

@media only screen and (max-width:600px)
{
	#popinProductRecall #popinContent .close { top:8px; right:8px; padding:0 5px; }
	#popinProductRecall #popinContent { width:100%; height:100%; left:0!important; top:0!important; }
			#popinProductRecall #popinContent p strong { margin-bottom:15px; }
}
				
@media only screen and (max-width:420px)
{
	#popinProductRecall #popinContent img { width:100%; }
}