/* 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: 0px;
		margin-bottom: 0px;
		float: left;
		width: 100%;
		background: #00915A;
		padding: 0px;
	}

	.img_header_left,
	.img_header_right {
		border: 0px;
		background: #FFF;
		padding: 0px;
		height: 40px;
	}

	.img_header_left  { float: left; }
	.img_header_right { float: right; }

	.top_contener_white {
		margin-top: 20px;
		margin-bottom: 10px;
		float: left;
		width: 100%;
		background: #FFFFFF;
		padding: 0px;
	}

	.img_logo_bnk,
	.img_secure_alpha {
		border: 0px;
		background: #FFF;
		padding: 0px;
		height: 40px;
	}

	.img_logo_bnk { float: left; }

	.img_secure_alpha {
		margin-right: 20px;
		float: right;
	}

	.P_home_titre {
		float: left;
		margin-left: 15px;
		margin-top: 10px;
		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;
	}

	.display_P_home_titre { display: none; }

	.contener_main {
		margin-top: 125px;
		margin-bottom: 0px;
	}

	.contener_main_inside {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.contener_half {
		width: 100%;
		padding: 0px;
	}

	.contener_box_green {
		border-top: 1px solid #238C57;
		border-bottom: 1px solid #4FDE54;
		background: linear-gradient(#008854, #008854);
		padding: 0px;
		min-height: 100vh;
	}

	.main_box { margin: 0px; }
	.h100 { height: 100%; }

	.contener_box_form {
		width: 100%;
		padding: 0px;
	}

	.contener_box_white {
		border: 1px solid #FFFFFF;
		background: #FFFFFF;
		padding: 0px;
		min-height: 100vh;
	}

	.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: #34AB55 1px solid;
		font-weight: normal;
		font-size: 20px;
		color: #212121;
		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_disable {
		border: #34AB55 1px solid;
		font-weight: normal;
		font-size: 20px;
		color: #61C874;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #5DBD78;
		padding: 5px;
		width: 350px;
		height: 40px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.champs_submit {
		border: #30AB53 1px solid;
		font-weight: normal;
		font-size: 14px;
		color: #7ED58E;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #32B557;
		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: #30AB53 1px solid;
		font-weight: normal;
		font-size: 14px;
		color: #7ED58E;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #373737;
		padding: 10px;
		width: 360px;
		height: 50px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.displayed {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.img_menu_alpha {
		margin-right: 10px;
		float: right;
		border: 0px;
		background: #FFF;
		padding: 0px;
		height: 50px;
	}

	.img_foot_icon {
		margin: 5px;
		border: 0px;
		background: #071621;
		padding: 0px;
		width: 40px;
	}

	/* Ton résultat actuel = margin:0 (les margin-top/bottom étaient annulés) */
	.top_contener {
		float: left;
		width: 100%;
		background: #F7F8FA;
		padding: 0px;
		margin: 0px;
	}

	/* Regroupement sans changer les min-height */
	.contener_box_blue,
	.contener_box_blue_inside,
	.contener_box_blue_vir {
		background: #004652;
		padding: 0px;
	}

	.contener_box_blue { min-height: 100vh; }
	.contener_box_blue_inside { min-height: 400px; }
	.contener_box_blue_vir { min-height: 140px; }

	.contener_six {
		float: left;
		width: 90%;
		background: #071621;
		padding: 10px;
	}

	.img_foot_logo {
		margin: 0px;
		border: 0px;
		background: #071621;
		padding: 10px;
		width: 130px;
	}

	.contener_six_auth {
		float: left;
		width: 90%;
		background: #373737;
		padding: 10px;
	}

	.img_foot_logo_auth {
		margin: 0px;
		border: 0px;
		background: #373737;
		padding: 10px;
		width: 130px;
	}

	.img_foot_icon_auth {
		margin: 5px;
		border: 0px;
		background: #373737;
		padding: 0px;
		width: 40px;
	}

	.contener_form_index,
	.contener_form_champs,
	.contener_rib_txt,
	.contener_rib_info {
		float: left;
		width: 100%;
		padding: 5px;
	}

	.contener_green_rib_txt,
	.contener_green_rib_info {
		float: left;
		width: 100%;
		padding: 2px;
	}

	/*
	  OPTION (si tu veux éviter le scroll horizontal sur petits écrans)
	  sans casser l'apparence générale :
	  .champs_compte, .champs_disable, .champs_submit, .champs_submit_on { max-width: 100%; }
	*/

	.header-spacer{
		display:block;
		height:10px;
	}

	.box_white{
	width:70%;
    }
}