@charset "UTF-8";
/* CSS Document */
.imgZoom.actif .zone,
.bPop.activ > .zone,
.bShow.actif > .zone {
	display: block;
}
.bPopOver.actif .popOver,
.bPopOver.actif > .zone {
	display:block !important;
}
.bRoll,
.bShow,
.bPopOver {
	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;
}
.toOverlay .main {
	z-index: 130;
}
.toOverlay .courbes,
.toOverlay .arianeMenuSide {
	z-index: 1;
}
.closePop {
	position: fixed;
top: 100px;
right: 10px;
width: 110px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
font-weight: 600;
font-size: 14px;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
background: #000 url('../images/icons/ic_close.png') no-repeat right 17px center;
background-size: 25px auto;
box-shadow: 2px 2px 0px rgba(0,0,0,0.12);
padding-right: 10px;
}
.closePop:hover {
	cursor:pointer;
	background-color: #464646;
}
.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: 650px) {
	.seven .bRoll:hover .zone,
.computer .bRoll:hover .zone {
	display:block;
}
.computer .fermerPop {
	display:none;
}
}
.popOver {
    position: fixed;
    z-index: 300;
    top: 7%;
    left: 50%;
    margin-left: -400px;
    width: 800px;
	max-height: 88%;
    background-color: #FFF;
    box-shadow: 13px 16px 0px rgba(0,0,0,0.2);
    display: none;
	overflow-y:auto;
}
.zOver,
.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;
}
.zOver,
.zPop {
	z-index:100;
}
.overlayTrans {
  background:rgba(200,200,200,0);
  z-index:100;
}
.zOver,
.zoneOverlay,
.zOverlay {
	background:rgba(225,225,225,0.93);
}
.zDark {
	background:rgba(0,0,100,0.8);
}
.intPop {
	padding:35px;
}
/* ----------- */
/* fin OPEN CLOSE.CSS */