@charset "UTF-8";
/* CSS Document */
.popOverlay {
	display: none;
}
.bPop.activ > .zone,
.bShowOverlay.actif > .zone,
.bShow.actif > .zone {
	display: block;
}
.bShowOverlay.actif .popOverlay,
.bShowOverlay.actif > .zone {
	display:flex;
	align-items: center;
	justify-content: center;
}
.bRoll,
.bShow,
.bPop,
.bShowOverlay {
	position:relative;
}
.act,
.aShow {
	cursor:pointer;
	position:relative;
	display:block;
}
.aId {
	display:inline-block;
	vertical-align:top;
	margin:0px 25px;
}
.bFd {
	z-index:140;
}
.bFd.actif {
	z-index:200;
}
.zSuite,
.zone {
	display:none;
}
.zOpen {
	display:block;
}
.pop {
	position:absolute;
	background-color:#FFF;
	box-shadow:0px 0px 4px rgba(0,0,0,0.3);
	z-index:200;
}
.zPop .pop {
	top:210px;
	left:50%;
	width:800px;
	margin-left: -400px;
}
.closePop {
	position: absolute;
	top:1px;
	right:1px;
	color:#666;
	text-transform: uppercase;
	background: #FFF url('../images/icons/ic_close.png') no-repeat right top;
	background-size: 20px auto;
padding: 1px 23px 1px 5px;
font-size: 13px;
	border:1px solid #ebebeb;
}
.closePop:hover {
	cursor: pointer;
	color:#000;
	border-color: #666;
}
.aRoll {
	display: inline-block;
	position: relative;
	cursor:pointer;
	padding-right:4px;
}
.aRoll:after {
	display:block;
	content:"";
	width:16px;
	height:16px;
	border-radius:20px;
	background:#ebebeb url("../images/icons/ic_aide.png") no-repeat center;
	background-size:80% auto; 
	position: absolute;
	right:-16px;
	top:-3px;
}
.zSuite {
	background-color:#FFF;
	box-shadow:0px 0px 4px rgba(0,0,0,0.3);
	padding:10px;
	margin:10px 0px;
}
.aRoll + .zSuite {
	position:absolute;
	z-index:200;
	margin:-30px 0px 0px 0px;
	max-width:300px;
}
.popRight {
	right:-300px;
	top:-25px;
	width:300px;
}
.pop .int {
	padding:30px 40px;
	min-width:210px;
}
.bOver .pop {
	left:50%;
	width:510px;
	margin-left:-250px;
	margin-top:-100px;
	z-index:400;
}
.pFixe {
	position:fixed;
	top:160px;
	left:50%;
	width:50%;
	margin-left:-25%;
	margin-top:0px;
	z-index: 320;
}
.fermer {
	text-align:right;
	text-decoration:underline;
	font-size:0.8em;
	cursor:pointer;
}
.bRoll.bFd.actif {
	z-index: 120;
}
@media all and (min-width: 990px) {
	.seven .bRoll:hover .zone,
.computer .bRoll:hover .zone {
	display:block;
}
.computer .fermerPop {
	display:none;
}
}
.userTrans {
	display:none;
  position:absolute;
  top:0px;
  right:0px;
  height:400px;
  width:480px;
  overflow:hidden;
  background:rgba(0,0,0,0);
  z-index:70;
}
.zPop,
.overlayComments,
.zoneOverlay,
.zOverlay,
.overlay,
.overlayTrans {
	display:none;
  position:fixed;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  overflow:hidden;
  background:rgba(0,0,0,0.8);
  z-index:200;
  cursor:pointer;
}
.zPop {
	z-index:100;
}
.overlayTrans {
  background:rgba(200,200,200,0);
  z-index:100;
}
.zoneOverlay,
.zOverlay {
	background:rgba(255,255,255,0.9);
}
.zDark {
	background:rgba(0,0,100,0.8);
}
.intPop {
	padding:45px 70px;
}
.intPop2 {
	max-height: 500px;
	overflow: auto;
}
/* add photo */
.actNav .popSimple {
    display:none;
}
.popSimple {
	display: none;
	position: absolute;
	background: #3B414B;
	padding:2px 5px;
	line-height: 1em;
	border-radius: 2px;
	font-size: 13px;
	color:#FFF;
	box-shadow: 2px 2px 0px rgba(0,0,0,0.12);
	top:15px;
	left:60px;
	z-index: 20;
	transition: 0.2s;
}
.toPopSimple:hover .popSimple {
	display: block;
}
.toPopSimple a.popSimple:hover {
	color:#FFF;
	background: #F9CB46;
}
.bUser .popSimple {
	left:-60px;
	top:32px;
	text-transform:none !important;
}
.sansPhotoAdd .popSimple {
	background: #3AC6EF;
}
.sansPhotoAdd {
	position: relative;
}
.sansPhotoAdd:after {
	display: block;
	content:"";
    background-image: url('../images/add.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
	width:60px;
	height: 60px;
	position: absolute;
	border-radius: 100px;
	background-color: rgba(255,255,255,0.6);
	border:1px solid #fff;
	transition: 0.2s;
}
.sansPhotoAdd:hover:after {
	background-size: 85%;
}
.bUser .sansPhotoAdd:after {
	width:30px;
	height: 30px;
	top: 10px;
    left: 10px;
}
/* fin add photo */