* {
	box-sizing : border-box;
}

@font-face {
	font-family	 : "Glasgow-Bold";
	src: url('fonts/Glasgow-Bold.ttf');
}

@font-face {
	font-family	 : "Century-Gothic-Std-Bold";
	src: url('../fonts/GOTHIC.ttf');
}

@font-face {
	font-family	 : "Century-Gothic-Std-Bold";
	src: url('fonts/CenturyGothicStd-Bold.otf');
	font-weight	: Bold;
}

@font-face {
	font-family	 : "Museo_Slab_300";
	src: url('fonts/MuseoSlab-300.otf');
}

html {
	height : 100%;
}

body {
	min-height			: calc(100vh - calc(100vh - 100%));
	width				: 100%;
	display 			: flex;
	flex-direction		: column;
	margin				: 0;
	font-family 		: Century-Gothic-Std-Bold,CenturyGothic,AppleGothic,sans-serif;
}

table, td, p {
	margin				: 0px;
	padding 			: 0px;
}

img {
	border				 : none;
}

button, ul {
	margin	  			: 0;
	padding    			: 0;
}

input {
	margin 				: 0;
}

fieldset {
	margin  			: 0;
	padding 			: 0;
}

/****************************************************************ENTETE***********************************************************/
#entete {
	background-color 	: #00485F;
	padding 			: 0.5rem 1rem;
	display 			: flex;
	justify-content		: space-between;
	align-items			: center;
}

.ent_gauche {
	display			: flex;
	padding-left	: 15px;
}

.ent_logo img {
	max-width 		: 197px;
	box-shadow		: 5px 5px 5px rgb(0,0,0,0.6);
}

.ent_titre img {
	margin-left 	: 15px;
	max-width 		: 137px;	
}

.ent_login {
	color 			: white;
	padding-right 	: 20px;
	text-align 		: right;
}

.ent_login a {
	background-color : #0099E1;
	color 			 : white;
	text-decoration  : none;
	padding 		 : 2px 5px;
}

/****************************************************************PAGE***********************************************************/
#page {
	display				: flex;
	background-image 	: url("images/fond.jpg");
	background-repeat 	: no-repeat;	
	flex				: 1;
}

.pag_men {
	width				: 31%;
	padding 			: 0.5rem 0 0.5rem 1rem;
}

.pag_int {
	padding 		: 0.5rem 1rem 0.5rem 1rem;
	width			: 69%;
}

/****************************************************************PAGE LOGIN******************************************************/
.cad_login {
	background-color 	: #00485F;	
	margin 				: 5% auto;
	display 			: flex;
	justify-content		: center;
	align-items			: center;
}

.jaune {
	color : #FFE12D;
}

.bleu {
	color : #0099E1;
}

.log_1 {
	color 		: white;
	font-family : Glasgow-Bold;	
	line-height : 1.2;
}

.log_2 {
	color 			 : white;	
	background-color : #0099E1;
	padding 		 : 2px 5px;
}

.log_3 {
	color 		: white;
	display 	: flex;
	align-items : center;
}

.log_3 div:nth-child(1) {
	text-align 		: right;
	padding-right 	: 5px;
}

.log_3 div input {
	border 				: solid 1px black;
	background-color 	: #E3E3E3;
}

.log_4 {
	color 		: white;
	text-align  : right;
}

.log_4 input {
	background-color 	: #0099E1;
	border-style 		: outset;
	border-color 		: #0099E1;
	padding 			: 3px 5px 3px 5px;
	color 				: white;
}

/***************************************************************ACCUEIL*********************************************************/
.acc_principal {
	padding					: 30px 31px;
	margin 					: 0px auto;
	background-color		: rgba(255,255,255, .5);
	font-size 				: 15px;
	display					: grid;
	grid-column-gap			: 30px;
	grid-row-gap			: 10px;	
}

.acc_pave {
	background-color 	: #FFFFFF;
	height				: min-content;
}

.border {
	border 	: solid 1px #B5B5B5;
}

.acc_pave div.acc_pave_titre:not(:first-child) {
	border-top 	: solid 1px #B5B5B5;
}

.acc_pave_titre {
	background-color : #0099E1;
	color			 : white;
	border-bottom 	 : solid 1px #B5B5B5;
	height		 	 : 30px;
	display			 : flex;
	align-items 	 : center;
	padding-left	 : 40px;
	font-size 		 : 15px;
}

.acc_pave_titre img {
	height 		 : 15px;
	margin-right : 10px;
}

.acc_cal {
	height				: 332px;
	text-align 			: center;
	padding-top			: 10px;
}

.acc_cal object {
	height : 100%;
	width : 287px;
}

.acc_inter {
	display 	 : flex;
	align-items  : center;
	margin		 : 10px 15px;
}

.acc_inter img {
	height : 10px;
	margin : 0px 10px;
}

.acc_inter a {
	color : black;
}

/***************************************************************CALENDRIER******************************************************/
.calendrier {
	width 		: 287px;
	color		: #858585;
	font-size	: 15px;
}

.cal_titre {
	background-color : #00485F;
	color 			 : white;
	padding			 : 5px 5px;
	font-size 		 : 18px;
	height			 : 40px;
}

.cal_titre input {
	border 		: none;
	background 	: none;
	color 		: white;
	padding		: 0px;
	font-size	: 18px;
}

.cal_titre div:nth-child(2) {
	flex 		: 1;
	text-align 	: center;
}

.cal_titre, .cal_sem, .cal_ligne {
	display 		: flex;
	justify-content : center;
	align-items 	: center;
}

.cal_sem {
	height : 30px;
}

.cal_ligne {
	border-style : solid;
	border-color : #ECECEC;
	border-width : 2px 0px 0px 2px;
}

.calendrier div.cal_ligne:last-child {
	border-bottom : solid 2px #ECECEC;
}

.jour_sem {
	width 		: 41px;
	text-align 	: center;
	font-size	: 12px;
	margin		: 5px 0px;	
}

.cal_jour_prec, .cal_jour_suiv {
	color : #F2F2F2;
}

.cal_jour_sel {
	color 				: white;
	background-color 	: #00485F;
}

.cal_jour, .cal_jour_prec, .cal_jour_suiv, .cal_jour_sel {
	width 			: 41px;
	height 			: 30px;
	display 		: flex;
	justify-content : center;
	align-items 	: center;
	border-right 	: solid 2px #ECECEC;
}
/****************************************************************MENU***********************************************************/
.menu div {
	color 			: white;
	display 		: flex;
	align-items 	: center;
	justify-content : center;
	padding			: 5px 15px 5px 15px;
	font-size 		: 20px;
	border			: 2px solid #FFFFFF;
}

.menu div a {
	color 			: white;
	text-decoration : none;
	display 		: flex;
	width 			: 100%;
	height 			: 100%;
	align-items 	: center;
	text-align		: center;
	justify-content : center;
}

.menu_rapide {
	width				: 80%;
	margin-left			: 20%;
	padding-bottom 		: 10px;
	margin-top			: 4%;
}

.menu_rapide div {
	font-size 		: 15px;
	text-align 		: center;
	margin-bottom 	: 3%;
	display 		: flex;
	height 			: 35px;
	align-items 	: center;
	justify-content : center;
}

.menu_rapide div a {
	color 			: white;
	text-decoration : none;	
}

/****************************************************************INTER***********************************************************/
form {
	margin : 0px auto;
}

.int_principal {
	padding					: 30px 31px;
	margin 					: 0px auto;
	background-color		: rgba(255,255,255, .5);
	font-size 				: 15px;
	height					: 100%;
	display					: grid;
	grid-column-gap			: 30px;
	grid-row-gap			: 10px;	
}

.acc_pave_int {
	margin		 : 10px 15px;
	line-height	 : 1.5;
}

.acc_pave_int input[type=submit] {
	width			 : 150px;
	font-size 		 : 15px;
	border 			 : outset 2px #858585;
	padding			 : 5px 0px 5px 50px;
	text-align 		 : left;
	margin-top		 : 10px;
}

.center {
	text-align : center;
}

.btn_debuter {
    background-image	: url("images/ico_debuter.png");
    background-repeat	: no-repeat;
  	background-position : 10px;
  	background-size		: 20px;	
}

.btn_annuler {
    background-image	: url("images/ico_annuler.png");
    background-repeat	: no-repeat;
  	background-position : 10px;
  	background-size		: 20px;
}

.btn_interrompre {
    background-image	: url("images/ico_interrompre.png");
    background-repeat	: no-repeat;
  	background-position : 10px;
  	background-size		: 20px;
}

.btn_terminer {
    background-image	: url("images/ico_terminer.png");
    background-repeat	: no-repeat;
  	background-position : 10px;
  	background-size		: 20px;
}

.btn_retour {
    background-image	: url("images/ico_retour.png");
    background-repeat	: no-repeat;
  	background-position : 10px;
  	background-size		: 20px;
}

.btn_rapport {
    background-image	: url("images/ico_rapports_btn.png");
    background-repeat	: no-repeat;
  	background-position : 10px;
  	background-size		: 20px;	
}

.btn_signature {
    background-image	: url("images/ico_signature_btn.png");
    background-repeat	: no-repeat;
  	background-position : 10px;
  	background-size		: 20px;	
}

.pave_planif {
	border-bottom 	: solid 1px #B5B5B5;
	line-height		: 2;
}

.bat_lig_1 {
	text-decoration : underline;
}

.bat_lig_2 {
	margin-left : 10px;

}

thead th, tbody td {
	border	: 1px solid black;
	padding	: 10px;
}

/****************************************************************PIED***********************************************************/
#pied {
	background-color 	: #00485F;
	padding				: 0.5rem 1rem;
	display 			: flex;
	justify-content		: space-between;
	align-items 		: center;
}

.pie_img { 
	margin-left : 15px;
}

.pie_img img {
	width 			: 35px;
	border-radius 	: 3px;
	border-style	: none;
	vertical-align 	: middle;
}

.pie_leg {
	border 		: solid 1px white;
}

.pie_leg a {
	color 			: #FFFFFF;
	font-family 	: Museo_Slab_300;
	padding 		: 5px;
	text-decoration : none;
	display			: inline-block;
}

/****************************************************************RAPPORT***********************************************************/
.rap_principal {
	padding					: 30px 31px;
	margin 					: 0px auto;
	background-color		: rgba(255,255,255, .5);
	font-size 				: 15px;
	display					: grid;
	grid-column-gap			: 30px;
	grid-row-gap			: 10px;	
}

.rap_btn {
	font-family			: Century-Gothic-Std-Bold;
	font-size 			: 14px;
    padding				: 5px;
    text-decoration		: none;
    background-color	: #FFFFFF;
	color				: #000000;
    border-color		: #000000;
    border-radius		: 5px;
	border-style 		: solid;
}

.rap_btn_sel {
    background-color	: #FEE303;
    text-decoration		: none;
    color				: #000000;
    padding				: 5px;
    border-radius		: 5px;
	border-style		: solid;
    border-color		: #000000;
	font-size 			: 14px;
	font-family			: Century-Gothic-Std-Bold;
}

.rap_principal div.acc_pave div.acc_pave_int div.rad_cache {	
	display : none;
}

.rap_principal div.acc_pave button.rap_btn, .rap_principal div.acc_pave button.rap_btn_sel {	
	width : 50px;
}

.rap_principal div.acc_pave:nth-child(n+5) button.rap_btn, .rap_principal div.acc_pave:nth-child(n+5) button.rap_btn_sel {	
	width : 88px;
}

/****************************************************************SECURITE***********************************************************/
.sec_principal {
	padding					: 30px 31px;
	margin 					: 0px auto;
	background-color		: rgba(255,255,255, .5);
	font-size 				: 15px;
	display 				: grid;
	grid-column-gap			: 30px;
	grid-row-gap			: 10px;	
}

.sec_principal .acc_pave_titre {
	background-color : #0099E1;
	color			 : white;
	border-bottom 	 : solid 1px #B5B5B5;
	display			 : flex;
	align-items 	 : center;
}

.sec_principal div.acc_pave div.acc_pave_int div.rad_cache, .sec_principal div.qsc_ssmenu {	display : none; }

.sec_principal div.acc_pave button.rap_btn, .sec_principal div.acc_pave button.rap_btn_sel { 
	width 	: 50px; 
	height 	: 31px;
}

div.qsc_ssmenu > div:nth-child(1) { font-style 	  : italic; }

div.qsc_ssmenu > div:nth-child(n+2) > label { display : inline-block; }

/*************************************************************SIGNATURE***********************************************/
.sign_principal {
	padding					: 30px 31px;
	margin 					: 0px auto;
	background-color		: rgba(255,255,255, .5);
	font-size 				: 15px;
}

.sign_principal .acc_pave_int button {
	width			 : 150px;
	font-size 		 : 15px;
	border 			 : outset 2px #858585;
	padding			 : 5px 0px 5px 50px;
	text-align 		 : left;
	margin-top		 : 10px;
}

.sign_principal canvas {
	position : relative;
	border	 : 2px solid #c4caac;
}

.sign_principal .acc_pave_int div {
	text-align : center;
}
/****************************************************************ERREURS***********************************************************/
.err_principal {
	padding					: 30px 31px;
	margin 					: 0px auto;
	background-color		: rgba(255,255,255, .5);
	font-size 				: 15px;
}

.error {
	display : flex;
	justify-content : space-around;
	align-items : center;
	width 	: 86%;
	height : 100%;
	margin : auto;
	background-color : #FFFFFF;
	opacity	: 0.8;
}

.error_img {
	width : 57%;
}

.error_img img {
	width : 100%;
}

.error_txt {
	width : 32%;
}

.error_txt > div:nth-child(1), .error_txt > div:nth-child(2) {
	font-family 	: EncodeSans;
	font-weight 	: bold;
	font-style 		: normal;
	font-stretch 	: expanded;
	letter-spacing 	: normal;
}

.error_txt > div:nth-child(4) {
	display 		: flex;
	justify-content : space-between;
}

.error_txt > div:nth-child(4) a  {
	color 			: #00485F;											
	font-family 	: EncodeSans;
	font-weight 	: bold;
	font-style 		: normal;
	font-stretch 	: expanded;
	letter-spacing 	: normal;
	text-decoration : none;
}

.error_txt > div:nth-child(4) div {
	border-bottom 	: solid 2px #00485F;							
	padding 		: 2px 0px;
}