/* ************* coffre-fort-view ****************************************************************** */

.coffre-fort-view h1,
.coffre-fort-view h2,
.coffre-fort-view h3,
.coffre-fort-view h4,
.coffre-fort-view h5,
.coffre-fort-view h6{
	margin-block:1.4rem;
}

.coffre-fort-view p {
	margin:0.1rem;
  line-height:1.2rem;
}
.coffre-fort-view a{
	text-decoration:none;
	color:black;/* To give black text to a after having wrapped with <a href="{{ path('entity.node.canonical', {'node': nid}) }}"> */
	width:100%;
}

@media only screen and (min-width: 601px){
 .coffre-fort-view{
  border:2px #d2d2d2 solid;
  padding:0 10px;
  min-height:450px;
  width:100%;
  margin-bottom:2rem;
  overflow:hidden;
  text-align:center;
 }
.view .active {
border-color:/*#be273b*/var(--color-text-primary-medium);
}


.coffre-fort-view img{
    display:block;
    max-height:170px;
    width:auto;
    margin:auto
	}
    

.coffre-fort-view:hover {
		z-index:10;
		box-shadow:0 0 40px rgba(0,0,0,0.2);
		border-color:transparent;

		transition:			box-shadow 400ms ease-out;
		-moz-transition:	box-shadow 400ms ease-out;
		-webkit-transition:	box-shadow 400ms ease-out;
		-o-transition:		box-shadow 400ms ease-out;
	}
}




.coffre-fort-view .views-label{font-weight:900}


@media only screen and (max-width: 600px) {
  .coffre-fort-view {
  width:100%;
  height:auto;
  border:0px #d2d2d2 solid;
  border-bottom:2px #d2d2d2 solid;
  -webkit-border-radius: initial;
  -moz-border-radius: initial;
  border-radius: initial;
  padding:0 10px;
  margin-right:0;
  margin-bottom:10px;
  overflow:hidden;
  float:left;
    }

  .coffre-fort-view img{display:block;height:auto;width:auto;margin:auto}
  .coffre-fort-view h3,.coffre-fort-view div,.coffre-fort-view{text-align:center;}
  
 .coffre-fort-view:hover {
		z-index:10;
		box-shadow:0 0 20px rgba(0,0,0,0.2);
		border-color:transparent;

		transition:			box-shadow 400ms ease-out;
		-moz-transition:	box-shadow 400ms ease-out;
		-webkit-transition:	box-shadow 400ms ease-out;
		-o-transition:		box-shadow 400ms ease-out;
	}
}


.coffre-fort-view div.field-name-field-prix-ht {

    font-size: 125%;
    margin: 15px 0 15px 10px;
    font-weight: 900;
}


.coffre-fort-view .top{
background:#ac0000;
color:#fff;
margin:-20px -10px 10px -10px;
padding:5px 0;
text-align:center;
border-bottom:1px solid #d2d2d2;
}
.coffre-fort-view .top h3{
font-size:18px;
color:#fff;
}


@media only screen and (max-width: 600px) {
  .coffre-fort-view {
  width:100%;
  height:auto;
  border:0px #d2d2d2 solid;
  border-bottom:2px #d2d2d2 solid;
  -webkit-border-radius: initial;
  -moz-border-radius: initial;
  border-radius: initial;
  padding:0 10px;
  margin-right:0;
  margin-bottom:10px;
  overflow:hidden;
  float:left;
    }
}

/* ************* END coffre-fort-view ****************************************************************** */