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

.page-le-laboratoire h2.pane-title{
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 26px;
	font-size: 2.6rem;
	font-family: 'ebGaramondBold';
	color: rgb(143, 214,189);
	text-align: left;
}

.page-le-laboratoire .pane-content .node-page-basique p{
	color: rgb(143, 214,189);
	font-family: 'ebGaramondBold';
	text-align: center;
	margin-bottom: 20px;
}

.page-le-laboratoire .pane-content .node-page-basique p[align~='left']{

	font-family: 'ptSansNarrowItalic';
	font-size: 18px;
	font-size: 1.8rem;
	color: #000;

}


.page-le-laboratoire .pane-bn-general-children-summary-block p{
	color: #000;
	font-family: 'ptSansNarrowRegular';
	text-align: left;
}

.page-le-laboratoire .pane-bn-general-children-summary-block ul{
	list-style-type: none;
	padding-left: 0;
}

.page-le-laboratoire ul.children-summary>li{
	padding-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #969696;
}

.page-le-laboratoire ul.children-summary>li:first-child{
	border-top: 1px solid transparent;
	padding-top: 0;
}
.page-le-laboratoire .view-mode-teaser .group-left,
.page-le-laboratoire .view-mode-teaser .group-right{
	width: 100%;
	float: none;
	position: relative;
}

.page-le-laboratoire .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-le-laboratoire .view-mode-teaser .group-left:hover img{
	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-le-laboratoire .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-le-laboratoire .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;
	cursor: pointer;
}

.page-le-laboratoire .view-mode-teaser .group-left img{
	width: 90%;
	height: auto;
	margin-left: 5%;
}
.page-le-laboratoire .view-mode-teaser h2{
	font-size: 18px;
	font-size: 1.8rem;
	font-family: 'ebGaramondBold';
}

.page-le-laboratoire .view-mode-teaser .field-name-node-link{
	display: none;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.page-le-laboratoire ul.children-summary>li{
		display: inline-block;
		width: 39%;
		vertical-align: top;
		margin: 0 5% 20px 5%;
		border: none;
		padding-top: 0;
	}

}

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

	.page-le-laboratoire .pane-content .node-page-basique p[align~='left']{
		width: 80%;
		margin: auto;
	}

	.page-le-laboratoire ul.children-summary>li{
		width: 21%;
		margin: 0 2%;
	}

	.page-le-laboratoire ul.children-summary>li.first{
		margin-left: -4px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.page-le-laboratoire ul.children-summary>li{
		width: 22%;
		margin: 0 1%;
	}

	.page-le-laboratoire ul.children-summary>li.first{
		margin-left: -4px;
	}
}