@charset "UTF-8";
/* CSS Document */
.bShow.actif .zone {
	display: block;
}
.bRoll,
.bShow {
	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;
}
.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:20px;
	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;
        background-color: #999;
}
.bRoll.bFd.actif {
	z-index: 120;
}
@media all and (min-width: 650px) {
.computer .bRoll:hover .zone {
	display:block;
}
.computer .fermerPop {
	display:none;
}
}

.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:300;
  cursor:pointer;
}
.overlayTrans {
  background:rgba(200,200,200,0);
  z-index:100;
}
.zOverlay {
	 background-color: rgba(240,240,240,0.9);
}
.zDark {
	background:rgba(0,20,50,0.8);
}