@import url('//fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&family=Kalam:wght@300;400;700&display=swap');

html {
	overflow-y: scroll;
}

html, body {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	height: 100%;
	background-color: #FFFFFF;
	background-image: url(/images/fond.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: -1;
}

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

#container-body {
	background-color:rgba(250, 250, 250, 0.95);
}

#container-site {
	
}

#entete {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px -5px 15px -3px #000000; 
	box-shadow: 0px -5px 15px -3px #000000
}

#titre-site {
	font-family: "Kalam", serif;
	color: #FF7600;
}

#enpied {
	background-color: #F6F2EE;
	-webkit-box-shadow: 0px 5px 15px -3px #000000; 
	box-shadow: 0px 5px 15px -3px #000000
}

.titre-intro {
	font-family: "Kalam", serif;
	color: #FF7600;
}


.cursor-pointer {
	cursor: pointer;
}

.shadowtoutautour {
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15); 
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15);
}


.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #FF7600 !important;
	border-color: #FD9236 !important;
	color: #FFF;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
	background-color: #FFA85E !important;
	border-color: #FFBB80 !important;
	color: #FFF;
}

.text-bg-primary {
	background-color: #FF7600 !important;
}

.color-bleu {
	color: #123EAB;
}

.color-bleu-turquoise {
	color: #01939A;
}

.color-bleu-turquoise-clairclair {
	color: #47AFB4;
}