body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
	-moz-osx-font-smoothing: grayscale;
	font-kerning: normal;
	font-variant-ligatures: common-ligatures;
}

strong, b {
  font-weight: 700;
}

@media(min-width: 992px) {
	.only-xs {
		display: none;
	}
}

.font-weight-bolder {
  font-weight: 800 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

h2 {
	font-family: 'Baskerville', serif;
	font-weight: normal;
	font-size: 48px;
}
h2 span {
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 30px;
	display: block;
}


h3 {
  font-size: 24px;
}

h4 {
	font-size: 21px;
}

#bienveillant h2.title {
		font-size: 30px;
}


@media(min-width: 992px) {
	h2 {
		font-size: 55px;
	}
	h2 span {
		font-size: 36px;
	}
	#bienveillant h2.title {
		font-size: 48px;
	}
}



.MenuPrimary {
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 21px;
}

.MenuPrimary a {
	color:#1e4a8e;
	text-decoration: none;
	transition: all 200ms;
	font-weight: 700;
}

.MenuPrimary a:hover {
	color:#6b9ebf;
}

.MenuPrimary strong {
	color:#6b9ebf;
}

#coaching h2 span {
	color:#e79b7b;
}

#services h2 {
	display: inline-block;
	color:#ffffff;
	line-height: 1;
}

#services h2 span {
	color:#ffffff;
}

#services .banner {
	height: 440px;
}

@media(min-width: 992px) {

	#services .banner {
		height: 500px;
	}

}
.Brand {
	text-align: left;
}

@media(min-width: 992px) {
	.Brand {
		text-align: center;
	}
}
.logo-vs {
	width: 90px;
	height: auto;
}

@media(min-width: 992px) {
	.logo-vs {
		width: 150px;
		height: auto;
	}
}

#caroussel h1 {
	font-family: 'Baskerville', serif;
	font-weight: normal;
	font-size: 55px;
	color: #6b9ebf;
	line-height: 1;
}
#caroussel h1 span {
	display: block;
	color:#fff;
	font-weight: 500;
	font-size: 36px;
	font-family: 'Open Sans', sans-serif;
}

#caroussel h3 {
	color: #6b9ebf;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
}

@media(max-width: 992px) {
	#caroussel .caroussel-item-picture img {
		display: none;
	}
}
@media(max-width: 992px) {
	.hidden-xs {
		display: none;
	}
}

.slick-prev.slick-arrow {
	display: none !important;
}

.slick-next {
	position: absolute;
	z-index: 2;
	font-size: 0;
	cursor: pointer;
	padding: 0;
	outline: 0;
	border: none;
	background: none;
	top: calc(50% - 34px/2);
	right: 10px;
	width: 28px;
	height: 28px;
	background: url(../img/fle.png) no-repeat center center;
	background-size: 28px 28px;
}

@media(max-width: 992px) {
	#caroussel .caroussel-item-content,
	#caroussel .caroussel-item-picture {
		height: 400px;
	}
}
@media(max-width: 992px) {
	.slick-next {
		top: auto;
		bottom: 190px;
	}
}

.TopPage {
	position: fixed;
	right: 20px;
	bottom: 60px;
	z-index: 9999;
	display: none;
	text-align: center;
	font-size: 40px;
}

.Burger {
    display: none;
    position: fixed;
    border: 0px;
    width: 20px;
    transform: rotateX(0deg);
    transition: .25s ease-in-out;
    cursor: pointer;
    background-color: transparent;
    height: calc(8px * 2 + 3px);
    top: 22px;
    right: 25px;
    z-index: 2;
}

.Burger:focus {
    outline:0px
}

.Burger span {
    display: block;
    position: absolute;
    background: #000;
    opacity: 1;
    left: 0px;
    width: 20px;
    height: 3px;
    transform: rotate(0deg);
    transition:.25s ease-in-out
}

.Burger span:nth-child(1) {
    top:0px
}

.Burger span:nth-child(2) {
    top:8px
}

.Burger span:nth-child(3) {
    top:8px
}

.Burger span:nth-child(4) {
    top:16px
}

.Burger[aria-expanded=true] span:nth-child(1) {
    top: 8px;
    width: 0%;
    left:50%
}

.Burger[aria-expanded=true] span:nth-child(2) {
    transform:rotate(45deg)
}

.Burger[aria-expanded=true] span:nth-child(3) {
    transform:rotate(-45deg)
}

.Burger[aria-expanded=true] span:nth-child(4) {
    top: 8px;
    width: 0%;
    left:50%
}

.Burger:focus {
    background:transparent
}

@media (max-width: 992px) {

	.Burger {
		display: block;
	}

}
@media (max-width: 992px) {

    .MenuPrimary.show {
        top: 0;
        left: 0;
		height: 100vh;
		overflow: scroll;
		background: #1e4a8e;
		/*width: 100%;*/
		position: fixed;
		z-index: 8;
		padding: 1rem 4rem;
    }
    .MenuPrimary.show strong {
    	display: none;
    }
    .MenuPrimary.show a {
    	color: #fff;
    }
}

@media (max-width: 992px) {
.MenuPrimary.mask {
    	display:none
	}
}

@media(min-width: 992px) {
	#caroussel h1 {
		font-size: 80px;
	}
	#caroussel h1 span {
		font-size: 48px;
	}
	h2 {
		font-size: 80px;
	}
	h2 span {
		font-size: 48px;
	}
}