#bandeP{
	height:20px;
	border-radius:20px;
	background:#0AA;
	background:linear-gradient(70deg,rgba(0,153,0,0.7)25%,
									rgba(255,44,90,0.7)50%,
									rgba(255,255,0,0.7)100%);
									
	background:-webkit-linear-gradient(70deg,rgba(0,153,0,0.7)25%,
									rgba(255,44,90,0.7)50%,
									rgba(255,255,0,0.7)100%);
	background:-ms-linear-gradient(70deg,rgba(0,153,0,0.7)25%,
									rgba(255,44,90,0.7)50%,
									rgba(255,255,0,0.7)100%);
									
		width:1%;
		font-size: 12px;
		vertical-align:middle;
		text-align:center;
   }

	.nonclasse{
		color:white;
		background:red;
 	}
	.select{
	color:white;
	background:#909090;
	color:blue;
 	background:radial-gradient(#d9edf7 1%,
									 white 10%,
									#3ca3c1 100%);
									
	background:-webkit-radial-gradient(#d9edf7 1%,
									 white 10%,
									#3ca3c1 100%);
	background:-ms-radial-gradient(#d9edf7 1%,
									 white 10%,
									#3ca3c1 100%);

	width:90%;
	border-style: inset;
	border-width:5px;
	border-color:white;
	font-weight:bolder;

	}

.couperDocument{
	display:none;
}
.arrondi_droite{
	/* border:5px outset #4AF; */
	border-radius: 0px  10px 0px 0px ;
}
.arrondi_gauche{
	border:1px;
	border-radius: 10px  0px 0px 0px ;
}
.arrondi_bas{
	/* border:1px; */
	border-radius: 0px  0px 0px 10px ;
}
#entete{
	position:fixed;
	top:0px;
	left:0px;
	height:50px;
	width:100%;
	
}
#com{
     position:fixed;
 	 top:50%;
	 left:0%;
    z-index: 1000;
    width: auto;
    padding: 5px 10px 10px 10px;
    background-color: #2e373f;
    /*background-color: rgba(46, 55, 63, 0.95);*/
    border-radius: 50%;
    -moz-box-shadow: 0 0 10px #555;
    -webkit-box-shadow: 0 0 10px #555;
    box-shadow: 0 0 10px #555;
    font-size: 12px;
	color:white;
	font-weight:bold;
	font-family:elephant;
}



#imgprofil{
	display:absolute;
}

.zonea{position:absolute;
 z-index:1111111111110;
 font-weight:bold;
color:#003399;
top:10px;
left:60px;
}

.zoneb{
	position:relative;
	z-index:10000000000000000000000000000000000000;
	display:none;
	background-color:#eee;
	border-radius:6px 6px 6px 6px;
	border:2px outset #4AF;
	width:200px;
 }
.zonea:hover .zoneb{position:relative; top:+12px;
 left:0px; 
z-index:100000000000000000000000000000000000px;;
 display:block;
}

 .bgimage{
	background-image: url(../fichiers/top-header.png); background-size: cover; background-position: center;
 }
   div[class=groupe_info]{
 	   padding-left:10px;
 	   padding-right:70px;
 	   padding-bottom:10px;
	   border-radius:6px 6px 6px 6px;
	   display:absolute;
	   box-shadow:0 0 10px #3ca3c1;
	   width:100%;
	   text-align:center;
 	background:radial-gradient(#d9edf7 1%,
									 white 10%,
									#3ca3c1 100%);
									
	background:-webkit-radial-gradient(#d9edf7 1%,
									 white 10%,
									#3ca3c1 100%);
	background:-ms-radial-gradient(#d9edf7 1%,
									 white 10%,
									#3ca3c1 100%);
	border:3px outset #3ca3c1;
   }
    div[class=groupe_info]>span{
		position:relative;
		top:-10px;
		left:5px;
		z-index:100;
		text-align:center;
		color:#039;
		font-size:120%;
		font-weight: bold;
		background:radial-gradient(#d9edf7 1%,
										 white 20%,
										#3a87ad 100%);
										
		background:-webkit-radial-gradient(#d9edf7 1%,
										 white 20%,
										#3a87ad 100%);
		background:-ms-radial-gradient(#d9edf7 1%,
										 white 20%,
										#3a87ad 100%);
		border:2px outset #3a87ad;	
		border-radius:10px 0px 10px 0px  ;
		white-space: nowrap;
    }
	span[class=groupe_info]{
		
		text-align:center;
		color:#039;
		font-size:120%;
		font-weight: bold;
		background:radial-gradient(#d9edf7 1%,
										 white 20%,
										#3a87ad 100%);
										
		background:-webkit-radial-gradient(#d9edf7 1%,
										 white 20%,
										#3a87ad 100%);
		background:-ms-radial-gradient(#d9edf7 1%,
										 white 20%,
										#3a87ad 100%);
		border:2px outset #3a87ad;	
		border-radius:10px 0px 10px 0px  ;
		padding: 10px;
		white-space: nowrap;
    }
   div[class=groupe_success]{
	   border:3px outset #468847;
 	   padding-left:10px;
 	   padding-right:10px;
 	   padding-bottom:10px;
	   border-radius:6px 6px 6px 6px;
	   display:absolute;
	   box-shadow:0 0 10px #468847;
	   width:100%;
	   text-align:center;
 	background:radial-gradient(#dff0d8 1%,
									 white 20%,
									#468847 100%);
									
	background:-webkit-radial-gradient(#dff0d8 1%,
									 white 20%,
									#468847 100%);
	background:-ms-radial-gradient(#dff0d8 1%,
									 white 20%,
									#468847 100%);
   }
    div[class=groupe_success]>span{
	position:relative;
	top:-10px;
	left:5px;
	z-index:100;
	text-align:center;
	color:#039;
	font-size:120%;
	font-weight: bold;
 	background:radial-gradient(#dff0d8 1%,
									 white 20%,
									#468847 100%);
									
	background:-webkit-radial-gradient(#dff0d8 1%,
									 white 20%,
									#468847 100%);
	background:-ms-radial-gradient(#dff0d8 1%,
									 white 20%,
									#468847 100%);
	border:2px outset #468847;	
	border-radius:10px 0px 10px 0px  ;
    }
	span[class=groupe_success]{
		position:relative;
		top:-10px;
		left:5px;
		z-index:100;
		text-align:center;
		color:#039;
		font-size:120%;
		font-weight: bold;
		background:radial-gradient(#dff0d8 1%,
										 white 20%,
										#468847 100%);
										
		background:-webkit-radial-gradient(#dff0d8 1%,
										 white 20%,
										#468847 100%);
		background:-ms-radial-gradient(#dff0d8 1%,
										 white 20%,
										#468847 100%);
		border:2px outset #468847;	
		border-radius:10px 0px 10px 0px  ;
    }
   div[class=groupe_danger]{
 	   padding-left:10px;
 	   padding-right:10px;
 	   padding-bottom:10px;
	   border-radius:6px 6px 6px 6px;
	   display:absolute;
	   box-shadow:0 0 10px #b94a48;
	   width:90%;
	   width:90%;
	   text-align:center;
 	background:radial-gradient(#f2dede 1%,
									 white 20%,
									#b94a48 100%);
									
	background:-webkit-radial-gradient(#f2dede 1%,
									 white 20%,
									#b94a48 100%);
	background:-ms-radial-gradient(#f2dede 1%,
									 white 20%,
									#b94a48 100%);
	border:3px outset #b94a48;	
   }
    div[class=groupe_danger]>span{
	position:relative;
	top:-10px;
	left:5px;
	z-index:100;
	text-align:center;
	color:#039;
	font-size:120%;
	font-weight: bold;
 	background:radial-gradient(#f2dede 1%,
									 white 20%,
									#b94a48 100%);
									
	background:-webkit-radial-gradient(#f2dede 1%,
									 white 20%,
									#b94a48 100%);
	background:-ms-radial-gradient(#f2dede 1%,
									 white 20%,
									#b94a48 100%);
	border:3px outset #b94a48;	
	border-radius:10px 0px 10px 0px  ;
    }
	span[class=groupe_danger]{
	position:relative;
	top:-10px;
	left:5px;
	z-index:100;
	text-align:center;
	color:#039;
	font-size:120%;
	font-weight: bold;
 	background:radial-gradient(#f2dede 1%,
									 white 20%,
									#b94a48 100%);
									
	background:-webkit-radial-gradient(#f2dede 1%,
									 white 20%,
									#b94a48 100%);
	background:-ms-radial-gradient(#f2dede 1%,
									 white 20%,
									#b94a48 100%);
	border:3px outset #b94a48;	
	border-radius:10px 0px 10px 0px  ;
    }
	
   img[class=photoExam]{
	   border-radius:6px 6px 6px 6px;
	   display:absolute;
	   background-color:#aaa;
   }
    img[class=photoExam]>span[class=date]{
	position:relative;
	top:-10px;
	left:5px;
	z-index:100;
	border:1px outset #4AF;
	text-align:center;
    }
	
 #pdfPortrait{
	position:fixed;
	display:none;
	background:white;
	z-index:100000000000;
	width: 21cm;
	height: 29,6cm;
	top:0%;
	left:0%;
	border-radius: 2px;
	font-size:100%;
 	border-width: 2px; border-style: dotted; padding: 1em;
	overflow:scroll;
	text-align:justify;
   }
 .infob{
	position:fixed;
	display:none;
	background:#fefefec2;
	z-index:100000000000000000000000000;
	width: 100%;
	height: 100%;
	top:0%;
	left:0%;
	font-size:120%;
	font-family:elephant;
	background-color: rgba(150, 150, 150, 0.838);
	text-align:center;
		-webkit-animation-duration: 1s;
		-webkit-animation-name: agrandissement;
		-webkit-animation-fill-mode: forwards;
		overflow:scroll;
   }
.agrandir{
		-webkit-animation-duration: 1s;
		-webkit-animation-name: agrandissement;
		-webkit-animation-fill-mode: forwards;
}
@keyframes agrandissement {
  from {
    
	width: 0%;
	height: 0%;
	top:50%;
	left:50%;
	display:none;
  }
   to {
    width: 100%;
	height: 100%;
	top:0%;
	left:0%;
	display:block;
  }
}   
.reduire{
		-webkit-animation-duration: 1s;
		-webkit-animation-name: reduit;
		-webkit-animation-fill-mode: forwards;
}
@keyframes reduit{
  from {
    width: 100%;
	height: 100%;
	top:0%;
	left:0%;
	display:block;
   }
   to {
	width: 0%;
	height: 0%;
	top:50%;
	left:50%;
	display:none;
  }
}   
.menu{
  	position:fixed;
	top:0%;left:0%;
	border-radius: 0px 6px 0px 6px;
	z-index:112;
	width:100%;
 }
.bouton_menu{
	border-radius:10px; 
	background-color:#aaa; 
	border-color:white; 
	border-width:2px; 
	color:white; 
	text-width:bold; 
}
.bouton_actif{
	border-color:#3EC4D6; 
	border-radius:10px; 
	background-color:red; 
 	border-width:20; 
	border-color:white; 
	border-bottom-style:inset; 
	color:white; 
}
 .form-check-input{float:left;margin-left:-1.5em}
 .form-check-input{
	 width:1em;
	 height:1em;
	 margin-top:.25em;
	 vertical-align:top;
	 background-color:#fff;
	 background-repeat:no-repeat;
	 background-position:center;
	 background-size:contain;
	 border:1px solid rgba(0,0,0,.25);
	 -webkit-appearance:none;
	 -moz-appearance:none;
	 appearance:none;-webkit-print-color-adjust:exact;
	 color-adjust:exact
	 }
	.form-check-input[type=checkbox]{border-radius:.25em}
	.form-check-input[type=radio]{border-radius:50%}
	.form-check-input:active{filter:brightness(90%)}
	.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
	.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}
	.form-check-input:checked[type=checkbox]{
		background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
		.form-check-inline{display:inline-block;margin-right:1rem}
		.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
		.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}