/*138 133 24*/ 

   .new_connexion{
   	font-family: Avenir;

   }
   .new_connexion .card h3{
   	font-family: Avenir;

   }
    #content .new_connexion
	{
		width: 100%;
	}
    .bg-maintenance{
		background: #078099;
	}
	.bg-maintenance.new_connex{
		display: flex;
		flex-direction: column;
	}
	.bg-maintenance.new_connex .logo_connexion{
		margin-top: 50px;
		position: static;
	}
	.shadow{
		border-radius: 3em !important;
		-webkit-box-shadow: 3px 2px 26px 3px rgba(0,0,0,0.75) !important;
		-moz-box-shadow: 3px 2px 26px 3px rgba(0,0,0,0.75) !important;
		box-shadow: 3px 2px 26px 3px rgba(0,0,0,0.75) !important;
		overflow: hidden;
		border: none !important;
		padding: 25px 20px 0px 20px;
		min-width: 48%;
		/*margin-top: -10%;*/
	}
	.new_connexion .card.shadow{
		margin-top: 10%;
	}
	.form__group {
	  position: relative;
	  padding: 15px 0 0;
	  /*margin-top: 10px;*/
	  width: 90%;
	}

	.form__field {
	  font-family: inherit;
	  width: 100%;
	  border: 0;
	  border-bottom: 2px solid #9b9b9b;
	  outline: 0;
	  font-size: 1.3rem;
	  color: #078099;
	  padding: 7px 0;
	  background: transparent;
	  transition: border-color 0.2s;
	}
	::placeholder {
	  color: #078099;
	  opacity: 1; /* Firefox */
	}
	.form__label {
	  position: absolute;
	  top: 0;
	  display: block;
	  transition: 0.2s;
	  font-size: 1rem;
	  color: #078099;
	}

	.form__field:focus {
	  ~ .form__label {
	    position: absolute;
	    top: 0;
	    display: block;
	    transition: 0.2s;
	    font-size: 1rem;
	    color: #078099;
	    font-weight:700;    
	  }
	  padding-bottom: 6px;  
	  font-color: tranparent;
	  border-width: 3px;
	  border-image: linear-gradient(to right, #078099,#fff);
	  border-image-slice: 1;
	}
	/* reset input */
	.form__field{
	  &:required,&:invalid { box-shadow:none; }
	}

	#content .card-body
	{
		padding: 0px;
	}

	.connect-btn{
		background: #FB0A5A;
		margin-top: 5px;
	    margin-right: 32px;
		margin-bottom: 20px;
	    border: none;
	    border-radius: 3em;
	}
	.connect-btn>span{
		color: white;
		padding: 0 1em 0 1em;
	}
	.link-btn{
		-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);
		background: white;
		border: none;
    	border-radius: 3em;
		margin-top: 40px;
	}
	.link-btn>span{
		color: #FB0A5A;
		padding: 0 1em 0 1em;
		font-size: 20px;
		font-weight: 400;
		font-family: Avenir;
	}
	.contenu-fixe{
		margin-top: 25px;
	}
	.contenu-fixe a
	{
		line-height: 1.8;
		margin-left:auto;
		margin-right:auto;
	}
	.contenu-fixe>p{
		text-align: center !important;
	}
	.contenu-fixe>p span,
	.contenu-fixe>p span a{
	    text-align: center !important;
	    color: #048599!important;
	}
	/*.contenu-fixe >p>span>span>a>span{*/
		/*display: none;*/
	/*}*/
	.card-header > h2{
		margin-left:auto;
		margin-right:auto;
	}
	.card-header{
		border: none !important;
		text-align: center;
		background-color: #fff !important;
		padding: 0 60px;
	}
	.first-col{
		padding-right: 10px;
		padding-left: 0px;
		height: 13px;
	}
	.last-col{
		padding-left: 10px;
		padding-right: 0px;
	}
	.in_col{
		width: 100%;
		height: 100%;
	}
	.first-col.img1{
		width: 47%;
	}
	.last-col.img2{
		 width: 53%;
	}
	.first-col.img1 div{
		background: #078099;
		height: 15px;
		width: 100%;
	}
	.last-col.img2 div{
		background: #2e332e;
		height: 15px;
		width: 100%;
	}
	.card-footer{
		background-color: #ffff;
	}
	.footer{
		padding:0 !important;
		border: none !important;
	}
	.input-connection{
		padding-bottom: 50px;
	}
	.web .logo_connexion
	{
		width: 100%;
		position: absolute;
		margin-top: 30%;
		text-align: center;
	}
	.web .logo_connexion img
	{
		width: 20%;
	}
.mobile{
	display: none;
}
/*.mobile .card-body{
	padding-left: 5%;
    padding-right: 5%;
}*/
.mobile h2{
	text-align: center;
	font-weight: bold !important;
}
.mobile-connexion{
	/*padding-bottom: 7vh;*/
	/*padding-top: 3vh;*/
}
.mobile .card{
	min-height: 100vh;
	width: 100%;
	border: none;
	margin: 0;
}
.mobile form{
	margin-left:10%;
	margin-right:10%;
	padding-top: 5vh;
}
.mobile .form__group{
	width: 100%;
}
.mobile .card-header{
	padding-top: 6vh;
}
.mobile button{
	margin-right:0;
}

.mobile .input-connection{
	padding-bottom: 35px;
}

.cgp .connect-btn{
	background: #732238;
}
.cgp .first-col div{
	background: #732238;
}
.cgp .link-btn >span{
	color:#732238;
}
.cgp.bg-maintenance{
	background: #732238;
}
.mobile .card-footer{
	max-height: 10px;
}
.mobile .logo_connexion{
	text-align: center;
	margin-top: 50px;
}
.mobile .logo_connexion img{
	width: 60%;
}

.mobile .link-btn{
	margin-top: 3vh;
}

.mobile .contenu-fixe a{
	font-size: 1.3em;
	color: #048599;
}
.mobile .form__field::placeholder{
	font-size: 1.2em;
}
.mobile .connect-btn>span{
	font-size: 1.2em;
}
.new_connexion .mobile h2
{
	font-size: 2em;
}
.action_compte a[onclick="printEcriture()"],
.action_compte .contacter_agence{
	background-color: #FB0A5A;
}
.myrow-connex .desc {
	width: 50%;
}
.myrow-connex{
	display: flex;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
}
.new_connexion .card-header h3{
    font-family: Avenir;
    font-size: 20px;
  }
/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 1024px)
{
	.web .logo_connexion
	{
		margin-top: 35%;
	}
	.shadow{
		margin-top: -15%;
	}
}
@media screen and (max-width: 768px){
  .mobile{
  	display: block;
  }
  .bg-maintenance.web{
  	display: none;
  }
  .web.partenaire{
  	display: none;
  }
}
@media screen and (max-width: 768px) and (min-width: 700px)
{
	.mobile .logo_connexion img{
		width: 45%;
	}
}