/****************************************************************************************************************
	main rules
****************************************************************************************************************/

#masque{
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.50;
	height: 100%;
	width: 100%;
	display: none;
	cursor: pointer;
}

#popinContainer{
	position: absolute;
	top: 100px;
	left: 50%;
	z-index: 101;
	text-align: left;
	background-color:#fff;
}

#popinContainer #popinContent{
	border: 10px solid #fff;
	background: #f7f7f6;
	padding: 20px 0 0;
}

#popinContainer a#closeButton{
	position: absolute;
	display: block;
	top: 5px;
	right: 0;
	height: 12px;
	padding: 6px;
	font-size: 0.81em;
	color: #b390b3;
	background: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

#popinContainer a#closeButton:hover{
	text-decoration: underline;
}

#popinContentToLoad{
/*	width: 100%;*/
	/*padding: 0 10px;*/
	overflow: hidden;
	position:relative;
}

.popinVisu {
	position:relative;
	z-index:0;
	width:100%;
	text-align:center;
}
.portrait .popinVisu {
	width:232px;
	margin-right:10px;
	float:left;
}
#popinContentToLoad .arrowLink {
	display:inline;
}
.popinVisu .btZoom {
	position:absolute;
	z-index:1;
	bottom:2px;
	right:0;
	background:url(../img/common/pi_zoom.png) no-repeat;
	display:block;
	width:20px;
	height:20px;
	clear:both;
}
		#popinContentToLoad small {
			font-size:.909em;
			color:#666;
		}
		#popinContentToLoad h1,
		#popinContentToLoad p {
			padding-bottom:12px
		}
		#popinContentToLoad h1 {
			font-size:1.636em;
			color:#738e9d;
			font-weight:normal;
		}
		
.popinVisu .minus {
	background-position:0 100%;
}

.personalData {
	float:right;
	padding:5px 26px 0 0;
}


/****************************************************************************************************************
	Various formats : format1
****************************************************************************************************************/

/* popin mediatheque */
.format1{
	width: 462px;
	margin-left: -231px;
	overflow: hidden;
}

/* popin generique */
.format2{
	width: 924px;
	margin-left: -462px;
	overflow: hidden;
}

/****************************************************************************************************************
	Thanx IE =[
****************************************************************************************************************/

/* height:100% for IE6 */
* html{height:100%;} 
* body{height:100%;}
* html body #masque{
	position: absolute;
	top:expression(documentElement.scrollTop+body.scrollTop);
}