/*

	Site internet netgem
	Version : 1.1
	Site	: netgem.com
	
	Theme 	: netgem 1.1
	Author	: Integration : Yann Lobry
	
*/


#container-items-mixitup > article.fc-mixer-end, 
#noItemsFoundMessage.fc-mixer-end {
	 animation: fcMixerEnd 1s;
}
@keyframes fcMixerEnd {
  0% { opacity: 0; transform: scale(0) }
  100% { opacity: 1; transform: scale(1)}
}




.view-content,
.view-content-deux {
	position: relative;
}

#comm-press {
	position: relative;
}

#comm-press .fond-gris {
	 position: absolute;
	  width: 100%;
	  height: calc(100% - 28.3vw);
	  z-index: -1;
	  top: 28.3vw;
	  left: 0;
}


#comm-press .cont-base.un {
	 padding: 3.3vw 0 9vw;
}



#comm-press .cont-base.deux {
	width: 85.9%;
	padding: 0 0 3.2vw 0;
}

#container-items-mixitup {
	overflow: hidden;
}

body.entete-tableau-fixed #container-items-mixitup {
	padding-top: 12.7vw;
}

body.scroll-down.entete-tableau-fixed #container-items-mixitup {
	padding-top: 6.3vw;
}

#comm-press .mix {
	 width: 29.7%;
	  border: solid 1px #E5E5E5;
	  margin: 1.7%;
	  background-color: #fff;
	  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
	  border-radius: 1.1vw;
	  display: inline-block;
	  -o-transition: all .2s;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		transition: all .2s;
}

#comm-press .mix.cp-hover {
	background-color: #FC7C1C;
}

#comm-press .un-cp {
	padding: 1.4vw 1.2vw 1.0vw;
}

#comm-press .cont-date a,
#comm-press .cont-date a:visited {
	 display: block;
	 font-size: 1em;
	 line-height: 1.1em;
	 color: #052E53;
	 padding: 0.5vw 0 2.2vw;
	 letter-spacing: 0.1em;
}

#comm-press .cp-hover .cont-date a {
	color: #fff;
}

#comm-press .cont-date a span {
	 position: relative;
	 display: inline-block;
	 padding: 0 0.1vw 0 0.2vw;
}

#comm-press .cont-date a span:after {
	 display: block;
	 content: '';
	 position: absolute;
	 bottom: -1.2vw;
	 left: 0;
	 width: 100%;
	 height: 0.55vw;
	 background-color: #FC7C1C;
	 border-radius: 0.3vw;
	 -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
}

#comm-press .cp-hover .cont-date a span:after {
	background-color: #fff;
}

#comm-press h2 a,
#comm-press h2 a:visited {
	font-size: 1.56em;
	 line-height: 1.2em;
	 color: #052E53;
	 font-weight: 700;
	 display: block;
}

#comm-press h2 a span {
	display: block;
	 padding: 0 0 1.8vw 0;
}

#comm-press .cont-bt-telecharger a {
	text-align: right;
	display: block;
}

#comm-press .bt-telecharger {
	 background: #FC7C1C url(/themes/netgem/images/bt-fleche-telecharger-blanc.svg) no-repeat center center;
	 background-size: contain;
	 background-color: #FC7C1C;
	 display: inline-block;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

#comm-press .cp-hover .bt-telecharger {
	transform: scale(1.4);
}

#comm-press #edit-filter-annees-infos-reglementees- {
	margin: 0 1.6vw 5vw 0;/*left 33.3vw */
	position: relative;
	float: right;
}

#comm-press #edit-filter-annees-infos-reglementees-:before {
	content: 'Filter';
	 display: block;
	 position: absolute;
	 top: 1.5vw;
	 left: -4.3vw;
	 font-size: 1.3em;
	 line-height: 1.2em;
	 font-weight: 600;
	 color: #042E54;
}

body.fr #comm-press #edit-filter-annees-infos-reglementees-:before {
	content: 'Filtrer';
	 left: -4.9vw;
}

#comm-press #edit-filter-annees-infos-reglementees- .fieldset-wrapper {
	padding: 0 4.5vw 0 3vw;
}

#comm-press #edit-filter-annees-infos-reglementees- .fieldset-wrapper:before {
	content: '';
	 display: block;
	 height: 0.27vw;
	 background-color: #FC7C1C;
	 border-radius: 0.2vw;
	 position: absolute;
	 bottom: 0.485vw;
	 width: 100%;
	 right: 0;
}

#comm-press #edit-filter-annees-infos-reglementees- .fieldset-wrapper:after {
	content:'';display: block;height:0px;clear:both;font-size:0px;line-height:0px;width:0px;
}

#comm-press #edit-filter-annees-infos-reglementees- button {
	float: right;
	 border: none;
	 font-size: 1.5em;
	 line-height: 1.2em;
	 display: block;
	 cursor: pointer;
	 color: #FC7C1C;
	 outline: none;
	 background: none;
	 padding: 0 1.8vw 1.4vw;
	 position: relative;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

#comm-press #edit-filter-annees-infos-reglementees- button:after {
	display: block;
	 content: '';
	 width: 0.7vw;
	 height: 0.7vw;
	 border: solid 0.27vw #FC7C1C;
	 position: absolute;
	 bottom: 0;
	 left: 50%;
	 transform: translateX(-50%);
	 border-radius: 50%;
	 background-color: #fff;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

#comm-press #edit-filter-annees-infos-reglementees- button[data-drupal-selector="edit-filter-tout"],
#comm-press #edit-filter-annees-infos-reglementees- button[data-drupal-selector="edit-filter-all"],
#comm-press #edit-filter-annees-infos-reglementees- legend,
#comm-press #edit-filter-annees-infos-reglementees- button:nth-child(n+9) {
	display: none !important;
}

#comm-press #edit-filter-annees-infos-reglementees- button:hover {
	transform: scale(1.1);
	 transform-origin: bottom center;
	 font-weight: 700;
	 /* font-size: 1.8em; */
	 /* margin-top: -0.4vw; */
}

#comm-press #edit-filter-annees-infos-reglementees- button:hover:after {
	background-color: #FC7C1C;
}

#comm-press #edit-filter-annees-infos-reglementees- button.mixitup-control-active {
	 filter: brightness(100%);
	 color: #042E54;
	 font-weight: 600;
}

#comm-press #edit-filter-annees-infos-reglementees- button.mixitup-control-active:after {
	border: solid 0.27vw #042E54;
}

#comm-press #edit-filter-annees-infos-reglementees- button.mixitup-control-active:hover:after {
	background-color: #042E54;
}


#spyBarre {
	 position: absolute;
	 right: 0;
	 width: 1px;
	 height: 1px;
	 background: transparent;
	 top: -1vw;
}

#spyBarreDeux {
	position: absolute;
	 right: 0;
	 width: 1px;
	 height: 1px;
	 background: transparent;
	 top: -8vw;
}

body.scroll-down #spyBarreDeux {
	 top: -13vw;
}

#spyBarreTop {
	 position: fixed;
	 top: 0;
	 right: 0;
	 width: 1px;
	 height: 1px;
	 background: transparent;
}

#comm-press #edit-filter-annees-infos-reglementees- {
	-o-transition: height .5s;
	 -webkit-transition: height .5s;
	 -moz-transition: height .5s;
	 transition: height .5s;
}


body.entete-tableau-fixed #comm-press #filtre-annee {
	 position: fixed;
	  top: 0;
	  width: 100%;
	  z-index: 10;
	  padding: 8.7vw 7vw 0 0;
	  left: 0;
	  background-color: #fff;
	  box-shadow: 0 5px 7px rgb(0 0 0 / 15%);
	  -o-transition: height .2s;
		-webkit-transition: height .2s;
		-moz-transition: height .2s;
		transition: height .2s;
}

body.scroll-down.entete-tableau-fixed #comm-press #filtre-annee {
	padding-top: 2vw;
	-o-transition: height .2s;
	 -webkit-transition: height .2s;
	 -moz-transition: height .2s;
	 transition: height .2s;
}

body.entete-tableau-fixed #comm-press #edit-filter-annees-infos-reglementees- {
	 margin: 0 1.6vw 1vw 0;
}





#noItemsFoundMessage {
	display: none;
	 text-align: center;
	 font-size: 1.4em;
	 font-weight: 600;
	 color: #042E54;
	 padding: 12vw 0;
}








@media screen and (max-width: 1260px) {
	
	#comm-press .cont-base.deux {
		 width: 93.5%;
	}
	
	body.entete-tableau-fixed #comm-press #filtre-annee {
		 padding-right: 3.5vw;
	}
	
	#noItemsFoundMessage {
		 font-size: 2em;
	}
	
}







@media screen and (max-width: 1020px) {
	
	#comm-press .cont-date a, 
	#comm-press .cont-date a:visited {
		 font-size: 11px;
		 padding: 5px 0 22px;
	}
	
	#comm-press .cont-date a span:after {
		 bottom: -12px;
		 height: 5px;
		 border-radius: 3px;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- {
		 margin: 0 1.6vw 5vw 0;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees-:before {
		 top: 1.8vw;
		 left: -5.2vw;
		 font-size: 1.5em;
	}
	
	body.fr #comm-press #edit-filter-annees-infos-reglementees-:before {
		 left: -6vw;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- .fieldset-wrapper:before {
		 height: 0.4vw;
		 border-radius: 0.2vw;
		 bottom: 0.6vw;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- button {
		 font-size: 1.8em;
		 padding: 0 1.8vw 1.7vw;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- button:after {
		 width: 1vw;
		 height: 1vw;
		 border: solid 0.3vw #FC7C1C;
	}
	
}









@media screen and (max-width: 852px) {
	
	#comm-press .cont-base.un {
		 padding: 3.3vw 0 11vw;
	}
	
	#comm-press .fond-gris {
		 height: calc(100% - 40vw);
		 top: 40vw;
	}
	
	#comm-press h2 a, 
	#comm-press h2 a:visited {
		 font-size: 17px;
	}
	
	#comm-press .mix {
		 width: 46.4%;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- {
		 margin: 0 2vw 5vw 0;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees-:before {
		top: 3.1vw;
		 left: -6.2vw;
		 font-size: 1.8em;
	}
	
	body.fr #comm-press #edit-filter-annees-infos-reglementees-:before {
		 left: -7vw;
	}
	
	body.entete-tableau-fixed #comm-press #filtre-annee {
		 padding-top: 12vw;
	}
	
	body.scroll-down.entete-tableau-fixed #comm-press #filtre-annee {
		 padding-top: 2vw;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- .fieldset-wrapper {
		 padding: 0 0 0 2vw;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- .fieldset-wrapper:before {
		 height: 0.6vw;
		  border-radius: 0.3vw;
		  bottom: 0.7vw;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- button {
		 font-size: 2.4em;
		  padding: 0 2vw 2.6vw;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- button:after {
		 width: 1.4vw;
		  height: 1.4vw;
		  border: solid 0.4vw #FC7C1C;
	}
	
	body.entete-tableau-fixed #container-items-mixitup {
		 padding-top: 18.5vw;
	}
	
	body.scroll-down.entete-tableau-fixed #container-items-mixitup {
		 padding-top: 9vw;
	}
	
	#noItemsFoundMessage {
		 font-size: 3em;
		 padding: 19vw 0;
	}
	
}








#filtre-annee > .bt-filtre {
	display: none;
}

@media screen and (max-width: 540px) {
	
	#comm-press .cont-base.un {
		 padding: 3.3vw 0 59vw;
	}
	
	#comm-press.mini-header-page .container-img-head {
		 height: 51.5vw;
		 top: -6.5vw;
	}
	
	#comm-press.mini-header-page #conteneur-barres {
		 width: 51vw;
		 top: 45vw;
	}
	
	#comm-press.mini-header-page h1 {
		text-align: left;
		 padding: 3.4vw 0 0 3vw;
		 top: 29vw;
		 height: 18.7vw;
		 font-size: 5em;
		 line-height: 1.15em;
		 width: calc(100% + 3.8vw);
	}
	
	#comm-press.mini-header-page h1.slide {
		left: -3.8vw;
	}
	
	body.en #comm-press.mini-header-page h1 {
		 top: 35vw;
		 height: 12.7vw;
	}
	
	#comm-press.mini-header-page #conteneur-barres .barre-un {
		 height: calc(2.8vw + 13px);
	}
	
	#comm-press.mini-header-page #conteneur-barres .barre-deux {
		 height: calc(2.8vw + 26px);
	}
	
	#comm-press.mini-header-page #conteneur-barres .barre-deux.slide {
		 width: 44vw;
	}
	
	#comm-press.mini-header-page #conteneur-barres .barre-trois {
		 height: calc(2.8vw + 39px);
	}
	
	#comm-press.mini-header-page #conteneur-barres .barre-trois.slide {
		 width: 39.5vw;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees-:before {
		display: none;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- .fieldset-wrapper:before {
		 display: none;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- button:after {
		display: none;
	}
	
	#comm-press .cont-base.deux {
		 width: auto;
		 padding: 0;
		 margin: 0;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- {
		 margin: 0;
		  float: none;
		  padding: 0 30px 36px;
		  border-bottom: solid 1px #042E54;
		  display: none;
	}
	
	body.entete-tableau-fixed #comm-press #edit-filter-annees-infos-reglementees- {
		margin: 0;
		 /*border: none;
		 padding-bottom: 4vw;*/
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- .fieldset-wrapper {
		 padding: 2.6vw 0 2.6vw 29vw;
		  border-bottom: solid 1px #042E54;
		  height: 41.3vw;
		  overflow-y: auto;
		  scrollbar-width: none;
		  -ms-overflow-style: none;
		  overflow: -moz-scrollbars-none;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- .fieldset-wrapper::-webkit-scrollbar {
		  width: 0;
			height: 0;
			background: transparent;
	  }
	
	#comm-press #edit-filter-annees-infos-reglementees- button {
		  font-size: 4.7em;
			float: none;
			width: 100%;
			padding: 2.6vw 0 2.6vw 0;
			display: block;
			margin: 0;
			text-align: left;
			font-weight: 500;
	}
	
	#comm-press #edit-filter-annees-infos-reglementees- button:hover {
		 transform: none;
		 transform-origin: center center;
		 font-weight: 500;
	}
	
	#filtre-annee > .bt-filtre {
		font-size: 4.6em;
		 width: 100%;
		 padding: 6vw 0 13vw 30px;
		 display: block;
		 text-transform: uppercase;
		 font-weight: 600;
		 border: none;
		 line-height: 1.2em;
		 cursor: pointer;
		 color: #FC7C1C;
		 outline: none;
		 background: transparent;
		 border-bottom: solid 1px #042E54;
		 position: relative;
		 text-align: left;
		 -o-transition: all .2s;
		 -webkit-transition: all .2s;
		 -moz-transition: all .2s;
		 transition: all .2s;
	}
	
	#filtre-annee > .bt-filtre:after {
		display: block;
		 content: '';
		 position: absolute;
		 right: 30px;
		 width: 4.9vw;
		 height: 4.9vw;
		 top: 6.3vw;
		 background: transparent url(/themes/netgem/images/bt-fleche-trier.svg) no-repeat center center;
		 -o-transition: all .2s;
		 -webkit-transition: all .2s;
		 -moz-transition: all .2s;
		 transition: all .2s;
	}
	
	#filtre-annee > .bt-filtre.open:after {
		  transform: rotate(180deg);
	}
	
	#filtre-annee > .bt-filtre.open:after {
		 right: 3.5vw;
	}
	
	#comm-press .fond-gris {
		 display: none;
	}
	
	#container-items-mixitup {
		 background-color: #F5F5F5;
		 padding-top: 13vw;
	}
	
	.filtres-resp-open #filtre-annee > .bt-filtre {
		margin: 0 30px;
		 padding: 6vw 0 5vw 0;
		 width: calc(100% - 60px);
	}
	
	/*#spyBarreDeux {
		 top: -6vw;
	}
	
	body.scroll-down #spyBarreDeux {
		 top: -19vw;
	}*/
	
	body.entete-tableau-fixed #comm-press #filtre-annee {
		 padding: 18vw 0 0 0;
		 padding: 0;
		  -o-transition: all .5s;
		  -webkit-transition: all .5s;
		  -moz-transition: all .5s;
		  transition: all .5s;
		  position: static;
		  top: auto;
		  left: auto;
	}
	
	body.scroll-down.entete-tableau-fixed #comm-press #filtre-annee {
		padding: 0;
		-o-transition: all .2s;
		  -webkit-transition: all .2s;
		  -moz-transition: all .2s;
		  transition: all .2s;
	}
	
	body.entete-tableau-fixed #filtre-annee > .bt-filtre {
		 padding: 6vw 0 6vw 30px;
		 -o-transition: all .5s;
		 -webkit-transition: all .5s;
		 -moz-transition: all .5s;
		 transition: all .5s;
		 padding: 6vw 0 5vw 30px;
	}
	
	body.scroll-down.entete-tableau-fixed #filtre-annee > .bt-filtre {
		padding-top: 6vw;
		 -o-transition: all .2s;
			-webkit-transition: all .2s;
			-moz-transition: all .2s;
			transition: all .2s;
			padding: 6vw 0 5vw 30px;
	}
	
	body.entete-tableau-fixed #filtre-annee > .bt-filtre.open {
		 padding-left: 0;
	}
	
	body.entete-tableau-fixed #container-items-mixitup {
		 padding-top: 45.2vw;
		 padding-top: 13vw;
	}
	
	
	body.scroll-down.entete-tableau-fixed #container-items-mixitup {
		 padding-top: 29vw;
		 padding-top: 13vw;
	}
	
	
	
	
	#comm-press .un-cp {
		 padding: 4.5vw 4vw 3vw;
		 margin: 0 30px 35px;
		 border-radius: 3.8vw;
		 width: auto;
		 width: calc(100% - 60px);
	}
	
	#noItemsFoundMessage {
		 font-size: 4.5em;
		 padding: 34vw 0;
	}
	
}