@charset "UTF-8";
/* CSS Document */
.bShowOverlay.actif .zone,
.bShow.actif .zone {
	display: block;
}
.bRoll,
.bShow,
.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;
}
.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;
}
.bRoll.bFd.actif {
	z-index: 120;
}
@media all and (min-width: 650px) {
.computer .bRoll:hover .zone {
	display:block;
}
.computer .fermerPop {
	display:none;
}
}
.overlayNotif,
.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:300;
  cursor:pointer;
}
.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);
}
.overlayNotif {
	display: block;
	background:rgba(200,200,200,0.9);
}
.boxNotif {
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 300;
}
.popNotif {
	width:90%;
	height: 80%;
	background: #FFF;
	box-shadow: 15px 11px 0px rgba(0,0,0,0.2);
	z-index: 500;
	position: relative;
	max-width: 1000px;
	overflow: auto;
}
.fermerNotif {
	text-transform: uppercase;
	position: fixed;
	right: 20px;
	top:20px;
	background: #FFF url('../images/icons/ic_close.png') no-repeat right 5px center;
	background-size:30px auto;
	padding:5px 35px 5px 15px;
	z-index: 500;
	border:1px solid #ccc;
	box-shadow:4px 5px 0px rgba(0,0,0,0.2);
}
.fermerNotif:hover {
	cursor: pointer;
}
.contentNotif {
	padding:15px 25px;
}
.boxNotif h1 {
	font-size: 2em;
	margin:20px 0px 25px 0px;
	color:#5EC6ED;
}
.boxNotif .mediaBloc {
   text-align: center;
	height: 445px;
}
.boxNotif .paraTextImg.hauteurLarge .mediaBloc.videoBloc {
    height: 445px;
}
.boxNotif .para {
    margin: 25px auto;
}