@charset "UTF-8";

/* CLASSES GÉNÉRALES
----------------------------------------*/

html, body{
	height:                     auto;
    padding:                    0 !important;
}

h1{
	font-size: 					30px;
    line-height: 				33px;
}

h1:after{
	width: 						100%;
}

h2{

}

body.home h2{

}

#bt-nav{
	display: 					none;
}

/* HEADER
----------------------------------------*/

header{
    height:                     auto;
    background:                 #fff;
    position:                   relative !important;
    padding:                    0;
    box-shadow:                 none !important;
    animation:                  none !important;
}

header.fixed{
	padding-top: 				0:
}

header .logo{
	position: 					absolute;
	left: 						20px;
	top: 						100px;
}

body.page header .logo{
	top: 						125px;
}

header .logo img{
	width: 						170px;
}

/* MENU
----------------------------------------*/

#bt-menu{
	margin-top: 				5px;
}

#bt-menu>div span{
	background: 				#26445f;
}

#bt-menu p{
	color: 						#26445f;
}

header .phone{
	float: 						left;
	margin: 					0;
	font-size: 					16px;
	height: 					27px;
	line-height: 				27px;
	padding: 					0 15px;
}

/* MENU
----------------------------------------*/

header #main-menu{
	position: 					absolute;
}

header #main-menu>ul{
	width: 						auto;
    padding: 					100px 20px 20px;
    box-sizing: 				border-box;
    height: 					100%;
    overflow: 					scroll;
}

/* BANNIÈRE
----------------------------------------*/

section#banniere{
    padding-top: 				150px;
    margin:                     auto;
}

section#banniere img{
	position: 					absolute;
	top: 						0;
	left: 						0;
	z-index: 					1;
	width: 						auto;
	height: 					100%;
}

.banner-content{
	position: 					relative;
	z-index: 					3;
}

section#banniere .mask{
	width: 						100%;
	max-width: 					none;
	z-index: 					2;
}

.banner-content .slogan{
	font-size: 					35px;
	line-height: 				38px;
	width: 						auto;
}

.banner-content .slogan span{
	font-size: 					50px;
	line-height: 				55px;
}

.banner-content a{
	margin-top: 				25px;
}

/* CONTENT
----------------------------------------*/

#main-content{
	padding-bottom: 			0;
}

section#body{
	margin-top: 				0;
}

section#body>.wrapper{
	padding: 					20px;
}

body.home section#body>.wrapper{
	padding-bottom: 			0;
	padding-top: 				40px;
}

body.page section#body>.wrapper{
	padding: 					20px;
}

body.home #main-content{
	margin-top: 				60px;
	margin-bottom: 				0;
}

body.home section#body h2{
	font-size: 					47px !important;
	line-height: 				52px !important;
	font-weight: 				700;
}

body.home section#body h2:first-line{
	font-size: 					35px !important;
	line-height: 				38px !important;
}

body.home .editor-block-mixte{
	display: 					none !important;
}

/* FOOTER
----------------------------------------*/

footer{
    height:                     auto;
    position:                   static !important;
    width:                      auto;
    padding:                    0;
}

footer .contact p{
	display: 					none;
}

.social-medias{
	margin-bottom: 				25px;
}

footer .logo{
	text-align: 				center;
}

footer .bottom .credits{
	text-align: 				center;
}

footer .bottom ul{
	text-align: 				center;
}

/* QUICK CONTACT
----------------------------------------*/

#bt-contact{
    display:                    none;
}

footer .bottom>div{
    line-height:                20px;
    text-align:                 left;
    font-size:                  12px;
}

.popin>div{
	width: 						75%;
}