#container{
padding:50px;
}
[class^="ais-"] {
  font-size: inherit;
  box-sizing: border-box;
}

#hits{
margin:20px 0 0 0;
}

.bouton_lisere{
text-transform:none !important;
margin:5px !important;
}
#clear-refinements{
display:inline-block;
margin:0 0 0 10px;
position: relative;
top: 15px;
}
.ais-ClearRefinements-button{
padding: 8px 5px 9px 5px;
font-weight: 600;
font-size: 0.9rem;
border-radius: 3px;
text-decoration: none;
display: inline-block;
position: relative;
background:#DFC8D3;
}

LABEL {
 margin: 9px 0;
 font-weight:normal;
}
input[type="checkbox"].ais-RefinementList-checkbox{
margin:0 5px 0 0;
height: auto;
}
select{
font-size:1.2rem !important;
}

.ais-RefinementList-item{
margin:7px 0;
}

.ais-RefinementList-label{
margin:0;
}

.ais-RefinementList-labelText{
font-size:0.8rem;
line-height:1.3;
}
.ais-RefinementList-count{
padding: 4px;
margin: 0 0 0 8px;
font-size: 0.7rem;
font-weight: normal;
}
.ais-RefinementList--noRefinement:after{
content:"Aucun filtre disponible";}

.curseurrefinement{
margin:0 0 70px 0;
}

.ais-SearchBox-input{
height:40px;
font-size: 1.4rem;
padding: 0 0 0 30px;
}
.ais-Hits-item {
  margin-bottom: 1em;
  width: calc(33% - 1rem);
  border:0;
  background:white;
}

.ais-Pagination-link {
  padding: 5px;
  display: block;
  border: 1px solid #c4c8d8;
  border-radius: 5px;
  transition: background-color .2s ease-out;
  font-size: 1.4rem;
  color:#13ad87;
}
.ais-Pagination-item--selected .ais-Pagination-link{
  background:#13ad87;
}
.image-hit{
max-height:190px;
overflow:hidden;
margin:0 0 15px 0;
}



.ais-SearchBox {
  margin: 1em 0;
}

.ais-Pagination {
  margin-top: 1em;
}


.ais-InstantSearch {
  max-width: 960px;
  overflow: hidden;
  margin: 0 auto;
}

.ais-Hits-item img {
  margin-right: 1em;
}

.hit-name {
  margin-bottom: 0.5em;
}

.hit-description {
  color: #888;
  font-size: 0.9rem;
  margin-bottom: 0.5em;
}
#stats{
  font-size: 1.2rem !important;
  font-weight: bold;
  margin: 22px 15px 0 0;
  display: inline-block;
}
#hits-per-page, #sort-by{
width:190px;
display:inline-block;
}
H3{
font-weight:600;
color:black;
position: relative;
font-size: 1rem !important;
line-height: 22px !important;
margin: 5px 0 10px 0 !important;
}
.type_article{
font-weight:600;
color:black;
position: relative;
font-size: 0.8rem;
line-height: 21px;
text-transform: uppercase;
letter-spacing: 1.0285714px;
margin:0;
}
.date{
color:black;
font-size:1.2rem;
}
.tagmc, .tagmcp {
display: block;
font-size: 0.8rem;
line-height:1.1;
color: black;
margin: 4px 0;
padding:0 0 0 4px;
border-left:3px solid #13ad87;
}

.rafinement{
float:left;
width:250px;
margin:0 30px 0 0;
padding:0 10px
}
.rafinement p{
font-size:1rem;
font-weight:bold;
margin:20px 0 15px 0;
color:#13ad87;

}
.rafinement strong{
font-size:0.8rem;
}

.ais-CurrentRefinements-item{
background:#DFC8D3;
}
.ais-CurrentRefinements-list{
margin:15px 0 0 0 !important;
}
.listeresultat{
float:left;
width: calc(100% - 280px);
background:#DFC8D3;
position: relative;
  top: -100px;
padding: 60px 20px 20px 30px;
}
.ais-Stats{
color:white;
}
.ais-HitsPerPage-select, .ais-SortBy-select{
font-size:1.5rem;
}
.ais-RefinementList-showMore {
  font-size: 0.8rem;
}
.ais-CurrentRefinements-categoryLabel, .ais-CurrentRefinements-delete, .ais-CurrentRefinements-label {
  white-space: nowrap;
  font-size: .8rem;
  color: #fff;
}
A, A:hover{
text-decoration:none;
}
	.boutonfiltre{
	display:none;
	}
@media  (max-width: 1100px) {
	.ais-Hits-item {
	  margin-bottom: 1em;
	  width: calc(50% - 1rem);
	}
}

@media  (max-width: 850px) {
	.ais-Hits-item {
	  margin-bottom: 1em;
	  width: calc(100% - 1rem);
	}
	.rafinement {
	  width: 200px;
	  margin: 0 15px 0 0;
	}	
	.listeresultat {
	  width: calc(100% - 215px);
	}	
#container{
padding:20px;
}	
}

@media  (max-width: 600px) {
#container{
padding:15px;
}
	.ais-Hits-item {
	  margin-bottom: 1em;
	  width: 100%;
	}
	.rafinement {
	border-top:1px solid #D0D0D0;
	padding:20px;
	  width: 100%;
	  margin:  0;
	  position:absolute;
	  display:none;
	  background:white;
	  z-index:100;
	}	
	.listeresultat {
	  width: 100%;
	  top: -180px;
  padding: 60px 20px 20px 20px;
	}		
	#bt_fermerfiltre{
	display:block;
	}
	.boutonfiltre{
	display:block;
	}
	.left-panel {
	  display:none;
	  position:absolute;
	  z-index:10;
	background: white;
	border: 1px solid #D0D0D0;
	left: 6px;	  
	padding: 15px;
	width: 270px;
	}
	.right-panel {
	  width:100%;
	  margin:0;
	}	
}