*
{
	outline: none;
}

#content a::after
{
	display: none !important;
}

#content a
{
    background-image: linear-gradient(to bottom, #06BCD3 0%,#06BCD3 50%,#06BCD3 50%,transparent 50%,transparent 100%);
    background-size: 100% 200%;
    background-position: left calc(-100% + -1px);
    border-bottom: 0;
}

#content a:hover
{
	background-position: left 0;
}

body
{
	font-family: "Maven Pro";
}

img
{
	max-width: 100%;
	max-height: 100%;
}

body > .tooltip
{
	display: none !important;
}

.show
{
	opacity: 1 !important;
	transition: opacity 0.3s;
}

body:not(.IE) a.readmore:hover,
body:not(.IE) .link:hover,
body:not(.IE) #footer .link:hover,
#content a:hover
{
	color: #FFFFFF;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

body:not(.IE) a.readmore:hover::after,
body:not(.IE) .link:hover::after,
#content a:hover::after
{
	 bottom: 0%;
    top: auto;
    height: 100%;
}

a.readmore::after,
.link::after,
#content a::after
{
	display: block;
   position: absolute;
   left: 0px;
   top: 0px;
   height: 0px;
   width: 100%;
   z-index: -1;
   content: '';
   color: #000 !important;
   background: #CF2724;
   transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.hide-text,
#searchForm .element-invisible
{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.inner
{
	width: 85%;
	margin: auto;
}

.category .inner
{
	max-width: 1150px;
}

.article .inner
{
	max-width: 950px;
}




.home .inner
{
	width: 90%;
	max-width: 1600px;
}

#banner ~ section
{
	margin-top: 75px;
	position: relative;
	z-index: 1;
}

.tags,
#content .blog .items-row .tags a
{
    color: #06BCD3;
    font-size: 14px;
    font-weight: normal;
    border: 0;
    text-transform: uppercase;
    pointer-events: none;
        background: none;
}

#content .item-page .tags.inline
{
	display: none;
}

#content .item-page .fields-container
{
	margin-bottom: 1em;
}


.module.title
{
	color: #CF2724;
	font-size: 24px;
	text-align: left;
	padding-bottom: 15px;
	font-weight: bold;
	position: relative;
	margin-bottom: 50px;
	line-height: 1;
}

.module.title::after
{
	content: "";
	width: 65px;
	height: 6px;
	background-image: linear-gradient(to bottom, #CF2724 0%, #CF2724 1px, transparent 1px, transparent calc(100% - 1px), #CF2724 calc(100% - 1px), #CF2724 100%);
	position: absolute;
	bottom: 0;
}

.module.title.line-left
{
	font-size: 40px;
	padding: 0 0 0 15px;
}

.module.title.line-left::after
{
background-image: linear-gradient(to right, #CF2724 0%, #CF2724 1px, transparent 1px, transparent calc(100% - 1px), #CF2724 calc(100% - 1px), #CF2724 100%);
    width: 6px;
    height: 80%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.module.title span
{
	font-weight: normal;
	display: block;
	font-size: 1.709em;
}

.module.readmore
{
	color: #505050;
	font-family: Poppins;
	font-weight: bold;
	font-size: 16px;
}

.module.readmore a::after
{
	display: inline-block;
	content: "\f061";
	margin-left: 1em;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
}

#header
{
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    z-index: 10;
    position: absolute;
    height: 100px;
}

#header .module.recherche,
#header .module.menu,
#header .search-button
{
	display: none;
}

#header .module.recherche
{
	background: #fff;
	box-sizing: border-box;
}

#header .module.recherche input
{
	position: relative;
    display: block;
    margin: auto;
    border-bottom: 1px solid #B5B5B5;
    width: 100%;
    color: #505050;
}

#header .module.recherche input::placeholder
{
	color: transparent;
}

#header .module.recherche .module-content::after
{
	content: "\f002";
	position: absolute;
	font-size: 20px;
	color: #E9A100;
	left: 0;
	top: 0;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
}

#header .module.menu-button
{
    height: 100px;
    width: 100px;
    background: #E9A100;
    position: relative;
    cursor: pointer;
}

#header .module.menu-button::before
{
    width: 100%;
    font-weight: 400;
    position: absolute;
    content: "\f0c9";
    text-align: center;
    line-height: 100px;
    font-size: 32px;
    font-family: "Font Awesome 5 Pro";
}

body.menu-open #header .module.menu-button::before
{
	content: "\f00d";
}


#header [data-position="header"]
{
    display: grid;
    grid-template-columns: 1fr 100px;
    width: 98%;
    margin-left: auto;
}

#header .module.logo
{
    box-sizing: border-box;
    padding: 15px 0 15px 130px;
    position: relative;
    font-size: 20px;
    max-width: 315px;
}

#header .module.logo img
{
    position: absolute;
    left: 0;
    width: 120px;
    top: 50%;
    transform: translateY(-50%);
}

#header .module.logo .custom a > *:not(img):not(a)
{
	position: absolute;
   top: 50%;
   transform: translateY(-50%);
}

#header .module.menu .nav.menu > li > .separator
{
	position: relative;
}

#header .module.menu .nav.menu > li.parent > .separator::after
{
    content: "\f107";
    position: absolute;
    color: #E9A100;
    font-family: "Font Awesome 5 Pro";
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}

#header .module.menu .nav.menu > li > ul .separator
{
color: #505050;
 font-size: 20px;
 font-weight: bold;
 padding: 1.3em 0;
 display: block;
}

#header .module.menu .nav.menu > li > ul a
{
    color: #505050;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #CF2724;
    margin: 0 0 1em 0;
    padding-bottom: 3px;
    line-height: calc(1em + 10px);
    display: inline;
}

#header .module.menu .nav.menu > li > ul a::before
{
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f061";
    color: #E9A100;
    position: absolute;
    top: 0.1em;
    left: 0;
}

#header .module.menu .nav.menu > li > ul a::after
{
	content: "";
}

#header .module.menu .nav.menu > li > ul  li
{
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 1em;
}

@media only screen and (max-width: 1024px)
{
    #header .module.menu
    {
	    display: none;
	    position: absolute;
	    top: calc(100% + 70px);
	    width: 100%;
	    left: 0;
    }

   	body.menu-open #header .module.menu,
   	body.menu-open #header .module.recherche
   	{
		display: block;
   	}

   	 body.menu-open #header .module.recherche
   	 {
    position: absolute;
    height: 70px;
    width: 100%;
    left: 0;
    top: 100%;
    background: #fff;
    border-bottom: 1px solid #B5B5B5;
   	 }

   	#header .module.menu .nav.menu
   	{
		background-color: #F9F9F9;
	   color: #505050;
	   box-sizing: border-box;
   	}

   	#header .module.menu .nav.menu > li > *:not(ul)
   	{
   	    font-size: 16px;
    	font-weight: bold;
    	padding-top: 1.5em;
    	padding-bottom: 1.5em;
    	    border-bottom: 1px solid #B5B5B5;
    	    cursor: pointer;
   	}

	#header .module.menu .nav.menu > li > *,
	body.menu-open #header .module.recherche
	{
		padding: 0 5%;
		display: block;
	}

	#header .module.menu .nav.menu > li > ul
	{
		display: none;
		background-color: #fff;
	}

	#header .module.menu .nav.menu > li.open > ul
	{
		display: block;
		border-bottom: 1px solid #B5B5B5;
		padding: 1em 5%;
	}

	#header .module.menu .nav.menu > li.open > ul > :first-child
	{

	}

	#header .module.menu .nav.menu > li > ul ul
	{

	}

	#header .module.recherche .module-content
	{
	    display: block;
	    width: 100%;
	    max-width: 300px;
	    margin: auto;
	    padding-left: 30px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	}
}

/* TODO: Add move to desktop */
@media only screen and (min-width: 1025px)
{
	#header .module.menu .nav.menu
	{
		 display: inline-flex;
	    justify-content: space-between;
	    align-items: stretch;
	    box-sizing: border-box;
	    height: 100%;
	    width: 100%;
	    vertical-align: top;
	}

	#header .module.menu .nav.menu > li
	{
		cursor: pointer;
	   width: auto;
	   display: flex;
	   align-items: center;
	   flex-wrap: wrap;
	   flex-grow: 1;
	   position: relative;
	}

	#header .module.menu .nav.menu > li > *:not(ul)
	{
		width: 100%;
	   position: relative;
	   height: 100%;
	   display: flex;
	   justify-content: center;
	   flex-direction: column;
	   text-align: center;
	  	font-weight: bold;
	}

	#header .module.menu .nav.menu > li.parent .separator::after
	{
    top: calc(50% + 22px);
    left: 50%;
    transform: translate(-50%,-50%);
    right: auto;
		font-weight: 400;
	}

	#header .module.menu .nav.menu ul
	{
		display: none;
		position: absolute;
		top: 100%;
		width: 100%;
		left: 0;
		box-sizing: border-box;
		padding: 4%;
		background-color: rgba(255,255,255,0.95);
   	color: #505050;
	}

	#header .module.menu .nav.menu > li
	{
		position: static;
	}

	#header .module.menu .nav.menu .parent
	{
		cursor: pointer;

	}

	#header .module.menu .nav.menu > li:hover > ul
	{

		display: grid;
	    grid-template-columns: 1fr 1fr 1fr 1fr;
	    grid-gap: 15px;
	}

	#header .module.menu .nav.menu > li > ul ul
	{
		position: relative;
		background-color: transparent;
		display: block;
		top: 0;
	}
}


#banner
{
    padding-top: 500px;
    background-size: cover;
    background-image: url(../images/header-img@2x.jpg);
    background-position: right;
}

#banner > *
{
    font-size: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#banner .module.background .custom
{
	 position: relative;
    padding-top: 390px;
    pointer-events: none;
    overflow: hidden;
}

#banner .module.background img
{
	position: absolute;
    top: 0;
    right: -200px;
    width: auto;
    max-width: none;
    height: 100%;

        position: absolute;
    top: 0;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    min-width: calc(100% + 180px);
    min-height: 100%;
    right: -180px;
}


#banner .module.slogan
{
position: absolute;
    height: 520px;
    width: 100%;
    top: 6%;
    left: 0;
    background-image: url(../images/triangles-header-home@2x.png);
    background-size: auto 85%;
    background-repeat: no-repeat;
    background-position: -100px bottom;
}

#banner .module.slogan .custom
{
    position: absolute;
    width: 265px;
    bottom: 60px;
    left: 200px;
    max-width: 50%;
}

@media only screen and (max-width: 450px)
{

}

@media only screen and (max-width: 1024px)
{
	#banner
	{
		background-position: calc(100% + 205px) center;
	}
}

@media only screen and (max-width: 800px)
{

	#banner .module.slogan
	{
	    transform: translateX(-50%);
	    left: 50%;
	}
}

@media only screen and (max-width: 560px)
{
	#banner .module.slogan
	{
		background-position: 36% bottom;
    	background-size: 200%;
	}

	#banner .module.slogan .custom
	{
	    transform: translateX(-50%);
	    left: 50%;
	}
}

#news [data-position="news"]
{
	display: grid;
}

#news .module.title
{
	margin-bottom: 20px;
}

#news .module.title,
#dossiers .module.title,
#batisseur .module.title,
#partenaires .module.title
{
	display: table;
    margin-left: auto;
    margin-right: auto;
}

#news .module.readmore
{
	 display: table;
    margin: auto;
    width: 205px;
    margin-bottom: 15px;
}

#news .module.content
{
	overflow: hidden;
}

#news .module.content .category-module
{
	opacity: 0;
}

#news .module.content .category-module.slick-initialized
{
	opacity: 1;
}

#news .module.content li.slick-slide
{
	margin: 0 15px;
	background-color: #fff;
}

#news .module.content .item-wrapper
{
	border: 1px solid #B5B5B5;
	padding: 20px;
}

#news .module.content .item-title
{
	color: #505050;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.27;
	margin: 5px 0 20px 0;
}

#dossiers .module.content .newsflash
{
	font-size: 0;
}

#dossiers .module.content .item
{
    position: relative;
    /* max-width: 700px; */
    font-size: 16px;
    box-sizing: border-box;
    margin: 10px auto;
    overflow: hidden;
    line-height: 22px;
}

#dossiers .module.content .item-img
{
	position: relative;
   padding-top: 54.6%;
   overflow: hidden;
}

#dossiers .module.content .item-img img
{
	transition-duration: 2s;
	transition-timing-function: ease-in-out;
}

#dossiers .module.content .item-img::after
{
background: #E9A100;
font-family: "Font Awesome 5 Pro";
font-weight: 400;
font-size: 20px;
    content: "\f067";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 71px;
    height: 71px;
    line-height: 71px;
    color: #fff;
    text-align: center;
    transform: translate(100%, 100%);
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

#dossiers .module.content .item:hover .item-img::after
{
	transform: translate(0,0);
}

#dossiers .module.content .item:hover .item-img img
{
	transform: scale(1.3);
transition-delay: 0.3s;
}

#dossiers .module.content img,
#dossiers .module.content a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#dossiers .module.content a
{
opacity: 0;
    width: 200%;
    box-sizing: border-box;
    padding: 0;
    height: 100%;
    z-index: 999;
}

#dossiers .module.content .item-wrapper
{
position: absolute;
    width: 50%;
    top: 0;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    left: 0;
    height: 100%;
    background: linear-gradient(to right, rgba(6, 188, 211, 0.7) 0%, rgba(6, 188, 211, 0.7) 50%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 100%);
    padding: calc(9.74% + 10px) calc(5.31% + 10px) 20px calc(5.31% + 10px);
    box-sizing: border-box;
    background-size: 300%;
    background-position: 100%;
    min-width: 300px;
    color: rgba(80, 80, 80, 1);
}

#dossiers .module.content .item-wrapper::after
{
	display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: "";
    color: #000 !important;
    background: #F7CA18;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}


#dossiers .module.content .item-wrapper::after
{
	position: absolute;
}

#dossiers .module.content .item:hover .item-wrapper
{
    color: #fff;
    background-position: 0%;
}

#dossiers .module.content .item-title
{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0.7em;
	line-height: 0.91;
	text-transform: uppercase;
}

#batisseur .inner
{
	max-width: 1300px;
}

#batisseur .module.content p
{
    margin: 35px 0;
    line-height: 26px;
    color: #505050;
}

#batisseur .module.content .link
{
	display: table;
	margin: auto;
}

#batisseur .module.content img
{
    max-width: 400px;
    width: 100%;
    margin: auto;
    display: block;
}

#decouvrez .module.title
{
	 position: absolute;
    bottom: 23%;
    margin: 0;
    left: 66%;
}

#decouvrez .module.content
{
	font-size: 0;
	background-image: url(../images/icon-wave-map@2x.png);
	background-color: #fff;
}

#decouvrez .module.content .legend
{
    color: #505050;
    position: absolute;
    top: 80%;
    z-index: 1;
    left: 66%;
    font-size: 14px;
    max-width: 260px;
}

#decouvrez .module.content .legend li
{
	position: relative;
	padding-left: 20px;
	margin-bottom: 1em;
}

#decouvrez .module.content .legend img
{
	width: 17px;;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
}


#partenaires .custom.content
{
	 font-size: 0;
    text-align: center;
    margin-bottom: 50px;
}

#partenaires .custom.content img
{
box-sizing: border-box;
    padding: 33px;
    min-width: 230px;
    max-width: 18%;
    float: none;
    display: inline;
}


#footer
{
	background: #212121;
	color: #939393;
	padding: 75px 0;
	line-height: 1.5;
}

#footer .module-title
{
	color: #FFFFFF;
	font-size: 30px;
	line-height: 1;
	margin-bottom: 0.7em;
}

#footer a[href^="mailto:"],
#footer a.link,
#footer .module.copyright  a
{
	color: #CF2724;
	font-weight: bold;
	border: none;
}

#footer [data-position]
{
	display: grid;
    grid-gap: 50px;
}

#footer .module.logo-footer img
{
	max-width: 135px;
}

#footer .module.texte
{
	font-size: 14px;
	line-height: 1.57;
}

#footer .module.copyright
{
	text-align: center;
   padding-top: 1em;
   margin-top: 1em;
   border-top: 1px solid rgba(80, 80, 80, 0.5);
}

#footer .module.social-media li
{
	position: relative;
	font-size: 0;
	display: inline-block;
	margin-right: 20px;
}

#footer .module.social-media li a::before
{
	content: "";
	position: relative;
   font-family: "Font Awesome 5 Brands";
   font-size: 30px;
   color: #CF2724;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#footer .module.social-media li a:hover::before
{
	color: #06BCD3;
}

#footer .module.social-media li a.facebook::before
{
	content: "\f39e";
}

#footer .module.social-media li a.twitter::before
{
	content: "\f099";
}

#footer .module.social-media li a.instagram::before
{
	content: "\f16d";
}








/* Page Secondaire */
#banner-sec
{
    padding-top: 100px;
    height: 385px;
    box-sizing: border-box;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: -70px top;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.article-46 #banner-sec,
.article-211 #banner-sec,
.menu-311 #banner-sec,
.menu-313 #banner-sec{
	background-image: url(../images/header-odyssee@2x.jpg),linear-gradient(to right, #083753 50%, #FFF 50%);
	background-position: center;
	background-repeat: no-repeat;
}

#banner-sec .inner
{
	height: 100%;
	position: relative;
}

#banner-sec .triangle
{
    content: "";
    top: 0;
    left: -200px;
    position: absolute;
    z-index: -1;
}

.article-46 #banner-sec .triangle,
.article-46 #banner-sec .image,
.article-46 #banner-sec .menu,
.article-46 #banner-sec::before,
.article-211 #banner-sec .triangle,
.article-211 #banner-sec .image,
.article-211 #banner-sec .menu,
.article-211 #banner-sec::before,
.menu-311 #banner-sec .triangle,
.menu-311 #banner-sec .image,
.menu-311 #banner-sec .menu,
.menu-311 #banner-sec::before,
.menu-313 #banner-sec .triangle,
.menu-313 #banner-sec .image,
.menu-313 #banner-sec .menu,
.menu-313 #banner-sec::before{
	display: none;
}

#banner-sec .triangle::before
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 412.5px 245px 412.5px;
    border-color: transparent transparent #000000 transparent;
    position: absolute;
    top: 45px;
    left: -80px;
}

#banner-sec .triangle::after
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 400px 0 400px 775px;
    border-color: transparent transparent transparent #06bbd3;
    position: absolute;
    left: -530px;
    top: -275px;
    z-index: -1;
    opacity: 0.8;
}

#banner-sec .image
{
    z-index: -1;
    background-image: url(../images/header-sec-img@2x.jpg);
    background-size: 100%;
    width: 1370px;
    background-repeat: no-repeat;
    height: 385px;
    top: -100px;
    position: absolute;
    left: -370px;
}

#banner-sec .menu
{
	   position: absolute;
    bottom: 30px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    max-width: 325px;
}

#banner-sec .menu::after
{
	    content: "";
    width: 65px;
    height: 6px;
    background-image: linear-gradient(to bottom, #fff 0%, #fff 1px, transparent 1px, transparent calc(100% - 1px), #fff calc(100% - 1px), #fff 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.article-46 #banner-sec .img-texte,
.article-211 #banner-sec .img-texte,
.menu-311 #banner-sec .img-texte,
.menu-313 #banner-sec .img-texte{
	background-repeat: no-repeat;
	position: absolute;
	background-size: contain;
	background-position: center bottom;
	background-image: url(../images/logo-commission@2x.png);
	bottom: 20px;
	left: 0;
	height: 158px;
	width: 350px;
	right: auto;
	max-width: none;
}

#content
{
	margin-top: 45px;
	margin-bottom: 100px;
	position: relative;
	z-index: 1;
}

#content .page-header,
#content .subheading-category
{
	color: #CF2724;
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 1em;
	line-height: 1;
	display: block;
}

#content .item-page.odysee .page-header,
#content .item-page.monuments .page-header{
	color: #083753;
}

#content .blog:not(.landing) > .category-desc
{
	 padding: 24px 30px;
    font-size: 20px;
    background: #F5F5F5;
    margin-bottom: 40px;
}

#content .blog.calendrier > .category-desc{
	background-color: transparent;
	padding: 0;
	margin: 0 0 80px;
}

#content .pagination
{
	border-top: 1px solid #F0F0F0;
}

#content .pagination ul
{
	display: table;
	margin: auto;
}

#content .pagination li
{
    background: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

#content .pagination li span,
#content .pagination li a
{
	color: #404040;
	border: none;
	padding: 1em;
	display: block;
	box-sizing: border-box;
	background: none;
}

#content .pagination li span
{
	color: #B5B5B5;
}

#content .pagination li:not(.pagination-end):not(.pagination-next):not(.pagination-prev):not(.pagination-start) span.pagenav
{
	border-top: 3px solid #404040;
}

#content .pagination li.pagination-start,
#content .pagination li.pagination-end,
#content .pagination li a
{
	display: none;
}

#content .pagination li.pagination-prev a,
#content .pagination li.pagination-next a

{
	display: inline;
}


#content .blog .items-row .page-header,
body.com_search #content .search > .search-results .result-title a
{
	color: #505050;
	font-size: 22px;
	line-height: 1.27;
	margin: 0;
	text-decoration: none;
	border: 0;
}

#content .blog .items-row .item-image
{
	font-size: 0;
}


#content .blog .items-row .item
{
	 width: 100%;
    box-sizing: border-box;
    border: 1px solid #B5B5B5;
    margin: 40px 0;
    padding: 30px 25px;
}

#content .blog.news .items-row .item
{
	opacity: 0;
}

#content .item-page.news .article-info .create
{
				position:absolute;
			left:-10000px;
			top:auto;
			width:1px;
			height:1px;
			overflow:hidden;
}

#content .blog .items-row .item > *
{
	margin: 1% 0;
}

#content .blog .items-row .article-info
{
	color: #AFADAD;
	margin: 1em 0;
	text-transform: uppercase;
}

#content .blog .items-row .readmore
{
	margin: 1em 0 0 0;
}

#content .blog .items-row .item-image
{
    width: calc(100% + 50px);
    margin: 0;
    position: relative;
    top: -30px;
    left: -25px;
    font-size: 0;
    margin-bottom: -30px;
}

#content .blog .items-row .item-image > img
{
	width: 100%;

}

#content .blog.temoignage .items-row .item
{
	background-color: #fff;
}

#content .blog.temoignage .items-row .item-image
{
	/*
	 position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 300px;
    height: 100%;
    */
}


#content .blog.temoignage .items-row .item-image > img
{
	/* width: auto; */
}

#content .blog.temoignage .items-row .page-header
{
	margin: 1em 0;
}


#content .blog .items-row .tags li
{
    padding: 0;
    background: none;
    margin: 0;
}


/* Start Not IE */
body:not(.IE) #content .blog.team .items-row
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	grid-gap: 100px 15px;
}
/* End Not IE */

/* Start IE */
body.IE #content .blog.team .items-row
{
	text-align: center;
}

body.IE #content .blog.team .items-row > *
{
    width: 32%;
    box-sizing: border-box;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    min-width: 280px;
}
/* End IE */

#content .blog.team .items-row .item
{
	opacity: 0;
	text-align: center;
	border: 0;
	margin: 0;
}

#content .blog.calendrier .readmore
{
	margin-bottom: 0;
}

#content .blog.calendrier .item
{
	background-color: #F9F9F9;
    padding: 25px;
    box-sizing: border-box;
    display: block;
    grid-template-columns: 3fr 1fr auto;
    grid-gap: 50px;
    margin: 0;
    border: none;
}

#content .blog.calendrier .item .readmore a::before
{
	font-family: "Font Awesome 5 Pro";
	content: "\f061";
	margin-right: 0.1em;
}

#content .blog.calendrier .items-row > *:nth-child(odd) .item
{
	background-color: #F2F2F2;
}

#content .blog.calendrier .field-entry.date
{

}
#content .blog.landing
{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

#content .blog.landing > .category-desc
{
	display: block;
}

#content .blog.landing > .category-desc > img:first-child
{
	left: -9%;
	position: relative;
}

#content .blog.landing > .category-desc > img:first-child ~ *
{
	margin-left: auto;
	margin-right: auto;
   width: calc(85% + 40px);
}

#content .blog.landing > .category-desc > img:first-child + *
{
	margin-top: 35px;
}

#content .blog.landing .items-row
{
    margin: 45px auto;
    width: calc(85% + 40px);
    font-size: 0;
}

#content .blog.landing .items-row > *
{
	margin-bottom: auto;
    background-color: #fff;
    display: inline-block;
    width: calc(100% - 20px);
    margin: 10px;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 18px;
}

#content .blog.landing .items-row .item
{
	margin: 0;
}

#content .blog.landing .items-row .page-header
{
	margin-bottom: 2em;
}



/* Recherche */
body.com_search #content .search > .search-results .result-category,
body.com_search #content .search > .search-results .result-created,
body.com_search #content .search .form-limit
{
	display: none;
}

body.com_search #content .search > .search-results .result-text
{
	 padding-bottom: 0.5em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #B5B5B5;
}

body.com_search #content .search > .search-results .result-title
{
	color: #E9A100;
   font-weight: bold;
}

body.com_search #content #searchForm .btn-toolbar
{
	font-size: 0;
	display: inline-block;
	margin-right: 20px;
}

body.com_search #content #searchForm .btn-toolbar > *
{
    display: inline-block;
    position: relative;
    height: 40px;
    vertical-align: top;
    box-sizing: border-box;
    max-width: calc(100% - 90px);
}

body.com_search #content #searchForm .btn-toolbar input[type="text"]
{
    border: 1px solid #707070;
    height: 100%;
    box-sizing: border-box;
    padding: 0 0.5em;
    font-size: 18px;
    width: 100%;
}

body.com_search #content #searchForm .btn-toolbar button
{
	background: #E9A100;
    border: none;
    line-height: 40px;
    height: 40px;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    padding: 0 0.5em;
    left: -1px;
    position: relative;
    cursor: pointer;
}

body.com_search #content #searchForm .searchintro
{
    display: inline-block;
    height: 40px;
    vertical-align: bottom;
    line-height: 40px;
}


/* Mobile Only */
@media (max-width: 1024px)
{
	#news .inner,
	#dossiers .inner
	{
		width: 100%;
	}

	#banner + section
	{
		margin-top: 20px;
	}

	#decouvrez
	{
		display: none;
	}

	.citation
	{
		margin: 0;
	}
}

/* Small phone */
@media only screen and (max-width: 420px)
{
   #header .module.logo
   {
   		font-size: 4vw;
   }

   .inner
	{
		width: 90%;
	}
}

@media only screen and (max-width: 500px)
{
   #dossiers .module.content .item-img
   {
		padding-top: 260px;
   }

	#dossiers .module.content .item-img img
	{
		height: 100%;
    	width: auto;
    	right: 0;
    	left: auto;
    	max-width: none;
	}
}

@media only screen and (min-width: 900px)
{
	#content .blog:not(.landing) > .category-desc
	{
		font-size: 22px;
	}
}


/* Desktop */
@media only screen and (min-width: 1025px)
{

	#content .blog.calendrier .item
	{
		display: grid;

	}

	#content .blog .items-row .item > *
	{
		margin: auto 0;
	}

	#header .module.logo
	{

	}

	#header .module.logo::after
	{
		content: "";
    	position: absolute;
    	right: 0;
    	width: 1px;
    	height: 70%;
    	background: #fff;
    	opacity: 0.34;
	}

	#content .pagination li a
	{
		display: inline;
	}

	/* Backgrounds */

	#news::before
	{
content: "";
    position: absolute;
    top: -65px;
    left: 0;
    width: 100%;
    height: calc(100% + 310px);
    background-image: url(../images/triangle-gris-bk@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: calc(100% + 350px) top;
    z-index: -1;
	}

	#dossiers::before
	{
    content: "";
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: calc(100% + 310px);
    background-image: url(../images/triangles-border-bk@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: calc(100% + 1px) top;
    z-index: -1;
	}

	#batisseur::before
	{
		content: "";
	   position: absolute;
	   top: -160px;
	   left: 0;
	   width: 100%;
	   height: calc(100% + 260px);
	   background-image: url(../images/triangles-rouge-bk@2x.png);
	   background-size: contain;
	   background-repeat: no-repeat;
	   background-position: left top;
	   z-index: -1;
	}

	#partenaires::before
		{
content: "";
    position: absolute;
    top: -255px;
    left: 0;
    width: 100%;
    height: 500px;
    background-image: url(../images/triangles-rouge-gris-bk@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: calc(100% + 2px) top;
    z-index: -1;
		}


	@media only screen and (max-width: 1200px)
	{
   		#news::before
   		{
 			background-position: calc(100% + 400px) top;
   		}
	}

	/* End Backgrounds */




	#header .module.recherche,
	#header .module.menu
	{
		display: block;
	}

	body:not(.IE) #header .module.menu
	{
		margin-left: auto;
    width: 100%;
    max-width: 1000px;
	}

	#header .module.menu-button
	{
		display: none;
	}

	#header .module.menu .module-content
	{
		height: 100%;
	}

	#header [data-position="header"]
	{
	grid-template-columns: 320px 1fr 100px;
	height: 100px;
	}

	#header .module.recherche
	{
    position: absolute;
    top: 0;
    padding-right: 100px;
    right: 0;
    overflow: hidden;
    background: transparent;
    z-index: -1;
	}

	body.search-open #header .module.recherche
	{
		z-index: 1;
	}

	#header .module.recherche > *
	{
transition: transform 0.7s;
    transform: translateX(100%);
    background: #fff;
    height: 100px;
    box-sizing: border-box;
    padding: 25px 20px;
    width: 600px;
	}



	body.search-open #header .module.recherche > *
	{
		transform: translateX(0);
	}

	#header .module.recherche input
	{
    border-bottom: 0;
    position: absolute;
    width: 100%;
    height: 50px;
	}

	#header .module.recherche input::placeholder
	{
		color: #505050;
	}

	#header .module.recherche .module-content > *
	{
		position: relative;
	}

	#header .search-button
	{
    height: 100%;
    color: #fff;
    width: 100%;
    background: #E9A100;
    line-height: 100px;
    text-align: center;
    display: block;
    position: relative;
    z-index: 2;
    cursor: pointer;
	}

	#header .search-button::before
	{
		content: "\f002";
   	position: absolute;
    	font-size: 20px;
    	color: #fff;
    	left: 0;
    	top: 0;
    	font-family: "Font Awesome 5 Pro";
    	font-weight: 400;
    	text-align: center;
    	width: 100%;
	}

	body.search-open #header .search-button::before
	{
		content: "\f00d";
	}

	#header .module.recherche .module-content::after
	{
		display: none;
	}

	#banner
	{
		padding-top: calc(39%);
		background-image: url(../images/header-img@2x.jpg);
	}

	#banner .module.background .custom
	{
		padding-top: 39%;
	}

	#banner .module.background img
	{
		right: 0;
	}

	#banner .module.slogan
	{
		 position: absolute;
		 width: 100%;
		 height: 39.5vw;
		 top: 0;
		 left: 0;
		 background-image: url(../images/triangles-header-home@2x.png);
		 background-size: auto 100%;
		 background-repeat: no-repeat;
		 background-position: bottom left;
	}

	#banner .module.slogan .custom
	{
    width: 22%;
    bottom: 42%;
    left: 5.5%
	}

	#dossiers .module.content .newsflash
	{
		padding-bottom: 75px;
	}

	#dossiers .module.content .item
	{
		width: calc(50% - 10px);
    	display: inline-block;
    	margin: 5px;
    	padding: 0;
	}

	#batisseur .module.content
	{
		position: relative;
    	padding-left: 350px;
	}

	#batisseur .module.content img
	{
		width: 300px;
		position: absolute;
		left: 0;
		top: 0;
	}

	#batisseur .module.title
	{
		margin-left: 350px;
	}

	#batisseur .module.content .link
	{
		margin-left: 0;
	}
	body:not(.home) #footer .inner
	{
		position: relative;
	}

	body:not(.home) #footer .inner::before
	{
	    content: "";
	    position: absolute;
	    width: 541px;
	    height: 257px;
	    top: -55px;
	    right: 0;
	    background-image: url(../images/triangles-footer-sec.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    transform: translateY(-100%);
	}

	#footer [data-position]
	{
		grid-template-areas: "a b c" "d d d";
		grid-template-columns: auto 1fr auto;
	}

	#footer .module
	{
		margin: 0 auto;
	}

	#footer .module.copyright
	{
		grid-area: d;
		margin: 0;
	}

	.mobile-only
	{
		display: none;
	}

	#banner-sec .img-texte
	{
	    background-image: url(../images/slogan-noir@2x.png);
	    width: 267px;
	    max-width: 20vw;
	    height: 115px;
	    background-repeat: no-repeat;
	    position: absolute;
	    right: 0;
	    bottom: 78px;
	    background-size: contain;
	    background-position: center bottom;
	}


	#content .blog.landing
	{
		width: 117.73%;
		overflow: hidden;
	}

	#content .blog.landing .items-row > *
	{
	    width: calc(50% - 20px);
	}

	#content .blog.landing > .category-desc
	{

	}

	#content .blog.landing > .category-desc > img:first-child
	{
		float: left;
		width: 50%;
		left: auto;
	}

	#content .blog.landing > .category-desc > img:first-child ~ *
	{
	    float: right;
	    width: 50%;
	    padding-right: 7.2%;
	   box-sizing: border-box;

	}

	#content .blog.landing > .category-desc > img:first-child + *
	{
		margin-top: 85px;
	}

}

@media only screen and (min-width: 1200px)
{
	#news [data-position="news"]
	{
		grid-template-areas:	"a b b"
		    							". b b" ;
		grid-gap: 7%;
	}

	#news .module.readmore,
	#news .module.title
	{
		grid-area: a;
		margin-left: 0;
	}

	#news .module.readmore
	{
		margin: auto auto -1em 0;
	}

	#news .module.content
	{
		grid-area: b;
	}

	#batisseur .module.content
	{
	    margin-left: 10%;
	}

	#batisseur .module.title
	{
		 margin-left: calc(10% + 350px);
	}
}

@media only screen and (min-width: 2400px)
{

	#banner-sec .triangle::after
	{
		opacity: 1;
		border-color: transparent transparent transparent #57C8DC;
	}


}


@media (min-width: 1890px)
{
body.category #banner-sec::before
	{
	 content: "";
    position: absolute;
    top: 0;
    left: -43px;
    height: 97.2%;
    width: calc(50% - 850px);
    background: linear-gradient(150deg, #261211 0%,#261211 calc(100% - 102px), #de6a68 38%, #de6a68 100%);
    z-index: -1;
	}
}

@media (min-width: 1690px)
{
body:not(.category) #banner-sec::before
	{
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    height: 97.2%;
    width: calc(50% - 789px);
    background: linear-gradient(150deg, #261211 0%,#261211 calc(100% - 102px), #de6a68 38%, #de6a68 100%);
    z-index: -1;
	}
}






#content .tag-category .filters
{
	display: none;
}

#content .tag-category ul.category.list-striped,
#content .tag-category ul.thumbnails
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	grid-gap: 15px;
}

#content .tag-category li
{
	padding: 0;
   background: none;
}






/* === Internet Explorer === */
body.IE #header .module.logo
{
    display: inline-block;
    width: 315px;
    height: 100%;
}

body.IE #header .module.menu
{
display: inline-block;
    width: calc(100% - 425px);
    height: 100%;
    vertical-align: bottom;
    top: -3px;
    left: 4px;
    position: relative;
}

body.IE #header .module.search-button
{
	 display: inline-block;
    width: 100px;
}

body.IE #header .module.menu .nav.menu > li:hover > ul
{
    display: block;
    position: fixed;
    top: 100px;
    left: 0;
}

body.IE #header .module.menu .nav.menu > li > ul > li
{
    display: inline-block;
    width: calc(25% - 25px);
    vertical-align: top;
}

body.IE #header .module.menu .nav.menu > li > ul a::before
{
	display: none;
}

body.IE #header .module.menu .nav.menu > li > ul li li
{
	padding-left: 0;
}

body.IE #news .module.title
{
	margin-left: 0;
}

body.IE #news .module.content
{
	 margin-left: 210px;
    width: calc(100% - 210px);
}

body.IE #footer [data-position] > *:not(:last-child)
{
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

/***** monument start *****/

#content a.button{
	display: inline-block;
	color: #FFF;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	padding: 12px 15px;
	background: linear-gradient(to top, transparent 50%, #06BCD3 50%);
	background-size: 100% 200%;
	background-position: center top;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	background-repeat: no-repeat;
	text-decoration: none;
}

#content a.button:hover{
	background-position: center calc(-100% - 4px);
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	color: #06BCD3;
}

.item-page.odysee iframe{
	border: none;
	width: 100%;
}

.item-page.odysee .newsflash{
	counter-reset: item ;
}

.item-page.odysee .newsflash .item{
	padding: 20px 15px 20px 45px;
	position: relative;
	background: #F2F2F2;
}

.item-page.odysee .newsflash .item:nth-child(even){
	background: #F9F9F9;
}

.item-page.odysee .newsflash .item::before{
	content: counter(item);
	counter-increment: item;
	color: #E9A100;
	position: absolute;
	left: 15px;
	top: 22px;
	font-weight: 700;
	font-size: 16px;
}

.item-page.odysee .newsflash .item .item-wrapper-inner{
	display: flex;
	justify-content: space-between;
}

@media(max-width:710px){
	.item-page.odysee .newsflash .item .item-wrapper-inner{
		display: block;
	}
}

.item-page.odysee .newsflash .item .fields-container{
	display: none;
}

@media(max-width:1024px){
	#content .item-page.odysee .newsflash .item strong{
		display: block;
	}
}

#content .item-page.odysee .newsflash .item .item-footer{
	margin-left: 30px;
	text-align: right;
	width: 210px;
}

@media(max-width:710px){
	#content .item-page.odysee .newsflash .item .item-footer{
		margin: 10px 0 0;
		text-align: left;
		width: auto;
	}
}

#content .item-page.odysee .newsflash .item a.readmore{
	padding-left: 22px;
}

.module.enButton a{
	position: absolute;
	top: 385px;
	right: 8%;
	background: #06BCD3;
	color: #FFF;
	font-weight: 700;
	padding: 14px 13px;
}

@media(max-width:1350px){
	.module.enButton a{
		right: 0;
	}
}

.item-page.monuments .fields-container{
	font-style: italic;
}

body.article-211 #footer .inner::before,
body.article-46 #footer .inner::before,
body.menu-311 #footer .inner::before,
body.menu-313 #footer .inner::before{
	display: none;
}

/***** monument end *****/

/***** alerte start *****/
#alerte{
	background: #D02724;
	color: #FFF;
	font-size: 16px;
	line-height: 18px;
	padding: 20px;
	position: relative;
	z-index: 99;
	display: none;
}

#alerte .inner{
	width: 90%;
	max-width: 100%;
	position: relative;
}

.module.alertes{
	width: 85%;
	max-width: 1150px;
	margin: 0 auto;
}

.module.alertes a{
	font-weight: 700;
	border-bottom: 2px solid #FFF;
}

#p_alerte-nc{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
}

#p_alerte-nc .fal{
	font-weight: 400;
}


/***** alerte end *****/