body {
    background-color: #ab28a9;
	overflow-y: hidden;
}
#section_connexion {
  width: 100%;
  height: auto;
  padding-bottom: 0;
  background-color: #ffffff;
  /* background-image: url(../images/jeunedame.png); */
  /* background-image: url(../images/jeunedame2.jpg); */
  background-image: url(../images/famille1.jpg);
  /* background-image: url(../images/famille2.png); */
  background-position: right;
  background-repeat: repeat-x;
  background-size: cover;}
  
.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.icon {
  padding: 3%;
  padding-top: 3%;
  background: #000;
  color: white;
  border-color: #ffffff;
  min-width: 35px;
  text-align: center;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.input-field:focus {
  border: 2px solid #174672;
}

/* Set a style for the submit button */
.btn {
  color: #000000;
  background-color: #afabab;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}
.btn:hover {opacity: 1;}

form {
height:100%;
width:100%;
margin-right:auto;
border:1px;
}
form input, textarea {
width:100%;
}

  #section_connexion .bg_parallax_1 {
    width: 100%;
    height: 100%;
    margin: 0%;
    padding-top: 10%;
	padding-bottom: 1%;}
    #section_connexion .bg_parallax_1 .card-container.card {
    max-width: 305px;
    padding: 10px 10px;
    margin-right: 3%;
	padding-bottom: 2%;
	margin-top: -2%;}
    #section_connexion .bg_parallax_1 .btn {
      font-weight: 700;
      height: 36px;
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      cursor: default; }
    #section_connexion .bg_parallax_1 {
      /* background-color: #0f344e; */
		}
    #section_connexion .bg_parallax_1 .fas {
      color: #ab28a9;
		}
		
		
	#section_connexion .bg_parallax_1 .fas:hover{
      /* background-color: #ffffff; */
	  }
	  
	  
    #section_connexion .bg_parallax_1 .card {
    margin: 0 auto 5%;
    background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 8px;
    box-shadow: 0 5px 0 #5d125b, 0 2px 9px rgba(0,0,0,.45);}
    #section_connexion .bg_parallax_1 .form-control {
      display: block;
      width: 100%;
      /* height: 50px; */
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ab28a9;
      border-radius: 0 8px 8px 0;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
		  
	#section_connexion .bg_parallax_1 .check {
      display: block;
      width: 100%;
	  margin-bottom: 2%;
      margin-top: -4%;
      font-size: 12px;}
	#section_connexion .bg_parallax_1 .check a {
      text-decoration: none;
	  color: #d01169;}
	#section_connexion .bg_parallax_1 .check input {
      width: 6%; }
	  
    #section_connexion .bg_parallax_1 .profile-name-card {
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      margin: 10px 0 0;
      min-height: 1em; }
    #section_connexion .bg_parallax_1 .btn.btn-signin {
      padding: 0px;
	  margin-bottom: 10px;
      font-weight: 700;
      font-size: 18px;
      border: none;
      -o-transition: all 0.218s;
      -moz-transition: all 0.218s;
      -webkit-transition: all 0.218s;
      transition: all 0.218s;
      border-radius: 8px; }
    #section_connexion .bg_parallax_1 .btn.btn-signin:hover,
    #section_connexion .bg_parallax_1 .btn.btn-signin:active,
    #section_connexion .bg_parallax_1 .btn.btn-signin:focus {
     background-color: #524751; }
    #section_connexion .bg_parallax_1 .forgot-password {
      color: #ab28a9;
      font-size: 14px; 
	  float: left;
	  text-decoration: none;
	  margin-bottom: 5%;}
	#section_connexion .bg_parallax_1 .forgot-password:hover,
    #section_connexion .bg_parallax_1 .forgot-password:active,
    #section_connexion .bg_parallax_1 .forgot-password:focus {
      /* color: #0c0b0c; */ } 
	#section_connexion .bg_parallax_1 .create-account {
      color: #ab28a9;
      font-size: 14px; 
	  float: right;
	  text-decoration: none;}
    #section_connexion .bg_parallax_1 #remember {
      font-size: 12px; }
	#section_connexion center{
      margin-top: -30%; }
	#section_connexion .bleugauche{
    float: left; 
	background-color: #0c0b0c;
    opacity: .6;
    border-radius: 0 0 800px;
    padding-top: 10%;
    padding-bottom: 26%;
    height: auto;
    width: 70%;}
	#section_connexion .bleugauche .logoindexpms{
    margin-top: -10%;
    margin-left: 3%;
    position: relative;
    display: flow-root;}
	#section_connexion .bleugauche .logo{
    width: 25%;
	margin-left: 1%;}
	#section_connexion .bleugauche .logopms{
    width: 45%;}
	.modlang{
	padding: 0.5%;
    position: fixed;
    z-index: 1;
	}
	
@media (max-width:2560px)  { 
	#section_connexion .bleugauche{
    border-radius: 0 0 1400px;
	width: 72%}
}
@media (max-width:1800px)  { 
	#section_connexion .bleugauche{
        padding-bottom: 34%;
		width: 70%; }
}
@media (max-width:1190px)  { 
	#section_connexion .bleugauche{
        padding-bottom: 34%;
		width: 62%; }
}
@media (max-width:940px)  { 
    /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	#section_connexion .bg_parallax_1 {
    padding-top: 20%;}
}
@media (max-width:768px)  { 
	#section_connexion .bleugauche{
        padding-bottom: 30%;
		width: 52%; }
		#section_connexion .bg_parallax_1 .card-container.card {
		margin-right: 0%;
		padding-bottom: 10%;}
		#section_connexion center {
		display: none;
		}
		#section_connexion .bg_parallax_1 .profile-name-card {
		font-size: 30px;
		}
}
@media (max-width:920px)  { 
	#section_connexion .bleugauche{
        padding-bottom: 30%;
		width: 52%; }
}
@media (max-width:720px)  { 
	#section_connexion .bleugauche{
	padding-bottom: 34%;
	width: 62%; }
	#section_connexion .bleugauche{
	display: none; }
	.modlang{
	bottom: 0.5%;
    left: 2%;
	}
}