/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

.page-thematiques .views-row{
	padding: 20px 0 10px 0;
	border-top: 1px solid #ccc;
}

.page-thematiques .views-row:first-child{
	border-top: 1px solid transparent;
	padding-top: 0;
}

.page-thematiques .views-row .group-header h2{
	font-family: 'ebGaramondBold';
	font-size: 18px;
	font-size: 1.8rem;
}

.page-thematiques p{
	font-size: 14px;
	font-size: 1.4rem;
}

.page-thematiques .views-row .node-news.node-teaser{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;

}

.page-thematiques .views-row .group-left{
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}

.page-thematiques .views-row .group-header{
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}

.page-thematiques .views-row .group-right{
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
}

.page-thematiques .views-row .group-header ul.extra-news-infos{
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

.page-thematiques .views-row .group-header ul>li.first{
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'ptSansNarrowLight';
}

.page-thematiques .views-row .group-header ul>li.last{
	display: none;

}


.page-thematiques .views-row .group-left,
.page-thematiques .views-row .group-right{
	float: none;
	width: 100%;
	position: relative;
}

.page-thematiques .views-row .group-left{
	text-align: center;
}

.page-thematiques .views-row .group-left img{
	width: 100%;
	height: auto;
	
}

.page-thematiques .view-mode-teaser .group-left{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: 0.4s all ease-in;
	transition: 0.4s all ease-in;
	margin-bottom: 10px;
}

.page-thematiques .view-mode-teaser .group-left:hover{
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-webkit-transition: 0.4s all ease-out;
	transition: 0.4s all ease-out;
}

.page-thematiques .view-mode-teaser .group-left:hover:after{
	content:"";
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: absolute;
	top : calc(50% - 17px);
	left: calc(50% - 20px);
	display: block;
	width: 39px;
	height: 35px;
	background-image: url('../../img/glass.png');
	-webkit-transition: 0.4s all ease-out;
	transition: 0.4s all ease-out;
}

.page-thematiques .view-mode-teaser .group-left:after{
	content:"";
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	top : 0;
	left: calc(50% - 20px);
	display: block;
	width: 39px;
	height: 35px;
	background-image: url('../../img/glass.png');
	-webkit-transition: 0.4s all ease-in;
	transition: 0.4s all ease-in;
}

.page-thematiques .views-row .group-right{
	margin-top: 10px;
}

.page-thematiques .views-row .group-right .field-name-node-link{
	display: none;
}

.page-thematiques div.text-center ul.pagination li{
	display: inline-block;
	line-height: 1.5;
	font-size: 1em; 
	font-family: 'ptSansNarrowRegular';
	vertical-align: bottom;
}

.page-thematiques div.text-center ul.pagination li a{
	color: #000;
	border: none;
}

.page-thematiques div.text-center ul.pagination li a:hover{
	color: rgb(143, 214,189);
}

.page-thematiques div.text-center ul.pagination li.active a{
	background: #FFF;
	color: rgb(143, 214,189);
}



.page-thematiques div.text-center ul.pagination li.disabled span{
	color: #000;
	border: none;
}

.page-thematiques div.text-center ul.pagination li:before{
	content: "|";
	font-size: 1.4em;
}

.page-thematiques div.text-center ul.pagination li:last-child:before{
	content: "";
	vertical-align: baseline;
}

.page-thematiques div.text-center ul.pagination li.next a{
	padding-top: 10px;
}

/* Only display the active page for mobiles, width is
	not enough for full pagination */
.page-thematiques div.text-center ul.pagination li{
	display: none;
}

.page-thematiques div.text-center ul.pagination li.prev,
.page-thematiques div.text-center ul.pagination li.next,
.page-thematiques div.text-center ul.pagination li.active{
	display:inline-block;
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

	.page-thematiques .views-row{
		padding: 0 0 20px 0;
		border-top: none;
	}
	.page-thematiques .view-content{
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	}

	.page-thematiques .views-row .group-header h2{
		font-size: 18px;
		font-size: 1.8rem;
	}

	.page-thematiques p{
		font-size: 15px;
		font-size: 1.5rem;
	}

	.page-thematiques .views-row .group-header ul>li.first{
		font-size: 14px;
		font-size: 1.4rem;
	}

	.page-thematiques .views-row{
		width: 48%;
		display: inline-block;
		vertical-align: top;
		
	}

	.page-thematiques div.text-center ul.pagination li{
		display: inline-block;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.page-thematiques .views-row{
		width: 31%;		
	}	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}