body, form {
    height: 100%;
}

.page_footer--assistant {
    display: none;
}

.page_header {
    display: none;
}

.page {
    padding-top: 110px;
}

.page_body {
    position: static;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
	min-height: auto;
}

.page_body--content {
    position: static;
    display: block;
    width: 100%;
    max-width: 100%;
	min-height: 600px;
}


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

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;    
    z-index: 1;
    display: none;
}
/*
.page_footer {
    height: 140px;
    background-color: #f4f7f9;
    border: none;
}


.page_footer .lighterText, #div_page_bas h2 {
    color: #72c6c8;
}

.page_footer .lienGoogleMaps , #div_page_bas ul {
    display: none;
}
*/
.page_header--logo {
    display: none;
}

.page_header--navigation_famille {
    position: absolute;
    bottom: 60px;
    z-index: 2;
    width: 100%;
    text-align: center;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.page_header--navigation_famille.darkBackground {
    background-color: transparent;
}

.page_header--navigation_famille a {
    color: #123147;
    text-decoration: underline;
    padding: 15px;
    font-size: 1.1em;
}




/*=======================================================*/

/* Boutons et input */
/*------------------*/
.div_input_utilisateur, .div_input_mot_de_passe, .btn_acces_client, .btn_ouverture_compte {
    float: none;
    border-radius: 5px;
    width: 300px;
}

/* Boutons */
/*---------*/
.actionBouton {
    background-color: #123147;
    padding: 0;
    border-radius: 5px;
}

.actionBouton:hover {
	background-color: #123147;
    border-radius: 5px;
}


/*.actionBouton:hover {
    background-color: #ff4902;
}
*/
.btn_acces_client, .btn_ouverture_compte  {
    height: 48px;
    background-image: url("../image/icon-acces_client.png");
    background-repeat: no-repeat;
    background-position: 264px center;
    letter-spacing: 1px;
    font-size: 1.1em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Identifiant et Mot de passe */
/*-----------------------------*/
.div_input_utilisateur, .div_input_mot_de_passe {
    float: none;
    border-color: #d0d7dd;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    width: 300px;
    margin-bottom: 10px;
}

.input_utilisateur, .input_mot_de_passe {
    height: 36px;
    border: none;
    width: 240px;
    font-size: 1.2em;
    letter-spacing: 0.5px;
    margin: 6px 10px;
}

.input_utilisateur_ico, .input_mot_de_passe_ico {
    display: inline-block !important;
    border: none;
    width: 50px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

/*
.input_utilisateur_ico {
    background-image: url("../_client/images/icon-utilisateur.png");
}

.input_mot_de_passe_ico {
    background-image: url("../_client/images/icon-mot_de_passe.png");
}
*/

.password--eye {
    /*right: 54px;*/
	/*top: calc(50% + 1px);*/
}




/* ****************************** */

.message--default {
    width: 400px;
		/*margin-bottom: 10px;*/
    left: 50%;
    transform: translateX(-50%);
    top: 200px;
}



/* Labels */
/*--------*/

.label_acces_revendeur {
    display: block;
    font-size: 2em;
    color: #000000;
    margin-bottom: 32px;
	font-size: 22px;
    font-weight: bold;
    text-transform: none;	
}

.div_ouverture_compte {
/*    border-top: #e9eff4;*/
    display: block;
    margin-top: 20px;
}

.label_ouverture_compte {
    margin-top: 75px;
    padding-top: 35px;
    font-size: 1.2em;
    color: #000000;
    margin-bottom: 5px;
    border-top: 1px solid #c4c4c4;
}

#a_oubli_mot_de_passe {
    text-decoration: underline;
    font-size: 1em;
    float: none;
    margin-top: 15px;
}
										
											

.cartouche_connexion {
    position: absolute; 
    overflow: hidden;
    top: 0; 
    left: 0;
    right: auto; 
    width: 100%; 
    height: 100%; 
    min-height: 600px;
    margin: 0;
    padding: 0;
    background-color: #ffffff; 
    background-image: url("../image/logo.png");
    background-size: 108px 98px;
    background-repeat: no-repeat;
    background-position: center 50px;    
    color: #4a4a4a; 
    opacity: 1;
    
}

.cartouche_connexion > div {
    display: block;
    width: 300px;
    margin-left: 50%;
    transform: translateX(-50%);
}

.label_acces_revendeur {
    padding-top: 180px;
}
										
.cartouche_connexion--mentions_legales {
    display: block !important;
    left: 0;
    bottom: 10px;
}


.cartouche_connexion--raccourcis--items {
    display: none;
}


.page_body--content--image {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    
    bottom: 0; 
    top: 0;     
    padding: 0;
    max-width: 100%;
	min-height: auto;
}

.cartouche_connexion--raccourcis {
	display: block !important;
}



@media all and (min-width: 768px)  { .page_body--content--image { display: block; left: 33.3%;  width: 66.7%; } }
@media all and (min-width: 1024px) { .page_body--content--image { left: 25%; width: 75%; } }
@media all and (min-width: 1920px) { .page_body--content--image { left: 20%; width: 80%; } }



@media all and (min-width: 768px) { .cartouche_connexion { width: 66%; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }
@media all and (min-width: 1024px) { .cartouche_connexion { width: 50%; } }
@media all and (min-width: 1920px) { .cartouche_connexion { width: 39%; } }


@media (max-width : 640px) {

    .cartouche_connexion--raccourcis {
        display: none !important;
    }
    
}

@media (max-height : 720px) {

    .label_acces_revendeur {
        padding-top: 120px;
    }
	
	.cartouche_connexion {
		background-position: center 20px;
	}
	
	.label_ouverture_compte {
		margin-top: 20px;
	}
    
}