.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {

    color:#5a73fb;

}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {

    color: #5a73fb;

}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

    color: #5a73fb;

}
.navbar-light .navbar-nav .nav-link {

    color: #5a73fb;

}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {

    color: #5a73fb;

}
.navbar-light .navbar-brand {

    color: #5a73fb;

}

.bandeau {
	/* width:100%; */
	margin-top:70px;
	/* min-height: 500px; */
	
	background-image : url("./tenor.gif");
	background-repeat: no-repeat;
	background-size: cover;
}

.footer {
	/* width:100%; */
	margin-top:60px;
	background-image : url("./img/footer.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	/* min-height: 500px; */
}

.fond {
	background-image : url("./img/fond.jpg");
	background-repeat: no-repeat;
	/* background-size: 100%; */
	background-position: top left; 
	background-size: 100% 100%;
}

.container-fluid {
	padding-left:0px;
	padding-right:0px;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.page {
	margin-top:10px;
	margin-bottom:10px;
	max-width:95%;
	/* max-width: 95%; */
	/* background-color: yellow; */
	background-color: white;
	/* border-radius: 10px; */
	/* border-style: solid; */
	/* border-width: 2px; */
	padding: 10px;
	margin-bottom: 10px;
}

.contenu {
	margin-top:10px;
	margin-bottom:10px;
	background-color: white;
	border-radius: 10px;
	border-style: solid;
	border-width: 2px;
	padding: 10px;
	margin-bottom: 10px;
	/* margin-right: 5px; */
	height:100%;
}

.without-marge {
	padding-left:0px;
	padding-right:0px;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 1.2rem;
}

.borderframe {
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: blue;
	height: 100%;
}

div {
	padding-bottom: 10px;
}





.pres {
		border: 3px blue solid;
		margin-top: -3px;
	}
	
	.img-pres {
		width: 90%;
		/* max-width: 200px; */
	}




.my-auto {
	margin-top: auto;
	margin-bottom: auto;
}





.rouge {
	background-color: red;
}
.bleu {
	background-color: blue;
}
.jaune {
	background-color: yellow;
}

.radial-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7b7b7+0,ffffff+75,ffffff+100&1+0,0+75,0+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(183,183,183,1) 0%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(183,183,183,1) 0%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(183,183,183,1) 0%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}