.block-promo{
	max-width: 800px;
	font-family: "Open Sans",sans-serif;
	padding: 1.5em;
	margin: 10px auto 45px auto;
  	box-shadow: 2px 2px 20px lightgrey;
  	overflow: auto;
}

	.block-promo a{
		text-decoration: none;}

	.block-promo h1{
		padding-bottom: 0.75em;
		color: #64B5F6;
		border-bottom: 1px solid #f2f2f2;
  		font-weight: 800;
  		font-size: 1.7em;
  		font-family: 'Roboto Slab', sans-serif;
  		text-transform: uppercase;
  		}
  	.block-promo h2{
		padding-bottom: 0.75em;
		color: #64B5F6;
  		font-weight: 700;
  		font-size: 1.5em;
  		font-family: 'Roboto Slab', sans-serif;
  		text-transform: uppercase;
  		}
		
		

	.block-promo-visuel{
		  margin-top: 1em;
		position: relative;}

		.block-promo-visuel img{
			display: block;
			width: 100%;
			border: 3px solid #64B5F6;
			border-radius: 3px;}

		.block-promo-visuel a{
			z-index: 2;
			  position: absolute;
			  left: 35%;
			  bottom: -30px;
			  padding: 2px 22px;
			  color: #fff;
			  font-weight: 700;
			  text-align: center;
			  line-height: 3.3em;
			  text-transform: uppercase;
			  border: 6px solid #ecf0f1;
			  background-color: #64B5F6;
			  border-radius: 36px;
			  margin: 0 auto;
		}

			.block-promo-visuel a:hover{
				background-color: #1790ed;
				border-color: #e4e8e9;
				}

		.bouton-offre a {
			position:relative;
			padding:17px 25px;
		}

	.block-promo-contenu{
		width: 100%;
	margin: 3em 0em;
	}

	.boutons-partage {
		font-size: 20px;
	  width: 2em;
	  display: inline-block;
	  vertical-align: top;
	}
		.boutons-partage a{
		margin-bottom : 15px;
		display: block;
	}	
	.desc-courte {
		background-color: #eee;
	  padding: 1em 1.5em;
	  border-radius: 3px;
	  width:94%;
	  display: inline-block;

	}
	.desc-longue {
		margin: 1em 0em;

	}
		.promo-bulles{
			  position: absolute;
			  z-index: 2;
			  width: inherit;
			  margin-left: -1em;
			  margin-top: -2em;
		}


		.promo-bulles li{
			display: block;
			float: left;
			width: 105px;
			height: 105px;
			font-size: 11px;
			background-color: #64B5F6;
			background-image: url(../../images/promo/promo-bulles.png);
			background-repeat: no-repeat;
			border: 3px solid #ecedef;
			border-radius: 50%;}

			.promo-bulles span{
				display: inline-block;
				padding-top: 55px;
				width: 100%;
				color: #fff;
				text-align: center;
				text-transform: uppercase;
			  	line-height: 13px;}
.txt-barre {
				text-decoration: line-through;
			}
			.promo-bulles li:first-child,.promo-bulles li:nth-child(2){
				margin-left: 0;
				font-size: 29px;
				background-position: 28px 9px;}

			.promo-bulles li:nth-child(2){
				background-position: -94px 8px;}

			.promo-bulles li:nth-child(3){
				background-position: -208px 10px;}

			.promo-bulles li:nth-child(4){
				font-size: 25px;
				background-position: -330px 9px;}
			.promo-bulles li:nth-child(4) span,.promo-bulles li:first-child span{
				margin-top:5px;}
		.block-promo-contenu div{
			line-height: 1.4em;
			color: #666;}

			.block-promo-contenu strong{
				font-weight: 700;
				}

		.promo-liens{
			text-align: center;
			margin-bottom: 0;}

			.promo-liens li{
				display: inline-block;
				padding: 0.4em 0;
				}


				.promo-liens li i{

				background-color: #64B5F6;
				  color: #fff;
				  width: 40px;
				  height: 40px;
				  border-radius: 50%;
				  text-align: center;
				  line-height: 1.7em;
				  font-size: 24px;}
					
				.promo-liens li i:hover {
					background-color: #1790ed;
				}
			.promo-liens a{
				display: inline-block;
				padding: 10px 0 10px 35px;
				font-size: 12px;
				font-weight: 700;
				color: #64B5F6;}

				.promo-liens a:hover{
					color:#1790ed;}

.notation {
	text-align: right;
  color: #ffe100;
  margin: 0;
}
}

 @media only screen and (max-width: 425px)  {

.block-promo-visuel a {
left:17%;
}
.promo-bulles{
			position: relative;
}
.promo-liens a {
  padding: 10px 0 10px 15px;

}
 }