/* ***********************************************************	*/
/* Definition Font */
/* ***********************************************************	*/
	@font-face
	{
		font-family:'picto_web';
		src : url('../fonts/esope_picto.eot');
		src : 
			url('./fonts/esope_picto.eot?') format('eot'), 
			url('./fonts/esope_picto.woff') format('woff'), 
			url('./fonts/esope_picto.svg#abcd') format('svg'), 
			url('./fonts/esope_picto.ttf') format('truetype');
		
	}
	
	@font-face
	{
		font-family : "v2_text_web"; 
		src : url('fonts/PoppinsRegular.eot');
		src : 
			url('fonts/PoppinsRegular.eot?') format('eot'), 
			url('fonts/PoppinsRegular.woff') format('woff'), 
			url('fonts/PoppinsRegular.svg#abcd') format('svg'), 
			url('fonts/PoppinsRegular.ttf') format('truetype');
	}
	
	@font-face
	{
		font-family : "v2_text_bold"; 
		src : url('fonts/PoppinsSemiBold.eot');
		src : 
			url('fonts/PoppinsSemiBold.eot?') format('eot'), 
			url('fonts/PoppinsSemiBold.woff') format('woff'), 
			url('fonts/PoppinsSemiBold.svg#abcd') format('svg'), 
			url('fonts/PoppinsSemiBold.ttf') format('truetype');
	}

	@font-face
	{
		font-family : "text_link"; 
		src : url('fonts/courrier_new.eot');
		src : 
			url('fonts/courrier_new.eot?') format('eot'), 
			url('fonts/courrier_new.woff') format('woff'), 
			url('fonts/courrier_new.svg#abcd') format('svg'), 
			url('fonts/courrier_new.ttf') format('truetype');
	}
	
/* ***********************************************************	*/
/* Style par defaut */
/* ***********************************************************	*/

	body 
	{
		margin: 0px;  padding: 0px;
		background:#FEF7F1;
		
		font-weight : normal; 
		font-size : 14px; 
		font-family: v2_text_web, arial,helvetica,geneva,sans-serif;
		color : var(--color-bleu);
		text-align:center;
		
		
		/* ***********************************************************	*/
		/* Element Commun */
		/* ***********************************************************	*/
		--content-max-width:1400px;
		--text-max-width:1000px;
		--color-bleu:#3435FF;
		--color-hover-link:#9191ff;
		--color-beige: #FEF7F1;
		--color-orange: #FF8200;
		--color-orange-hover: #ffb56a;
		--color-text-blanc: #FFFAEC;
		--color-hover-link-blanc:#9191ff;
		
	}
	
	h1{display:block; font-family:v2_text_bold; margin:0px; padding:20px 0px; color:var(--color-bleu); border:0; clear:both; font-size:40px; line-height:1em; text-align:center; }
	
	h2{display:block; font-family:v2_text_bold; margin:0px; padding:20px 0px; color:var(--color-bleu); border:0;  clear:both; font-size:30px; line-height:1em; text-align:left; }
	
	h3{display:block; font-family:v2_text_bold; margin:0px; padding:20px 0px; color:var(--color-bleu); border:0;  clear:both; font-size:20px; line-height:1em; text-align:left; }
	
	h4{display:block; font-family:v2_text_web; margin:0px; padding:0px; color:var(--color-bleu); border:0;  clear:both; font-size:18px; line-height:1em; text-align:left; }
	
		
	

	a, a:visited{ color:var(--color-bleu); font-family:v2_text_bold; text-decoration : none; border-bottom:1px solid var(--color-bleu); line-height:20px; transition:all 0.4s ease;}

	a:hover, a:active{color: var(--color-text-hover); border-color: var(--color-text-hover); text-decoration : none;}
	
	
	.btn, .button, a.button{font-family:text_link; font-size:1.2em; text-transform: none; color:#FFFFFF;}

	.content{background:#FFFFFF; max-width:900px; margin:100px auto; border-radius:16px;}
	
/* ***********************************************************	*/
/* Header */
/* ***********************************************************	*/
.header{} 
.header_content{ background:var(--color-beige); box-shadow:0px 0px 0px rgba(0,0,0,0); box-sizing:border-box;}
.header_title{font-size:1.6em; box-sizing:border-box;}


.header_content_user{background:var(--color-beige); border:0; box-shadow:none; }
.user_data{color:var(--color-bleu);}
.user_data div span{color:var(--color-bleu);}
.user_data div strong{color:var(--color-bleu); }
.user_data em{color:var(--color-bleu); }

.user_data:hover{color:var(--color-text-hover);}
.user_data:hover div span{color:var(--color-text-hover);}
.user_data:hover div strong{color:var(--color-text-hover);}
.user_data:hover em{color:var(--color-text-hover);}

.menu_icone div span{background-color: var(--color-bleu);}
.menu_icone div span::before{background-color: var(--color-bleu);}
.menu_icone div span::after{background-color: var(--color-bleu);}
.menu_icone strong{color:var(--color-bleu);}
.menu_item{ border-top:1px var(--color-bleu); background:#FFFFFF; }
.menu_item a{font-weight:normal; font-family:v2_text_web; }

/* ***********************************************************	*/
/* Footer */
/* ***********************************************************	*/
	.footer{display:block;  width:100%; margin:auto; color:var(--color-text-blanc); background:var(--color-bleu); padding:56px; box-sizing:border-box;}
	.footer_content{display:flex;  flex-flow:row wrap; justify-content:space-around; align-items:center; align-content:center; width:100%; box-sizing:border-box;}
	.footer_zone{display:flex;  flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-content:center; box-sizing:border-box;}
	.footer_zone span{display:flex;  flex-flow:row wrap; justify-content:flex-start; align-items:flex-end; align-content:center; box-sizing:border-box;}
	.footer_zone span.footer_logo{align-items:center;}
	.footer_zone span img{margin:0 10px; }
	.footer_zone span img.logo_footer_site{max-height:80px;}
	.footer_zone span img.logo_footer_ba{max-height:40px;}
	.footer_zone span img.logo_footer_rayon{max-height:40px;}
	
	.footer_zone a {border:0;}
	.footer_zone.link a{color:var(--color-text-blanc); font-family:text_link; padding:5px; }
	.footer_zone.link a:hover{color:var(--color-hover-link-blanc);}
	
	
/* ***********************************************************	*/
/* Login */
/* ***********************************************************	*/
	
	.zone_login{background:#FFFFFF; width:100%; max-width:700px; margin:40px auto 40px auto; border-radius:16px;}
	.zone_login h1{border:0; text-align:center;}
	.formulaire.login .form_input input{max-width:calc(100% - 50px);}
	.forgot_password{padding:10px 50px 0 0; text-align:right;}


/* ***********************************************************	*/
/* homepage Etudiant */
/* ***********************************************************	*/
	
	.message_select_passage{color:#000000;}
	
	
/* ***********************************************************	*/
/* Formulaire */
/* ***********************************************************	*/

.form_label{color:var(--color-bleu); font-size:1em;}

.form_input{padding:0; }
.form_input input{border:1px solid var(--color-bleu); max-width:95%;}

.zone_questionnaire_action .button{display:flex; width:220px; padding:5px; font-size:14px;}
.zone_questionnaire_action .button::before, .zone_questionnaire_action a.button::before{display:none;}
.zone_questionnaire_action .button.prev	{font-family:text_link; padding:5px 7px; text-align:center;}
.zone_questionnaire_action .button.save	{font-family:text_link; padding:5px 7px; text-align:center; }
.zone_questionnaire_action .button.next	{font-family:text_link; padding:5px 7px; text-align:center; }
.zone_questionnaire_action .button.send {padding: 5px; text-align:center;}

.btn_add_doc, .btn_add_personne{font-size:13px;}

/* ***********************************************************	*/
/* Responsive design */
/* ***********************************************************	*/
@media screen and (max-width: 600px)
{
	.header_content{justify-content:flex-start;}
	.header_logo{margin:0 10px;}
	.header_logo a:nth-child(2){display:none;}
	.header_title{display:none;}
	.content{margin-top:60px;}
	.footer_zone.link{padding-top:30px;}
	.footer_zone.link a{display:block; text-align:left;}
}