/*****************************************/
/* INDEX */

/* 1.0 variables hubl */

/* 2.0 page styles */

/* 3.0 components */


/* 4.0 media queries */
/* 4.1  min-width: 2100px */
/* 4.2  min-width: 1800px */
/* 4.3  max-width: 1799px */
/* 4.4  max-width: 1399px */
/* 4.5  min-width: 1199px */
/* 4.6  max-width: 899px */
/* 4.7  min-width: 600px */
/* 4.8  max-width: 599px */
/* 4.9  max-width: 399px */


/*****************************************/

/* 1.0 variables hubl */










 



/* 2.0 page styles */
.post__content-link,
.blog__pagination--page,
.post__body__author,
.post__body__topics-text,
.post__body__topics-link{font-family: "Amplesoft bold", sans-serif;}

/* 2.1 blog styles */
#blogSearchForm {
  width: 125%;
}
.blog__header{
  height: auto;
  display: flex;
  align-items: flex-start;
  margin-top: 4vh;
}

.blog__header-content{
  flex: 0 0 50%;
  margin-top: 10vh;
}
#blog__meta_sharing__container{
  margin-top: 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.blog__meta_sharing-text{
  margin-right: 1rem;
  color: #64C1FF;
  font-size: 2rem;
}

#blog__meta_sharing__container > span{
  display: inline-flex;
  align-items: center;
}
#blog__meta_sharing__container a{
  margin: 0 .5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient( to right, #69C3E1 50%, #64C1FF 68.5%, #6DC5C7 80.5%, #78CA81 89.5%, #7FCC57 96.5%, #85CF2A 100%);
  box-shadow: inset 0 0 1px rgba(112,112,112,.1), 0 4px 8px 0px rgba(112,112,112,.1);
  background-size: 320%;
  background-position: right;
  transition: background-position .7s ease-in-out;
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
}
#blog__meta_sharing__container a:hover{background-position: left;}

.blog__meta{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 80%;
}

.blog__meta-title{
  color: #414A4D;
  font-size: 4.5rem;
  margin: 0 0 3rem;
}
.blog__meta-network{
  font-family: "Amplesoft bold", sans-serif;
  font-size: 3.5rem;
}

.blog__meta-network,
.blog__meta-type{color: #414A4D;}
.blog__meta-type{
  text-transform: uppercase;
  font-size: 2.2rem;
}

.blog__meta-description{
  font-size: 3rem;
  margin-top: 0;
}

.blog__meta-buttons{
  margin: 3rem 0;
  display: flex;
  align-items: flex-start;
}


.blog__searchbar{margin-top: 6rem;}

.blog__searchbar--input,
.blog__searchbar--select,
.blog__searchbar--submit,
.blog__searchbar--button{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
}

.blog__searchbar--form{
  position: relative;
  display: flex;
  justify-content: flex-start;
  /*border: 1px solid #F2F0ED;*/
  border: 2px solid #64c1ff;
  border-radius: 50px;
  height: 50px;
  background-color: #ffffff;
}

.blog__searchbar--input{
  border-top-left-radius:50px;
  border-bottom-left-radius:50px;
  border: 1px solid transparent
}

.blog__searchbar--input:focus{
  border-color: #64C1FF;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 0.25rem rgba(100,193,255,.25);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 0.25rem rgba(100,193,255,.25);
}

.blog__searchbar--submit{
  border-top-right-radius:50px;
  border-bottom-right-radius:50px;
}

.blog__searchbar--input{
  padding: 1rem 1.5rem;
  flex: 0 0 0%;
}

.blog__searchbar--group{
  flex: 0 0 55%;
  display: flex;
  /*margin: 1rem 0;*/
}

.blog__searchbar > label{
  color: #64c1ff;
  margin-left: 2rem;
  margin-bottom: 1rem;
  display: block;
}

.blog__searchbar--select{
  background-image: url('https://483483.fs1.hubspotusercontent-na1.net/hubfs/483483/markentive/website/icones/arrow-horizontal.svg');
  /*background-image: url('https://483483.fs1.hubspotusercontent-na1.net/hubfs/483483/markentive/website/icones/arrow-horizontal-new-01.svg');*/
  background-repeat: no-repeat;
  background-size: 1.6rem;
  background-color: transparent;
  border-left: 1px solid #F2F0ED;
  padding-left: 1.5rem;
  position:relative;
}

/*.blog__searchbar--form:before{
position: absolute;
content: "";
top: 0;
width: 6%;
right: 3rem;
height: 100%;
background-position: center;
background-image: url(https://483483.fs1.hubspotusercontent-na1.net/hubfs/483483/markentive/website/icones/arrow-horizontal-1.svg);
background-repeat: no-repeat;
background-size: contain;
z-index: 4;
}*/

.blog__searchbar--select.type{
  background-position: 90% 50%;
}

.blog__searchbar--select.topic{
  background-position: 100% 50%;
}

.blog__searchbar--select.type{flex: 0 0 40%;}
.blog__searchbar--select.topic{flex: 0 0 80%;}

.blog__searchbar--button,
.blog__searchbar--input,
.blog__searchbar--select{
  font-size: 2.2rem;
  color: #64C1FF;
}

.blog__searchbar--submit{
  position: absolute;
  /*right: 0;*/
  right: -0.5px;
  top: -1px;
  width: 50px;
  height: 50px;
  background-image: url('https://483483.fs1.hubspotusercontent-na1.net/hubfs/483483/markentive/website/icones/search-icon-1.svg');
  background-repeat: no-repeat;
  background-color: transparent;
  z-index:4;
}

.blog__searchbar ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #64C1FF;
}
.blog__searchbar ::-moz-placeholder { /* Firefox 19+ */
  color: #64C1FF;
}
.blog__searchbar :-ms-input-placeholder { /* IE 10+ */
  color: #64C1FF;
}
.blog__searchbar :-moz-placeholder { /* Firefox 18- */
  color: #64C1FF;
}

.blog__image{
  position: relative;
  flex: 0 0 50%;
  z-index: -1;
  transform: translateX(15%);
}

.blog__image > img{object-fit: contain;}

.blog__image-logo{
  z-index: 1;
  position: absolute;
  top: 10%;
  left: 5%;
  background-color: #ffffff;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0px 0px 1px rgba(112,112,112,.1), 0 6px 8px 4px rgba(112,112,112,.1);
}
.blog__image-logo > img{
  object-fit: contain;
  max-width: 75%;
}

/* 2.2 listing formations */
.formations__listing{
  display: flex;
  flex-direction: column;
}

.formation__wrapper{max-width: 80vw;}

.formation-item{
  display: flex;
  flex-direction: column;
  padding: 6rem 0;
}
.formation-item:nth-child(odd){
  background-color: #F2F2F2;
}

.formation-item__top{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.formation-item__top-logo{
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  box-shadow: inset 0 0 1px rgba(112,112,112,.1), 0 4px 8px 0px rgba(112,112,112,.1);
}
.formation-item__top-logo > img{object-fit: contain;}

.formation-item__top-infos,
.formation-item__top-content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.formation-item__top-infos{
  flex: 0 0 20%
}
.formation-item__top-infos--reference{
  font-size: 2.2rem;
  padding-bottom: .5rem;
  background-image: linear-gradient(to right, currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 10% 3px;
  background-position: left bottom;
}

.formation-item__top-infos--type{text-transform: uppercase;}

.formation__item__bottom--heading,
.formation-item__top-infos--network{font-size: 2rem;}

.formation-item__top-infos--reference,
.formation-item__top-content--description,
.formation-item__top-content--title,
.formation-item__top-infos--type,
.formation-item__top-infos--network{margin-bottom: 1rem;}

.formation-item__top-infos--duration--number{font-size: 4rem;}

.formation-item__top-content{
  flex: 1 0 50%;
}

.formation-item__top-content--title{font-weight: 400;}

.formation-item__top-content--title,
.formation-item__top-content--description{font-size: 1.8rem;}


.formation-item__top-content__aside{
  display: flex;
  justify-content: space-between;
}

.formation-item__top-content__aside > a{min-width: 20%;}

.formation-item__top-content__aside--pictos{
  display: inline-flex;
}

.formation-item__top-content__aside--pictos--item{
  background-color: #ffffff;
  box-shadow: inset 0 0 1px rgba(112,112,112,.1), 0 4px 8px 0px rgba(112,112,112,.1);
  margin-right: 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: #85cf2a;
  text-transform: uppercase;
  /*cursor: pointer;*/
}

.formation__item__bottom{
  display: flex;
  flex-direction: column;
}

.formation__item__bottom--heading{
  display: flex;
  align-items: baseline;
}

.formation__item__bottom--heading::after{
  display: block;
  content: "";
  flex: 1;
  margin-left: 2rem;
  border: 1px solid #DDDDDD;
}

.formation__item__bottom__dates{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -2rem;
  margin-right: -2rem;
}
.formation__item__bottom__dates__item{
  background-color: #ffffff;
  border-radius: 2rem;
  padding: 2rem;
  margin: 2rem;
  box-shadow: inset 0 0 1px rgba(112,112,112,.1), 0 4px 8px 0px rgba(112,112,112,.1);
  height: auto;
  position: relative;
  overflow: hidden;
}

.formation__item__bottom__dates__item--link{
  font-family: "Amplesoft bold", sans-serif;
  color: #ffffff;
  border-radius: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background-image: linear-gradient(60deg, #64c1ff 12.5%,#6dc5c7 32.5%,#78ca81 62.5%,#7fcc57 82.5%,#85cf2a 100%);
  z-index: 1;
}

.formation__item__bottom__dates__item:hover .formation__item__bottom__dates__item--link{opacity: 1;}

.formation__item__bottom__dates__item--date{
  background-image: url('https://483483.fs1.hubspotusercontent-na1.net/hubfs/483483/markentive/website/icones/calendrier-icon.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  width: 115px;
  height: 138px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 2rem;
  padding-top: 4rem;
  line-height: 1.2;
}
.formation__item__bottom__dates__item--locality{
  color: #85cf2a;
  text-align: center;
  font-size: 1.8rem;
  margin-top: .5rem;
}

.formation-item__top-logo,
.formation-item__top-infos{margin-right: 3rem;}

.formation-item__top-infos--reference,
.formation-item__top-infos--duration,
.formation__item__bottom__dates__item--date{color: #64C1FF;}


.formation__item__bottom--heading,
.formation-item__top-infos--type,
.formation-item__top-infos--network,
.formation-item__top-content--title{color: #414A4D;}

.formation-item__top-infos--reference,
.formation-item__top-infos--type,
.formation-item__top-infos--network,
.formation-item__top-infos--duration,
.formation-item__top-content__aside--pictos,
.formation__item__bottom--heading,
.formation__item__bottom__dates__item--date,
.formation__item__bottom__dates__item--locality{font-family: "Amplesoft bold", sans-serif;}



/* 2.3 pagination */
.blog__pagination{
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog__pagination--arrow,
.blog__pagination--page{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.blog__pagination--page{
  color: #85cf2a;
  font-size: 2.8rem;
}

.blog__pagination--page.active{color: #64C1FF;}

.blog__pagination--arrow{
  color: #A3A3A3;
  margin: 0 .5rem;
  background-image: url('https://483483.fs1.hubspotusercontent-na1.net/hubfs/483483/markentive/website/icones/sprites-pagination.svg');
  background-size: 200px;
  background-repeat: no-repeat;
  transition: none;
}

/*  
* no element : Ypos 0
* element exist : Ypos -50
* hover element: Ypos -100
* */

.no-page-first{background-position: -100px 0px;}
.page-first{background-position: -100px -50px;}

.no-page-prev{background-position: -50px 0px;}
.page-prev{background-position: -50px -50px}

.no-page-next{background-position: 0 0px;}
.page-next{background-position: 0 -50px;}

.no-page-last{background-position: -150px 0px;}
.page-last{background-position: -150px -50px;}

.page-first:hover{background-position: -100px -100px;}

.page-prev:hover{background-position: -50px -100px}

.page-next:hover{background-position: 0 -100px;}

.page-last:hover{background-position: -150px -100px;}

/* 2.4 center training */
.center__part__content > .row-fluid-wrapper > .row-fluid{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.training-center__container{
  display: flex;
  flex-direction: column;
}

.training-center__left{
  z-index: 1;
  min-width: inherit;
  flex: 0 0 45%;
}

.training-center__item{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 5rem;
  margin-bottom: 4rem;
  border-radius: 2rem;
  background-color: #fff;
  box-shadow: inset 0px 0px 1px rgba(112,112,112,.1), 0 6px 8px 4px rgba(112,112,112,.1);
}
.training-center__item__title{
  color: #64C1FF;
  font-size: 4.5rem;
}

.training-center__item__infos{
  color: #414A4D;
  font-weight: 700;
  font-size: 2rem;
}

.training-center__item__title,
.training-center__item__description,
.training-center__item__infos{margin: 0 0 2rem;}

.center__part__content .training-center-img__translate-left{
  transform: translate3d(-10%, 0%, 0);
  min-width: inherit;
  margin: 0;
}

.center__part__content .training-center-img__translate-left img{
  object-fit: contain;
}

.centers-location__container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-left: -8rem;
  margin-right: -8rem;
}

.centers-location__item{
  flex: 0 0 calc(50% - 16rem);
  display: flex;
  justify-content: center;
  border-radius: 2rem;
  box-shadow: inset 0px 0px 1px rgba(112,112,112,.1), 0 6px 8px 4px rgba(112,112,112,.1);
  overflow: hidden;
  margin: 8rem;
  min-height: 300px;
}

.centers-location__infos{
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 4rem 0 4rem 4rem;
  font-size: 2.2rem;
  color: #414A4D;
}

.centers-location__locality{
  font-family: "Amplesoft bold", sans-serif;
  color: #64C1FF;
  font-size: 2.5rem;
}

.centers-location__postal{font-weight: 600;}

.centers-location__icons{display: flex;}

.centers-location__link{
  margin-right: 3rem;
  display: inline-flex;
}

.centers-location__map{
  flex: 0 0 50%;
  display: flex;
  justify-content: center;
  background-color: #DDDDDD;
}

.centers-location__map > img{
  object-fit: cover;
  width: 100% !important;
}

.centers-location__item:last-child .centers-location__map > img{
  object-fit: contain;
  max-width: 120px;
}

.centers-location__locality,
.centers-location__postal{margin-bottom: 2rem;}

/* 2.5 post styles */
.post__body{
  display: flex;
  flex-direction: column;
}
.post__body,
.post__footer{
  max-width: 70%;
  margin: auto;
}

.post__body__bloglink{
  color: #2B2B2B;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  margin: 2rem 0;
}

.post__body__title,
.post__body__content h1,
.post__body__content h2{color: #64C1FF;}

.post__body__content h3,
.post__body__content h4,
.post__body__content h5,
.post__body__content h6{color: #414A4D;}

.post__body__content h1{font-size: 2.6rem;}
.post__body__title,
.post__body__content h2{font-size: 2.5rem;}
.post__body__content h3,
.post__body__content h4,
.post__body__content h5,
.post__body__content h6{font-size: 2.2rem;}

.post__body__author{
  align-self: flex-end;
  color: #414A4D;
}

.post__body__topics{
  display: flex;
  flex-wrap: wrap;
}

.post__body__topics-text{
  flex: 0 0 100%;
}

.post__body__topics-link{
  background-color: #64C1FF;
  color: #ffffff;
  padding: .3rem 1.8rem;
  border-radius: 30px;
  margin-right: 2rem;
}
.post__footer__recent_posts--title{
  font-size: 3.2rem;
  color: #414A4D;
  text-align: center;
}

/* 4.0 media queries */
/* 4.1  min-width: 2100px */
@media (min-width: 2100px){

}

/* 4.2  min-width: 1800px */
@media (min-width: 1800px){}

/* 4.3  max-width: 1799px */
@media (max-width: 1799px){
  .blog__image{transform: translateX(5%);}
  .blog__image > img{
	max-width: 800px;
	max-height: 600px;
  }
  .center__part__content .training-center-img__translate-left img{max-width: 700px;}
  .formation__wrapper{max-width: 85vw;}
  .formation__item__bottom__dates__item--date{
	width: 100px;
  }
}

@media (max-width: 1440px){
  .blog__searchbar--select.topic {
	background-position: 90% 50%;
  }
}

/* 4.4  max-width: 1399px */
@media (max-width: 1399px){
  .blog__header-content{flex-basis: 55%;}
  .blog__image-logo{
	width: 120px;
	height: 120px;
  }
  .blog__image > img{
	max-width: 650px;
	max-height: 480px;
  }
  .blog__searchbar--submit{/*right: -15px;*/
	right: -1px;}
  .center__part__content .training-center-img__translate-left img{max-width: 650px;}

  /*.formation__item__bottom__dates__item--date{
  width: 70px;
  height: 75px;
}*/
}

/* 4.5  max-width: 1199px */
@media (max-width: 1199px){
  .blog__header-content{
	margin-top: 0;
	flex-basis: 75%;
  }
  .blog__image{transform: translateX(-25%);}
  .blog__image-logo{
	width: 110px;
	height: 110px;
  }
  .blog__image > img{
	max-width: 550px;
	max-height: 400px;
  }
  .post__item{margin: 1.5rem;}
  .post__body,
  .post__footer{max-width: 80%;}
  .training-center__left{flex-basis: 60%;}
  .training-center__item{padding: 6rem;}
  .center__part__content .training-center-img__translate-left img{max-width: 600px;}
  .center__part__content .training-center-img__translate-left{width: 40%;}
  .formation__wrapper{max-width: 100vw;}
  /*.formation__item__bottom__dates__item--date{
  width: 60px;
  height: 65px;
}*/
  .centers-location__container{
	margin-left: -4rem;
	margin-right: -4rem;
  }
  .centers-location__item{
	flex-basis: calc(50% - 8rem);
	margin: 4rem;
	min-height: 250px;
  }
}

/* 4.6  max-width: 899px */
@media (max-width: 899px){
  .blog__header{margin-top: 8vh;}
  .blog__header-content{flex-basis: 80%;}
  .blog__meta{max-width: 70%;}
  .blog__image {
	transform: translateX(-40%);
  }
  .blog__image-logo{
	width: 100px;
	height: 100px;
  }
  .blog__image > img{
	max-width: 400px;
	max-height: 280px;
  }
  .post__body,
  .post__footer{max-width: 100%;}
  .post__item{margin: 1rem;}
  .training-center__left{flex-basis: 100%;}
  .center__part__content .training-center-img__translate-left{
	transform: none;
	width: 100%;
	order: -1;
	text-align: center;
  }
  .center__part__content .training-center-img__translate-left img{max-width: 450px;}
  .formation__item__bottom__dates__item--date{
	width: 80px;
	height: 86px;
  }
  .centers-location__container{
	margin-left: -2rem;
	margin-right: -2rem;
  }
  .centers-location__item{
	flex-basis: calc(50% - 4rem);
	margin: 2rem;
	min-height: 220px;
  }
  .formation-item__top-content__aside > a{min-width: 30%;}
}

/* 4.8  max-width: 599px */
@media (max-width: 599px) {
  .blog__header{
	flex-wrap: wrap;
	justify-content: center;
  }
  .blog__image{transform: none;}
  .blog__image{order: -1;}
  .blog__image,
  .blog__header-content{
	flex-basis: 100%;
	text-align: center;
	margin-top: 2rem;
  }
  .blog__meta{
	max-width: 100%;
	align-items: center;
  }

  .blog__image > img{
	max-width: 280px;
	max-height: 200px;
	transform: none;
	object-position: center;
  }

  .blog__searchbar--form{
	height: auto;
	flex-wrap: wrap;
	border-radius: 4px;
  }
  .blog__searchbar--input,
  .blog__searchbar--group{flex-basis: 85%;}
  .blog__searchbar--input{
	border-radius: 0;
	border-top-left-radius: 4px;
  }

  .blog__searchbar--group{
	margin: 0;
	height: 40px;
	border-top: 1px solid #F2F0ED;
  }
  .blog__searchbar--select{border: 0;}
  .blog__searchbar--select.topic{flex-basis: 60%;}

  .blog__searchbar--submit{
	right: 0;
	width: 15%;
	height: 103%;
	border-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-position: center;
	background-image: url('https://483483.fs1.hubspotusercontent-na1.net/hubfs/483483/markentive/website/icones/search-icon-mobile.png');
	background-size: cover;
  }

  .blog__listing{
	margin-left: 0;
	margin-right: 0;
  }

  .post__item.recent_post,
  .post__item[data-template="dossier"],
  .post__item[data-template="article"],
  .post__item{
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 4rem 0;
  }

  .blog__pagination--arrow, .blog__pagination--page{
	width: 40px;
	height: 40px;
  }
  .blog__pagination--arrow{background-size: 160px;}
  /*  
  * no element : Ypos 0
  * element exist : Ypos -40
  * hover element: Ypos -80
  * */
  .no-page-first{background-position: -80px 0;}
  .page-first{background-position: -80px -40px;}

  .no-page-prev{background-position: -40px 0;}
  .page-prev{background-position: -40px -40px;}

  .no-page-next{background-position: 0 0;}
  .page-next{background-position: 0 -40px;}

  .no-page-last{background-position: -120px 0;}
  .page-last{background-position: -120px -40px;}

  .page-first:hover{background-position: -80px -80px;}

  .page-prev:hover{background-position: -40px -80px}

  .page-next:hover{background-position: 0 -80px;}

  .page-last:hover{background-position: -120px -80px;}

  .training-center__item{padding: 4rem;}

  .center__part__content .training-center-img__translate-left img{max-width: 380px;}

  .formation-item__top-infos{flex: 1;}

  .formation-item__top-content{margin: 2rem;}

  .formation__item__bottom__dates{
	margin-left: -1rem;
	margin-right: -1rem;
  }

  .formation__item__bottom__dates__item{margin: 1rem;}

  .formation__item__bottom__dates__item--date{
	width: 70px;
	height: 80px;
  }

  .formation-item__top-content__aside > a{min-width: 35%;
  }
  .centers-location__container{
	margin-left: -1rem;
	margin-right: -1rem;
  }
  .formation__item__bottom__dates__item--date {
	font-size: 1.5rem;
  }
  .centers-location__item{
	flex-basis: calc(100% - 2rem);
	margin: 1rem;
  }

  .centers-location__infos{flex-basis: 60%;}
  .centers-location__map{flex-basis: 40%;}
  .centers-location__infos{padding: 2rem 1rem 2rem 4rem;}
  #blogSearchForm {
	width: 100%;
  }

}
@media (max-width: 480px) {

 .blog__searchbar--button, .blog__searchbar--input, .blog__searchbar--select {
	font-size: 1.6rem;
  }
}

/* 4.9  max-width: 399px */
@media (max-width: 399px) {
  /*     .blog__pagination--arrow, .blog__pagination--page{
  width: 35px;
  height: 35px;
} */
  /*   .blog__pagination--arrow{background-size: 141px;} */
  /*  
  * no element : Ypos 0
  * element exist : Ypos -35
  * hover element: Ypos -70
  * */
  /*   .no-page-first{background-position: -70px 0;}
  .page-first{background-position: -70px -35px;}

  .no-page-prev{background-position: -35px 0;}
  .page-prev{background-position: -35px -35px;}

  .no-page-next{background-position: 0 0;}
  .page-next{background-position: 0 -35px;}

  .no-page-last{background-position: -105px 0;}
  .page-last{background-position: -105px -35px;}

  .page-first:hover{background-position: -70px -70px;}

  .page-prev:hover{background-position: -35px -70px}

  .page-next:hover{background-position: 0 -70px;}

  .page-last:hover{background-position: -105px -70px;} */

  .center__part__content .training-center-img__translate-left img{max-width: 300px;}
}
}