/*bloc personnalise*/
/*communs*/
.blocperso .bloccouleur, .blocperso .blocimage, .blocperso .bloccouleurimage, .blocperso .blocicone, .blocperso .bloccouleuricone {
	height: auto;
	padding: 10px;
	border-radius: 5px;
  }
  .blocperso .blocimage, .blocperso .bloccouleurimage, .blocperso .blocicone, .blocperso .bloccouleuricone {
	position: relative;
	z-index: 1;
  }
  .blocperso .background_image {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 250px;
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.2;
  }
  .blocperso .nocolor .background_image {
	opacity: 1;
  }
  .blocperso .blocimage h2, .blocperso .blocicone h2 {
	color: #1a1a1a;
  }
  /*fond gris du bloc*/
  .blocperso .blocicone, .blocperso .bloccouleuricone {
	overflow: hidden;
	background-color: #f2f2f2;
  }
  .blocperso span.bg-picto {
	display: block;
	position: absolute;
	top: 50%;
	left: 2rem;
	z-index: -1;
	opacity: 0.2;
	font-size: 20rem;
	color: #D3141B;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  }
  .blocperso h2 i {
	padding-right: 1rem;
	color: #D3141B;
  }
  .blocperso .btn-inline {
	float: right;
	min-width: 0;
	height: auto;
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
	white-space: nowrap;
  }
  .blocperso .btn-inline i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 3.6rem;
	height: 3.6rem;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	vertical-align: middle;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.5rem;
	-webkit-transition: inherit;
	transition: inherit;
	margin-left: 1rem;
	color: #FFFFFF;
	background: #D3141B;
  }
  .blocperso a {
	text-decoration: none;
	color: #1a1a1a;
  }
  .blocperso a:hover {
	text-decoration: underline;
  }
  .blocperso a.btn-inline:hover {
	text-decoration: none;
	color: #E2E2E2;
  }
  .blocperso a.btn-inline:hover i {
	text-decoration: none;
	background-color: #E2E2E2;
  }
  /*variantes couleur secondary, third et redvendee*/
  .blocperso .bloccouleur.primary, .blocperso .bloccouleurimage.primary {
	background-color: #D3141B;
  }
  /** couleur secondary **/
  .blocperso .secondary, .blocperso .bloccouleurimage.secondary {
	background-color: #E2E2E2;
	color: #FFFFFF;
  }
  .blocperso .secondary h2, .blocperso .secondary h2 i, .blocperso .secondary .bg-picto, .blocperso .secondary a, .blocperso .secondary span.bg-picto {
	color: #FFFFFF;
  }
  .blocperso .secondary .btn-inline i {
	color: #E2E2E2;
	background-color: #FFFFFF;
  }
  .blocperso .secondary a.btn-inline:hover {
	text-decoration: none;
	color: #e6e6e6;
  }
  .blocperso .secondary a.btn-inline:hover i {
	text-decoration: none;
	background-color: #e6e6e6;
  }
  /** couleur third **/
  .blocperso .third, .blocperso .bloccouleurimage.third {
	background-color: #CFCFCF;
	color: #FFFFFF;
  }
  .blocperso .third h2, .blocperso .third h2 i, .blocperso .third .bg-picto, .blocperso .third a, .blocperso .third span.bg-picto {
	color: #FFFFFF;
  }
  .blocperso .third .btn-inline i {
	color: #CFCFCF;
	background-color: #FFFFFF;
  }
  .blocperso .third a.btn-inline:hover {
	text-decoration: none;
	color: #e6e6e6;
  }
  .blocperso .third a.btn-inline:hover i {
	text-decoration: none;
	background-color: #e6e6e6;
  }
  /** couleur redvendee **/
  .blocperso .redvendee, .blocperso .bloccouleurimage.redvendee {
	background-color: #D3141B;
	color: #FFFFFF;
  }
  .blocperso .redvendee h2, .blocperso .redvendee h2 i, .blocperso .redvendee .bg-picto, .blocperso .redvendee a, .blocperso .redvendee span.bg-picto {
	color: #FFFFFF;
  }
  .blocperso .redvendee .btn-inline i {
	color: #D3141B;
	background-color: #FFFFFF;
  }
  .blocperso .redvendee a.btn-inline:hover {
	text-decoration: none;
	color: #e6e6e6;
  }
  .blocperso .redvendee a.btn-inline:hover i {
	text-decoration: none;
	background-color: #e6e6e6;
  }
  /*************************************RESPONSIVE**************************************/
  /*************************************RESPONSIVE**************************************/
  /*************************************RESPONSIVE**************************************/
  /*breackpoint bootstrap sm */
  /*breackpoint bootstrap md */
  @media (min-width: 768px) {
	.aside .blocperso .bloccouleur, .aside .blocperso .blocimage, .aside .blocperso .bloccouleurimage, .aside .blocperso .blocicone, .aside .blocperso .bloccouleuricone {
	  padding: 0.5rem;
	}
  }
  /*breackpoint bootstrap lg */
  @media (min-width: 992px) {
	.aside .blocperso .bloccouleur, .aside .blocperso .blocimage, .aside .blocperso .bloccouleurimage, .aside .blocperso .blocicone, .aside .blocperso .bloccouleuricone {
	  padding: 10px;
	}
	.blocperso .background_image, .blocperso .bloccouleurimage {
	  min-height: 300px;
	}
  }
  /*breackpoint bootstrap xl */
  /*breackpoint bootstrap xxl */
  @media (min-width: 1400px) {
	.blocperso .background_image, .blocperso .bloccouleurimage {
	  min-height: 400px;
	}
  }
  /*breackpoint bootstrap xxl */