@font-face {
    font-family: "WorkSans-Bold";
    src: url('WorkSans-Bold.ttf');
}


.page {
	padding-top: 0px;
}

.page_header {
	display: none;
}

.page, 
.page_body, 
.page_body--content, 
.page_body--content--image {
    height: 100vh;
}

.page_body--content {
    width: 100%;
    max-width: 100%;
}

.page_body--content {
 	padding: 0px;
}

.page_body--content--image {
    left: 0px;
}

.cartouche_connexion {
	background: url(images/logo.png) no-repeat;
	background-position-x: 50%;
	background-position-y: 20px;
	background-size: 100px;
	top: 0px;
	padding-top: 200px;
}


.btn_acces_client {
	font-weight: normal;
	text-transform: none;
	font-size: 18px; 
	background-color: #0b0b0b;
	color: #ffffff;
	font-family: WorkSans-Bold;
}

.btn_acces_client:hover {
	font-weight: normal;
	text-transform: none;
	font-size: 18px; 
	font-family: WorkSans-Bold;
	color: #0b0b0b;
	background-color: #ffffff;
}

.message--default {
    position: relative;
    text-align: center;
    float: none;
	}


/* Check Box transfromé en button switch */
/*
.toggle_switch_content{
    font-family: "Avenir-Regular",sans-serif;
    font-size: 16px;
    letter-spacing: 0.16px;
	margin: 20px 5px;
}

.toggle_switch {
	position: relative;
    display: inline-block;
	width: 42px;
    height: 22px;
	margin: 0 5px;
	}
	


.toggle_switch_content > .toggle_switch_content--item{
     position:relative;
	 top:16px;
}

.toggle_switch input{
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle_switch > .toggle_switch--slider{
	position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;	
    -webkit-transition: .4s;
    background-color: #fff;
    border: 1px solid #8c8c8c;
    transition: all 0.16s ease-in-out;
    border-radius: 34px;
}
	
.toggle_switch > .toggle_switch--slider::before{
  position: absolute;
  content: '';
  height: 16px;
  width: 16px;

  left: 2px;
  border-radius: 50%;
  transition: all 0.16s ease-in-out;
  top: 2px;	
  background-color: #171717;	
  transform: translate(16px, 0);
}


.toggle_switch >input:checked + .toggle_switch--slider {
  background-color: white;
}

.toggle_switch >input:focus +  .toggle_switch--slider {
  box-shadow: 0 0 1px white;
}

.toggle_switch >input:checked + .toggle_switch--slider:before {
   -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); 
}
*/


/* ==================================== */
/* =============== MEDIA ============== */


@media (max-width : 1200px) {
	
	
	.page_body {
		min-width: auto;
	}
	
	.page_body--content--image {
		background-image: none !important;
	}
	
	.cartouche_connexion {
		float: none;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		margin-left: auto;
		margin-right: auto;
		max-width: 420px;
	}
}


@media (max-width : 640px) {
	
	.cartouche_connexion {
		max-width: 420px;
	}

}

@media (max-width : 480px) {
/*    
    .cartouche_connexion {
        background-size: 80%;
    }
*/
    
}