
body {
	font-family: raleway,sans-serif;
}
body * {
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.container {
	width: 100%;
	margin: 0 auto;
}
.content {
	background: url(https://www.saint-herblain.fr/app/themes/theme_wap/dist/images/hublist-service-bg1.svg) no-repeat right -18.4rem top 25.37vw fixed,url(https://www.saint-herblain.fr/app/themes/theme_wap/dist/images/hublist-service-bg2.svg) no-repeat left -12.2rem bottom -8rem fixed;
  background-color: #fff;

	z-index: 99;
	position: relative;
}

.spanLogo{margin-left: -2rem;}
#main_content{
	width: 117rem;
	margin: 0 auto;
	max-width: calc(100vw - 2 * 30px);
	z-index: 1;
	position: relative;
}
.header-v4 > .navbar > .container > .searchRequest {
  margin: 20px 0px;
}
.col-md-8{width: 100%;margin-top: -190px;}
/*TUILES*/
.axp-request-tuiles{
display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin-top: -30px;
	filter: drop-shadow(0 3px 15px rgba(0,0,0,.16));
  grid-gap: 0px;
}
.axp-request-tuile{
	clip-path: polygon(25px 0,100% 0,100% 100%,0 100%,0 25px);
	display: inline-block;
  position: relative;
	padding: 4rem;
	background: linear-gradient(-45deg,#f7f7f7,#f7f7f7 98px,#fff 0,#fff) no-repeat right top 0,linear-gradient(-135deg,#f7f7f7,#f7f7f7 98px,#fff 0,#fff) no-repeat right bottom 0;
	background-size: auto, auto;
	background-size: 100% 50%;
	min-height: 23.1rem;
	border: unset;
  /*! box-shadow: 10px 5px 5px red; */
	margin-top: 30px;
	width: calc(8.33333% * 4 - 30px);
}

/* Fleche */
.axp-request-tuile .axp-request-tuile-link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  height: 7rem;
  width: 7rem;
  clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);
  background: #a9d5bd;
  transition: background .2s ease-in-out;
  padding-right: unset;
}

.axp-request-tuile:hover .axp-request-tuile-link {
	background: #f8d448;
}
/*Titre tuile*/
.axp-request-tuile .axp-request-tuile-title {
	display: inline-block;
	font-size: 2.8rem;
  line-height: 3.3rem;
	font-weight: 800;
  color: #1d2343;
	padding: 0;
  }

.axp-request-tuile .axp-request-tuile-title::after {
	content: "";
  height: 4px;
  width: 25px;
  display: block;
  background: #b30575;
  margin-top: 1rem;
  transition: all .2s ease-in-out;
}

/* Icone tuile : masquer*/
.axp-request-tuile-cover{display: none}

.col-md-4 {
	display: none;
}


header {
	padding-bottom: 400px;
	background: url('https://portailcloud-projet.6tzen.fr/saintherblain/tzen/loc_fr/base/cacheable/headband.data?v=2873') no-repeat;
	background-position-y: 100%;
  background-color: #1e2341;
  background-size: 310rem;
	/*background-size: 200%;*/
	/*background-position-x: 70%;*/
  background-position-x: -78rem;

}
.navbar > .container{
	display: block;
	position: absolute;
	top: 0;
	/*! width: 1280px; */
	margin:0 auto;
	padding-top: 40px;
  transition: 0.2s linear;
	z-index: 10000;
	background: linear-gradient(135deg,transparent,transparent 5px,#fff 0,#fff);
	padding: 0 3rem;
}

/*.navbar::after {
	content:"Que peut-on faire pour vous aujourd'hui ?";
	color: white;
	font-weight: 700;
		font-size: 6rem;
    line-height: 7rem;
	margin-top: 100px;
    margin-right: 30px;
    width: calc(8.33333% * 7 - 30px);
	margin-left: auto;	
	margin-right: auto;
}*/
.headline{/*! display: none; */margin-top: 0px; border:none;}
.headline h1{color: white; font-weight: 700; font-size: 5.6rem; border-bottom: none;}
.header-v4 .navbar{background: unset!important;width: 1280px; margin-left: auto; margin-right: auto; display: block;}
.topbar-v1 {background: #1e2341;}
.header-v4 .navbar-header {
  margin: 10px 0;
}

.header-v4 .mega-menu .collapse > * {
	color: black!important;
}
.header-v4 .navbar-nav > li.dropdown:hover > .dropdown-menu {
    border-top: 4px solid #f8d448;
  }
.header-v4 .navbar-default .navbar-nav > .active > a, .header-v4 .navbar-default .navbar-nav > li > a, .header-v4 .navbar-default .navbar-nav > li:hover > a {
  border: none;
	font-weight: 600;
	color: #324c80;
}
.header-v4 .navbar-default .navbar-nav > li > a {
	border: none;
}
/*Sous-menu*/
.header-v4 .dropdown-menu li a {
    color: #324c80;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 15px 15px;
    border-bottom: none;
  }

.header-v4 .dropdown-menu li > a:hover {
    background: #1e2341 !important;
  }
.topbar-v1{ 
  width: 1280px;
  display:block;
  margin: auto;
}
.topbar ul {
  height: 3rem;
}
.topbar ul li{
	border: none!important;
}

.topbar ul li a {
	padding: 2rem 2rem;
  min-height: 5.9rem;
  transition: all .2s ease-in-out;
	position: relative;
  top: 5rem;
  right: 24rem;
	z-index: 100000;
  text-decoration: none;
  	color: #fff;
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 800;
	display: block;
}

.topbar ul li a::after {
  background: linear-gradient(135deg,transparent,transparent 10px,#a1c9b3 0,#a1c9b3);
  opacity: 0;
  transition: all .2s ease-in-out;
}

.topbar ul li a:hover::after {
  opacity: 1;
}
.topbar ul li::hover a{
  color: #1d2343!important;
}
.topbar ul li a::after, .topbar ul li a::before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.topbar ul li a::before {
  background: linear-gradient(135deg,transparent,transparent 10px,#1d2343 0,#1d2343);
  opacity: 1;
}

@media (min-width: 992px) {
  .header-v4 .navbar-default .navbar-nav > li {
    margin-left: -1px;
    border-left: none;
    border-right: none;
  }
    .header-v4 .navbar-collapse {
    border-top: 1px solid #1e2341;
}
}
	
/*
	
	                   FOOTER
	
	*/

.footer {
  color: #fff;
  background: #1d2343 !important;
  padding: 6rem 0 0 !important;
}

footer .container {
  margin: 0 auto;
}
.footer .footer-top-wrapper .footer-identite .footer-logo {
  display: flex;
  justify-content: center;
}
html svg {
  max-height: 100%;
}
.footer .footer-infos {
  display: flex;
}

.footer .footer-h2::after {
  content: url(https://www.saint-herblain.fr/app/themes/theme_wap/dist/images/footer-triple.svg);
  display: block;
  margin: .3rem 0 1rem 1rem;

}
.footer .footer-h2 {
  font-size: 1.8rem;
  line-height: 2.1rem;
  font-weight: 800;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  color: #fff;
}
.footer .footer-rs-wrap .footer-rs .footer-rs-list li a .svg-wrap {
  display: flex;
  align-items: center;
}
.footer .footer-rs-wrap .footer-rs .footer-rs-list li a svg {
  max-height: 1.6rem;
  max-width: 2.3rem;
  height: auto;
}
.footer .footer-rs-wrap .footer-rs .footer-rs-list li a svg path {
  fill: #fff;
  transition: all .2s ease-in-out;
}
.footer .footer-rs-wrap .footer-rs .footer-rs-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.5rem;
  width: 4.5rem;
  border-radius: 50%;
  border: 1px solid #fff;
  transition: all .2s ease-in-out;
}
.footer .footer-rs-wrap .footer-rs .footer-rs-list {list-style-type: none}
.footer .footer-rs-wrap .footer-rs .footer-rs-list {
  display: flex;
  justify-content: center;
}
.footer .footer-infos-item, .footer-infos-item-content {
  display: flex;
  align-items: baseline;
  margin-top: 1rem;
  color: #fff!important;
  transition: all .2s ease-in-out;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 600;
}
.footer .footer-rs-wrap .footer-handi-detect  img {
  max-width: 280px;
}
.footer .footer-infos-item .svg-wrap {
  flex-shrink: 0;
  margin-right: 1rem;
  transform: translateY(.25em);
}
.footer .footer-infos .footer-mail::before {
  content: url(https://www.saint-herblain.fr/app/themes/theme_wap/dist/images/ft-envlp.svg);
  display: inline-block;
  margin-right: 1rem;
}
.footer .footer-infos .footer-mail {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.6rem;
  transition: all .2s ease-in-out;
  margin-top: 1rem;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.footer .footer-infos .footer-newsletter {
  margin-top: 3rem;
}
.footer .footer-rs-wrap {
  margin: 3rem auto 0;
  width: 100%;
}
.footer .footer-menu {
  border-top: 1px solid hsla(0,0%,100%,.3);
  margin-top: 3rem;
  padding: 1rem 0 3rem;
}
.footer .footer-menu ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.footer .footer-rs-wrap .footer-handi-detect {
  margin-top: 3rem;
  padding: 3rem 4rem 0;
  border-top: 1px solid hsla(0,0%,100%,.3);
  display: flex;
  justify-content: center;
}

a[target="_blank"]:not(.noDecoration)::after {
  content: unset!important;
}
.button-full {
  color: #fff;
  display: inline-flex;
  align-items: center;
  padding: .9rem 2rem;
  min-height: 5.9rem;
  position: relative;
  transition: all .2s ease-in-out;
  z-index: 2;
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 800;
}
.footer-newsletter .button-full {
  color: #1d2343;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-style: normal;
  font-weight: 700;
}
.button-full::before {
  opacity: 1;
}
.button-full:hover::after {
  opacity: 1;
}
.footer-newsletter .footer-h2::before {
  content: url(https://www.saint-herblain.fr/app/themes/theme_wap/dist/images/ft-newsletter-deco.svg);
  position: absolute;
  left: -4.2rem;
  top: 1.8rem;
}
.footer-newsletter .button-full::before {
  background: linear-gradient(135deg,transparent,transparent 10px,#f8d448 0,#f8d448);
}
.button-full::after, .button-full::before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.button-full::after {
  background: linear-gradient(135deg,transparent,transparent 10px,#a1c9b3 0,#a1c9b3);
  opacity: 0;
  transition: all .2s ease-in-out;
}







/*


RESPONSIVE


*/




@media screen and (min-width: 576px) {
footer  .container {
    max-width: calc(100vw - 2 * 30px);
    width: 54rem;
  }
    .col-md-8 {
    max-width: calc(100vw - 2 * 30px);
    width: 54rem;
  }
}
@media screen and (min-width: 768px) {
footer  .container {
    width: 72rem;
  }
    .footer .footer-rs-wrap {
    margin: 3rem auto 0;
    width: fit-content;
  }
  .col-md-8 {
    width: 72rem;
  }
  .axp-request-tuile{
    margin-top: 30px;
    margin-right: 30px;
    width: calc(8.3333% * 4 - 30px);
  }
}
@media screen and (min-width: 992px) {
 footer .container {
    width: 96rem;
  }
  .col-md-8 {
    width: 96rem;
    margin-right: 0px;
  }
    .footer .footer-top-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
    .footer .footer-top-wrapper > * {
    margin: 0 5.5rem;
  }
 .footer .footer-rs-wrap {
    margin: 0;
    width: auto;
  }
    .footer .footer-menu {
    padding: 1.9rem 0;
  }
    .footer .footer-menu ul {
    justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
 footer .container, .col-md-4 {
    width: 117rem;
  }
}
@media screen and (min-width: 1600px) {
footer  .container, .col-md-8 {
    width: 100%;
  }
}

