@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	height: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000000;
	background-color: #F5F5F5;
}

a, a:hover {
	color: #000;
	text-decoration: none;
}

#container-site {
	z-index: 1;
}



.text-vert {
	color: #8dc53e;	
}



.text-bleu {
	color: #009EE0;	
}

.text-jauneorange2 {
	color:#dea700
}

.text-jauneorange3 {
	color:#d67610
}

.text-jauneorange4 {
	color:#ca4c1a
}



.bg-jauneorange1 {
	background-color: #FFF164;
}

.bg-jauneorange2 {
	background-color: #DEA700;
}

.bg-jauneorange3 {
	background-color: #D67610;
}

.bg-jauneorange4 {
	background-color: #CA4C1A;
}





.bg-bleuplusclair {
	background-color: #23BAFC;
}

.bg-bleuclair {
	background-color: #07B4FF;
}

.bg-bleu {
	background-color: #009EE0;
}

.bg-bleufonce {
	background-color: #006E9E;
}

.bg-vert {
	background-color: #8dc53e;
}


.border-bleuplusclair {
	border: 1px #23BAFC solid;
}

.border-bleuclair {
	border: 1px #07B4FF solid;
}

.border-bleu {
	border: 1px #009EE0 solid;
}

.border-bleufonce {
	border: 1px #006E9E solid;
}

.border-vert {
	border: 1px #8dc53e solid;
}


.alertreserv {
	font-size: 0.8rem;
}



/* FORMULAIRE */

#modalavert .modal-content {
	border: 5px solid #F00;
}

#avert {
	font-size: 2.5rem;
	line-height: 3rem;
}

.gyro {
	width: 50px;
}

.form-check-label[for="checkdatefin"] {
	font-size: 0.8rem;
}


#accordionMateriel .btn-outline-danger:hover {
	background-color: transparent;
}

#accordionMateriel .btn-outline-danger:hover.active {
	background-color: #dc3545;;
}


.rond40 {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	font-size: 1.8rem;
	line-height: 2.8rem;
}

/*
.card-header .btn::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

.card-header .btn::after {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107";
}
*/


/* ENTETE */

#entete {

}

#entete2 h1 {
	font-size: 2rem;
}

#container-title {
	height: 400px;
	background-image:url('/images/entete_videoprojecteur.jpg');
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
}