﻿/*css beginning*/

/*div principal*/

/*center the text of the yes/no/minimize button*/

@font-face {
	src: url('../fonts/bnpp_sans_cond_v2.otf');
	font-family: 'BNP_sans_cond';
	font-style: normal;
	font-weight: 400;
}

@font-face {
	src: url('../fonts/bnpp_sans_light.otf');
	font-family: 'BNP_sans_light';
	font-style: normal;
	font-weight: 400;
}

body {
	font-family: 'BNP_sans_cond', sans-serif !important;
}

p{
	font-family: 'BNP_sans_light', sans-serif !important;
}

#repcrmmetrix1
{
	position: relative;
    height: auto;
    width: auto;
	color:#17469e;
 /*   left: 25px;
    top: 200px;*/
}

#repcrmmetrix2
{
	position: relative;
    height: auto;
    width: auto;
	color:#404040;
}

#repcrmmetrix1:link
{
	 text-decoration:underline  !important;
}
 
#repcrmmetrix1:hover
{
	 text-decoration:underline  !important;
}

#repcrmmetrix1:visited
{
	 text-decoration:underline  !important;
} 
 
#repcrmmetrix2:link
{
	 text-decoration:underline  !important;
}
 
#repcrmmetrix2:hover
{
	 text-decoration:underline  !important;
}
 
#repcrmmetrix2:visited
{
	text-decoration:underline  !important;
}
  
#crm_bouton_non span .noli, crm_bouton_rep span .noli
{
	 text-decoration:none !important;
	 /*color:#ffffff;*/
}

.divcrm h3
{
	font-weight:bold;
	font-size:10pt;
	display:block;
	margin:0;
	height: 20px;
}
#imgx
{
	position:absolute;
	top:-440px;/* JM delete TEMP*/ 
}


#crm_bodytxt
{
	margin:0;
	padding:0;
	left: 0;
	top: 0;
	width:591px;
	line-height:normal;
	font-size:1em;
	text-align:justify;
	background-color:#FFFFFF;
}

#crm_bodytxtst
{
	margin:0;
	padding:0;
	left: 0;
	top: 0;
	width:269px;
	height:357px;
	line-height:normal;
	font-size:0%;
	text-align:justify;
	background-color:#FFFFFF;
	overflow: hidden;
}

.divcrm
{
	margin:0;
	padding:0;
	border:none;
	font-size:1em;
}


/*________________________________________________________________________________________________________________________*/
/*______________________________________________________Start of popin____________________________________________________*/
/*________________________________________________________________________________________________________________________*/


#stealth_pop
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	position: absolute; /* dimension et positionnement du bloc conteneur de l'image */
	top:-440px;/*	 JM delete TEMP /*top position for exit pop*/
	height : 340px;
	width : 400px;
}

/*header*/
#crm_headercrm
{
	background:url(https://www.conference-portzamparc.event.bnpparibas/images/ec/header.png) no-repeat;
	background-color:#FFFFFF;
	background-size: 100%;
	height: 60px;
	width : 400px;
}

#crm_headercrm img
{
	position:absolute;
	top:12px;
	left:20px;
	border:none;
}

/*content*/
#crm_content
{
	background:url(https://www.conference-portzamparc.event.bnpparibas/images/ec/body.png) repeat;
	background-color:#FFFFFF;
	background-size: 100%;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	height : 217px;
	width : 400px;
	position:relative;
	text-indent:0;
	top:0;
	left:0;
}

#crm_content #crm_imgb
{
	/* l'image occupe toute la place de son bloc conteneur */
	width : 100%;
	height: 100%;
	margin:0;
	padding:0;
	background-color:white;
}

#crm_content img
{
	/* l'image occupe toute la place de son bloc conteneur */
	margin:0;
	padding:0;
	text-indent:0;
}

/*fr content*/
/*content*/

#crm_fr_content
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	position: absolute;
	width:360px;
	left:20px;
	top:5px;
	height: 156px;
}

#crm_fr_title
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#595667;
	margin:0;
	padding:0;
	position: relative;
	left:0px;
	top:10px;
}

#crm_fr_texte
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#595667;
	margin:0;
	padding:0;
	position: absolute;
	line-height:11pt;
	text-align:left;
	font-weight:normal;
	left:0px;
	top:38px;
	width: 360px;
	height: 88px;
}

/*all*/
#crm_fr_sign
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#595667;
	margin:0;
	padding:0;
	position: absolute;
	left:0px;
	top:134px;
}

/*button fr*/
#crm_bouton_rep
{
	font-family:Arial;
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	height : 22px;
	width : 360px;
	position:absolute;
	top:163px;
	left:20px;
	text-align:center;
}

#crm_bouton_rep img
{
	/* l'image occupe toute la place de son bloc conteneur */
	width : 100%;
	height: 100%;
	border: 0;
	background-color:white;
}

#crm_bouton_rep span
{
	/* l'image occupe toute la place de son bloc conteneur */
	font-family: Arial;
	font-size:9pt;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	/*position:absolute;
	top:10px;
	left:43px;*//*left position for the yes button text*/
}

/*button big*/
#crm_bouton_non
{
	font-family:Arial;
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	height : 22px;
	width : 360px;
	position:absolute;
	top:193px;
	left:20px;
	text-align:center;
}

#crm_bouton_non img
{
	/* l'image occupe toute la place de son bloc conteneur */
	width : 100%;
	height: 100%;
	border: 0;
	background-color:white;
}

#crm_bouton_non span
{
/* l'image occupe toute la place de son bloc conteneur */
	font-family: Arial;
	font-size:9pt;
	font-weight:bold;
	color:#FFFFFF;
	/*position:absolute;*/
	text-align:center;
	/*top:10px;
	left:47px;*//*left position for the no button text*/
}

/*footer*/
#crm_footercrm
{
	background:url(https://www.conference-portzamparc.event.bnpparibas/images/ec/footer.png) no-repeat;
	background-color:#FFFFFF;
	height:62px;
	width :400px;
	padding:0;
	margin:0;
	font-size:0%;
}

#crm_footercrm span
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:7pt;
	font-weight:normal;
	color:#595667;
	position:absolute;
	width:377px;
	top:280px;
	left:10px;
	text-align:center;
}

#crm_footercrm img
{ 
	position:absolute;
	top:290px;
	left:322px;
	border:none;
}

/*________________________________________________________________________________________________________________________*/
/*______________________________________________________end of popin______________________________________________________*/
/*________________________________________________________________________________________________________________________*/


/*________________________________________________________________________________________________________________________*/
/*______________________________________________________Start of stealth___________________________________________________*/
/*________________________________________________________________________________________________________________________*/

#stealth
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	position: absolute; /* dimension et positionnement du bloc conteneur de l'image */
	top:0px;/*top position for exit pop*/
	height : 300px;
	width : 400px;
}

#crm_img.stl {
	width: 200%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}


#crm_stl_content {
	
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	position: absolute;
	/*height:165px;*/
	width:204px;
	left:30px; 
	top:42px;
}

#crm_stealth {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	position: absolute; /* dimension et positionnement du bloc conteneur de l'image */
	/*left: 10em;
	top: 5em;*/
	height : 90px;
	width : 290px;
	left: 24px;
	top: 12px;
}



/*Stelth content*/
#crm_contentstlt {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	/*position: absolute; /* dimension et positionnement du bloc conteneur de l'image */
	/*left: 10em;
	top: 5em;*/
	height : 120px;
	width : 325px;
	position:relative;
	text-indent:0;
	top:0;
	left:0;
}


#crm_contentstlt #crm_imgb {
	/* l'image occupe toute la place de son bloc conteneur */
	width : 100%;
	height: 100%;
	margin:0;
	padding:0;
}

#crm_contentstlt img {
/* l'image occupe toute la place de son bloc conteneur */
	margin:0;
	padding:0;
	text-indent:0;
}

#crm_contentstlt img.imgfrbis{
	/* l'image occupe toute la place de son bloc conteneur */
	margin:0;
	padding:0;
	text-indent:0;
	position:absolute;
	left:30px;
	top:3px;
}

#crm_contentstlt img.imgukbis{
	/* l'image occupe toute la place de son bloc conteneur */
	margin:0;
	padding:0;
	text-indent:0;
	position:absolute;
	left:30px;
	top:3px;
}

#crm_stl_title {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#595667;
	margin:0;
	padding:0;
	position: relative;
	left:0; 
	top:0;
}

#crm_stl_texte {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#595667;
	margin:0;
	padding:0;
	position: absolute;
	line-height:1.1em;
	text-align:justify;
	font-weight:normal;
	left:-4px;
	top:158px;
	width: 216px;
	height: 72px;
}

#crm_stl_texte_fr {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#595667;
	margin:0;
	padding:0;
	position: absolute;
	line-height:1.1em;
	text-align:justify;
	font-weight:normal;
	left:-4px;
	top:61px;
	width: 216px;
	height: 72px;
}


#crm_bouton_stl {
	font-family:Arial;
	margin:0;
	padding:0;
	/*position: absolute; /* dimension et positionnement du bloc conteneur de l'image */
	/*left: 10em;
	top: 5em;*/
	height : 38px;
	width : 207px;
	position:absolute;
	top:279px;
	left:23px;
}

#crm_bouton_stl img {
	/* l'image occupe toute la place de son bloc conteneur */
	width : 100%;
	height: 100%;
	border: 0;
}

#crm_bouton_stl span {
	/* l'image occupe toute la place de son bloc conteneur */
	font-family:Arial;
	font-size:0.9em;
	font-weight:bold;
	color:#FFFFFF;
	position:absolute;
	top:12px;
	left:47px;
	width: 143px;
}


/*________________________________________________________________________________________________________________________*/
/*_______________________________________________________end of stealth___________________________________________________*/
/*________________________________________________________________________________________________________________________*/

/*css ending*/
