html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	/*padding-top: 5%;
	padding-left: 10%;
	padding-right: 10%;*/
	font-family: 'Dosis', sans-serif;
	font-weight:bold;
	letter-spacing:1px;
}

#main {
	padding-top: 3%;
	padding-left: 10%;
	padding-right: 10%;
}

.red {
	color:#C60214;
}

.blue, .elem_container label {
	
	color:#2A4495;
}

.right {
	float:right;
	margin-right:0%;
}

.left {
	float:left;
}

.elem_container {
	width:47%;
	margin-bottom:25px;
	margin-right:2%;
	text-align:left;
	position:relative;
}

input[type='text'], input[type='email'], input[type='tel'], input[type='date'],  select {
	
	width:100%;
	height:32px;
	border:1px solid #979797;
	border-radius:2px;
	box-sizing:border-box;
	padding:3px;
	padding-left:10px;
	/*max-width:460px;*/
}

.elem_container label {
	display:block;
	width:100%;
	text-align:left;
	font-size:15px;
	letter-spacing:1px;
	/*border:1px solid red;*/
	/*max-width:460px;*/
}

.catheader {
	
	font-size: 20px;
	width:100%;
	text-align:left;
	border-bottom:1px solid #C60214;
	margin-bottom:25px;
}

.bigtitle {
	
	width:100%;
	font-size:30px;
	text-align:left;
}

.smalltitle {
	
	width:100%;
	font-size:20px;
	text-align:left;
}

.blacktitle {
	color:#4A494B;
	width:100%;
	font-size:15px;
	text-align:left;
}

input[type='file'] {
	/*display:none;*/
	opacity:0;
	left:0;
	z-index:2;
	height:40px;
	position:absolute;
	cursor:pointer;
}

input[type='radio'] {
	
	margin-top: 10px;
}

.upload_btn {
	
	/*width:150px;*/
	margin-top:5px;
	height:32px;
	background-color:#2A4495;
	color:white;
	border:none;
	border-radius:2px;
	font-size:16px;
	font-family: 'Dosis', sans-serif;
	font-weight:bold;
	padding: 5px 15px;
	letter-spacing:1px;
	cursor:pointer;
	
}

.valid_btn {
	
	/*width:150px;*/
	margin-top:5px;
	height:32px;
	background-color:#61B232;
	color:white;
	border:none;
	border-radius:2px;
	font-size:16px;
	font-family: 'Dosis', sans-serif;
	font-weight:bold;
	padding: 5px 25px;
	letter-spacing:1px;
	cursor:pointer;
	margin-bottom:30px;
}

#erreur_bic, #erreur_iban {
	color:red;
	/*display:none;*/
}


#bloc_sepa {
    border: 1px solid #D3D3D3;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #D0FFD0;
    max-width: 700px;
}

/*#password_clair {
	width: 150px;
}*/


.bouton  {
	/*display:block;*/
	margin-top:5px;
	height:32px;
	background-color:#61B232;
	color:white;
	border:none;
	border-radius:2px;
	font-size:16px;
	font-family: 'Dosis', sans-serif;
	font-weight:bold;
	padding: 5px 25px;
	letter-spacing:1px;
	cursor:pointer;
	text-decoration:none;
}


#banniere {
	
	height:160px;
	background-color:white;
	box-shadow:0px 0px 10px 1px grey;
	width:100%;
}

#banniere #t1 {
	box-sizing:border-box;
	float:left;
	width: 20.5%;
	height:100%;
	text-align:right;
	padding-top: 28px;
}

#banniere #t1 img {
	width:115px;
	margin-right:18%;
}



#banniere #t2 {
	box-sizing:border-box;
	padding-left:1%;
	float:left;
	width: 58%;
}

#banniere #t2 #title_fni {
	
	width:100%;
	text-align:center;
	font-size:50px;
	height: 75px;
}

#banniere #t2 #title_fni img {
	padding-top:28px;
	width:75%;
	vertical-align:middle;
}

#banniere #t2 #sub_btns {
	
	width:100%;
	text-align:left;
	line-height: 90px;
	font-size:15px;
}

#banniere #t2 .btns_fni {
	float:left;
	margin-right:35px;
	font-weight:bold;
	cursor:pointer;
}

#banniere #t2 .btns_fni:last-child {
	margin-right:0px;
}

#banniere #t3 {
	
	float:left;
	width: 20%;
	height:100%;
	line-height:100%;
}

#banniere #t3 .fa-bars {
	margin-top:15%;
	margin-right:15%;
	text-align:right;
	display:none;
	font-size:25px;
	width:100%;
	float:right;
	cursor:pointer;
}

#banniere #t3 .btn_rs {
	margin-top:10%;
	float:left;
	margin-right:12px;
	border:1px solid #c4091e;
	border-radius:999px;
	color:#c4091e;
	padding:10px;
	font-size:15px;
	cursor:pointer;
}

#banniere {
	position:relative;
}

#banniere #t4 {
	display:none;
	position:absolute;
	text-align:center;
	margin-top:150px;
}

#banniere #t4 img {
	width:90%;
}

.essai_luc {
	text-align:center !important;
	font-size:22px !important;
	width:100% !important;
}


#label_signature {
	cursor:pointer;
}

/** {
	border:1px solid purple;
}*/

/*@media only screen and (max-width: 1124px) {
	
	#banniere {
		
		height:140px;
	}
	
	#banniere #t1 img {
		width:90px;
	}
	
	#banniere #t2 .btns_fni {
		float:left;
		margin-right:35px;
		font-weight:bold;
		cursor:pointer;
	}
	
	#banniere #t3 {
		right:0px;
		position:absolute;
		z-index:2;
	}
}*/

#whole_cover {
	
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:150%;
	background-color:black;
	opacity:0.7;
	display:none;
	z-index:0;
	text-align:center;
	padding-top: 30%;
	color:white;
	font-size:25px;
}

@media only screen and (max-width: 1024px) {
	
	#banniere #t1 img {
		width:110px !important;
	}
	
	#banniere {
		height: 20%;
	}
	
	#sub_btns {
		display:none;
	}
	
	
	#title_fni, #t2 {
		height:100% !important;
	}
	
	#t2 img {
		margin-top:30px !important;
		width:80% !important;
	}
	
	#banniere #t3 {
		text-align:right;
	}
	
	#banniere #t3 .fa-bars {
		display:block
	}
	
	#banniere #t3 #btns_rs {
		float:right;
	}
	
	#banniere #t3 .btn_rs {
		margin-top:30%;
	}
	
	
	
	
	
	#sub_btns {
		
		border:1px solid #2C4693;
		position:fixed;
		left:0px;
		top:60px;
		width:99% !important;
		background-color:white;
		z-index:3;
	}
	
	#sub_btns div {
		overflow:hidden;
		font-weight:normal  !important;
		width:97%;
		height:45px;
		line-height:45px;
		padding-left:25px;
		border-bottom:1px solid #2C4693;
	}
	
	#sub_btns div:last-child {
		border-bottom:none;
	}
	
	#sub_btns div:hover {
		
		background-color:#2C4693;
		color:white;
	}
	
}



@media only screen and (max-width: 650px) {
	
	#banniere {
		height:27%;
		box-shadow: none;
		border-bottom:1px solid #D3D3D3;
	}
	
	#banniere #t1 img {
		width:120px;
		margin-left:10px;
	}
	
	
	#banniere #t2 {
		display:none;
		position:absolute;
	}
	
	#banniere #t2 img {
		display:none;
	}
	
	#banniere #t3 {
		
		width:75%;
	}
	
	#banniere #t3 .btn_rs {
		font-size:12px;
		padding:10px;
		margin-left:15px;
		margin-top:30px;
	}
	
	#banniere #t3 .fa-bars {
		margin-top:40px;
		margin-right:0px;
		display:block;
	}
	
	#banniere #t4 {
		display:block;
	}
	
	
	.elem_container {
		
		width:100%;
	}
	
	#mnt_red {
		display:block;
		width:100%;
	}
}

.btnmain {
	
	color: #2A4495;
	/*border:3px solid #2A4495;*/
	padding:5px 15px 7px;
	border-radius:25px;
	display:inline-block;
	cursor:pointer;
}

.btnmain .logo {
	display:inline-block;
}

.btnmain .text {
	
	display:inline-block;
}

#resil {
	color:#c4091e;
	/*border:3px solid #c4091e;*/
}

#fact {
	color: #61B232;
}

#whole_cover3 {
	
	backdrop-filter: blur(2px);
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:150%;
	padding-top:15%;
	background:rgba(255, 255, 255, 0.5);
	display:none;
	z-index:10;
}