/* CSS Document */

/* Ecran Telephone */
@media (max-width: 1095px)
{
	.left {
		float: left;
	}
	.right {
		float: right;
	}
	.display_right {
    	display: none;
	}
	.display_left {
    	display: block;
	}
	.top_contener_header {
		margin-top: 0;
		margin-bottom: 0;
		float: left;
		width: 100%;
		background: #2E7BEF;
		padding: 0;
	}
	.img_header_left {
		float: left;
		border: 0;
		background: #FFF;
		vertical-align: middle;
		padding: 0;
		height: 40px;
	}
	.img_header_right {
		float: right;
		border: 0;
		background: #FFF;
		vertical-align: middle;
		padding: 0;
		height: 40px;
	}
	.top_contener_white {
		margin-top: 20px;
		margin-bottom: 10px;
		float: left;
		width: 100%;
		background: #FFFFFF;
		padding: 0;
	}
	.img_logo_bnk {
		float: left;
		border: 0;
		background: #FFF;
		vertical-align: middle;
		padding: 0;
		height: 40px;
	}
	.img_foot_icon {
		margin: 5px;
		border: 0;
		background: #071621;
		padding: 0;
		width: 40px;
	}
	.img_foot_logo {
		margin: 0;
		border: 0;
		background: #041837;
		padding: 10px;
		width: 130px;
	}
	.display_P_home_titre {
		display: none;
	}
	.P_home_titre {
		float: left;
		margin-left: 15px;
		margin-top: 10px;
		vertical-align: middle;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-style: normal;
		line-height: normal;
		font-weight: bold;
		font-variant: normal;
		text-transform: none;
		color: #000;
		text-decoration: none;
		display: none;
	}
	.img_secure_alpha {
		margin-right: 20px;
		float: right;
		border: 0;
		background: #FFF;
		vertical-align: middle;
		padding: 0;
		height: 40px;
	}
	.img_menu_alpha {
		margin-right: 10px;
		float: right;
		border: 0;
		background: #FFF;
		vertical-align: middle;
		padding: 0;
		height: 40px;
	}
	.contener_main_inside {
		margin-top: 0;
		margin-bottom: 0;
	}
	.contener_box_green {	
		border-top: 1px solid #082B65;
		border-bottom: 1px solid #004680;
		background: linear-gradient(#082B65, #004680);
		vertical-align: middle;
		padding: 0;
		min-height: 100vh;
	}
	.h100 {
	  	height: 100%;
	}
	.contener_half {
		width: 100%;
		padding: 0;
	}
	.main_box {
		margin: 0;
	}
	.top_contener {
		float: left;
		width: 100%;
		background: #F7F8FA;
		margin: 0;
	}
	.contener_box_form {
		width: 100%;
		padding: 0;
	}
	.contener_box_white {	
		border: 1px solid #FFFFFF;
		background: #FFFFFF;
		vertical-align: middle;
		padding: 0;
		min-height: 100vh;
	}
	.contener_box_blue {
		background: #082B65;
		vertical-align: middle;
		padding: 0;
		min-height: 100vh;
	}
	.contener_box_blue_inside {
		background: #082B65;
		vertical-align: middle;
		padding: 0;
		min-height: 400px;
	}
	.contener_box_blue_vir {
		background: #082B65;
		vertical-align: middle;
		padding: 0;
		min-height: 140px;
	}
	.contener_six {
		float: left;
		width: 90%;
		background: #041837;
		padding: 10px;
	}
	.contener_form_index {
		float: left;
		width: 100%;
		padding: 5px;
	}
	.contener_form_champs {
		float: left;
		width: 100%;
		padding: 5px;
	}
	.contener_form_role {
		float: left;
		width: 100%;
		padding: 5px;
	}
	.P_blanc_titre {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-style: normal;
		line-height: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		color: #FFF;
		text-decoration: none;
	}
	.P_blanc_16 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-style: normal;
		line-height: normal;
		font-weight: bold;
		font-variant: normal;
		text-transform: none;
		color: #FFF;
		text-decoration: none;
	}
	.champs_compte {
		BORDER: #005AA4 1px solid;
		FONT-WEIGHT: normal;
		FONT-SIZE: 20px;
		COLOR: #082B65;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #FFFFFF;
		padding: 5px;
		width: 350px;
		height: 40px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.champs_compte_wrong {
		BORDER: #F03 1px solid;
		FONT-WEIGHT: normal;
		FONT-SIZE: 20px;
		COLOR: #082B65;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #FFCCCC;
		padding: 5px;
		width: 350px;
		height: 40px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.champs_disable {
		BORDER: #005AA4 1px solid;
		FONT-WEIGHT: normal;
		FONT-SIZE: 20px;
		COLOR: #61C874;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #004680;
		padding: 5px;
		width: 350px;
		height: 40px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.champs_submit {
		BORDER: #005AA4 1px solid;
		FONT-WEIGHT: normal;
		FONT-SIZE: 14px;
		COLOR: #005AA4;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #003662;
		padding: 10px;
		width: 360px;
		height: 50px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.champs_submit_on {
		BORDER: #E79756 1px solid;
		FONT-WEIGHT: normal;
		FONT-SIZE: 14px;
		COLOR: #FFFFFF;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #E1802F;
		padding: 10px;
		width: 360px;
		height: 50px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.img_foot_icon_auth {
		margin: 5px;
		border: 0;
		background: #041837;
		padding: 0;
		width: 40px;
	}
	.img_foot_logo_auth {
		margin: 0;
		border: 0;
		background: #041837;
		padding: 10px;
		width: 130px;
	}
	.contener_col_right {
		float: left;
		width: 100%;
		padding: 2px;
	}
	.conteneur_row {
        display: flex;
        flex-direction: column;
    }
    .contener_col_left,
    .contener_col_right {
        flex: 0 0 100%;
        padding: 5px;
    }
}