body {
	background-color: #FFF;
	color: #777;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
}

.mt{
	margin-top: 15px;
}

.mb{
	margin-bottom: 15px;
}

.ml2{
	margin-left: 30px;
}

.cgu{
	text-align: left;
}

.cgu h3{
	font-weight: bold;
}

.cgu ul{
	list-style-type: disc; 
	margin-left: 25px;
}

.cgu li{
	margin: auto;
}

.regCards{
	background: #045c73; 
}

.regCards.orange{
	background: none;
	background-image: linear-gradient(to right, #fc4a1a, #fc4a1a, #f8a22e, #f8a22e, #f8a22e);
}

.regCards .legal,
.regCards .legal a{
	color: #999999;
}

.regCards h1{
	color: white;
	font-size: 1.5rem;
}
.content h2{
	font-size: 1.33em;
	color: inherit;
}

.regCards .field.has-addons{
	margin-bottom: 0;
}

.n1enFrance{
	display: block;
	padding-top: 50px;	
}

.temoignage{
	position: absolute; 
	bottom: 0; 
	padding-bottom: 60px;
}

.regCards .hero-body{
	background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ), url(/img/hp/cards/couple1.png);
	background-repeat: no-repeat;
    background-size: auto;
    background-position: 75% bottom;
    min-height: 834px;
}
.regCards .hero-body.couple1   	    {background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ),url(/img/hp/cards/couple1.png);}
.regCards .hero-body.couple2   	    {background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ),url(/img/hp/cards/couple2.png);}
.regCards .hero-body.couple3   	    {background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ),url(/img/hp/cards/couple3.png);}
.regCards .hero-body.couple4   	    {background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ),url(/img/hp/cards/couple4.png);	background-position: 100% bottom;}
.regCards .hero-body.couple7   	    {background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ),url(/img/hp/cards/couple7.jpg);	background-position: 100%;}
.regCards .hero-body.couple8   	    {background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ),url(/img/hp/cards/couple8.jpg);	background-position: right bottom;}
.regCards .hero-body.couple9   	    {background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ),url(/img/hp/cards/couple9.jpg);	background-position: 75% top;}
.regCards .hero-body.couple10  	    {background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ),url(/img/hp/cards/couple10.jpg);	background-position: 60% top;}
.regCards .hero-body.couple11   	{background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ),url(/img/hp/cards/couple11.jpg); background-position: right top;}
.regCards .hero-body.model_picture  {background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ),url(/img/hp/cards/chalkboardGirl.png);}
.regCards .hero-body.model_pictureH {background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ),url(/img/hp/cards/chalkboardBoy.png);}
.regCards .hero-body.coupleWinter   {background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) ),url(/img/hp/cards/coupleWinter.png);}

.regCards.orange .hero-body				   {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/couple1.png);}
.regCards.orange .hero-body.couple1   	   {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/couple1.png);}
.regCards.orange .hero-body.couple2   	   {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/couple2.png);}
.regCards.orange .hero-body.couple3   	   {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/couple3.png);}
.regCards.orange .hero-body.couple4   	   {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/couple4.png);	background-position: 100% bottom;}
.regCards.orange .hero-body.couple7   	   {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/couple7.jpg);	background-position: 100%;}
.regCards.orange .hero-body.couple8		   {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/couple8.jpg);	background-position: right bottom;}
.regCards.orange .hero-body.couple9   	   {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/couple9.jpg);	background-position: 75% top;}
.regCards.orange .hero-body.couple10   	   {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/couple10.jpg);	background-position: 60% top;}
.regCards.orange .hero-body.couple11   	   {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/couple11.jpg);  background-position: right top;}
.regCards.orange .hero-body.model_picture  {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/chalkboardGirl.jpg);}
.regCards.orange .hero-body.model_pictureH {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/chalkboardBoy.png);}
.regCards.orange .hero-body.coupleWinter   {background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) ),url(/img/hp/cards/coupleWinter.png);}

.regCards .hero-body.couple6{
	background-position: 100% 50%;
	background-image: url(/img/hp/cards/couple6.jpg);
}

@media (max-width: 567px){
	.logo{
		max-width: 40%;
	}	
	
	.logo-fb .column{
		padding: .25rem;
	}
}

@media (max-width: 768px){
	.regCards .hero-body{
		background-image: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) )!important;
		padding: 1rem 1.5rem;
	}
	
	.regCards.orange .hero-body{background-image: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) )!important;}

	.n1enFrance{
		display: none;
	}
}
@media (max-width: 1023px){
	.regCards .navbar-menu{
		background: linear-gradient( rgba(4, 92, 115, 0.1), rgba(4, 92, 115, 0.1) );
		box-shadow: none;
	}
	
	.regCards.orange .navbar-menu{
		background: linear-gradient( rgba(248, 162, 46, 0.1), rgba(248, 162, 46, 0.1) );
	}
	
	.regCards .hero-body{
		padding: 1rem 1.5rem;
	}
}

/*is-fixed-top-tablet do not exist in bulma*/
@media screen and (min-width: 769px) and (max-width: 1023px){
	.navbar.is-fixed-top-tablet{
	    top: 0;
	    left: 0;
	    position: fixed;
	    right: 0;
	    z-index: 30;
	}

    .regCards .navbar-menu{
		background-image: linear-gradient( rgba(4, 92, 115, 0), rgba(4, 92, 115, 0))!important;
	}
}

.regCards .AlternativesSeparator {
	margin: 6px 0;
}
.regCards label{
	color: white;
}
.regCards .fbRegister .fbBtn {
	cursor: pointer;
	color: white;
	background-color: #365899;
	padding: 8px 22px 8px 16px;
	border: 1px solid #365899;
}
.regCards .fbRegister .custom-error{
    font-size: 1.15em;
    background-color: #ff3860;
    color: #fff;
    padding: 6px;
    margin: 6px 0 0 0;
}

.regCards .tUser img{
	border-radius: 50%;
}
.regCards .logo-fb{
	margin: 0!important;
}

.regCards .register > div{
	margin: 6px 0;
}
.regCards .help.is-danger {
	background-color: #ff3860;
	color: #fff;
	padding: 6px;
}
.regCards .bkglass{
	background-color: rgba(0, 0, 0, 0.05);
	padding: 2.5em;
}
.regCards .user-cards .help{
	margin: 23px 0;
	color: #ffffff;
}
.regCards .card-box.notification{
	background-color: white;
	cursor: pointer;
	display: inline-block;
	padding: 4px;
	text-align: center;
	margin: 3px 6px;
}
.regCards .card-box.notification .image{
	margin: 0 auto;
}

.regCards a{
	color: white;
	text-decoration: underline;
}
.regCards .card-box{
	color:black;
}

.regCards .connect-card .card-box.notification{
	cursor: initial;
}
.regCards .connect-card .icon{
	cursor: pointer;
	font-size: 1.5em;
}

.regCards .grp_register{
	margin: 0.75rem 0!important;
}

/* footer */
.footer,
.footerTxt{
    padding: 1rem 1.5rem 3rem;
}

.footer a{
	color: #777;
}
.footerTxt a{
	color: #000000;	
}
.footer .links span{
	padding: 0 1em;
}
.footer .app-icons i{
	font-size: 3.5em;
}
.footer .app-icons i.fa-mobile{
	font-size: 2.9em;	
}
.footer .info .lbl{
	font-weight: bold;
	text-transform: uppercase;
}

.footerTxt .content p:not(:last-child){
	margin-bottom: 1.25em;
}

/* modal popup vuejs */
.modal-mask {
	color: black;
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: table;
	transition: opacity .3s ease;
}
.modal-wrapper {
	display: table-cell;
	vertical-align: middle;
}
.modal-container {
	position: relative;
	width: 320px;
	margin: 0px auto;
	padding: 20px 30px;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
	transition: all .3s ease;
}
.modal-body {
	margin: 0;
}
/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */
.modal-enter {
	opacity: 0;
}
.modal-leave-active {
	opacity: 0;
}
.modal-enter .modal-container,
.modal-leave-active .modal-container {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


/* modal popup vuejs (OVERRIDES) */
.modal-container .delete{
	position: absolute;
	top: 6px;
	right: 6px;
}
.modal-container h1,
.modal-container a{
	color:#747474;
}
.modal-container p{
	color: #747474;
}
.modal-container label{
	color: #747474;
}

/*IE 9 hack*/
@media all and (min-width:0\0) and (min-resolution:.001dpcm){
	.is-fullwidth.button{
		display: block;
	}

	.grp_iam .control.is-expanded,
	.grp_iseek .control.is-expanded{
		width: 50%;
		float: left;		
	}
	
	.bdate .control.is-expanded{
		width: 33.33%;
		float: left;
	}
	
	.icon.is-small.is-left{
		display: none;
	}
}

.msgBoxOld.old{
    display: inline-block;
    clear:both;
    font-weight: bold;
    padding: 15px;
    width: 600px;
    margin-bottom: 100px;
}

.msgBoxOld img{
	max-width: 100px;
	border: 0;
}

.msgBoxOld img.chrome{
	margin-bottom: 4px;
}

.tal{text-align: left;}
.tac{text-align: center;}
.mb30{margin-bottom: 30px;}

.pure-u-1{width: 100%;}
.pure-u-1-4{width: 25%; float:left;}
.offset-1-24{margin-left: 0.416%; float:left;}