/****************************************************************ENTETE***********************************************************/
.ent_titre, .ent_login {
	display : none;
}

.ent_gauche {
	padding-left : 0px;
}

.ico_menu {
	height 		: 100%;
	flex		: 1;
	text-align 	: right;
}

.ico_menu button {
	cursor 			: pointer;
	height 			: 55px;
	border-radius 	: 0px;
	font-size 		: 1.25rem;
	line-height		: 1;
	padding 		: 0.25rem 0.75rem;
	border 			: 1px solid white;
	background		: none;
}

.ico_men {
	background-image	: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	content 			: "";	
	display 			: inline-block;
	width 				: 1.5em;
	height 				: 1.5em;
	vertical-align 		: middle;
}

.menu_mobile {
	position 			: absolute;
	background-color 	: #00485F;
	top 				: 120px;
	width 				: 100%;
	display 			: none;
	border-bottom 		: solid 2px white;
	padding-bottom		: 15px;
}

.menu_mobile .ent_login {
	display 		: block;
	margin-left 	: 2%;
	font-size 		: 18px;
	line-height 	: 1.5;
}

/****************************************************************PAGE***********************************************************/
.pag_men {
	display : none;
}

#page {
	background-size		: 100% auto;
	background-position : bottom right;
}

.pag_int {
	background-size		: 100% auto;
	background-position : bottom right;	
	background-image 	: url("images/fond.jpg");
	background-repeat 	: no-repeat;	
	width 				: 100%;
}

/************************************************************PAGE LOGIN********************************************************/
.cad_login {
	margin-bottom : 100px;
	padding		  : 0px 15px;
}

.log_1 {
	font-size 		: 20px;
}

.log_2 {
	margin-top 	: 30px;
	font-size 	: 17px;
	width 	 	: 210px;
	margin-left : calc(100% - 210px);
}

.log_3 {
	font-size 	: 15px;
	padding		: 10px 0px;
	margin-left : calc(100% - 345px);
}

.log_3 div:nth-child(1) {
	width 		: 135px;
}

.log_3 div input {
	font-size 	: 15px;
	width 		: 210px;
}

.log_4 {
	margin-left : 10%;
}

.log_4 input {
	width		: 50px;
	font-size	: 15px;
	margin 		: 5px 0px 5px 235px;
}

/****************************************************************MENU***********************************************************/
.menu {
	margin 		 : 5% 4% 0% 4%;
}

.menu div {
	min-height		: 100px;
	max-height 		: max-content;
	margin-bottom 	: 3%;
}

/****************************************************************INTER***********************************************************/
.acc_pave_int {
	margin		 : 10px 5px;
	line-height	 : 1.5;
}
/***************************************************************ACCUEIL*********************************************************/
.acc_principal div.acc_pave:nth-child(3) div.acc_pave_titre {
	background-color : #FEE303;
	color			 : black;	
}

/****************************************************************RAPPORT***********************************************************/
.rap_principal {
	grid-template-columns	: auto;
	grid-template-rows 		: auto;
}

.rap_principal div.acc_pave div.acc_pave_int input[type=text] { width	: 120px; }

.rap_principal div.acc_pave div.acc_pave_int label {	
	text-align  : left;
	display 	: inline-block;
	width 		: 140px; 		
}

.rap_principal div.acc_pave div.acc_pave_int div button:nth-child(3) { margin-left : 10px; }

.rap_principal div.acc_pave:nth-child(n+5) div.acc_pave_int label {	
	display 	: block;
	width		: auto;
	text-align  : left;
}

.rap_principal div.acc_pave:nth-child(5) div.acc_pave_int div button:nth-child(n+2) { margin-left : 7px; }

.rap_principal div.acc_pave:nth-child(n+6) div.acc_pave_int div button:nth-child(n+3) {	margin-left : 7px; }

.rap_principal div.acc_pave:nth-child(n+5) div.acc_pave_int div { text-align  : center; }

.rap_principal div.acc_pave div.acc_pave_int textarea { width : 100%; }

.rap_principal div.acc_pave div.acc_pave_int div:nth-child(n+2) { margin-top : 15px; }

/****************************************************************SECURITE***********************************************************/
.sec_principal  {
	grid-template-columns	: auto;
	grid-template-rows 		: auto;
}

.sec_principal .acc_pave_titre {
	height 			 : auto;
	padding			 : 10px 5px;
	font-size 		 : 15px;
}

.sec_principal > div.acc_pave > div.acc_pave_int { text-align  : center; }

div.qsc_ssmenu { 
	margin-top : 10px;
	text-align : left; 
}

div.qsc_ssmenu > div:nth-child(1) { margin-bottom : 10px; }

.sec_principal div.acc_pave div.acc_pave_int button { margin-left : 10px; }

div.qsc_ssmenu > div:nth-child(n+2) { 
	display 	: flex;
	align-items : center;
}

div.qsc_ssmenu > div:nth-child(n+2) > label { width : 200px; }

div.qsc_ssmenu > div:nth-child(n+3) { margin-top : 15px; }

/****************************************************************SIGNATURE***********************************************************/
.sign_principal { width : 100%; }

.sign_principal canvas {
	width 		: 100%;
	height 		: 200px;
	text-align 	: center;	
}
/***************************************************************ERREUR*********************************************************/
.error {
	display : block;
	width : 100%;
	padding : 0px 15px 20px 15px;
}

.error_img, .error_txt  { width : 100%; }

.error_txt > div:nth-child(1) {
	font-size 	: 28px;
	margin-top 	: 32px;
}

.error_txt > div:nth-child(2) { margin-top : 52px; }

.error_txt > div:nth-child(3) { margin-top : 20px; }

.error_txt > div:nth-child(4) { margin-top : 30px; }

.error_txt > div:nth-child(4) a  { font-size : 16px; }

.error_txt { font-size : 18px; }