@charset "UTF-8";
/* CSS Document */

@media (max-width: 1200px) {
	#analyse .col-lg-2, #analyse .col-lg-10 {
	margin-top: 40px;
	}
	#analyse img.visual, #agenda img.visual, #bienvenue img.visual {
	margin-top: 20px;
	}
	/* begin menu */
	.menu {
	display: inline-block;
	height: 100px;
	}
	.menu ul {
	display: none;
	}
	.menu .col-xl-2.brand img {
	height: 120px;
	}
	.icon_burgermenu_container {
	visibility: visible;
	}
	.burgermenu-btn {
	visibility: visible;
	position: fixed;
	}
	.overlay .burgermenu ul li {
	float: none;
	margin-bottom: 0;
	width: 100%;
	border-bottom: none;
    }
    .overlay .burgermenu ul li:last-child {
	border: 0;
    }
    .overlay .burgermenu ul ul {
	margin-top: 20px;
    }
    .burgermenu-btn {
	right: 25px;
	}
	#anchor_1, #anchor_2, #anchor_3, #anchor_4, #anchor_5, #anchor_6, #anchor_7 {
	top: -160px;
	}
	/* end menu */
}
@media (max-width: 991px) {
	h2, h3, h4, p, #partenaires ul, #pourquoi ul, #bienvenue ul {
	padding-left: 0px;
	}
	#intro > div .col-lg-6 p.lead-text, #analyse > div .col-lg-6 p.lead-text {
	padding-bottom: 40px;
	}
	.box-valeurs h4 {
	background-position: 0 0;
	}
	.box-valeurs.efficacite, .box-valeurs.securite {
	margin-top: 0px;
	}
	#analyse .col-lg-2, #analyse .col-lg-10 {
	margin-top: 0px;
	}
	#analyse .col-lg-10 div {
    columns: 1;
	column-gap: 0;
	}
	#analyse img.icon-info {
    margin-top: 0;
	padding-left: 0;
	padding-bottom: 20px;
	}
	#pourquoi ul {
	padding-bottom: 40px;
	}
	#atelier {
	margin-top: 0px;
	}
	#atelier div.col-lg-8 .col-md-3 {
	padding: 0 0 40px 40px;
	text-align: left;
	}
	.swiper-container.swiper1 {
	background-position: 0 0;
	}
	.swiper1 .swiper-slide {
	padding: 0 0 0 80px;
	}
	.swiper-button-prev1, .swiper-button-next1 {
	display: none;
	}
	.swiper-pagination1 {
	padding-left: 75px;
	}
}
@media (max-width: 576px) {
	#atelier div.col-lg-8 {
	margin: 0 20px;
	}
	.swiper1 .swiper-slide {
    padding-top: 80px;
	padding-left: 0;
	}
	.swiper2 .swiper-slide {
    padding: 0;
	}
	.swiper-button-prev2, .swiper-button-next2 {
	display: none;
	}
	.swiper-pagination1 {
	padding-left: 0px;
	margin-left: -5px;
	}
}
@media (max-width: 460px) {
	main {
	margin-top: 70px;
	}
	h1 {
	font-size: 34px;
    line-height: 44px;
	}
	#hero .col-lg-12 h1 {
    padding: 0 0 60px 0;
	}
	#intro {
    padding: 80px 0 60px 0;
	}
	#valeurs {
    padding: 80px 0 0px 0;
	}
	#temoignages {
    padding: 80px 0 60px 0;
	}
	#analyse {
    padding: 80px 0 60px 0;
	}
	#deroulement {
    padding: 80px 0 0px 0;
	}
	#processus {
    padding: 40px 0 60px 0;
	}
	#approche {
    padding: 80px 0 60px 0;
	}
	#partenaires {
    padding: 80px 0 20px 0;
	}
	#pourquoi {
    padding: 80px 0 60px 0;
	}
	#citations {
    padding: 60px 0 50px 0;
	}
	#agenda {
    padding: 60px 0 0 0;
	}
	#atelier {
    padding: 0 0 80px 0;
	}
	#pratique {
    padding: 80px 0 10px 0;
	}
	#bienvenue {
    padding: 30px 0 20px 0;
	}
}
@media (max-width: 420px) {
	
}
@media (max-width: 375px) {
	.pre-title h3 {
	background: transparent url(../img/line_pre_title_dark.png) right 50% no-repeat scroll;
	padding: 0 80px 0 3px;
	display: inline-block;
	}	
}