/* ======================================================================*/
/* Equipe 2 */
/* ======================================================================*/
.page-template page-template-template-equipe2-php,
.page-template page-template-template-equipe2-php .big-container {
	height: auto;
}
#page-notre-equipe-2{
	margin-bottom: 2em;
}
#page-notre-equipe.template-page {
    margin-left: 0px;/* Pour le template-header-2 */
    margin-bottom: 0;
}
#page-notre-equipe .filAriane{
	margin-bottom: 0;
}
#page-notre-equipe .title-wrapper{
	text-align:center;
}

#page-notre-equipe .grille.equipe{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 0;
	margin-top: 40px;
}
#page-notre-equipe .grille.equipe .double{
	display: inline-block;
	width: 25%;
	font-size: 18px;
}
#page-notre-equipe .grille.equipe .double a{
	text-decoration: none;
}
#page-notre-equipe .grille.equipe.trois-membres .double{
	width: 33.33%;
}
#page-notre-equipe .grille.equipe .double .membre{
	padding-bottom: 100%;
	background-size: auto 100%!important;
	background-position: center bottom;
	background-repeat: no-repeat;
	position: relative;
}
#page-notre-equipe .grille.equipe .double:nth-child(2n) .membre{
	/*padding-bottom: 200%;*/
}
#page-notre-equipe .grille.equipe .double .membre .text {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(125, 202, 210, 0.85);
	display: table-cell;
	vertical-align: middle;
	opacity: 0;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#page-notre-equipe .grille.equipe .double .membre:hover .text {
	opacity: 1;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#page-notre-equipe .grille.equipe .double .membre .text .content {
	top:auto;
	bottom: 10%;
	left:50%;
	margin: -32px 0 0 -130px;
	width: 260px;
	overflow: visible;
	/*white-space: nowrap;*/
	font-size: 1.6em;
	color: #fff;
	text-align: center;
	max-width: 260px; 
	line-height: 1em;
	position: absolute;
}
#page-notre-equipe .grille.equipe .double .membre .text .content .date_embauche{
	font-size: .7em;
}
#page-notre-equipe .grille.equipe .double .membre .text .content .poste {
	font-size: 0.7em;
	margin-bottom: 20px;
}

#page-notre-equipe .content-wrapper {
    background: #F4f4f4;
    text-align: center;
    padding: 2em 0;
}
#page-notre-equipe .content-wrapper .wrapper{
	max-width: 800px;
}
#page-notre-equipe .grille-title{
	font-size: 18px;
}



@media screen and (max-width: 1366px) {
	#page-notre-equipe .grille.equipe .double{font-size: 15px;}	
	#page-notre-equipe .grille-title{font-size: 15px;}
}
/* Tablettes */
@media screen and (max-width: 1024px) {
	#page-notre-equipe{margin-bottom: 2em;}
	#page-notre-equipe .grille.equipe .double .membre .text { opacity: 1; width: 100%; height: auto; bottom: 0; padding-bottom: 0; font-size: .8em;}
	#page-notre-equipe .grille.equipe .double .membre .text .content { top: 0; left: 0; margin: 0; max-width: 100%; width: 100%; padding-top: 10px; padding-bottom: 10px; position: relative;}
	#page-notre-equipe .grille.equipe .double .membre .text .content .nom {padding: 0 10px;margin: 0;border: none; }
	#page-notre-equipe .grille.equipe .double .membre .text .content .poste {font-size: 0.8em; margin: 0;}
	#page-notre-equipe .grille.equipe .double {width: 50%;}
}


/* Petits mobiles */
@media screen and (max-width: 500px) {
	/* Notre équie 2 */
	#page-notre-equipe	.membre { width: 100%!important; padding-bottom: 100%!important; }
	#page-notre-equipe .double { width: 100%!important; }
}
