span#button-nav-responsive {
	display:block;
	position:fixed;
	width:50px;
	height:50px;
	top:5px;
	left:5px;
	background:url('../images/nav-button-responsive.png') no-repeat top;
	z-index:1001;
	cursor:pointer;
	box-shadow:0 0 20px rgba(0, 0, 0, .3);
}
span#button-nav-responsive.active { background-position:bottom; }

#button-call-responsive {
	display:block;
	position:fixed;
	width:50px;
	height:50px;
	top:65px;
	left:5px;
	background:url('../images/phone-button-responsive.png') no-repeat top;
	z-index:1001;
	cursor:pointer;
	box-shadow:0 0 20px rgba(0, 0, 0, .3);
}

a#cookies-button-more-infos, a#cookies-button-hide { display:block; margin: 10px auto 0; }

.main-content { padding:0 10px; }

#navbread-wrapper { padding:10px; }

#footer-legal { padding-bottom:70px; }

h2 { text-align:center; }

a[data-link-type="cms-styled-button"] {
	display:block;
	margin:10px auto;
	width:calc(100% - 40px);
}

header, header.sticky {
	position:relative;
	height:0;
	padding:0;
}
header.sticky nav {
	padding-left:0;
}
header nav, header.sticky nav {
	position:fixed;
	display:block;
	width:100%;
	left:0;
	top:-100%;
	padding:160px 0 0;
	background:url('../images/logo.png') no-repeat center top 10px #ffffff;
	background-size:auto 150px;
	z-index:1000;
}
header::before { display:none; }
header a#logo, header.sticky a#logo {
	position:static;
	display:block;
	margin:20px auto;
}
header nav ul {
	padding:0 20px 20px;
	background:#fff;
	box-shadow:none;
}
header nav ul li {
	clear:both;
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	box-sizing:border-box;
	text-align:left;
}
header nav ul li#logo { display:none; }
header nav ul li a {
	display:block;
	padding:0;
	height:50px;
	line-height:50px;
	text-shadow:none;
	font-weight:bold;
}
header nav ul li#nav-phone { display:none; }

#nav-partners { text-align:center; }

header::after { display:none; }

ul.nav-submenus {
	display:block;
	position:static;
	background:#fff;
}
ul.nav-submenus li a, nav ul li.has-subcategories ul.nav-submenus li a {
	padding:10px;
	text-align:left;
	color:#0c4da2;
	font-weight:normal;
}

footer ul li, footer ul li:first-of-type {
	display:block;
	width:100%;
	margin:0 auto 20px;
	padding:0;
	max-width:350px;
	text-align:center;
}
footer ul li:first-of-type { padding:20px; }
footer ul li h3, footer ul li:nth-child(2) h3 { text-align:center; }

.main-content { padding:0; }

#mentions-legales-content .page-content { padding:0 20px; }

#index-content,
#mentions-legales-content {
	padding-top:220px;
}

#index-big-cycle { height:550px; }
#index-big-cycle video { max-height:400px; }
#index-big-cycle-text { top:300px; }
#index-big-cycle-text h1 { font-size:30px; color:#0c4da1; }
#index-big-cycle-text p { color:#58585a; }

#index-punchline h2, #index-pushes h2, #index-about-text h2, #index-partners h2, #index-reinssurance h2, #index-photos h2 { font-size:30px; }

#index-punchline {
	padding:120px 20px 20px;
}

#index-pushes, #index-reinssurance ul { padding:0 20px; }
#index-pushes::after { display:none; }

#index-pushes ul li,
#index-reinssurance ul li,
article.page-general ul li,
#page-list-subpages ul li {
	display:block;
	margin:0 auto 20px;
	width:calc(100% - 40px);
	max-width:400px;
}
#index-pushes ul li a, #page-list-subpages ul li a { width:100%; }


article#page-general-isolation ul li { width:100% !important; }

#index-photos ul li {
	margin:0 10px 20px;
	width:calc(50% - 40px);
}


#page-content, #contact-content { padding-top:150px; }
article.page-general h1 { font-size:30px; line-height:auto; }
article.page-general #page-text { padding:20px; }
article.page-general #page-text h3 { margin:0 auto 20px; text-align:center; }

#index-pushes ul li,
#index-reinssurance ul li,
article.page-general ul li,
article#page-general-installation-de-fenetre-de-toit ul:last-of-type li {
	width:100%;
	max-width:100%;
}