@charset "utf-8";
/* CSS Document */

#container_photo{
    position: relative;
    vertical-align: middle;
    }

.contPersonnes{
	background:#000000;
	overflow:hidden;
	position:relative;
	padding-top:10px;
}

.contPersonnes iframe{
	width:100%;
	border:none;
	height:100%;
}

.slider_pers{
/*	background:#ff0000;
	margin:5px;
	margin-left:106px;
   	width:500%;*/
	overflow:hidden;
}

.photo_pers:first-child{
	margin-left:0%;
}

.photo_pers{
	/*float:left;
	width:6.4%;
	margin:0 0 0 1%;*/
	position:relative;
}
.bloc_pers{
/*	float:left;*/
	display:block;
	position: relative;
	/*width:6.4%;
	margin:0 0 0 1%;
	position:relative;*/
}
.bloc_pers img{display:block;width:100%;}

.bloc_pers img:hover{
	opacity:0.8;
	cursor:pointer;
}


.bloc_pers .nom_pers{
	position:absolute;
	display:block;
	min-width:80%;
	height:36px;
	bottom:3%;
	left:0px;
	background:url("../img/personnes/bg_nom.png") no-repeat top left;
	font-size:24px;
	text-align:left;
	padding-left:10px;
	padding-right: 10px;
}

.nom_pers .nomG{
	color:#939191;
}

.nom_pers .nomD{
	color:#dc5a42;
}





/* SLIDER */


.flecheG{
	background:url("../img/personnes/fleche_gauche.png") no-repeat top left;
	float:left;
	width:31px;
	height:31px;
	cursor:pointer;
	transition:opacity 350ms linear;
}

.photo_pers .btn_slider img{
	display:block;
	width:100%;
	height:31px;
	position:relative;
}

.btn_slider img:hover{
	opacity:1;
	cursor:default;
}

.flecheD{
	background:url("../img/personnes/fleche_droite.png") no-repeat top left;
	float:left;
	width:31px;
	height:31px;
	cursor:pointer;
	transition:opacity 350ms linear;
}

.flecheG:hover, .flecheD:hover{
	opacity:0.8;
}