body {
	font-family: robotoregular;
	height: 100%;
	min-height: 100vh;
	position: relative;
}

h1,
h3 {
	font-family: robotomedium;
	color: #003364;
}

h2 {
	font-family: robotomedium;
	font-size: 1.2em !important
}

p {
	font-family: robotoregular;
}

.navbar-dark .navbar-nav .nav-link {
	color: white !important;
	transition: all 0.3s ease-in;
	font-variant: small-caps;
	margin-left: 1em;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: grey !important;
}

.btn-primary {
	background-color: #003364 !important;
	color: white;
	font-family: robotomedium;
	border: white !important;
}


.btn-primary:hover {
	background-color: #2f4c75 !important;
}

.blue {
	color: #003364;
	font-family: robotomedium;
}

.font-weight-bold {
	font-family: robotomedium;
}

.bg-blue {
	background-color: #003364;
}

.bg-login {
	min-height: 100vh;
	height: 100%;
	background: url(../images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.main-body {
	background: url(../images/bg-main.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.bg-top {
	min-height: 70vh;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.mh-70 {
	min-height: 70vh;
}

.bg-main {
	background: url(../images/main.jpg) no-repeat center center fixed;

}

.bg-histoire {
	background: url(../images/main-histoire.jpg) no-repeat center center fixed;
	background-size: 100%;
}

.bg-maladie {
	background: url(../images/main-maladie.jpg) no-repeat center center fixed;
}

.bg-contact {
	background: url(../images/main-contact.jpg) no-repeat center center fixed;
}

.font-2 {
	font-size: 1.3em;
}

.navbar input,
.navbar button,
.font-demi {
	font-size: 0.8em;
}

.bg-black {
	background-color: black;
}



.bg-transp {
	background-color: rgba(255, 255, 255, 0.8);
}

.bg-transp-2 {
	background-color: rgba(255, 255, 255, 0.9);
}

.font-small {
	font-size: 0.9em;
}

.bg-white {
	background-color: white;
}

.vertical-align {
	z-index: 100;
	position: fixed !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


footer {
	background-color: black;
	text-align: center;
	color: white;
	padding: 2em 0 2em 0;

}

footer a {

	color: white;
}

@font-face {
	font-family: 'robotomedium';
	src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
		url('../fonts/roboto-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
		url('../fonts/roboto-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}


@media (max-device-width:768px) and (orientation: landscape) {

	.mobile-column,
	#block-1,
	#block-2,
	#block-3 {
		flex-direction: column !important;
	}




}


@media (max-width: 640px) {
	.bg-histoire {
		background-size: cover;

	}

	.mobile-column,
	#block-1,
	#block-2,
	#block-3 {
		flex-direction: column !important;
	}

	.navbar img {
		display: none
	}

	.navbar {
		text-align: center;
	}


}