/********** COMMON **********/

#popinOverlay{
	position:fixed;
	left:0px;
	top:0px;
	display:none;
	z-index:1000;
	background:#333;
	width:100%;
	height:100%;
	
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
	opacity : 0.8;
}

/* Hack position:fixed sur IE6 */

* html #popinOverlay {
	_position: absolute;
    _top: expression( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
    _left: expression( ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' );
}

.popinContent{
	position:absolute;
	z-index:1200;
	display:none;
	background-color:#fff;
	overflow: visible;
}

.popinBG{
	position:absolute;
	display:none;
	z-index:1100;
}

#popinBG1{
	width:970px;
	height:747px;
	background:url(/FRONT/CRT_PIDF/images/common/popin/bg_popin1.gif) bottom left no-repeat;
}

.popinContent .content{
	position:relative;
}

.popinContent .content .btnFermer{
	position:absolute;
	top:5px;
	right:5px;
	color:#ad2400;
	text-decoration:none;
}

.popinContent .content .btnFermer img{
	vertical-align:text-top;
	margin-right:5px;
}

/********** POPIN STANDARD **********/

.popinStd .content{
	width:616px;
	padding:20px 7px 4px;
	background-color:#fff;
	z-index : 1000;
}

.popinStd .content .header{
	padding-left:15px;
	margin-bottom:15px;
}

.popinStd .content .btnFermer{
	top:20px;
}

.popinStd .content .inner{
	padding:3px;
	border:1px solid #ebebf4;
	background:url(/FRONT/CRT_PIDF/images/common/bg_main.gif) center center repeat;
}

/********** GUIDE > CARTE **********/

#popinGuideCarte .content{
	padding:10px;
	height: 650px !important;
}

#popinGuideCarte .content .carte{
	position:relative;
	width:772px;
	height:544px;
	background:url(/FRONT/CRT_PIDF/images/common/popin/popin_carte.jpg) top left no-repeat;
}

#popinGuideCarte .content .carte .distanceParis{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:80;
	width:170px;
	padding:10px 10px 5px 5px;
	background-color:#fff;
}

#popinGuideCarte .content .carte .distanceParis h3, #popinEspace fieldset h3{
	color:#545454;
	font-size:1em;
	margin-bottom:10px;
}

#popinGuideCarte .content .carte .distanceParis ul{
	padding-left:10px;
}

#popinGuideCarte .content .carte .distanceParis ul li{
	margin-bottom:5px;
	overflow:hidden;
	width:100%;
}

#popinGuideCarte .content .carte .distanceParis ul li img{
	vertical-align:middle;
	margin-right:5px;
	float:left;
}

#popinGuideCarte .content .carte .distanceParis ul li span{
	display:block;
	float:left;
	width:130px;
}

#popinGuideCarte .content .carte .pt{
	position:absolute;
	z-index:50;
}

#popinGuideCarte .content .carte .pt .ico{
	display:block;
	width:8px;
	height:22px;
	background:url(/FRONT/CRT_PIDF/images/common/popin/ico_pt.gif) top left no-repeat;
}

#popinGuideCarte .content .carte .pt .ico:hover{
	background-position:bottom left;
}

#popinGuideCarte .content .carte .pt .hidden{
	display:none;
}

#popinGuideCarte .content .carte .break{
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
}

#popinGuideCarte .content .carte #infoBulleCarte{
	position:absolute;
	z-index:2000;
	display:none;
}

#popinGuideCarte .content .carte #infoBulleCarte .content{
	position:relative;
	padding:15px 0 0 0;
}

#popinGuideCarte .content .carte #infoBulleCarte .content .beak{
	left:20px;
	top:0px;
	z-index:20;
	position:absolute;
}

#popinGuideCarte .content .carte #infoBulleCarte .content .inner{
	width:175px;
	padding:10px;
	z-index:10;
	background-color:#fff;
	border:1px solid #c8c8c8;
}

#popinGuideCarte .content .carte #infoBulleCarte .content h3{
	font-size:1.27em;
	color:#a7c41c;
	margin-bottom:10px;
}

#popinGuideCarte .content .carte #infoBulleCarte .content p{
	color:#676767;
	margin-bottom:10px;
}

/********** TELL A FRIEND **********/

#popinTellAFriend  .inner .footer, #popinNewsletter  .inner .footer{
	padding:5px 20px 0;
	text-align:center;
	color:#aeadad;
	font-size:0.9em;
	margin-top:10px;
	border-top:1px dotted #aeadad;
}

#popinTellAFriend .container, #popinConfirm .container, #popinAlreadyAdded .container{
	padding:15px 25px 0 85px;
}

#popinAlreadyAdded .container {
	padding-bottom:80px;
}

/*#popinTellAFriend .container .classic, #popinConfirm .container .classic{*/
#popinTellAFriend .container .classic, #popinConfirm .container .classic, #popinAlreadyAdded .container .classic{
	padding:0 5px 0 10px;
}

#popinTellAFriend .container .head, #popinConfirm .container .head{
	padding:0 0 10px 10px;
	margin-bottom:15px;
	border-bottom:1px dotted #595959;
}

#popinTellAFriend .container .head h2, #popinConfirm .container .head h2, #popinEspace .inner h2, #popinNewsletter .inner h2, #popinAlreadyAdded .inner h2{
	color:#e21350;
	font-size:1.64em;
	margin-bottom:25px;
}

#popinTellAFriend .container .head .event, #popinConfirm .container .head .event{
	overflow:hidden;
	width:100%;
}

#popinTellAFriend .container .head .event .visu, #popinConfirm .container .head .event .visu{
	float:left;
	width:84px;
	display:inline;
	margin-right:15px;
}

#popinTellAFriend .container .head .event .visu img, #popinConfirm .container .head .event .visu img{
	display:block;
	border:1px solid #e21350;
}

#popinTellAFriend .container .head .event .right, #popinConfirm .container .head .event .right{
	float:left;
	width:320px;
}

#popinTellAFriend .container .head .event .right h3, #popinConfirm .container .head .event .right h3{
	color:#e21350;
	font-size:1.27em;
	margin-bottom:3px;
}

#popinTellAFriend .container .head .event .right p.date, #popinConfirm .container .head .event .right p.date{
	font-size:0.9em;
	margin-bottom:10px;
}

#popinTellAFriend .container .classic h3{
	color:#e21350;
	font-size:1.09em;
	margin-bottom:15px;
}

#popinTellAFriend .container .classic h3.space{
	margin:25px 0 10px;
}

#popinTellAFriend .container .classic form{
	overflow:hidden;
	height:1%;
}

#popinTellAFriend .container .classic form fieldset{
	float:right;
	width:200px;
}

#popinTellAFriend .container .classic form fieldset.left{
	float:left;
	width:255px;
}

#popinTellAFriend .container .classic form fieldset label, #popinEspace form fieldset label, #popinNewsletter form fieldset .label{
	display:block;
	float:left;
	width:140px;
	color:#474747;
	font-size:1.09em;
	font-weight:bold;
	padding-top:2px;
}

#popinNewsletter form fieldset .label {
	margin-top:5px;
}

#popinTellAFriend .container .classic form fieldset .inputText, #popinEspace form fieldset .inputText, #popinNewsletter form fieldset .inputText{
	display:block;
	width:155px;
	height:15px;
	color:#000;
	float:left;
	font-size:1.09em;
	padding:2px 8px;
	margin-bottom:1px;
	border:1px solid #aeadad;
}

#popinNewsletter form fieldset .inputText{
	margin-top:5px;
}

#popinTellAFriend .container .classic form fieldset p.erreur{
	margin:5px 0;
	font-size:0.9em;
	color:#e21350;
}

#popinTellAFriend .container .classic form fieldset .emails label{
	width:47px;
}

#popinTellAFriend .container .classic form fieldset .emails .inputText{
	width:165px;
}

#popinTellAFriend .container .classic form fieldset textarea{
	padding:2px 5px;
	width:190px;
	height:120px;
	margin-bottom:10px;
	font-size:1.09em;
	border:1px solid #aeadad;
}

#popinTellAFriend .container .classic form fieldset .btnEnvoyer,
#popinEspace form fieldset .btnEnvoyer,
#popinNewsletter form fieldset .btnEnvoyer,
#popinTellAFriend .btnEnvoyer{
	clear:both;
	text-align:right;
}

#popinTellAFriend .container .classic form fieldset .btnEnvoyer input,
#popinEspace form fieldset .btnEnvoyer input,
#popinNewsletter form fieldset .btnEnvoyer input,
#popinTellAFriend .btnEnvoyer input{
	padding:3px 12px;
	font-weight:bold;
	font-size:1.09em;
	color:#fff;
	border:none;
	text-align:center;
	background-color:#e21350;
}

#popinTellAFriend .container p.champs{
	margin:30px 0 5px;
	font-size:0.9em;
	color:#474747;
}

/********** MON ESPACE **********/

#popinEspace .inner{
	padding:15px 30px 30px;
}

#popinEspace .inner form{
	overflow:hidden;
	width:100%;
}

#popinEspace .inner form fieldset{
	float:left;
	width:235px;
	padding-top:5px;
}

#popinEspace .inner form fieldset.right{
	float:right;
	width:270px;
	padding-left:15px;
	border-left:1px dotted #595959;
}

#popinEspace .inner form fieldset p{
	font-size:1.09em;
	color:#474747;
}

#popinEspace .inner form fieldset p.intro{
	font-weight:bold;
	margin-bottom:15px;
}

#popinEspace .inner form fieldset ul{
	margin-bottom:35px;
}

#popinEspace .inner form fieldset ul li{
	font-size:1.09em;
	color:#474747;
	margin-bottom:5px;
}

#popinEspace .inner form fieldset h3{
	margin:0;
}

#popinEspace .inner form fieldset p.champs{
	font-size:0.9em;
	margin-bottom:25px;
}

#popinEspace .inner form fieldset label{
	width:115px;
}

#popinEspace .inner form fieldset .inputText{
	width:135x;
	margin-bottom:3px;
}

#popinEspace .inner form fieldset .check{
	clear:both;
	margin:25px 0;
}

#popinEspace .inner form fieldset .check label{
	display:inline;
	font-weight:normal;
	color:#e21350;
	float:none;
	width:auto;
}

#popinEspace .inner form fieldset .check input{
	vertical-align:middle;
	width:13px;
	height:13px;
}

/********** NEWSLETTER **********/
#popinNewsletter {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -315px;
	margin-top: -300px;
	background-image: none;
}

#popinNewsletter .inner{
	/*background-image: none; Amine CRT 
	border: none;*/
}

#popinNewsletter .container{
	padding:15px 95px 0;
}

#popinNewsletter .container h3{
	font-size:1.27em;
	color:#000;
	margin-bottom:5px;
}

#popinNewsletter .container p{
	margin-bottom:15px;
}

#popinNewsletter .container .erreur, #popinEspace .inner form fieldset p.erreur{
	color: red !important;
}

#popinNewsletter .container form fieldset .radio{
	width:13px;
	height:13px;
	margin-bottom:5px;
	margin-top:5px;
}

#popinNewsletter .container form fieldset .labelSelect{
	width:140px;
}

#popinNewsletter .container form fieldset select{
	display:block;
	width:190px;
	float:left;
	margin-bottom:1px;
	margin-top:5px;
}

#popinNewsletter .container form fieldset h4{
	font-size:1.09em;
	color:#474747;
	margin:15px 0 10px;
}

#popinNewsletter .container form fieldset ul.interets li{
	float:left;
	width:182px;
	overflow:hidden;
	margin-bottom:7px;
}

#popinNewsletter .container form fieldset ul.interets input{
	width:13px;
	height:13px;
	float:left;
	margin-right:5px;
}

#popinNewsletter .container form fieldset ul.interets label{
	float:left;
	color:#474747;
}

/********** CONFIRMATION **********/

#popinTellAFriend .retour h3{
	font-size:1.09em;
	color:#474747;
	margin-bottom:25px;
}

#popinTellAFriend .retour ul{
	margin-bottom:20px;
}

#popinTellAFriend .retour ul li{
	margin-bottom:5px;
}

/********** POPIN FLASH FS **********/

#popinFlash{
	position:absolute;
	z-index:1200;
	display:none;
	width:754px;
	height:530px;
}

/*** rajout aboubacry 2008-10-22 **/
.couleurRose {
	color:#e21350;
}

#mon_espace_inscription_ok, #mon_espace_authentification_ok{
	color:#e21350;
	font-size: 1em;
	font-weight: bold;
}