@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto&display=swap');

html, body{
	font-family: 'Poppins', sans-serif !important;
	background-color: #FFFFFF;
}

.navbar-light .navbar-toggler{
	color: #FFFFFF !important;
	border-color: #FFFFFF !important;
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.lien-blanc{
	color: #FFFFFF;
}

.lien-blanc:hover{
	color: #FFFFFF;
}

.article{
	color: #28AE60;
	font-weight: bold;

}

.bg-bleu{
	background-color: #fbf9ff;
}

hr{
	border: 1px solid white;
}

.titre-section-blog{
	font-size: 20px;
	margin-bottom: 40px;
	width: 100%;
	padding: 15px 15px 0 15px;
	width: 100%;
}

.titre-section-blog::after {
    content: "";
    display: block;
    padding-top: 15px;
    border-bottom: 1px solid 
    #f0e9ff;
}

.table .thead-light th{
	color: #FFFFFF !important;
	background-color: #28AE60 !important;
	border-color: #96b939 !important;
}

.table thead th{
	border-bottom: 2px solid #96b939 !important;
}

.nopuce{
	list-style: none;
}

.nopuce a{
	color: #FFFFFF;
}

.nopuce a:hover{
	color: #FFFFFF;
}

.wh200{
	max-width: 200px;
	max-height: 200px; 
}

.bg-vert{
	background-color: #28AE60;
	padding-top: 100px;
	padding-bottom: 100px;
	color: #FFFFFF;
	text-align: center;
}

.bg-gris{
	background-color: #E0E0E0;
	padding-top: 20px;
	padding-bottom: 20px;
}

.bg-noir{
	background-color: #2C2C2C;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
}

.p_rel{
	position: relative;
}

.thumb_description{
	position: absolute;
	top: auto;
	bottom: 0;
	left: 15px;
	height: 100%;
	width: calc(100% - 30px);
	background-color: #28a745;
	color: #FFFFFF;
	opacity: 0;
	transition: opacity 0.7s;
	flex-wrap: wrap;
	flex-direction: column;
}

.thumb_description:hover{
	opacity: 0.9;
}

.thumb_description a{
	color: #FFFFFF;
	text-decoration: none;
}

.thumb_description a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.job-form-box2 {
	color: #FFFFFF;
    padding: 50px 0;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

.mw50{
	max-width: 50%;
}

.pt20{
	padding-top: 20px;
}

.align-center{
	display: flex;
	align-items: center;
	justify-content: center;
}

.bandeau-contact{
	background: center center url('../../public/pictures/bandeau/contact.jpg');
    background-size: 100% 100%;
}

.bandeau-terms{
	background: center center url('../../public/pictures/bandeau/terms.jpg');
    background-size: 100% 100%;
}

.bandeau-blog{
	background: center center url('../../public/pictures/bandeau/blog.jpg');
    background-size: 100% 100%;
}

.bandeau-cgv{
	background: center center url('../../public/pictures/bandeau/terms.jpg');
    background-size: 100% 100%;
}

.bandeau-cgm{
	background: center center url('../../public/pictures/bandeau/terms.jpg');
    background-size: 100% 100%;
}

.bandeau-index{
	background-image: url('../pictures/carousel/first-slide-xl.jpg') !important;
	background-size: 100% 100%;
}

.bandeau-tarifs{
	background: center center url('../../public/pictures/bandeau/tarifs.jpg');
    background-size: 100% 100%;
}

.bandeau-audit{
	background-color:#ffffff;
	color:#ffffff;
    background: center center url('../pictures/bandeau/audit.jpg');
    background-size: cover;
    padding: 10px 0;
    background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	min-height: 500px;
	text-align: center;
}

.bandeau-demo{
	background-color:#ffffff;
	color:#ffffff;
    background: center center url('../pictures/bandeau/site_demo.jpg');
    background-size: cover;
    padding: 10px 0;
    background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	min-height: 500px;
	text-align: center;
}

.bandeau-reportage{
	background-color:#ffffff;
	color:#ffffff;
    background: center center url('../pictures/bandeau/reportage_photo.jpg');
    background-size: cover;
    padding: 10px 0;
    background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	min-height: 500px;
	text-align: center;
}

.titre-section{
	font-size: 2rem;
	text-align: center;
	font-family: 'Poppins', sans-serif !important;
}

.fs18{
	font-size: 18px;
}

.nav-link{
	color: #FFFFFF !important;
}

.nav-link:hover{
	color: #FFFFFF !important;
}

.navbar{
	background-color: transparent !important;
}

.barnav{
	border-bottom: 1px solid #FFFFFF;
}

.fullscreen{
	width: 100% !important;
	height: calc(100vh) !important;
	padding: 0 !important;
	position: absolute;
	top: 0;
	left: O;
}

.fullscreen img{
	width: 100% !important;
	height: 100% !important;
}

.titre-page{
	font-size: 36px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0px;
	font-family: 'Poppins', sans-serif !important;
}

.parent {
   display: flex; /* contexte sur le parent */
  	flex-direction: column; /* direction d'affichage verticale */
  	justify-content: bottom; /* alignement vertical */
  	height: 100%;
  	width: 100%;
}
.enfant {
	color: #FFFFFF;
  	margin: auto; /* eh oui, tout bêtement */
}

.mb20{
	margin-bottom: 20px;
}

.mt20{
	margin-top: 20px;
}

.full-page-t{
	height: calc(85vh);
	width: 100%;
	margin-top: -76px;
}

.full-page{
	height: calc(85vh);
	width: 100%;
	margin-top: -76px;
}

.full_screen{
	min-height: calc(85vh) !important;
	margin-top: 76px;
}

.mr8{
	margin-right: 8px; 
}

.nom-offre{
	letter-spacing: 0.1em;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

.card-prix{
	padding: 10px 0 0 0 !important;
}

.prix{
	font-size: 45px;
}

.fs14{
	font-size: 14px !important;
}

.bg-noir-top{
	background-color: #2C2C2C !important;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}