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;
	position: relative;
}
.footer-menu .footer-menu-item a {
		color: #fff !important;
}
.footer-menu .footer-menu-item {
		margin-right: 20px;
}

a {
	font-size : 18px !important;
	font-family: raleway,sans-serif;
	color : #1d2343 !important;
}

.spanLogo{margin-left: -2rem;}
#main_content{
	width: 117rem;
	margin: 0 auto;
	max-width: calc(100vw - 2 * 30px);
	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: 100%;margin-top: 10px;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);
}
		.col-md-5 {
				width: 41.66666667%;
				margin-top: 11%;
		}
/* 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: block;
	/* margin-top: 5%; */
	width: 30% !important;
	margin-top: 11% !important;
}


header {
	padding-bottom: 200px;
		background: url("https://portailcloud-projet.6tzen.fr/saintherblain/tzen/loc_fr/base/cacheable/image.data?code=headerbande") no-repeat;
	background-position-y: 100%;
	background-position-x: center;
	background-color: #1e2341;
	background-size: 1500px; /* ou 80rem */

}



.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;}
h1[role="heading"][aria-level="1"] {
		color: #192046 !important;
		font-size : 46px !important;
		margin-top: 30px;
		margin-bottom: 10px;
}
.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: #1d2343 !important;
		color : white !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: 	right: 0px;
	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) {

		.row {
				display: flex;
				align-items: flex-start;
		}

		.col-md-8 {
				width: 70% !important;
				/* margin-top: -10px; */ /* tu peux garder */
		}

		.col-md-4 {
				width: 30% !important;
				margin-top: 0;
		}
}

/*

										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 li {
		margin-right: 20px; /* ajuste la valeur */
}
a:hover svg .footer-logo-bg {
		fill: #a9d5bd !important;
}
.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;
	/* color: white; */
}
.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;
}

.footer-newsletter .button-full:hover {
		text-decoration: none !important;
}


a.footer-infos-item-content:hover {
		color: #a9d5bd !important;
}





/*


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: 20px;
		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%;
	}
}

.topbar .list-inline {
		display: flex;
		gap: 12px;
		align-items: center;
		margin-left: auto;       /* pousse à droite */
}



.topbar .list-inline li a {
		background: #1b2240;     /* bleu foncé */
		color: #fff !important;
		padding: 6px 12px;
		border-radius: 6px;
		font-size: 13px;
		text-decoration: none;
		display: inline-block;
		white-space: nowrap;
}

.topbar .list-inline li {
		color: white !important;            /* texte "Bienvenue" */
		font-size: 13px;
}


/* --- Style général pour transformer les widgets en tuiles --- */
.axp-home-widget {
		background: #ffffff;
		border-radius: 8px;
		padding: 20px;
		box-shadow: 0 2px 6px rgba(0,0,0,0.15);
		transition: 0.3s ease all;
		cursor: pointer;
		margin-bottom: 20px;
}
.axp-home-widgets {
		.axp-home-widgets {
		background: #ffffff;
		border-radius: 8px;
		padding: 20px;
		box-shadow: 0 2px 6px rgba(0,0,0,0.15);
		transition: 0.3s ease all;
		cursor: pointer;
		margin-bottom: 20px;
			margin-top: 10% !important; /* Ajuste selon ce que tu veux : 20 / 40 / 60px */
}

}

.terms-menu,
.terms-menu li,
.terms-menu li a {
		color: #ffffff !important;
}

a:hover svg .footer-logo-bg {
		fill: #a9d5bd !important;
}

#civilite_title,
#civilite_title .fa {
		color: #1d2343 !important;
}

.footer-newsletter .button-full:hover {
		text-decoration: none !important;
}

.footer .footer-rs-wrap .footer-rs .footer-rs-list li {
		margin-right: 20px !important; /* ajuste la valeur */
}

a.footer-infos-item-content:hover {
		color: #a9d5bd !important;
}
/* Effet hover comme les tuiles */
.axp-home-widget:hover {
		transform: translateY(-4px);
		box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* Titres des widgets (h2) */
.axp-home-widget h2 {
		font-size: 25px;
		font-weight: bold;
		color: #192046; /* même bleu que Cheval BLEU */
		margin-bottom: 15px;
}

/* Icônes devant les titres */
.axp-home-widget h2 i {
		margin-right: 8px;
		color: #192046;
}

/* Texte à l'intérieur */
.axp-home-widget p {
		font-size: 17px;
		color: #444;
}

/* --- Spécifique : bloc formulaire "Suivre mes démarches" --- */
.axp-home-widget-login input.form-control {
		border-radius: 6px 0 0 6px;
}

.axp-home-widget-login button.btn-u {
		background: #192046;
		border-radius: 0 6px 6px 0;
		color: #fff;
		padding: 6px 12px;
}

.axp-home-widget-login button.btn-u:hover {
		background: #253064;
}

/* --- Badge notifications (petit rond) --- */
.badge-u {
		background: #192046 !important;
		color: #fff !important;
}

/* BOUTON */

.btn-u {
		background-color: #1d2343 !important;
		color: #ffffff;
		border: none;
		cursor: pointer;
		padding: 15px 30px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		position: relative;
		border-radius: 5px;
		clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 10%);
}



.btn-u:hover {
		background-color: #a1c9b3 !important; /* La nouvelle couleur de fond au survol */
	color : #0d1938 !important;
}

p,
li,
li a,
label {
color: #1d2343 !important;
}



* Texte normal du footer */
ul.terms-menu li {
		color: #ffffff !important;
}

/* Le "6Tzen ©2015 - Tous droits réservés" (classe silver) */
ul.terms-menu li.silver {
		color: #ffffff !important;
}

/* Les liens dans le footer */
ul.terms-menu li a {
		color: #ffffff !important;
}

/* Hover des liens */
ul.terms-menu li a:hover {
		color: #e0e0e0 !important;
}

.alert-info {
		color: #1d2343 !important;
		background-color: #f7f7f7 !important;
		border-color: #ddd;
	font-size: 15px !important;
}
.alert-warning {font-size: 15px !important;}

.panel-u > .panel-heading {
	background: #1d2343 !important;
}
.panel-default>.panel-heading {
	color: #333;
	background-color: #fff;
	border-color: #ddd
}

.modal-backdrop {
		z-index: 10 !important;
}
.resume-info {
	color: #1d2343;
	font-weight:bold;
	font-size:16px
}

.panel-success>.panel-heading {
	color: #1d2343;
	background-color: #f7f7f7;
	border-color: #f7f7f7
}

a[name="header_link_accountText"] {
		display: none !important;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
	background-color: #1d2343;
	border-color: #1d2343;
	color : white !important;
}