/* Configuration des sections de pages */


html {
	width: 100vw;
	height: 100vh;
	overflow:hidden;
}

body{
	height: 98%;
	width: 98%;
	overflow:hidden;
}

p,h1,h2,h3,h4,h5,h6,li, button, label, td, legend, div{
	font-family:arial;
	color:black;
}

.texte_blanc{
	color:white !important;
}

a{
	color:blue;
}

a:hover{
	color:#BE9B61;
}

.pointeur{
	cursor:pointer;
	text-decoration: none;
}

.corps_de_texte{
	font-size:14px;
}

.titre_simple{
	font-size:18px;
	font-weight:bold;
	margin-top: 3px;
    margin-bottom: 6px;
}

#en-tete{
	display:block;
	width:97vw;
	height:6vh;
}

#corps-de-page{
	display:block;
	width:97vw;
	height:86vh;
}

#corps-de-page-iframe{
	display:block;
	width:99.5%;
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

#pied_de_page{
	display:block;
	margin:auto;
	text-align:center;
	width:97vw;
	height:5vh;
}

.centrer{
	margin:auto;
	text-align:center;
}

.inline-block{
	display:inline-block;
}

.sans_interligne{
	margin:0;
	padding:0;
	border:0;
}

/* CSS Pour modifier le placeholder pour les input date */
.holder_date[type="date"]::before{
   content: attr(placeholder)" : ";
   white-space: pre;
}
.holder_date[type="date"]:focus::before {
   content:""!important;
}

.petit_caractere{
	font-family:Arial;
	font-size:12px;
}

.label_upload {
	Display:block;
	background-color: #0057A7;
	color: white;
	padding: 10px;
	font-family: sans-serif;
	border-radius: 0.3rem;
	cursor: pointer;
	margin-bottom:5px;
	margin-top:5px;
	width:80%
}

.label_upload:hover {
	background-color: #D6EAF8;
	color: #0057A7;
}

.label_upload:active {
	background-color: #0057A7;
	color: #D6EAF8;
}

.listePostesOccupes{
	display:inline-block;
	width:46vw;
	height:14.5vh;
	border:1px solid black;
	overflow-y:auto;
	float:right;
	font-size: 2vh;
	margin: 2px;
	padding-top: 5px;
	vertical-align: top;
	background-color:white;
	float:right;
}

/* Configuration pour les PCs et tablette en paysage */
@media (min-width: 701px){
	.logo-en-tete{
		display:inline-block;
		height:100%;
		vertical-align: top;
	}
	
	.titre{
		display: inline-block;
		height: 100%;
		width: 65%;
		vertical-align: top;
		margin: auto;
		text-align: center;
		font-size: 5vh;
		color:rgb(0,87,167);
	}
	
	.logo_pied_page{
		height:100%;
		float:right;
	}
	
	.menu_pied_de_page{
		display: inline-block;
	}
	
	.menu_element_pied_page{
		display: inline;
		padding: 5px;
		font-size: 2vh;
		font-family: arial;
	}
	
	.lien_inline_block{
		display:inline-block;
	}
	
	.image_responsive{
		height: 97%;
		/* vertical-align: middle; */
		margin-left: 5px;
		margin-top: 2px;
	}
	
	.image_pointer{
		display: inline-block;
		height: 3vh;
		float: right;
		position: absolute;
		left: 15vw;
		opacity: 60%;
	}
	
	.inline-block{
		display:inline-block;
	}
}

/* Configuration pour les téléphones */
@media(max-width: 700px){ 
	
}