body {
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 25px;
}

.h4, h4 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

p {
    margin: 0 0 20px;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.d-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.text-lg {
    font-size: 19px;
}

#home h3 {
	font-weight: 600;
	line-height: 1.6;
}
img.logo {
	width: 100%;
	height: auto;
	max-width: 580px;
	padding: 0 40px;
}


small {
	font-size:12px;
}

.icon-px {
	font-size: 32px;
	color: white;
	margin-right: 10px;
}

.popup-youtube {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	padding: 0;
	margin-bottom: 30px;
}
.img-responsive {
	margin-bottom: 30px;
}

.bg-danger {
    background-color: #FF5373;
}

.navbar-brand {
    float: left;
    height: auto;
    padding: 10px 10px;
    font-size: 18px;
    line-height: 20px;
}

nav.navbar.bootsnav.no-full .navbar-collapse {
    max-height: 350px;
    overflow-y: hidden !important;
}


nav.navbar.bootsnav ul.nav > li > a {
    padding: 42px 20px 30px;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    outline: 0;
}

nav.navbar.bootsnav ul.nav > li > a {
color: #6f6f6f;
background-color:transparent !important;
outline: 0;

}

nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a {
    outline: 0;
}

.text-primary, nav.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li:hover > a, nav.navbar.bootsnav ul.nav > li.active > a, nav.navbar.bootsnav ul.nav > li:hover > a {
    color: #f45555 !important;
}

nav.navbar .navbar-brand img.logo {
    width: 140px;
}



/*HOME*/

li.decouvrir {
	list-style: none;
}


#concept {
	background-color: #EE5760;
}
#concept p,
#conceptsuite p {
	color: white;
}

#conceptsuite {
	background-color: #F9A466;
}




#tarifs p {
	margin-bottom: 10px;
}

#contact {
	background-color: #FCC2C0;
}

@media screen and (max-width: 992px) {
	nav.navbar .navbar-brand img.logo {
	    height: 70px;
	    width: auto;		
	}
	nav.navbar.bootsnav ul.nav > li > a {
	    padding: 12px 0px 14px;
	}
	.navbar-brand {
	    float: left;
	    height: auto;
	    padding: 8px 10px 2px;
	}
	nav.navbar.bootsnav .navbar-toggle {
		float: right;
		margin-right: 30px;
		margin-top: 24px;
	}
	.fa {
		font-size: 24px;
	}
}