/* Fil d'Ariane */
.breadcrumb {
	margin: 26px auto 26px;
}

	@media (min-width: 768px) {
		.breadcrumb {
			margin: 26px auto 50px;
		}
	}

.breadcrumb a {
	color: var(--black--75o);
	margin-right: 15px;
}
.breadcrumb span.breadcrumb_last {
	color: var(--black);
	font-weight: 700;
}
.breadcrumb a, .breadcrumb span {
    font-size: 1.4rem;
}
.breadcrumb > span span::before {
    content: "\e90b";
	color: var(--peche);
	font-family: 'icomoon';
	font-size: 1.2rem;
	font-weight: 400;
	margin-right: 15px;

}
.breadcrumb > span > span::before {
    content: "\e90d";
	margin-right: 8px;
}


/* SearchBox HEADER */
header .forme{

}
	header .forme form div{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0px 8px;
	}
		header .forme form div.active input#s {
			height: 32px;
			border-radius: 6px;
		}
		header .forme form div.active input#searchsubmit {
			background-color: transparent;
			border: transparent !important;
			text-indent: -5000px;
			width: 29px;
			height: 30px;
			padding: 0;
			margin: 0;
			background-image: url(../img/charte/sprite.svg);
			background-repeat: no-repeat;
			background-size: 400px auto;
			cursor: pointer;
			background-position: -109px -423px;
			border-radius: 0;
		}




/* ------------------------------------
02 - MENU IMBRIQUE (NESTED) : PREMIER NIVEAU
--------------------------------------*/
.nested {
	padding: 0px 0 0 0;
	margin-left: auto;
}
	.nested nav{
	}
		.nested-header ul.firstLevel{
			margin:0;
			-webkit-box-align: center;
			        align-items: center;
			z-index: 1;
		}

		.nested-header ul.firstLevel {
			display: -webkit-box;
				display: flex;
			-webkit-box-pack: end;
				justify-content: flex-end;
			align-items: stretch;
			padding: 0 0 0px 0px;
		}
	.nested-header .firstLevel > li {
		list-style: none;
		display: -webkit-inline-box;
		display: inline-flex;
		-webkit-box-align: center;
		        align-items: center;
		width: auto;
		background: none;
		margin: 0 0 0 15px;
		padding: 24px 0;
		/* position: relative; */
	}

	.nested-header .firstLevel > li.mr--50px {
		margin-right: 35px;
	}

		.nested .firstLevel > li > a {
		    display: flex;
			align-items: center;
		    color: var(--black);
		    font-size: 1.6rem;
			font-weight: 700;
		    text-decoration: none;
		    line-height: 1;
			padding: 10px 15px;
			height: 100%;
			z-index: 3;
		}

			@media (max-width: 1249px) {
				.nested .firstLevel > li > a {
					font-size: 1.4rem;
				}
			}

		.nested .firstLevel > li.current-menu-item > a,
		.nested .firstLevel > li:hover > a {
		    /* color: var(--color05);color: #40525d; */
		}

		.nested .firstLevel > li.item--black > a {
		    background-color: var(--black);
			color: var(--white);
		}

		.nested .firstLevel > li.item--green > a {
		    background-color: var(--green-4);
			color: var(--white);
		}

			.nested .firstLevel > li.item--lien-externe > a::after {
				content: "\e903";
				font-family: 'icomoon';
				font-weight: 400;
				margin-left: 18px;
			}

		.nested .firstLevel > li.item--vermillon > a {
		    background-color: var(--vermillon);
			color: var(--white);
			padding: 5px 25px;
		}

		.nested nav .firstLevel li.noneOrdi{
			display: none;
		}


/* MENU SECONDAIRE PAGES INTERIEURE */
.second-navigation {
	margin: 0 auto 24px;
}

		.second-navigation.js-MegaMenu--hover {
			margin: 0 auto 24px;
		}

	.second-navigation.js-MegaMenu--hover .secondNav {
		margin-top: 0;
	}

/* Mega-Menu */
.secondLevel {
	column-count: 3;
	position: absolute;
	top: 90%;
	left: 0;
	display: block;
	background-color: var(--white);
	width: 100%;
	opacity: 0;
	transition: top .4s, opacity .4s;
	height: 0;
	overflow: hidden;
	z-index: -1;
}

	.mega-menu--hover-only:hover {
		z-index: 10000;
	}

	.mega-menu--hover-only:hover .secondLevel {
		top: 100%;
		border-top: 1px solid var(--black);
		margin: 0;
		padding-top: 40px;
		padding-bottom: 40px;
		height: auto;
		opacity: 1;
		z-index: 2;
	}

.secondLevel > li {
    /* break-inside: avoid; */
    border: 3px solid var(--peche--20o);
    text-align: left;
    margin: 0 12px 24px;
    padding: 24px;
}



/* Mega-Menu - Temporaire */
@media (min-width: 1024px) {

	.second-menu--tmp {
		display: none;
	}

	/* Page contact */
	.page-id-3187 .second-menu--tmp {
		display: none;
	}

	.second-menu--tmp .firstLevel {
		column-count: 3;
		margin: 0;
		padding: 40px 0;
	}

	.second-menu--tmp nav.secondNav ul.firstLevel > li {
		border: 3px solid var(--peche--20o);
		text-align: left;
		margin: 0 0px 24px;
		padding: 24px;
		break-inside: avoid;
	}

	.second-menu--tmp .firstLevel > li > a {
		position: relative;
		display: flex;
		align-items: center;
		color: var(--black);
		font-size: 1.8rem;
		font-weight: 700;
	}

		.second-menu--tmp .firstLevel > li > a::after {
			content: "\e910";
			color: var(--peche);
			font-family: 'icomoon';
			margin-left: auto;
		}

	.second-menu--tmp .firstLevel > li > ul.secondLevel {
		column-count: auto;
		position: initial;
		height: auto;
		border: none;
		margin: 0;
		opacity: 1;
	}

	.second-menu--tmp ul.firstLevel .secondLevel > li {
		border: 0;
		margin: 0;
		padding: 0;
	}

	.second-menu--tmp .firstLevel > li > ul.secondLevel > li > a {
		position: relative;
		display: flex;
		color: var(--black);
		font-weight: 400;
		padding: 4px 10px;
	}

		.second-menu--tmp .firstLevel > li > ul.secondLevel > li > a::before {
			content: "\e90a";
			display: inline-block;
			color: var(--peche);
			font-family: 'icomoon';
			font-size: 22px;
			font-weight: 400;
			margin-right: 12px;
			transform: scaleX(-1) rotate(90deg);
		}

		.second-menu--tmp .firstLevel > li > ul.secondLevel > li > a::after {
			content: none;
		}
}





#header.scrollUp.nav-down .second-navigation {
    box-shadow: none;
    margin: 0;
}

		nav.secondNav ul.secondLevel > li {
			/* Pour Chrome and Edge */
			break-inside: avoid-column;

			position: relative;
			text-align: center;
			line-height: 1;
			padding: 0;
			width: 100%;
			transition: 0.2s ease-in-out;
		}

		nav.secondNav ul.secondLevel > li:hover{
			background-color: var(--peche--20o);
		}
			/* Pour Firefox */
			@-moz-document url-prefix() {
				nav.secondNav ul.secondLevel > li  {
					display: inline-grid;
					page-break-inside: avoid;
				}
			}

			nav.secondNav ul.secondLevel > li.menu-item-34139 {
				margin-bottom: 30px;
			}

			@media (min-width: 1024px) {
				nav.secondNav ul.secondLevel > li {
					margin: 0 24px;
				}
			}

		nav.secondNav ul.secondLevel > li:last-child {
			margin-right: 0;
		}
				nav.secondNav ul.secondLevel > li > a {
					font-size: 1.2rem;
					color: var(--black);
					-webkit-transition: color .5s;
						transition: color .5s
				}

				nav.secondNav ul.secondLevel > li.custom-current-item-class > ul.secondLevel > li {
					background-color: var(--color07);
				}
					nav.secondNav ul.secondLevel > li > ul.thirdLevel > li {
						padding: 0;
					}
						nav.secondNav ul.secondLevel > li > ul.thirdLevel > li > a {
							padding: 10px 10px 10px 10px;
							display: block;
							background-color: var(--color07);
							-webkit-transition: background-color .2s, color .2s;
							transition: background-color .2s, color .2s;
							color: #626262;
						}

nav.secondNav ul.secondLevel > li {
	border: 3px solid var(--peche--20o);
	text-align: left;
	margin: 0 0px 24px;
	padding: 24px;
}

nav.secondNav ul.secondLevel > li > a {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 1.8rem;
	font-weight: 700;
}

	nav.secondNav ul.secondLevel > li > a::after {
		content: "\e910";
		color: var(--peche);
		font-family: 'icomoon';
		margin-left: auto;
	}

nav.secondNav ul.secondLevel > li > a span {
	padding-right: 10px;
}

nav.secondNav ul.secondLevel > li > ul.thirdLevel {
	margin-left: 0;
	height: auto;
}

nav.secondNav ul.secondLevel > li > ul.thirdLevel > li > a {
	position: relative;
	display: flex;
	color: var(--black);
	padding: 4px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
nav.secondNav ul.secondLevel > li > ul.thirdLevel > li > a:hover{
	color: var(--vermillon) !important;
}

	nav.secondNav ul.secondLevel > li > ul.thirdLevel > li > a::before {
		content: "\e90a";
		display: inline-block;
		color: var(--peche);
		font-family: 'icomoon';
		font-size: 22px;
		margin-right: 12px;
		transform: scaleX(-1) rotate(90deg);
	}

nav.secondNav ul.secondLevel > li > ul.thirdLevel > li > a span {
	margin-top: 10px;
}



.contentSmart{
	text-align: center;
}
	.nested .smart-menu{
		color: #fff;
		cursor: pointer;
		display: none;
		height: 50px;
		line-height: 2em;
		margin: 0;
		position: relative;
		text-shadow: none;
		width: 100%;
	}
		.smart-menu img{
			bottom: 15px;
			position: absolute;
			right: 10px;
		}
		.smart-menu a, .smart-menu a:hover, .smart-menu a:active{
			color: #fff;
			text-decoration: none;
		}


/* Pagination */
.tool-pagination .pages {
	justify-content: center;
}

.tool-pagination ul {
	margin: 0;
}
	.tool-pagination ul li {
		padding: 0;
		margin: 0;
		margin-right: 10px;
	}
	.tool-pagination ul li::before {
		display: none;
	}
		.tool-pagination ul li a, .tool-pagination ul li span {
			color: var(--black);
			border: solid 1px #F56E5A;
			height: 34px;
			display: flex;
			margin-right: 10px;
			align-items: center;
			justify-content: center;
			padding: 0 11px;
		}
		.tool-pagination ul li a:hover {
			/* background-color: #2f3940; */
			background-color: #F56E5A;
			color: var(--white);
		}
		.tool-pagination ul li span.current {
			background-color: #F56E5A;
			color: var(--black);
		}
	.tool-pagination .next {
    border-radius: 50%;

	}



/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
	.blocLiensUtiles-item {
		margin: 0 11px 30px 11px;
	}
}
@media screen and (max-width: 1200px), (max-device-width: 1200px){
	nav.secondNav ul.firstLevel > li > a {
		font-size: 1.3rem;
		display: block;
		line-height: 1;
	}
}
/*02 TABLETTE*/
@media screen and (max-width: 1023px), (max-device-width: 1023px){
	.nested nav {
		display: none;
	}
	.nested-header ul.firstLevel {
		-webkit-box-pack: center;
		        justify-content: center;
	}
		.nested-header .firstLevel > li {
			/* margin: 0 20px; */
		}
	.second-navigation {
		box-shadow: none;
	}
		.second-navigation > .container {
			padding: 0;
			margin: 0 auto;
			border: transparent;
		}
			nav.secondNav {
				height: 40px;
				position: relative;
			}
				nav.secondNav ul.firstLevel {
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					        flex-direction: column;
					overflow: hidden;
					background-color: #efefef;
					background-color: var(--orange--50o);
					/* border-radius: 10px; */
					-webkit-box-align: start;
					        align-items: flex-start;
					margin: 0;
					padding: 0 35px;
					position: relative;
					cursor: pointer;
					-webkit-transition: height 0.5s;
					transition: height 0.5s;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 10000;
				}
				nav.secondNav ul.firstLevel.active {
					height: initial;
				}
				nav.secondNav ul.firstLevel::after {
					content: "";
					position: absolute;
					top: 0;
					right: 0;
					width: 35px;
					height: 40px;
					background-image: url(../img/charte/sprite.svg);
					background-repeat: no-repeat;
					background-size: 400px auto;
					background-position: -36px 3px;
					background-color: #bdbdbd;
				}
				nav.secondNav ul.firstLevel.active::after {
					-webkit-transform: rotate(180deg);
					        transform: rotate(180deg)
				}
					nav.secondNav ul.firstLevel > li {
						padding: 0;
					}
					nav.secondNav ul.firstLevel > li:not(.custom-current-item-class) {
						-webkit-box-ordinal-group: 2;
						        order: 1;
					}
						nav.secondNav ul.firstLevel > li.custom-current-item-class > a {
						}
						nav.secondNav ul.firstLevel > li > a {
							text-align: center;
							height: 40px;
							display: -webkit-box;
							display: flex;
							-webkit-box-align: center;
							        align-items: center;
							-webkit-box-pack: center;
							        justify-content: center;
						}
						nav.secondNav ul.firstLevel > li.custom-current-item-class > ul.secondLevel {
							position: absolute;
							top: 100%;
							left: 50%;
							z-index: 1;
							margin: 0;
							border-radius: 10px;
							overflow: hidden;
							-webkit-transform: translateY(-10px);
							transform: translate(-50%, 0px);
							-webkit-transition: -webkit-transform .3s;
							transition: -webkit-transform .3s;
							transition: transform .3s;
							transition: transform .3s, -webkit-transform .3s;
							min-width: 270px;
							width: 110%;
							padding: 0 0px;
							height: auto;
						}
						/* nav.secondNav ul.firstLevel.active > li.nav-drop-item:not(.custom-current-item-class):not(.menu-item ){
							display: none;
						} */
						.secondNav ul.secondLevel{
							position: relative !important;
						}
}
/*03 MINI-TABLETTE*/
@media screen and (max-width: 767px), (max-device-width: 767px){
	/* .nested nav {
		display: none;
	} */
}
/*03 MOBILE*/
@media screen and (max-width: 599px), (max-device-width: 599px){
}
}

.nav-main-item.none-desktop {
    display: none;
}