/*
    Document   : base
    Created on : 7 juin 2011, 09:23:33
    Author     : damien
    Description:
        Script CSS de base initialisé avant tous les autres afin que les class puissent etre
		surchargés / modifiés par les scripts CSS qui sont appelés après
*/
.ui-dialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
	z-index: 1000 !important;
}

.bloc-50 {
    float:left;
    width:50%;
}

.padding {
    padding:10px;
}

.indent {
    padding-left:20px;
}

#menu_horiz_extend, #infoPage_extend, #contenu, #contentBandeauSup{
	position:relative;
}
#header{
	z-index: 10;
}
#contenu{
	z-index:5;
}
div#content div#contentText {
    padding-top:25px;
}
#infoPage table{
    height:100%;
    position:relative;
    z-index: 6;
}
#zoneAccesBandeau{
	top:0px;
	right:0px;
}
#panelChangeTheme{
	position:absolute;
	float:left;
	top:0;
	left:0;
	height:24px;
	background: url(../images/panelChangeTheme.png) bottom right;
	padding:3px 10px 0 2px;
	z-index:600;
}
.panelChangeThemeBox{
	float:left;
	background-image: url(../images/panelChangeThemeBox.png);
	width:14px;
	height:14px;
	margin:0px 1px;
	cursor: pointer;
}

.clear_slide{
	background:none;
}
.zoneModule{
	display:inline-block;
}

#visuelInsertWidget .zoneModule{
	visibility: visible;
}

.article-image {
    margin : 1em;
}
.article-image-right {
    float:right;
    margin-left:25px;
}
.article-image-left {
    float:left;
    margin-right:25px;
}

/**********************************************************
STyle des bloc sans bordure
*****************************************************************/
.blocTopLeft.isZone,
.blocTopRight.isZone,
.blocBottomLeft.isZone,
.blocBottomRight.isZone,
.blocBottom.isZone,
.blocTop.isZone,
.blocLeft.isZone,
.blocRight.isZone{display:none;width:0px;height:0px;background: none;float:left;}
.blocCenter.isZone{background:none;float:left;}

/*******************************************************
	Style des nouveautés en liste
********************************************************/
.divNouvListe{
	text-align:center;
}


/********************************************************
	Style des nouveautés en slide
********************************************************/
.divNouvDefil .ulNouvDefil,.divNouvDefil .ulNouvDefil li{padding:0px;margin:0px;}
.divNouvDefil .ulNouvDefil li{display:block;position:static;}
.divNouvDefil .zonePagerNouvDefil{float:left;margin-left:1px;}
/* class du conteneur */
	.divNouvDefil {float:left;}
/* class de la vignette */
	.divNouvDefil .imgNouvDefil {float:right;text-align: right;padding:5px;}
/* class du texte */
	.divNouvDefil .txtNouvDefil {padding:5px;}
/* class des selecteurs */
	.divNouvDefil .pager-link {display:block;margin:1px 0px;padding:0px 5px;font-weight:bold;}
	.divNouvDefil .pager-link:hover{}
/* class des selecteurs actifs */
	.divNouvDefil .pager-active {}
	.divNouvDefil .pager-active:hover {}

/********************************************************
	Style du nouveau info classique en colonne
********************************************************/

div.container_title {
    background-color: rgba(0,0,0,0.5);
    padding : 2px 0px 4px 0px;
}
div.container_title div.content_title_img {
    color: #fff;
    margin : 0px 4px 0px 4px;
    text-align : justify;
}
img.actu_fleche_titre{display: none;}

/********************************************************
	Style des dernieres petites annonces defilantes
********************************************************/
.divAnnoncesDefil{padding-top:5px;margin:auto;}
.ulAnnoncesDefil, .ulAnnoncesDefil li{padding:0px;margin:0px;}
.ulAnnoncesDefil li{display:block;}
.prixAnnoncesDefil {float:left;}
.labelPrixAnnoncesDefil {font-weight:bold;}
.imgAnnoncesDefil {float:left;height:70px;width:70px;text-align: center;overflow:hidden;margin:4px;background:red;}
.titleAnnoncesDefil{font-weight:bold;}

.ui-state-valide{
	border: 1px solid #278535; background: #DDFFE2; color: #1F642A;


}
.cboxPopup{}

.affHistoPage{
	text-align:right;
	padding-right:15px;
	font-size: 7pt;
}

#zonePictoPage{
	float:left;
	margin-left:5px;
}
div#infoPage #zonePictoPage a img{
	border:none;
	margin:0 2px;
}

#panelRightFixeCenter img{
	border:none;
	margin:2px;
}

.commentIntegre{
	border:none;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	background: url(../inclusions/jquery/css/images/black_0.5.png);
	color:#FFFFFF;
}

/***************
	Style du bouton slicing meyclub
****************/
/*.slicingFond{
	width:244px;
	height:194px;
	padding:10px;
	background: url('btnMeyclub/fond_btn_meyclub.png') no-repeat;
	 for child absolute position
	position:relative;
}*/
.slicingFond .qitem {
	width:244px;
	height:194px;
	/* required to hide the image after resized */
	overflow:hidden;

	/* for child absolute position */
	position:relative;

	/* display div in line */
	float:left;
}
.slicingFond .qitemContent {
	width:244px;
	height:194px;
	background: url('btnMeyclub/btn_meyclub_down2.png') no-repeat;


	/* required to hide the image after resized */
	overflow:hidden;

	/* for child absolute position */
	position:relative;

	cursor:hand; cursor:pointer;

	display: none;
}

	.slicingFond .qitem img {
		border:0;

		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.slicingFond .qitem .caption {
		position:absolute;
		z-index:0;
		color:#ccc;
		display:block;
		top:112px;
		left:97px;
	}

		.slicingFond .qitem .caption h4 {
			font-size:18px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#007bc8;
			font-weight:bold;
			text-align:center;
			font-style:italic;
		}

		.slicingFond .qitem .caption p {
			font-size:10px;
			padding:3px 5px 0 8px;
			margin:0;
		}



/* Setting for corners */

.slicingFond .topLeft, .slicingFond .topRight, .slicingFond .bottomLeft, .slicingFond .bottomRight {
	position:absolute;
	float:left;
}

.slicingFond .topLeft .move{
	width:100%;
	height:100%;
	background-position: top left;
}

.slicingFond .topRight .move{
	width:100%;
	height:100%;
	background-position: top right;
}

.slicingFond .bottomLeft .move{
	width:100%;
	height:100%;
	background-position: bottom left;
}

.slicingFond .bottomRight .move{
	width:100%;
	height:100%;
	background-position: bottom right;
}




/***************************************************************************/
.slicingFond .bande {
	position:absolute;
	float:left;
}

.slicingFond .move{
	width:100%;
	height:100%;
}



/********************************************************************************/
/*****   Style du dock a droite ****************/
/********************************************************************************/
.barreLatPanel{
		position: fixed;
		right:0px;
		z-index: 1000;
		width:270px;
		margin-right:-230px;
	}
.barreLatLink{
	display: block;
	float:left;
	width: 40px;
}
.barreLatLink ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.barreLatLink ul li{
	padding: 0;
	margin: 0;
	display:block;
}
.barreLatLink ul li a{
	width: 40px;
	height: 40px;
	display: block;
	float:left;
	margin-bottom: 2px;
	border:none;
}
.barreLatLink ul li a img{
	border : none;
}
.barreLatContent{
	float:right;
	border-left:solid 10px #FFFFFF;
	width: 220px;
	background:#FFFFFF;
	overflow: hidden;

}
.barreLatContenu{
	margin:10px;
	height:400px;
}


/********************************************************************************/
/*****   Style du slider horisontale ****************/
/********************************************************************************/
.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0;background:#fff;}
.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
.easy-accordion dt,.easy-accordion dd{position:absolute}

.easy-accordion dt{
	margin-bottom:0;margin-left:0;z-index:5;
	/* Standar w3c */ transform:rotate(-90deg);
	/* Safari */ -webkit-transform:rotate(-90deg);
	/* Firefox */ -moz-transform:rotate(-90deg);-moz-transform-origin: 20px 0px;
	/* opera */ /*-o-transform:rotate(-90deg);-o-transform-origin: 0px 0px;  */
	-o-transform: translateX(-100%) rotate(-90deg);
	-o-transform-origin: 100% 0%;
	/* Internet Explorer 7- */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	/* Internet Explorer 8+ */-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	cursor:pointer;height:46px;line-height:44px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-weight:bold;text-transform:uppercase;letter-spacing:1px;background-color:#fff;color:#444;
	background-image:linear-gradient(left,#CFCFCF, #FFFFFF); /* Norme W3C */
	background-image:-moz-linear-gradient(left,#CFCFCF, #FFFFFF); /* Firefox */
	background-image:-webkit-linear-gradient(left, #CFCFCF, #FFFFFF); /* Chrome, Safari */
	background-image:-o-linear-gradient(left,#CFCFCF, #FFFFFF); /* Opera */
	background-image:-ms-linear-gradient(left,#CFCFCF, #FFFFFF); /* IE */}
.easy-accordion dt.active{cursor:pointer;color:#FFF;background-color:#c2c2c2;border-color:#444;
	background-image:linear-gradient(left,#666666, #c2c2c2); /* Norme W3C */
	background-image:-moz-linear-gradient(left,#666666, #c2c2c2); /* Firefox */
	background-image:-webkit-gradient(linear,left top, right top, #666666, #c2c2c2); /* Chrome, Safari */
	background-image:-o-linear-gradient(left,#666666, #c2c2c2); /* Opera */
	background-image:-ms-linear-gradient(left,#666666, #c2c2c2); /* IE */
}
.easy-accordion dt.active.cadre{
	-moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0;
}
.easy-accordion dt.hover{color:#777;}
.easy-accordion dt.active.hover{color:#444}

.easy-accordion dd{z-index:1;opacity:0;overflow:hidden;background:#FFFFFF;}
.easy-accordion dd.cadre{-moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0;	border-left:0;}
.easy-accordion dd.active{opacity:1;}
.easy-accordion dd.no-more-active{z-index:2;opacity:1}
.easy-accordion dd.active{z-index:3}
.easy-accordion dd.plus{z-index:4}
.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;
	/* Standar w3c */ transform: rotate(90deg);
	/* Safari */ -webkit-transform: rotate(90deg);
	/* Firefox */ -moz-transform: rotate(90deg);
	/* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	/* Internet Explorer 8+ */-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	color:#444;left:10px;font-weight:bold}

.easy-accordion dd .commentIntegre {text-align:left;}
.easy-accordion dd .commentIntegre div {padding:15px;}
.easy-accordion dd .commentIntegre div h1 {margin-top:0px;}
.easy-accordion .active .slide-number{color:#FFF;}
.easy-accordion dd img{float:right;margin:0 0 0 30px;}
.easy-accordion dd .commentIntegre h1 {color:#FFF}
.easy-accordion .more{padding-top:10px;display:block}

/* -------------- NEW SLIDER HORIZ ------------------------*/
.divNouvDefil.proweb .slide > h2{color:#555555;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:10pt;overflow-y:hidden;}
.divNouvDefil.proweb .slide > h2 span{background-image:linear-gradient(left,#BDBDBD, #FFFFFF);background-image:-moz-linear-gradient(left,#BDBDBD, #FFFFFF);background-image:-webkit-gradient(linear,left top, right top, from(#BDBDBD), to(#FFFFFF));background-image:-webkit-linear-gradient(left,#BDBDBD, #FFFFFF);background-image:-o-linear-gradient(left,#BDBDBD, #FFFFFF);background-image:-ms-linear-gradient(left,#BDBDBD, #FFFFFF);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD',endColorstr='#FFFFFF', GradientType=1)}
.divNouvDefil.proweb .slide > h2 span:hover{color:#777777;}
.divNouvDefil.proweb .slide > h2.selected{color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:10pt;}
.divNouvDefil.proweb .slide > h2.selected span{background-image:linear-gradient(left,#676767, #BDBDBD);background-image:-moz-linear-gradient(left,#676767, #BDBDBD);background-image:-webkit-gradient(linear,left top, right top, #676767, #BDBDBD);background-image:-o-linear-gradient(left,#676767, #BDBDBD);background-image:-ms-linear-gradient(left,#676767, #BDBDBD);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767',endColorstr='#BDBDBD', GradientType=1)}
.divNouvDefil.proweb .slide > h2.selected span:hover{color:#777777;}
.divNouvDefil.proweb .slide .myContentIntegre a,.divNouvDefil.proweb .slide .myContentIntegre h1{font-weight:bold;font-style:italic;text-decoration:none;}

.divLinkHautPage{text-align:center;}
.spanArticleLinkHautPage{float:right;}

a img{border:none;}


/*--  CSS Webmaster  --*/
/* ---------------------------- Billetterie ------------------------------- */
/* ------ Bloc Entier ------- */
.blocBilletterie{margin-top: 10px;padding-top: 5px;width: 100%;float: left;}
table.blocBilletterie tbody tr th{text-align:left;padding-bottom: 4px;}

.blocBilletterie img.PercTaille{float: left;margin-left: 0px;margin-right: 10px;width: 48%;}
*+html .blocBilletterie img.PercTaille{width:450px;}
.blocBilletterie h3{margin: 0px;}
p.espaceDashed{clear: both;line-height: 5px;}
/* ------ Demi Bloc ------- */
.demiBlocBilletterie{margin-top: 10px;padding-top: 5px;width: 50%; float: left;}
table.demiBlocBilletterie tbody tr th{text-align:left;padding-bottom: 4px;}

.demiBlocBilletterie img.PercTaille{float: left;margin-left: 5px;margin-right: 10px;width: 45%;}
*+html .demiBlocBilletterie img.PercTaille{width:210px;}
.demiBlocBilletterie h3{margin: 0px;}
/* ------ Bloc d'un Tiers ------- */
.tiersBlocBilletterie{margin-top: 10px;padding-top: 5px;width: 31%;float: left;margin-left: 1%;margin-right: 1%;cellpadding: 0px;cellspacing: 0px;}
table.tiersBlocBilletterie tbody tr th{text-align:left;padding-bottom: 4px;}
.tiersBlocBilletterie img.PercTaille{width: 100%;}
*+html .tiersBlocBilletterie img.PercTaille{width:270px;display:block;margin:auto;}
.tiersBlocBilletterie h3{margin: 0px; padding-bottom: 4px;}
/* ------ Bloc de 2 Tiers ------- */
.deuxTiersBlocBilletterie{margin-top: 10px;padding-top: 5px;width: 64%;float: left;margin-left: 1%;margin-right: 1%;cellpadding: 0px;cellspacing: 0px;}
table.deuxTiersBlocBilletterie tbody tr th{text-align:left;padding-bottom: 4px;}
.deuxTiersBlocBilletterie img.PercTaille{width: 100%;}
*+html .deuxTiersBlocBilletterie img.PercTaille{width:590px;display:block;margin:auto;}
.deuxTiersBlocBilletterie h3{margin: 0px; padding-bottom: 4px;}
/* ---- Boutons ---- */
/* ---- Rond ---- */
a.boutonRond:link, a.boutonRond:visited, a.boutonRond:active, a.boutonRond {padding: 5px;text-decoration: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
a.boutonRond:hover {padding: 5px;text-decoration: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
/* ---- Rectangulaire ---- */
a.boutonRect:link, a.boutonRect:visited, a.boutonRect:active, a.boutonRect {padding: 5px;text-decoration: none;}
a.boutonRect:hover {padding: 5px;text-decoration: none;}
/* ---- Boutons Dégradé ---- */
a.boutonDegrade:link, a.boutonDegrade:visited, a.boutonDegrade:active, a.boutonDegrade {padding: 5px;text-decoration: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
a.boutonDegrade:hover {padding: 5px;text-decoration: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}


/* ---- BARRE UTILISATEURS ---- */
#myBarrePerso, .myBarrePerso{width:100%;height:30px;background: #000000;position:relative;z-index:800;}
#myBarrePersoContent{width:1005px;height:30px;margin:auto;}
#myBarrePersoContentLeft, #myBarrePersoContentRight{list-style: none;margin: 0;padding: 0;}
#myBarrePersoContentRight{ float:right;}
#myBarrePersoContentLeft > li, #myBarrePersoContentRight > li {float:left;display:block;line-height: 30px;height:30px;}

.myBarrePersoText{padding: 0 5px;font-size: 11pt;font-weight: bold; color: #FFFFFF;text-shadow: 1px 1px 2px #333;background: url(../images/barreWidget/fondNom.png);}
.myBarrePersoText a.myBarrePersoLink:link{font-size: 12pt;font-weight: bold; color: #FFFFFF;text-shadow: 1px 1px 2px #333;}
.myBarrePersoText a.myBarrePersoLink:hover{text-shadow:none;}
.myBarrePersoDeco{background: url(../images/barreWidget/fondDeco.png);}

.barreLatDockContenter{position:relative;zoom:1;}
.barreLatDockContenter.selected{background-color:#FFFFFF;}
.barreLatDockContenterPicto{cursor:pointer;display: block;height:30px;width:0px;padding-left:30px;overflow: hidden;background-repeat: no-repeat;font-size: 12pt;font-weight: bold; color: #FFFFFF;text-shadow: 1px 1px 2px #333;}
.barreLatDockContenterPicto.deconnectionPicto{background-image:url(../images/barreWidget/deconnection_over.png);}
.barreLatDockContenterPicto.panierPicto{background-image:url(../images/barreWidget/panier_over.png);}
.barreLatDockContenterPicto.moncomptePicto{background-image:url(../images/barreWidget/moncompte_over.png);}
.barreLatDockContenterPicto.sociauxPicto{background-image:url(../images/barreWidget/sociaux_over.png);}
.barreLatDockContenterPicto.agendaPicto{background-image:url(../images/barreWidget/agenda_over.png);}
.barreLatDockContenterPicto.infoPicto{background-image:url(../images/barreWidget/info_over.png);}
.barreLatDockContenterPicto.chequecadeauPicto{background-image:url(../images/barreWidget/chequecadeau_over.png);position:relative;}
.barreLatDockContenterPicto.subventionPicto{background-image:url(../images/barreWidget/subvention_over.png);position:relative;}
.barreLatDockContenterPicto.MeyclubPicto{background-image:url(../images/barreWidget/Meyclub_over.png);width:132px;height:30px;}
.barreLatDockContenter .rondInfo{position:absolute;top:0px;right:0px;background-image:url(../images/barreWidget/rond.png);width:14px;height:14px;font-size: 10px;text-align: center;line-height: 12px;color: #FFFFFF;font-weight: bold;}
.barreLatDockContenter.selected .barreLatDockContenterPicto.deconnectionPicto{background-image:url(../images/barreWidget/deconnection.png);}
.barreLatDockContenter.selected .barreLatDockContenterPicto.panierPicto{background-image:url(../images/barreWidget/panier.png);}
.barreLatDockContenter.selected .barreLatDockContenterPicto.moncomptePicto{background-image:url(../images/barreWidget/moncompte.png);}
.barreLatDockContenter.selected .barreLatDockContenterPicto.sociauxPicto{background-image:url(../images/barreWidget/sociaux.png);}
.barreLatDockContenter.selected .barreLatDockContenterPicto.agendaPicto{background-image:url(../images/barreWidget/agenda.png);}
.barreLatDockContenter.selected .barreLatDockContenterPicto.infoPicto{background-image:url(../images/barreWidget/info.png);}
.barreLatDockContenter.selected .barreLatDockContenterPicto.chequecadeauPicto{background-image:url(../images/barreWidget/chequecadeau.png);}
.barreLatDockContenter.selected .barreLatDockContenterPicto.subventionPicto{background-image:url(../images/barreWidget/subvention.png);}
.barreLatDockContenter.selected .barreLatDockContenterPicto.MeyclubPicto{background-image:url(../images/barreWidget/Meyclub.png);}
.barreLatDockContent {position:absolute;visibility:hidden;top:30px;left:-1px;border:solid 1px #000000;border-top:none;background: #FFF;z-index:900;width:220px;}
.barreLatDockContent {padding:5px;line-height:15px;}
.barreLatDockContent h2 {line-height: 30px;margin: 0 0 20px 0;}

.formRechBloc #motclefDock{background: none;border:none;margin: 7px 0 0 7px;color:#838383;}
.formRechBloc #btnRechDock {float:right;}

.rouge{
	background-color: red;
	color: #FFFFFF;
}
.btnJq{
	width:16px;
	height:16px;
}
*+html .ui-icon.btnJq{
	text-indent: 0px;
}
img.ui-icon {
  height: 16px;
  width: 16px;
  position: relative;
  display: inline;
}

.gmapCluster{
    color:#FFF;
    text-align:center;
    font-family:'Arial,Helvetica';
    font-size:11px;
    font-weight:bold;
}

.gmapCluster-1{
    background-image:url(../images/gmapGroup1.png);
    line-height:53px;
    width:53px;
    height:52px;
}

.gmapCluster-2{
    background-image:url(../images/gmapGroup2.png);
    line-height:53px;
    width:56px;
    height:55px;
}

.gmapCluster-3{
    background-image:url(../images/gmapGroup3.png);
    line-height:66px;
    width:66px;
    height:65px;
}

/* ***** nouveau paginateur  ***** */
.page_navig_new {
	font-size: 8pt;
	font-weight: bold;
	line-height:15px;
	/*clear:both;*/
}
.page_navig_new li{
	display:block;
	float:left;
	liste-style:none;
}
.page_navig_new .navPage{
	margin-top:6px;
}
.page_navig_new .pointPage{
	display:block;
	margin-top:6px;

}
.page_navig_new .numPage{
	min-width:16px;
	padding:6px 6px;
	border-width:1px;

}
.page_navig_new a.numPage:hover {

}
.page_navig_new a:hover .ui-icon, .page_navig_new .numPage.ui-state-active{
	background-color:#FFFFFF;
	color:#000000;
}
/* *********************************** */


.actuDefilante ul, .actuDefilante li {
    list-style: none;
}

p.preventdefault {
    margin:0px;
    padding: 0px;
}


/******************************************************/
/**  Pub Meyclub HomePage **/
/******************************************************/
.MeyclubHpConteneur .MeyclubHpZoneImg {
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}
.MeyclubHpConteneur .MeyclubHpZoneTitle {
    margin-top: 0px;
    margin-bottom: 5px;
    padding-top: 0px;
    font-size: 11pt;
}
.MeyclubHpConteneur .MeyclubHpZoneTexte {

}
.MeyclubHpLi {
    /*background: #C2C2C2;*/
    position:relative;
    text-overflow: ellipsis;
    overflow: hidden;
}
.MeyclubHpConteneur .MeyclubHpZoneVoir {
    float:right;
    text-align:right;
    margin: 10px 5px 0px 0px;
}
.MeyclubHpConteneur .bx-pager {
    position:absolute;
    height:10px;
    bottom: -13px;
    left:2px;
}
.MeyclubHpConteneur .bx-pager a {
    display:block;
    float: left;
    text-indent: -99999px;
    background-image: url('../images/gray_pager_min.png');
    background-position: bottom center;
    width:10px;
    height:10px;
    padding:0px;
    margin: 0px 2px;
}

.MeyclubHpConteneur .bx-pager a.pager-active,
.MeyclubHpConteneur .bx-pager a:hover {
    background-position: top center;
}

#anniversaireDuJourMessage.messageAnniversaire{
	text-align: center;
}

#anniversaireDuJourListe.listeAnniversaire{
	margin-top:5px;
	margin-bottom:5px;
	list-style-type: none;
}

#cookiesInfoBox {
    position: fixed;
    top: 10px;
    right : 10px;
    border-style:solid;
    border-width:1px;
    border-color:#888888;
    color: #666666;
    background:#f5f5f5;
    z-index:9999;
    width: 170px;
    opacity:0.95;
}

#cookiesInfoBox .cookiesInfoBoxClose {
    float:right;
    padding: 10px 5px 5px 15px;
}

#cookiesInfoBox .cookiesInfoBoxClose a {
    text-decoration:none;
    display:block;
    font-size: 12px;
    line-height: 18px;
    width: 18px;
    height: 18px;
    text-align: center;
    cursor:pointer;
    color: #FFFFFF;
    background:#666666;
}

#cookiesInfoBox .cookiesInfoBoxClose a:hover {
    opacity:0.5;
}


#cookiesInfoBox p {
    /*text-align:justify;*/
    margin:0;
    padding:10px;
}

#cookiesInfoBox p a {
    color:#333333;
}
#cookiesInfoBox p a:hover {
    color:#666666;
}

/*********************************************************
 * Style des FAQ/Suggestion
 *********************************************************/
.gpSuggTitre {
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gpSuggSelect {
    width: 90%;
}



#loadingOverlay {
   background: url('../images/barreWidget/fondDeco.png');
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 900;
}

#loadingOverlayImg {
    width:250px;
    height:250px;
    background:url("../images/load.gif") no-repeat center center;
}


#loadingOverlayZone {
    width:250px;
    padding:30px;
    background-color: #FFFFFF;
    border: solid 1px #000;
    margin:auto;
    margin-top:200px;
    text-align: center;
}

.btnGestion,
a.btnGestion,
a.btnGestion:active,
a.btnGestion:visited,
a.btnGestion:link {
    font-weight:bold;
    padding:6px 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #c2c2c2;
    color: #333;
    background: #eeeeee;
    display: inline-block;
    *zoom:1;
    *display:inline;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
	white-space: nowrap;
}

.btnGestion:hover,
a.btnGestion:hover {
    border-color: #aaaaaa;
    color: #333;
    background: #dddddd;
    text-decoration: none;
}

.pwb-glyphs.disabled,
.btnGestion.disabled,
a.btnGestion.disabled {
    border-color: #d2d2d2 !important;
    color: #c2c2c2 !important;
    background: #eeeeee !important;
    cursor: not-allowed !important;
}

.pwb-glyphs.disabled {
    background: none !important;
}

.pwb-glyphs:disabled,
.btnGestion:disabled,
a.btnGestion:disabled {
    border-color: #d2d2d2 !important;
    color: #c2c2c2 !important;
    background: #eeeeee !important;
    cursor: not-allowed !important;
}

.pwb-glyphs:disabled {
    background: none !important;
}

.pwb-glyphs.disabled:hover,
.btnGestion.disabled:hover,
a.btnGestion.disabled:hover {
    border-color: #d2d2d2 !important;
    color: #c2c2c2 !important;
    background: #eeeeee !important;
    cursor: not-allowed !important;
    text-decoration: none;
}
.pwb-glyphs.disabled:hover {
    background: none !important;
}

.pwb-glyphs:disabled:hover,
.btnGestion:disabled:hover,
a.btnGestion:disabled:hover {
    border-color: #d2d2d2 !important;
    color: #c2c2c2 !important;
    background: #eeeeee !important;
    cursor: not-allowed !important;
    text-decoration: none;
}
.pwb-glyphs:disabled:hover {
    background: none !important;
}
.pwb-circle {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 2px;
    border-radius: 10px;
    text-align: center;
    line-height: 16px;
    vertical-align: middle;
    font-size: 13px;
}
.pwb-circle.big {
    width: 40px;
    height: 40px;
    border-radius: 30px;
    line-height: 40px;
    font-size: 20px;
}

.pwb-circle.small {
	width: 12px;
	height: 12px;
	border-radius: 10px;
	line-height: 12px;
	font-size: 9px;
}
.pwb-circle + .pwb-circle {
    margin-left: 5px;
}

.pwb-circle.disabled {
    border-color: #d2d2d2 !important;
    color: #c2c2c2 !important;
    background: #eeeeee !important;
}

.pwb-badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px;
}

.pwb-badge.small {
	padding: 2px 3px;
	font-size: 10px;
}

.push-left {
    float:left;
}
.push-right {
    float:right;
}

/***********************************************************
	input avec boutons + et -
***********************************************************/
.input-plus-moins {
	position:relative;
	height: 26px;
	width: 63px;
}

.input-plus-moins > input {
	text-align: center;
	border: 1px solid #696969 !important;
	bottom: 0;
	height: 26px !important;
	width: 42px !important;
	padding: 0 2px !important;
}

.input-plus-moins > input:focus {
	box-shadow: none !important;
}

.input-plus-moins > div {
	border-right: 1px solid #696969;
	position: absolute;
	cursor: pointer;
	height: 13px;
	width: 22px;
	right: 0;
	text-align: center;
	font-size: 8px;
	line-height: 1.3;
}

.input-plus-moins > div:first-of-type {
	border-top-right-radius: 2px;
	border-top: 1px solid #696969;
	border-bottom: 1px solid #696969;
	top: 0;
}

.input-plus-moins > div:last-of-type {
	border-bottom-right-radius: 2px;
	border-bottom: 1px solid #696969;
	bottom: 0;
}

/********************************
	Normalisation CSS Responsive
*********************************/
#contenu, #content {
    max-width: 1005px;
    width: auto !important;
}

.body-rwd {
	min-width: 319px;
}

.body-rwd .ui-datepicker {
	width: 20em;
	margin-top: -31px;
}

.twbs-content .formContenu {
	margin: 0 15px;
}

/**** Listes ****/
.pwb-block-list {
	margin: 10px 0px 10px 0px;
}

.pwb-block-list-head {
	font-weight: bold;
	margin: 12px 0px 5px 0px;
}

.pwb-block-list-content {
	list-style: none;
	background-color: #f1f1f1;
	box-sizing: border-box;
	padding: 20px 16px 8px 16px;
	margin: 0px 0px 0px 0px;
	color: black;
}

.pwb-block-list-content:empty {
	display: none;
}

.pwb-block-list-content .pwb-block-list-content-line {
	line-height: 22px;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 9px 7px 7px 7px;
	margin: 0px 0px 12px 0px;
}

.pwb-block-list-content-block {
	position: relative;
	border: 10px solid #F2F2F2;
	padding: 10px;
}

.pwb-block-list-content-block {
	background-color: #FFFFFF;
}

.pwb-block-list-content:after,
.pwb-block-list-content .pwb-block-list-content-line:after {
	content: '';
	height: 0;
	display: block;
	overflow: hidden;
	clear: both;
}

li.pwb-block-list-content-line .pwb-block-list-content-line-btn {
	float: right;
	display: inline-block;
	width: 22px;
	height: 22px;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	box-sizing: border-box;
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 0px;
	background: none;
	border: 0;
}

li .pwb-block-list-content-line-btn:hover,
li .pwb-block-list-content-line-btn:link,
li .pwb-block-list-content-line-btn:focus {
	text-decoration: none;
}

li.pwb-block-list-content-line .pwb-block-list-content-line-btn.pwb-block-list-content-line-btn-delete:hover {
	color: #ff0c29;
}

a.pwb-block-list-content-line-btn > span {
	line-height: 22px;
}

.pwb-block-list-content-line-icon {
	padding: 0px 9px 0px 0px;
}

#zoneLoadweb_doss_attrib .pwb-block-list-content-line-icon:hover {
	cursor: pointer;
}

.pwb-block-list-content-line .pwb-block-question .fake-radio {
	line-height: normal;
}

.pwb-block-list-content-line-name {
	margin-bottom: 0px;
}

.pwb-block-list-footer {
	list-style: none;
	box-sizing: border-box;
	padding: 8px 16px 8px 16px;
	margin: 0px 0px 0px 0px;
	color: black;
}

.pwb-block-list-footer .pwb-block-list-footer-line {
	line-height: 22px;
	box-sizing: border-box;
	padding: 4px 7px 4px 7px;
	margin: 0px;
}

.pwb-block-list-footer:after,
.pwb-block-list-footer .pwb-block-list-footer-line:after {
	content: '';
	height: 0;
	display: block;
	overflow: hidden;
	clear: both;
}

.pwb-block-list-label {
	font-weight: 600;
	font-style: normal;
}

.pwb-block-list-price,
.pwb-block-list-value {
	float: right;
	text-align: right;
}

.highlight {
	font-weight: bold;
}

@media only screen and (min-width: 768px) {
	.pwb-block-list-content .pwb-block-list-content-line {
		padding-left: 34px;
	}
}


/**** Totaux ****/
.pwb-block-total {
	width: 100%;

	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	color: #626262;

	box-sizing: border-box;
	padding: 0px 0px 0px 0px;
	margin: 25px 0px 20px 0px;
}

.pwb-block-total:after {
	content: '';
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.pwb-block-total .pwb-block-total-price {
	float: right;
}

.pwb-block-total .highlight {
	color: #353535;
}

@media only screen and (min-width: 768px) {
	.pwb-block-total {
		float: right;
	}

	.pwb-block-total div.pwb-total-jokerCe {
		margin: 20px 0px 0px 10px;
	}
}


/*** Boutons ***/
.pwb-block-btns {
	clear: both;
	text-align: center;
	box-sizing: border-box;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

.pwb-block-btns .btn {
	font-weight: 600;
	font-size: 16px;
	line-height: 40px;
	border: none;
	box-sizing: border-box;
	padding: 0px 16px 0px 14px;
	margin: 20px 9px 0px 0px;
}


/*** Formulaires ***/
.pwb-block-form,
.pwb-block-question {
    position: relative;
}

.pwb-block-form {
	margin: 15px 0;
}

.pwb-block-form-head {
    margin-bottom: 15px;
}

.pwb-title-block,
a.pwb-title-block:link,
a.pwb-title-block:hover,
a.pwb-title-block:active,
a.pwb-title-block:visited,
a.pwb-title-block:focus {
	border-bottom: 1px solid #000000;
	padding-bottom: 3px;
	display: block;
	text-decoration: none;
	color: inherit;
}

.pwb-block-form-content {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}

.pwb-block-question > label.control-label {
    text-align: left !important;
}

.pwb-block-question .radio label {
	padding-left: 0;
	margin-right: 10px;
}

.pwb-title-block {
    border-bottom: 1px solid #000000;
	padding-bottom: 3px;
}

.pwb-block-form.collapsible .pwb-block-form-head .pwb-title-block.collapsed .pwb-block-form-head-arrow:after {
	font-family: 'Glyphicons Halflings';
	content: "\e258";
	float: right;
}

.pwb-block-form.collapsible .pwb-block-form-head .pwb-title-block .pwb-block-form-head-arrow:after {
	font-family: 'Glyphicons Halflings';
	content: "\e259";
	float: right;
}

.twbs-content .pwb-control-label {
	text-align: left !important;
}

.pwb-block-status {
	position: absolute;
	right: -10px;
	top: 0;
}

.twbs-content .form-group.pwb-no-margin-bottom {
	margin-bottom: 0 !important;
}

.twbs-content .help-block {
	font-size: 11px;
}

#zone-info-mdp .help-block {
	margin-top: 0 !important;
}

.twbs-content .lecture {
	border: none !important;
	background: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
}

.twbs-content .pwb-block-seniority {
	background-color: grey !important;
	color: white;
	line-height: 30px;
	padding: 1px;
}

.twbs-content .pwb-block-seniority:nth-child(2n+1) {
	margin-left: 7px;
	margin-right: 2px;
}

.twbs-content .pwb-block-seniority:first-child {
	margin-left: 0 !important;
}

.twbs-content a.btn {
	text-decoration: none;
}

.twbs-content .pwb-input-group-btn-vertical {
	position: relative;
	white-space: nowrap;
	width: 1%;
	vertical-align: middle;
	display: table-cell;
}
.twbs-content .pwb-input-group-btn-vertical.lecture {
	display: none;
}
.twbs-content .pwb-input-group-btn-vertical > .btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 8px;
	margin-left: -1px;
	position: relative;
	border-radius: 0;
	border: 1px solid #a7a7a7;
}
.twbs-content .pwb-input-group-btn-vertical > .btn:first-child {
	border-top-right-radius: 4px;
}
.twbs-content .pwb-input-group-btn-vertical > .btn:last-child {
	margin-top: -2px;
	border-bottom-right-radius: 4px;
}
.twbs-content .pwb-input-group-btn-vertical i {
	position: absolute;
	top: 3px;
	left: 3px;
	font-size: 10px;
	color: #555555;
}

.pwb-block-form-multi-input-line > div > input {
	padding: 6px 3px !important;
}

.body-legacy .pwb-block-form-multi-input-line > div > input {
	padding: 6px 2px !important;
}

.pwb-form-multi-input-inline {
	float: left;
}

.pwb-block-rib-etab,
.pwb-block-rib-guichet {
	width: 22%;
}

.pwb-block-rib-compte {
	width: 44%;
}
.body-legacy .pwb-block-rib-compte {
	width: 45%;
}

.pwb-block-rib-cle {
	width: 11%;
}

.pwb-block-content-cols-quotient {
	width: 100%;
}

.pwb-block-col-quotient {
	width: 20%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #000;
}

.pwb-block-col-quotient:last-child {
	border: none;
}

.body-legacy .pwb-block-col-quotient .btn {
	font-weight: normal;
}

.form-group.has-error .input-group-btn > .btn {
	color: #a94442 !important;
	border-color: #a94442 !important;
}

span.pwb-input-mandatory {
	color: red;
}

span.pwb-input-validation {
	color: green;
}

.body-legacy .twbs-content .form-horizontal .has-feedback .form-control-feedback *,
.body-legacy .twbs-content .form-inline .has-feedback .form-control-feedback * {
	line-height: inherit;
}

.body-legacy .twbs-content .form-horizontal .form-group select.form-control {
	padding: 0px 3px;
}

#zone-info-documents .pwb-line-buttons .zone-input-file-button,
.pwb-block-question .pwb-line-buttons .zone-input-file-button,
.uploaderButton-file-block-form-content .pwb-line-buttons .zone-input-file-button {
	margin-left: 5px;
}

#zone-info-documents .pwb-line-buttons .zone-input-file-button .accepted-type,
.pwb-block-question .pwb-line-buttons .zone-input-file-button .accepted-type,
.uploaderButton-file-block-form-content .pwb-line-buttons .zone-input-file-button .accepted-type {
	padding: 0px;
}

.ui-dialog .pwb-block-question .pwb-line-buttons > a,
.ui-dialog .pwb-block-question .pwb-line-buttons #uploaderButton-file-conteneur {
	display: block;
	margin-top: 4px;
	margin-left: 0px;
	float : left;
	clear : both;
}

.ui-dialog .pwb-block-question .pwb-line-buttons .zone-input-file-button {
	margin-left: 0px;
}

@media (min-width: 1024px) {
    .container{
        width: 100% !important;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
	.twbs-content .pwb-control-label {
		margin-bottom: 5px;
	}

	.pwb-block-content-cols-quotient {
		width: 50%;
	}

    .pwb-block-col-quotient {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
    }

    .pwb-block-col-quotient:nth-child(2n) {
        border: none;
    }
}

@media (max-width: 767px) {
	.pwb-block-rib-etab,
	.pwb-block-rib-guichet {
		width: 19%;
		margin-right: 15px;
	}

	.pwb-block-rib-compte {
		width: 34%;
		margin-right: 15px;
	}

	.pwb-block-rib-cle {
		width: 12%;
	}

	.pwb-block-col-quotient {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 15px;
		border: none;
	}

    .twbs-content .pwb-line-buttons .btn {
		margin-top: 10px;
	}

	#zone-info-documents .pwb-line-buttons > span,
	#zone-info-documents .pwb-line-buttons #uploaderButton-file-conteneur,
	.pwb-block-question .pwb-line-buttons > a,
	.pwb-block-question .pwb-line-buttons #uploaderButton-file-conteneur,
	.uploaderButton-file-block-form-content .pwb-line-buttons #uploaderButton-file-conteneur {
		display: block;
		margin-top: 4px;
		margin-left: 0px;
		float : left;
		clear : both;
	}

	#zone-info-documents .pwb-line-buttons .zone-input-file-button,
	.pwb-block-question .pwb-line-buttons .zone-input-file-button,
	.uploaderButton-file-block-form-content .pwb-line-buttons #uploaderButton-file-conteneur {
		margin-left: 0px;
	}
}

#popup_message_zone ul,
#zone-champ-en-attente ul {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	list-style-type: none !important;
}

#popup_message_zone {
	background: inherit;
	background-color: #d9534f;
	border: none !important;
	color: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#popup_message_zone:before {
	content: "";
	position: absolute;
	bottom: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #d9534f;
}

#zone-champ-en-attente {
	background: inherit;
	background-color: #5cb85c;
	border: none !important;
	color: #FFFFFF;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#zone-champ-en-attente:before {
	content: "";
	position: absolute;
	bottom: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #5cb85c;
}

#zone-champ-en-attente label {
	color: #FFFFFF;
}

#popup_message_zone .champ-oblig-msg {
	padding: 0 !important;
}

#popup_message_zone .pwb-block-form.collapsible,
#zone-champ-en-attente .pwb-block-form.collapsible {
	margin: 0 !important;
}

#popup_message_zone .pwb-block-form-head,
#zone-champ-en-attente .pwb-block-form-head {
	margin: 0 !important;
}

#popup_message_zone .pwb-block-form-head .pwb-title-block,
#zone-champ-en-attente .pwb-block-form-head .pwb-title-block {
	border-bottom: 0px !important;
}

body .maclass {

}
.clear {
	clear: both;
}

/*** Petites annonces ***/
.twbs-content .img-thumbnail-small {
	display: inline-block;
	padding: 4px;
	line-height: 1.42857143;
	max-width: 100%;
	height: auto;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

.twbs-content .img-thumbnail-small:hover,
.twbs-content .img-thumbnail-small.selected{
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.twbs-content .img-thumbnail-mini {
	display: none;
	margin-top : 5px;
	padding: 4px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #26788a;
	background-color: #ffffff;
}

.twbs-content .img-thumbnail-mini:hover,
.twbs-content .img-thumbnail-mini.selected{
	background-color: #26788a;
}

@media only screen and (max-width: 768px) {
	.twbs-content .img-thumbnail-small {
		display: none;
	}

	.twbs-content .img-thumbnail-mini {
		display: inline-block;
	}
}

/* Fil d'arianne. */
.accueil-page #pwb-site-breadcrumb {
    display: none;
}

#fil_ariane li {
    display: inline;
    cursor: pointer;
}

#fil_ariane ul {
    display: inline;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

/* Modal responsive. */
.modal-content {
	max-height: -webkit-calc(100vh - 20px); /* Le 20px correspond à l'addition des margins du parent */
	max-height: calc(100vh - 20px); /* Le 20px correspond à l'addition des margins du parent */
	overflow: auto;
}

.bold-notification{
	font-weight: bold;
}

.non-read-notification[data-notification]:after {
	position: absolute;
	content: attr(data-notification);
	background: #FF0000;
	border-radius: 50%;
	color: transparent;
	height: 12px;
	width: 12px;
	font-size: small;
}

.ui-autocomplete {
	text-align: initial;
}

.auto-fix-height .row {
	display: flex;
	flex-wrap: wrap;
}

.auto-fix-height .row > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.auto-fix-height .row > [class*='col-'] > .ge-content {
	height: 100%;
}

.auto-fix-height .row:before,
.auto-fix-height .row:after {
	display: none;
}

/* event connection for Happly */
.ui-dialog[data-event-name="Découvrez Happly"] {
	position: fixed;
	overflow: auto;
	overflow-x: hidden;
	top: 0 !important;
	left: 0 !important;
	width: 96vw !important;
	max-width: 768px;
	max-height: 96vh !important;
	margin: 24px 0 auto calc(50vw - 384px);
}

@media only screen and (max-width: 768px) {
	.ui-dialog[data-event-name="Découvrez Happly"] {
		width: 96vw !important;
		max-width: calc(100vw - 48px) !important;
		margin: 24px;
	}
}
.discover-happly .discover-happly--hero {
	height: 342px;
	background-image: url('https://www.meyclub.net/happly/login-event/illustration--desktop.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 90px 0 0 0;
}

.discover-happly .discover-happly--hero h1 {
	max-width: 453px;
	font-size: 36px;
	font-weight: bold;
	line-height: 48px;
	color: #162056;
}

@media only screen and (max-width: 768px) {
	.discover-happly .discover-happly--hero {
		background-image: url('https://www.meyclub.net/happly/login-event/illustration--mobile.png');
		padding-top: 0px;
	}

	.discover-happly .discover-happly--hero h1 {
		font-size: 24px;
		line-height: 36px;
	}
}

.discover-happly .discover-happly--how-to-connect {
	color: #fff;
	background-color: #162056;
	border-radius: 12px;
	padding: 16px 9px;
	margin-top: -10px;
}

@media only screen and (max-width: 768px) {
	.discover-happly .discover-happly--how-to-connect {
		margin-top: -6px;
	}
}

.discover-happly .discover-happly--how-to-connect .connect-to-happly--first-step,
.discover-happly .discover-happly--how-to-connect .connect-to-happly--second-step,
.discover-happly .discover-happly--how-to-connect .connect-to-happly--third-step {
	display: flex;
}

.discover-happly .discover-happly--how-to-connect .step-id {
	margin-right: 16px;
}

.discover-happly .discover-happly--how-to-connect .step-number {
	display: block;
	width: 46px;
	height: 46px;
	font-size: 28px;
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	border: 1px solid #ffffff;
	border-radius: 12px;
	padding: 0;
	margin: 0;
}

.discover-happly .discover-happly--how-to-connect .step-detail .step-text {
	display: flex;
	align-items: center;
	min-height: 46px;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.discover-happly .discover-happly--how-to-connect .step-detail .step-description {
	margin-top: 8px;
}

.discover-happly .discover-happly--how-to-connect .step-detail .step-description .link-to-store {
	display: block;
	margin-bottom: 8px;
}

.discover-happly .discover-happly--how-to-connect .step-detail .step-description .happly-code {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #ffffff;
	border: 2px solid #EBEDF9;
	border-radius: 12px;

}

.discover-happly .discover-happly--how-to-connect .step-detail .step-description .where-to-find-happly-code-otherwise {
	font-size: 12px;
	line-height: 18px;
}

.discover-happly .discover-happly--how-to-connect .step-detail .step-description .where-to-find-happly-code-otherwise  .go-to-account-details,
.discover-happly .discover-happly--how-to-connect .step-detail .step-description .where-to-find-happly-code-otherwise  .go-to-account-details:link,
.discover-happly .discover-happly--how-to-connect .step-detail .step-description .where-to-find-happly-code-otherwise  .go-to-account-details:active,
.discover-happly .discover-happly--how-to-connect .step-detail .step-description .where-to-find-happly-code-otherwise  .go-to-account-details:visited {
	color: #ffffff;
	text-decoration: underline;
}

.discover-happly .discover-happly--how-to-connect .step-detail .step-description .where-to-find-happly-code-otherwise  .go-to-account-details:focus,
.discover-happly .discover-happly--how-to-connect .step-detail .step-description .where-to-find-happly-code-otherwise  .go-to-account-details:hover {
	background-color: #0f1221;
}

.discover-happly .discover-happly--how-to-connect .connect-to-happly--third-step .password-illustration {
	margin-top: 8px;
}

.discover-happly .discover-happly--more-about-it .more-about-happly--texts {
	text-align: right;
}

.discover-happly .discover-happly--more-about-it .more-about-happly--texts .more-about-text-one,
.discover-happly .discover-happly--more-about-it .more-about-happly--texts .more-about-text-two {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: #162056;
}

.discover-happly .discover-happly--more-about-it .more-about-happly--texts .more-about-text-one {
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
}

.discover-happly .discover-happly--more-about-it .more-about-happly--call-to-action {
	display: flex;
	align-items: center;
}

.discover-happly .discover-happly--more-about-it .more-about-happly--call-to-action a.go-to-happly-landing-page,
.discover-happly .discover-happly--more-about-it .more-about-happly--call-to-action a.go-to-happly-landing-page:link,
.discover-happly .discover-happly--more-about-it .more-about-happly--call-to-action a.go-to-happly-landing-page:active,
.discover-happly .discover-happly--more-about-it .more-about-happly--call-to-action a.go-to-happly-landing-page:visited {
	cursor: pointer;
	display: flex;
	align-items: center;
	width: fit-content;
	min-height: 40px;
	font-size: 14px;
	font-weight: 600;
	color: #162056;
	border: 2px solid #162056;
	border-radius: 8px;
	background-color: transparent;
	padding: 8px 12px;
}

.discover-happly .discover-happly--more-about-it .more-about-happly--call-to-action a.go-to-happly-landing-page:focus,
.discover-happly .discover-happly--more-about-it .more-about-happly--call-to-action a.go-to-happly-landing-page:hover {
	color: #ffffff;
	background-color: #162056;
}

.discover-happly .discover-happly--more-about-it .more-about-happly--call-to-action a.go-to-happly-landing-page span {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIiA/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSIyMSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIxIDE2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMTY3IDUuODU5NDlWMEgxNi42MTE0VjQuMzMwNTJDMTYuMTkxOSA0LjYyNDc5IDE1Ljc0NzUgNC44ODYwOCAxNS4yODIxIDUuMTExMTJDMTQuNjAyOSA1LjQzMzMgMTMuODkzOSA1LjY4MzYyIDEzLjE2NyA1Ljg1OTQ5Wk0xMy4xNjcgOS42MjkxNFYxNkgxNi42MTE0VjguMzQwMzJDMTYuNTg2NCA4LjM1NDc4IDE2LjU2MTMgOC4zNjkxNSAxNi41MzYyIDguMzgzNDRDMTUuNDc3OCA4Ljk2NTUyIDE0LjM0MTcgOS4zODQwMiAxMy4xNjcgOS42MjkxNFoiIGZpbGw9IiMxNjIwNTYiPjwvcGF0aD48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNSA0LjM3MDQ4VjBINy45NDQ0NFY1Ljg3MzQ2QzcuMTk3NDEgNS42OTY5NyA2LjQ2ODk5IDUuNDQxOTIgNS43NzE4NyA1LjExMTEyQzUuMzI3NyA0Ljg5NjMyIDQuOTAyNjQgNC42NDg0OSA0LjUgNC4zNzA0OFpNNC41IDguMzU0NzlWMTZINy45NDQ0NFY5LjYzNjE4QzYuNzUyOCA5LjM5MDQ4IDUuNjAwNzkgOC45NjU1MiA0LjUyOTY2IDguMzcxNzFDNC41MTk3NiA4LjM2NjA5IDQuNTA5ODggOC4zNjA0NSA0LjUgOC4zNTQ3OVoiIGZpbGw9IiMxNjIwNTYiPjwvcGF0aD48cGF0aCBkPSJNMC4wNTU2NjQxIDUuMzMzMzRMMi4wNTUxNiAzLjIyMjE3QzIuOTg4MDcgNC42MDQ1MiA0LjI3MDEgNS43MTcwNyA1Ljc3MTg4IDYuNDQ3NThDNy4yNDc0OCA3LjE1MTkgOC44NjQyIDcuNTEyODMgMTAuNTAwMSA3LjUwMzE2QzEyLjEzNiA3LjUxMjUyIDEzLjc1MjYgNy4xNTE2IDE1LjIyODMgNi40NDc1OEMxNi43MzAxIDUuNzE3MDcgMTguMDEyMSA0LjYwNDUyIDE4Ljk0NTEgMy4yMjIxN0wyMC45NDQ2IDUuMzU2OEMxOS44NTE3IDcuMTY3MDYgMTguMzEzMyA4LjY2ODkxIDE2LjQ3NTEgOS43MTk5QzE0LjY0ODQgMTAuNzMwNCAxMi41ODg4IDExLjI0NzkgMTAuNTAwMSAxMS4yMjEyQzguNDEzOTIgMTEuMjQ1MiA2LjM1Nzg2IDEwLjcyMzYgNC41MzY4OSA5LjcwODE3QzIuNjk0MTQgOC42NTM5NCAxLjE1MTcyIDcuMTQ4MTQgMC4wNTU2NjQxIDUuMzMzMzRaIiBmaWxsPSIjRjcyNzE3Ij48L3BhdGg+PC9zdmc+);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 21px;
}

.discover-happly .discover-happly--more-about-it .more-about-happly--call-to-action a.go-to-happly-landing-page:focus span,
.discover-happly .discover-happly--more-about-it .more-about-happly--call-to-action a.go-to-happly-landing-page:hover span {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIiA/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSIyMSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIxIDE2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMTY3IDUuODU5NDlWMEgxNi42MTE0VjQuMzMwNTJDMTYuMTkxOSA0LjYyNDc5IDE1Ljc0NzUgNC44ODYwOCAxNS4yODIxIDUuMTExMTJDMTQuNjAyOSA1LjQzMzMgMTMuODkzOSA1LjY4MzYyIDEzLjE2NyA1Ljg1OTQ5Wk0xMy4xNjcgOS42MjkxNFYxNkgxNi42MTE0VjguMzQwMzJDMTYuNTg2NCA4LjM1NDc4IDE2LjU2MTMgOC4zNjkxNSAxNi41MzYyIDguMzgzNDRDMTUuNDc3OCA4Ljk2NTUyIDE0LjM0MTcgOS4zODQwMiAxMy4xNjcgOS42MjkxNFoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNSA0LjM3MDQ4VjBINy45NDQ0NFY1Ljg3MzQ2QzcuMTk3NDEgNS42OTY5NyA2LjQ2ODk5IDUuNDQxOTIgNS43NzE4NyA1LjExMTEyQzUuMzI3NyA0Ljg5NjMyIDQuOTAyNjQgNC42NDg0OSA0LjUgNC4zNzA0OFpNNC41IDguMzU0NzlWMTZINy45NDQ0NFY5LjYzNjE4QzYuNzUyOCA5LjM5MDQ4IDUuNjAwNzkgOC45NjU1MiA0LjUyOTY2IDguMzcxNzFDNC41MTk3NiA4LjM2NjA5IDQuNTA5ODggOC4zNjA0NSA0LjUgOC4zNTQ3OVoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNMC4wNTU2NjQxIDUuMzMzMzRMMi4wNTUxNiAzLjIyMjE3QzIuOTg4MDcgNC42MDQ1MiA0LjI3MDEgNS43MTcwNyA1Ljc3MTg4IDYuNDQ3NThDNy4yNDc0OCA3LjE1MTkgOC44NjQyIDcuNTEyODMgMTAuNTAwMSA3LjUwMzE2QzEyLjEzNiA3LjUxMjUyIDEzLjc1MjYgNy4xNTE2IDE1LjIyODMgNi40NDc1OEMxNi43MzAxIDUuNzE3MDcgMTguMDEyMSA0LjYwNDUyIDE4Ljk0NTEgMy4yMjIxN0wyMC45NDQ2IDUuMzU2OEMxOS44NTE3IDcuMTY3MDYgMTguMzEzMyA4LjY2ODkxIDE2LjQ3NTEgOS43MTk5QzE0LjY0ODQgMTAuNzMwNCAxMi41ODg4IDExLjI0NzkgMTAuNTAwMSAxMS4yMjEyQzguNDEzOTIgMTEuMjQ1MiA2LjM1Nzg2IDEwLjcyMzYgNC41MzY4OSA5LjcwODE3QzIuNjk0MTQgOC42NTM5NCAxLjE1MTcyIDcuMTQ4MTQgMC4wNTU2NjQxIDUuMzMzMzRaIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+');
}

@media only screen and (max-width: 768px) {
	.discover-happly .discover-happly--more-about-it {
		flex-direction: column;
		justify-content: center;
	}

	.discover-happly .discover-happly--more-about-it .more-about-happly--texts .more-about-text-one,
	.discover-happly .discover-happly--more-about-it .more-about-happly--texts .more-about-text-two {
		text-align: center;
	}

	.discover-happly .discover-happly--more-about-it .more-about-happly--call-to-action {
		justify-content: center;
	}
}