/****************************************************************ENTETE***********************************************************/
.menu_mobile, .ico_menu {
	display : none;
}

.ent_login {
	font-size 	: 18px;
	line-height : 1.5;
}

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

/************************************************************PAGE LOGIN*********************************************************/
.cad_login {
	min-width	: 80%;
	max-width 	: max-content;
	padding		: 20px 0px;
}

.log_1 {
	font-size : 18px;
}

.log_2 {
	margin 		: 20px 0px 0px 150px;
	font-size 	: 15px;
	width 	 	: 190px;
}

.log_3 {
	font-size 	: 15px;
	padding		: 10px 0px;
}

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

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

.log_4 {
	width : 340px;
}

.log_4 input {
	font-size	: 15px;
}

/****************************************************************MENU***********************************************************/
.menu {
	display 		: flex;
	flex-wrap 		: wrap;
	justify-content : space-around;
	align-items		: space-around;
	margin-left  	: 2%;
	margin-top		: 4%;
	margin-right 	: 10%;
}

.menu div {
	width  			: 208px;
	height 			: 231px;
	padding 		: 0 5%;
}

/***************************************************************ACCUEIL*********************************************************/
.acc_principal {
	grid-template-columns	: repeat(2,304px);
	grid-template-rows		: repeat(3,114px);
	grid-auto-rows			: 114px;
}

.acc_principal div.acc_pave:nth-child(1) {
    grid-column-start	: 1;
	grid-row-start 		: 1;
	grid-row-end   		: 4;
	height				: 362px;
}

.acc_principal div.acc_pave:nth-child(2) {
	grid-column-start	: 2;	
	grid-row-start 		: 1;
	grid-row-end		: 3;
	height				: 238px;
}

.acc_principal div.acc_pave:nth-child(2) div.acc_pave_inter {
	height 		: 186px;
    overflow-y 	: scroll;	
}

.acc_principal div.acc_pave:nth-child(3) {
	grid-column-start	: 2;	
	grid-row-start 		: 3;
}

.acc_principal div.acc_pave:nth-child(3):not(:empty) {
	height				: 114px;
}

.acc_principal div.acc_pave:nth-child(3) div.acc_pave_titre {
	background-color : #FEE303;
	color			 : black;	
}

.acc_principal div.acc_pave:nth-child(4) {
    grid-column-start	: 1;
	grid-row-start 		: 4;
	grid-row-end   		: 7;
}

.acc_principal div.acc_pave:nth-child(4):not(:empty) {
	height				: 362px;
}

.acc_principal div.acc_pave:nth-child(4) div.acc_pave_inter {
	height 		: 332px;
	overflow-y 	: auto;
}

.acc_principal div.acc_pave:nth-child(5) {
    grid-column-start	: 2;
	grid-row-start 		: 4;
	grid-row-end		: 7;
}

.acc_principal div.acc_pave:nth-child(5):not(:empty) {
	height				: 362px;
}

.acc_principal div.acc_pave:nth-child(5) div.acc_pave_inter {
	height 		: 332px;
	overflow-y 	: auto;
}

.acc_principal div.acc_pave:nth-child(6) {
    grid-column-start	: 1;
	grid-row-start 		: 7;
	height				: 114px;
}

.acc_principal div.acc_pave:nth-child(6) div.acc_pave_inter {
	height 		: 84px;
	overflow-y 	: auto;
}

/***************************************************************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 : 690px;
}

.sign_principal .acc_pave_int button, .sign_principal .acc_pave_int input[type=submit]:nth-child(3) {
	margin-left		 : 20px;
}
	
.sign_principal canvas {
	width 		: 550px;
	height 		: 300px;
	text-align 	: center;	
}
/***************************************************************CALENDRIER******************************************************/
.calendrier {
	width 		: 224px;
}

.jour_sem {
	width 		: 32px;
}

.cal_jour, .cal_jour_prec, .cal_jour_suiv, .cal_jour_sel {
	width 			: 32px;
}

/****************************************************************INTER***********************************************************/
.int_principal {
	grid-template-columns	: 304px 304px;
}

/**************************************************************ERREURS*********************************************************/
.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;
}