

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

.s4Block{line-height: 1.4}
body{font-family: 'Montserrat', sans-serif;color: #343431;font-weight: 400;font-size: 13px;background: #FFF;padding-top: 0;}
p{line-height: 1.4}
body #cc-window{}
body #cc-window.cc-window .cc-compliance .cc-btn.cc-accept-all{width: 50%; display: inline-block; float: inherit}
body #cc-window.cc-type-categories.cc-floating:not(.cc-theme-edgeless) .cc-compliance .cc-dismiss{float: inherit; display: inline-block; }
body #cc-window.cc-type-categories.cc-floating:not(.cc-theme-edgeless) .cc-compliance .cc-show-settings{border: 0; font-size: 12px; text-align: center; width: 100%; }
//body #cc-window.cc-window .cmplz-categories-wrap + style + .cc-compliance{display: none}
body .cc-color-override-323252138.cc-window{background-color: #FFF;}

body #cc-window.cc-window .cc-compliance .cc-btn.cc-accept-all,body #cc-window.cc-type-categories.cc-floating:not(.cc-theme-edgeless) .cc-compliance .cc-dismiss{border:2px solid #00788c; background-color: transparent !important; border-radius: 10px; color: #00788c; width: 47%; }
body #cc-window.cc-type-categories.cc-floating:not(.cc-theme-edgeless) .cc-compliance .cc-dismiss{margin-left: 4%}
a{text-decoration: none}

*:focus{outline: 0}

.clear{clear: both} 
/* BUTTONS */
.button1, #Accueil .ff-loadmore-wrapper .ff-btn{position: relative;display: inline-block;background: #EC6608;font-size: 14px;font-weight: bold;padding: 12px 20px 12px 30px;color: #FFF;border-radius: 20px;transition: all 0.4s ease-in-out;}
.button1:after, #Accueil .ff-loadmore-wrapper .ff-btn:after{content: " "; display:inline-block; width: 12px; height: 12px; background: url(../images/arrow-right-withe.svg) no-repeat center center; background-size: cover; margin-left: 10px; vertical-align: -1px; transition: all 0.4s ease-in-out}
.button1:hover, #Accueil .ff-loadmore-wrapper .ff-btn:hover{background: #fd8028;}
.button1:hover:after, #Accueil .ff-loadmore-wrapper .ff-btn:hover:after{transform: translateX(5px)}
	
	.button1.white{background: #FFF}
	.button1.blue{background: #00788C}
	
	.button1.txOrange{color: #EC6608}
	.button1.txOrange:after{background: url(../images/arrow-right-orange.svg) no-repeat center center; background-size: cover; }
	
	.button1.white:hover{background: #EC6608; color: #FFF}
	.button1.white:hover:after,.button1.txOrange:hover:after{background: url(../images/arrow-right-withe.svg) no-repeat center center; background-size: cover; }
/* MARGES */
.marges1{padding-top:130px; padding-bottom: 130px}
.marges1 + .marges1{padding-top: 0}
main{padding-top: 68px}

/* TITLES */
.title1{font-size: 40px; font-weight: bold; color: #EC6608; margin-bottom: 70px; line-height: 1.2}
.title1.white{color: #FFF;}
.title1.blue{color: #00788C;}

.title2{font-size: 22px; line-height: 1.2;  color: #00788C; font-weight: bold; margin-bottom: 20px}
	a .title2:hover{color: #EC6608}
.title3{font-size: 15px;line-height: 1.2;color: #00788C;font-weight: bold;margin-bottom: 15px;}
	a .title3:hover{color: #EC6608}
.title2.white{color: #FFF;}
.title3.orange{color: #EC6608;}

h5{font-size:14px;}
/* EFFECT */
.effect1{transition: all 0.3s ease-in-out}

p{font-size: 14px; font-weight: 400; line-height: 1.7; }

#navresponsive{display:none}
#headerResponsive{display:none}

.wp-block-gallery.columns-3 .blocks-gallery-item{padding-left: 0}
.wp-block-gallery.columns-3 .blocks-gallery-item:before{display: none !important}
/* HEADER 1*/
#header1{position: relative; overflow: hidden;}
#header1:before{content: " "; display: block; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.31; z-index: 2; position: absolute}
#header1 .cover{position: absolute; top: -150px; left: 0; bottom: 0; right: 0; z-index: 1}
#header1 .row{height: 60vh}
#header1 .col{margin: auto; max-width:770px; position: relative; z-index: 3; text-align: center}
#header1 .col .title1:after{content: " "; display: block; width: 112px; height: 10px; background: #FFF; margin: 24px auto 0}
#header1 .col .title1{margin-bottom:0}
/* header .top */
header{top:0;width: 100%;left: 0;background: #FFF;padding: 0;/* backdrop-filter: blur(10px); */z-index: 100;position: relative;}
	
	header .top{padding: 0 0px 0 20px;position: relative;z-index: 101;}
	header .top:before{content: " ";display: block;position: absolute;top:0;opacity: 0.8;left:0;width: 50%;bottom:0;background: url('../images/background-menu.jpg') no-repeat center right;background-size: cover; opacity:0}
	header .top .row{margin-right: 0; margin-left: 0}
	header .top .logo{position: relative; }
	header .top .logo img{height: 55px; position: absolute; left: 0; top: 50%; margin-top: -27px}
	
	
	header .top .right{text-align: right; padding-right: 0}
	header .top .right .shortcuts{display: inline-block; background:#FFF; position:relative; z-index:3; transition:all 0.3s ease-in-out}
		header .top .right .shortcuts a.elem{display: inline-block;vertical-align: middle;text-align: center;color: #585858;font-size: 11px;font-weight: bold;padding: 0 20px;border-left: 1px solid #EAEAEA;}
		header .top .right .shortcuts a.elem.quality{background: rgb(153, 206, 108); }
		header .top .right .shortcuts a.elem .picto{height: 24px; vertical-align: middle}
		header .top .right .shortcuts a.elem img,header .top .right .shortcuts a.elem svg{max-height: 21px; max-width: 31px; width: 100%; vertical-align: middle}
		header .top .right .shortcuts a.elem .name{margin-top: 5px; transition: all 0.3s ease-in-out}
		header .top .right .shortcuts a.elem:last-child{ border-right: 1px solid #EAEAEA;}
			
			header .top .right .shortcuts a.elem svg *{transition: all 0.3s ease-in-out}
			header .top .right .shortcuts a.elem:hover svg .animStroke{stroke: #EC6608}
			header .top .right .shortcuts a.elem:hover svg .animFill{fill: #EC6608}
			header .top .right .shortcuts a.elem:hover .name{color: #EC6608}
			
			header .top .right .shortcuts a.elem.quality svg .animFill{fill: #FFF}
			header .top .right .shortcuts a.elem.quality .name{color: #FFF}
		
	header .top .right .social{display: inline-block;padding: 0 35px;/* height:74px; *//* overflow:hidden; */z-index:2;position:relative;transition:all 0.3s ease-in-out;}
	header .top .right .social a{vertical-align: middle;margin: 0 5px;display:inline; font-size:0;  color:transparent; text-indent: -999999px;}
	header .top .right .social a img, header .top .right .social a svg{width: 20px;/* vertical-align:middle; */display:inline-block;transform: translateY(2px);}
	
		header .top .right .social a svg *{transition: all 0.3s ease-in-out}
		header .top .right .social a:hover svg *{fill:#EC6608}
	
	header .top .right .shortcuts a.elem{padding-top: 9px}
	header .top .right .shortcuts a.elem, header .top .right .social a{height: 60px;}
	
	header .top .right .search{display:inline-block}
	header .top .right .search .button{display:inline-block; transition:all 0.3s ease-in-out; text-align:center;width: 80px;height:60px;cursor: pointer;line-height:74px;vertical-align:middle;background:#00788C;}
	header .top .right .search .button:hover{background:#019bb5;}
	header .top .right .search .button i{ color:#FFF; font-size:16px; vertical-align: 5px}

    header .top .right .search .inside{width:0;transition:all 0.3s ease-in-out;overflow:hidden;display:inline-block;position:relative;vertical-align:middle;}
    header .top .right .search .input{display:inline-block;width: 425px;transform:translateY(10px);margin-left:20px;margin-bottom:18px;margin-right:15px;vertical-align:middle;position:relative;}	
	header .top .right .search input[type=text]{width: 100%;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);background: #FFF;border-radius: 28px;border: 0;padding: 12px 20px;font-size: 14px;margin-top: -14px;font-weight: 600;color: #343434;position: relative;z-index: 105;}
	header .top .right .search input[type=text]::placeholder{color: #C3C3C3; transition: all 0.3s ease-in-out}
	header .top .right .search input[type=text]:focus::placeholder{color: #FFF}
	header .top .right .search input[type=text]:focus{outline: 0;}
	header .top .right .search input[type=submit]{width: 75px;background: #00788C;color: #FFF;text-align: center;padding: 12px 20px;font-size: 14px;border-radius: 28px 28px 28px 28px;position: absolute;right:0;top: 0px;border:0;/* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.44); */transition: all 0.4s ease-in-out;cursor: pointer;z-index: 105;}
	header .top .right .search input[type=submit]:hover{background: #EC6608;}
	    
	    header .top .right.openSearch .search .inside{width: 450px;}
        header .top .right.openSearch .social{margin-left:-190px;}

    header .top .right .search .results{position: absolute;z-index:4;overflow:scroll;text-align:left;left: 0;right: 0;top: 50%;height: 250px;background: #FFF;padding: 40px 0 20px 0;z-index: 103;border-radius: 0 0 20px 20px;}
    header .top .right .search .results .empty{padding: 10px}
	header .top .right .search .results .elem{font-size:13px;display:block;color:#343434;line-height: 1.4; padding:0 20px; padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #efefef;}
	header .top .right .search .results .elem:hover{color:#EC6608}
	header .top .right .search .results .elem i{color:#00788C; margin-right:10px; font-size:15px}
	
        
	header .bottom{position: absolute; top:100%; z-index: 100; left: 0;  width: 100%}	
	header .bottom.sticky{position: fixed; width: 100%; left: 0; top:0; z-index: 50}
	nav{position: relative;width: 100%;z-index:11;}
	nav .container{position:relative;}
	nav .container:before{content: " ";display:block;display:;width:50vw;left: -36vw;background:#FFF;border-bottom:1px solid #f3f3f3;z-index:  1;height:100%;position:absolute;}
	nav .logo{position:absolute;top:50%;margin-top: -13px;width: 155px;z-index: 2;left:15px;}
	nav ul{list-style: none; padding-left: 0; margin-left: 0; }
	nav ul li{padding-left: 0; margin-left: 0} 

	nav ul.principal{text-align:right;position: relative;background: #00788C;z-index:  1;display: table;width: 100%;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);}
	nav ul.principal > li {display: table-cell;/* padding:20px 0; */margin-top: 0;vertical-align: middle;padding-top: 0;text-align:center;border-right: 1px solid #0A90A7; }
	nav ul.principal > li:first-child{background: }
	nav ul.principal > li > a{color: #FFF;text-decoration: none;padding: 27px 26px;line-height: 1.4;display:inline-block;font-size: 14px;transition: all 0.3s;/* text-transform:  uppercase; */font-weight: bold;position:relative; }
	nav ul.principal > li:before{content:" "; display:block; right:-1px; background:#FFF; position:absolute; top:105%; left:0; bottom:-1px; z-index:1; transition:all 0.3s cubic-bezier(.25,.46,.45,.94),top .25s cubic-bezier(.25,.46,.45,.94)}
	nav ul.principal > li:hover,nav ul.principal > li:focus{background: #1e8b9d;}
	nav ul.principal > li:hover > a,nav ul.principal > li > a:focus{}
	nav ul.principal > li > a span{position:relative; z-index:2; display:inline-block;}
	nav ul.principal > li:hover .sub{max-height: calc(100vh - 200px);  transition: all 0.4s ease-in; transition-delay: 0.2s }
	
	nav ul.principal > li:hover:after{content: " "; display:block; height:20px; width:100%; position:absolute; background:transparent; top:100%; left:0%; z-index: 8}
	
	nav .sub .left:after{content: " "; display:block; width:50px; height:100%; position:absolute; left:-50px; top:0; background:transparent}

	nav .sub{position: absolute;/* padding:35px 50px; */display:block;background: transparent linear-gradient(342deg, #00788C 0%, #1E8B9D 100%) 0% 0% no-repeat padding-box;width:100%; right:  0;margin-top: 0px;top: 100%; padding: 0; max-height:0; overflow: scroll; transition: all 0s ease-in; 
	box-shadow: 0px 19px 19px  rgba(0, 0, 0, 0.15)}
	nav .sub:after{content:" "; display:block; width:1px; height:100%; background:#f3f3f3; position:absolute; left:0; top:0;}
	
	nav .sub .fakeTitle{position: absolute;left: -10px;top: 50px;color: #FFF;text-align: left;font-size: 200px;max-height: 91%;line-height: 1.1;width: 50%;font-weight: bold;opacity: 0.03;overflow: hidden;}
	nav .sub .right{position:absolute;right:0;width: 350px;height:100%;top:0;}
	nav .sub .right .img,nav .sub .right .hoverImg{position:absolute; width:100%; height:100%; top:0; left:0; z-index:1}
	nav .sub .right .hoverImg{z-index:2;opacity:0;transition: opacity 0.3s cubic-bezier(0.545, 0.005, 0.270, 0.995);}
	nav .sub .right .hoverImg.showit{opacity:1}

	nav .sub .left{width:100%; padding: 50px 50px 30px; float:left; text-align:left;}
	nav .sub.ncolumn1 .left .column{width: 100%}
	nav .sub .left:after{content: " "; display:block; clear:both;} 
	nav .sub .left > li{ padding-bottom:20px; margin-bottom:20px; }
	nav .sub .left > li:last-child{border-bottom:0; margin-bottom:0; padding-bottom:0}
	nav .sub .left > li > .title,nav .sub .left .column > li > a.title{color:#FFF; display:inline-block; margin-bottom:5px; font-size:16px; font-weight:bold;  }
	nav .sub .left  > li > .title:after, nav .sub .left .column > li > a.title:after{content: " "; display: block; width: 20px; height: 3px; background: #EC6608; margin: 10px 0}
	nav .sub .left > li > ul li a{color:#FFF; font-weight:300; font-size:12px; transition: all 0.3s; padding:3px 0; display: inline-block; line-height: 1.4; }
	nav .sub .left  > li > ul li a:hover{text-decoration: underline; }
	nav .sub .left .button{background:#e6e6e6; padding:20px 0; text-align:center; color:#ababab; width:100%; position:absolute; font-size:14px; bottom:0; left:0; transition:all 0.3s }
	nav .sub .left .button:after{content: " ";display: inline-block;z-index: 2;width: 6px;height: 10px;background: url(../img/buttons/triangle-right-grey.png) no-repeat center;margin-left: 15px;transform-origin:center;transition:all 0.3s;}
	nav .sub .left .button:hover{background:#ababab; color:#FFF}
	nav .sub .left .button:hover:after{background:url(../img/buttons/triangle-right-blanc.png) no-repeat center;}
	
	@media (max-width: 1200px){
		
		header .top .right.openSearch .search .inside{width:350px;}
		header .top .right .search .input{width:325px}
	}
	
	@media (max-width: 1030px){
		nav ul.principal > li > a{padding:27px 15px;font-size: 13px;}
		header .top .right.openSearch .search .inside{width:260px;}
		header .top .right .search .input{width:220px}
		header .top .right .search input[type=submit]{padding:12px 10px;width: 50px;}
		header .top .right .search input[type=text]{font-size:12px}
		header .top .right .shortcuts a.elem{padding-left:10px; padding-right:10px}
	}
	
	nav ul.principal li.logoLi{background: #FFF;border-top: 1px solid #f1f1f180;border-right: 0;}
	nav ul.principal li.logoLi a{ padding: 8px 15px}
	nav ul.principal li.logoLi a img{width: 100px}
	
	nav ul.principal > li:nth-child(2){width: 50px; background: #65C4D5; cursor: pointer; border-left: 0}
	nav ul.principal > li:nth-child(2) a:before{content: " "; display: inline-block; width: 23px; height: 20px; background: url('../images/icon-home.svg') no-repeat center; background-size: cover}
	nav ul.principal > li:nth-child(2) a{font-size: 0}
	nav ul.principal > li:nth-child(2):hover{background: #51AAB9}
/* ACCUEIL */
#Accueil{}
	
	/* HEADER */
	#Accueil #header{position: relative;}
	#Accueil #header:before{content: " "; display: block; width: 100%; height: 100%; position: absolute; top:0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.2; z-index: 2}

	#Accueil #header video{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit:cover; z-index: 1}
	
	#Accueil #header .container{text-align: center; position: relative; z-index: 2; }
	#Accueil #header .container .row{ height: calc(100vh - 142px);}
	#Accueil #header .container .col{margin: auto; transform: translateY(-50px)}
	#Accueil #header .container .col .logos{margin-bottom: 70px}
	#Accueil #header .container .col .logos img{max-height: 110px; max-width: 120px; width: 100%; vertical-align: middle}
	#Accueil #header .container .col .logos img:last-child{margin-left: 50px;}
	#Accueil #header .container .col .logo img{width: 300px}
	
	#Accueil #header .container .col .labelleimage{margin: 50px 0; text-align: center; font-weight: bold; font-size: 30px; color: #FFF}
	#Accueil #header .container .col .labelleimage img{vertical-align: -10px; width: 45px; margin-right: 15px}
	
	#Accueil #header .container .col .search{position: relative; max-width: 900px; margin: 35px auto 15px; z-index: 4}
	#Accueil #header .container .col .search input[type=text]{width: 100%; background: #FFF; border-radius: 28px; border: 0; padding: 15px 25px; font-size: 18px; font-weight: 600; color: #343434; position: relative; z-index: 2}
	#Accueil #header .container .col .search input[type=text]::placeholder{color: #C3C3C3; transition: all 0.3s ease-in-out}
	#Accueil #header .container .col .search input[type=text]:focus::placeholder{color: #FFF}
	#Accueil #header .container .col .search input[type=text]:focus{outline: 0;}
	#Accueil #header .container .col .search input[type=submit]{width: 210px;background: #00788C;color: #FFF;text-align: center;padding: 15px 25px;font-size: 18px;border-radius: 28px 28px 28px 28px;position: absolute;right: 0;top: 0;border:0;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.44);transition: all 0.4s ease-in-out;cursor: pointer;z-index: 2;}
	#Accueil #header .container .col .search input[type=submit]:hover{background: #EC6608;}
	
	#Accueil #header .container .col .search .results{position: absolute; display:none; overflow:scroll; text-align:left;left: 0;right: 0;top: 50%;height: 250px;background: #FFF;padding: 40px 0 20px 0;
		z-index: 1; border-radius: 0 0 20px 20px}
	#Accueil #header .container .col .search .results .elem{font-size:13px; display:block; color:#343434; padding: 0 20px;  padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #efefef; }
	#Accueil #header .container .col .search .results .elem:hover{color:#EC6608}
	#Accueil #header .container .col .search .results .elem i{color:#00788C; margin-right:10px; font-size:15px}
	#Accueil #header .container .col .raccourcis{margin-top: 45px; }
	#Accueil #header .container .col .raccourcis a{display: inline-block; margin-right: 25px; margin-bottom: 15px }
	#Accueil #header .container .col .raccourcis a:last-child{margin-right: 0}
	    #Accueil #header .container .col .search.openIt .results{display:block}
	    #Accueil #header .container .col .search .results .empty{padding: 0 25px}
	    
	#Accueil #header .scrollDown{position: absolute; width: 90px; height: 90px; bottom: -40px; left: 50%; margin-left: -45px; z-index: 2; cursor: pointer; display: block}
	#Accueil #header .scrollDown .circle1{position: absolute; top:0; left: 0; right: 0; bottom: 0; background: #EC6608; border-radius: 100%; opacity: 0.4; transition: all 0.4s ease-in-out; transition-delay: 0s}
	#Accueil #header .scrollDown .circle2{position: absolute; top:10%; left: 10%; right:10%; bottom: 10%; background: #EC6608; border-radius: 100%; opacity: 0.4; transition: all 0.4s ease-in-out;; transition-delay: 0.05s}
	#Accueil #header .scrollDown .circle3{position: absolute; top:20%; left: 20%; right:20%; bottom: 20%; background: #EC6608; border-radius: 100%; opacity: 1; color: #FFF; text-align: center; vertical-align: middle; transition: all 0.4s ease-in-out; transition-delay: 0.1s}
	#Accueil #header .scrollDown .circle3 img{vertical-align: -21px; width: 15px}
	
	#Accueil #header .scrollDown:hover .circle1{background: #00788C; transition-delay: 0.1s}
	#Accueil #header .scrollDown:hover .circle2{background: #00788C; transition-delay: 0.05s}
	#Accueil #header .scrollDown:hover .circle3{background: #00788C; transition-delay: 0s}
	
	@media (max-width: 1330px){
			#Accueil #header .container .col .logo img{width: 200px}
			#Accueil #header .container .col .labelleimage{margin: 25px 0}
	}
	
	/* ACTUALITES */
	#Accueil #actualites{position: relative; padding-bottom: 0}
	#Accueil #actualites:before{content: " "; display: block; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 190px;background: transparent linear-gradient(119deg, #00788C 0%, #009CB6 69%, #00AECB 100%) 0% 0% no-repeat padding-box;}
	#Accueil #actualites:after{    content: " ";display: block;position: absolute;width: 370px;height: 377px;background: url(../images/icon-e-epinal.svg) no-repeat center center;background-size: cover;top: 26px;left: 50%; margin-left: -800px; z-index: 1}
	#Accueil #actualites .intro{text-align: center}
	#Accueil #actualites .intro .title1{}
	
		#Accueil #actualites .priority{position: relative; border-radius: 10px; background: #FFF; overflow: hidden; margin-top: 50px}
		#Accueil #actualites .priority .image{
    text-indent: -99999999px;
    font-size: 0;
    color: transparent;
}
		#Accueil #actualites .priority .content{padding: 50px 60px}
		#Accueil #actualites .priority .content .title2{max-width: 435px}
		#Accueil #actualites .priority .content p{margin-bottom: 30px;}
		#Accueil #actualites .priority .content a.link{font-size: 16px; font-weight: bold; color: #00788C;}
		#Accueil #actualites .priority .content a.link:hover{color: #EC6608}
		#Accueil #actualites .priority .content .date{color: #404040;margin-top: 30px;}
		#Accueil #actualites .priority .content .date:before{content: " "; display: inline-block; margin-right: 10px;  vertical-align:-3px; width: 16px; height: 16px; background: url('../images/icon-date.svg') no-repeat center; background-size: cover; }
		
		#Accueil #actualites .list{margin-top: 20px}
		#Accueil #actualites .list .elem{padding: 0 3px; cursor:pointer; transform: scale(0.98); display: block; transition: transform 0.3s ease-in-out; z-index: 4}
		#Accueil #actualites .list .elem:hover{transform: scale(1); z-index: 5}
		#Accueil #actualites .list .elem .inside{background: #FFF; border-radius: 10px; padding: 35px 30px 20px; border:1px solid #eeeeee;  transition: all 0.3s ease-in-out; box-shadow:0;}
		#Accueil #actualites .list .elem:hover .inside{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29)}
		#Accueil #actualites .list .elem .image{height: 125px; margin-top: 25px}
		#Accueil #actualites .list .elem .date{color: #404040;margin-top: 10px;font-size: 12px;}
		#Accueil #actualites .list .elem .date:before{content: " "; display: inline-block; margin-right: 10px;  vertical-align:-2px; width: 12px; height: 12px; background: url('../images/icon-date.svg') no-repeat center; background-size: cover; }
		#Accueil #actualites .list .elem p{color: #343431}
		#Accueil #actualites .list .elem.showedInPriority{display: none !important}
		#Accueil #actualites .list .slick-track{padding-bottom: 7px}
		
		@media (max-width: 480px){
			#Accueil #actualites .priority{display: none}
			#Accueil #actualites .list .elem.showedInPriority{display: block !important}
		}
		
		
	/* SORTIR */
	#sortir{position: relative; padding-bottom: 0}
	#sortir .inside{position: relative; width: 100vw; overflow: hidden; z-index: 2; }
	#sortir:before{content: " "; display: block; position: absolute; bottom: 0; height: 133px; width: 100%; left: 0; background: rgba(194, 194, 194, 0.17)}
	#sortir .container{position: relative; z-index:4}
	#sortir .intro{text-align: center; margin-bottom: 80px}
	#sortir .categories{margin-top: 40px}
	#sortir .categories li{font-size: 16px;font-weight: bold;color: #545454;margin-bottom: 23px;cursor: pointer;}
	#sortir .categories li a{color: #545454}
	#sortir .categories li.active,#sortir .categories li.active:hover{color: #EC6608}
	#sortir .categories li:hover{color: #8f8f8f}
	
	
	#sortir .categories .arrows{transform: translateY(29px);}
	#sortir .categories .arrows div{display: inline-block; width: 50px; height: 50px; border-radius: 100%; background: #EC6608; position: relative; cursor: pointer}
	#sortir .categories .arrows .slick-disabled,#sortir .categories .arrows .slick-hidden{background: #fad2bc; cursor: inherit}
	#sortir .categories .arrows .slick-disabled:hover,#sortir .categories .arrows .slick-hidden:hover{background:#fad2bc }
	#sortir .categories .arrows div:hover{background: #fd8028}
	#sortir .categories .arrows div.prev{margin-right: 10px; margin-top: 50px; }
	
	#sortir .categories .arrows div.prev:before{content: " "; display:inline-block; width: 16px; height: 16px; background: url(../images/arrow-right-withe.svg) no-repeat center center; background-size: cover; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px;  transition: all 0.4s ease-in-out; transform: rotate(-180deg)}
	#sortir .categories .arrows div.next:before{content: " "; display:inline-block; width: 16px; height: 16px; background: url(../images/arrow-right-withe.svg) no-repeat center center; background-size: cover; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px;  transition: all 0.4s ease-in-out}
	
	#sortir .list{position: relative; min-height: 420px; }
	#sortir .list .slider{position: absolute; width: 70vw; left: 50%; margin-left: -440px; padding-left: 0; overflow: hidden; padding: 40px}
	#sortir .list .slider .slick-list{overflow: visible;   -webkit-overflow-scrolling: touch;}
	#sortir .list .slider .slick-track{overflow: visible; padding-right: 200px;   -webkit-overflow-scrolling: touch;}
	#sortir .list .elem{ width:350px; background: #FFF; box-shadow: 0 11px 20px rgba(0, 0, 0, 0.16); border-radius: 10px; padding: 20px;   margin-right: 40px; transition: all 0.5s linear; min-height: 389px}
	#sortir .list .elem:first-child{}
	#sortir .list .elem .top{}
	#sortir .list .elem .top .img{display: inline-block; width: 170px; height: 170px; border-radius: 100%; transform: translate(-40px, -40px) }
	#sortir .list .elem .top .date{display: inline-block; width: calc(100% - 155px); height: 170px; border-radius: 100%; vertical-align: top; font-size: 24px; color: #EC6608; font-weight: bold; margin-left: -25px }
	#sortir .list .elem.hidden{opacity: 0; background:transparent;}
		
		#sortir .list .slider.hideIt .elem{opacity: 0; transform: translateX(50px);}
	
		@media (max-width: 1799px){
			#sortir .list .slider{ width: 80vw;  }
			
		}
	
		@media (max-width: 1199px){
			#sortir .list .slider{ width: 90vw;  margin-left: -380px; }
			
		}
		
		@media (max-width: 999px){
			#sortir .list .slider{ width: 90vw;  margin-left: -230px; }
			
			#sortir .categories li{font-size: 12px;}
			
		}
		
		
		#sortir.blue:after{content: " "; z-index:1; display: block; position: absolute; bottom: 0; top:0; width: 100%; left: 0; background: transparent linear-gradient(142deg, #00788C 0%, #00AECB 100%) 0% 0% no-repeat padding-box;}
		#sortir.blue .title1.orange{color: #FFF}
		#sortir.blue .categories li{color: #FFF}
		#sortir.blue .categories li.active,#sortir.blue .categories li:hover {
    color: #EC6608;
}
		
	/* SOCIAL */
	#Accueil #social{background: rgba(194, 194, 194, 0.17);padding-bottom: 0;padding-top: 35px;position: relative;overflow: hidden;}
	#Accueil #social .title1{text-align: center;margin-bottom: 0;}
	#Accueil .ff-item .ff-img-holder+.ff-content{font-family: 'Arial'}
	#Accueil #ff-stream-1,#Accueil #ff-stream-1 .ff-popup,#Accueil #ff-stream-1 .ff-search input{background: transparent}
	#Accueil #ff-stream-1 .ff-loadmore-wrapper .ff-btn{background: #00788C; margin-top: 35px}
	#Accueil #ff-stream-1 .ff-loadmore-wrapper .ff-btn:hover{background: #019bb5;}
	#Accueil #ff-stream-1 .ff-loadmore-wrapper .ff-btn:after{transform: rotate(90deg)}
	#Accueil .ff-item .ff-img-holder{position:relative; height:220px}
	#Accueil .ff-item .ff-img-holder img{position:absolute; top:50%; left:50%; object-fit:cover; transform:translate(-50%, -50%)}
	#Accueil .ff-item .ff-img-holder+.ff-content{height:280px}

	#Accueil #social #instagram{margin-top: 80px}
	#Accueil #social #instagram .images{width: 109vw;overflow:hidden;}
	#Accueil #social #instagram .images .img{display: block;float: left;width: 16.67vw;height: 16.66vw;font-size: 0;color: transparent;}
	#Accueil #social #instagram .images:after{content: " "; display: block; clear:both}
	
	#ff-stream-1 .ff-item, #ff-stream-1 .ff-stream-wrapper.ff-infinite .ff-content .picture-item__inner{border-radius: 15px;position: relative;overflow: hidden;transform: scale(0.98);}
	
	
	/* PUB 360 */
	#Accueil #Pub360{position: relative; margin-top: 50px}
	#Accueil #Pub360 .inside{ padding: 90px 30px; background:url(../images/background-360.jpg); position: relative; overflow: hidden; border-radius: 20px;text-align: center  }
	#Accueil #Pub360 .inside:before{content: " ";border-radius: 20px; display: block; position: absolute; top:0; left: 0; right: 0; bottom:0;  background: transparent linear-gradient(56deg, #EC6608 0%, #FC7C2293 100%) 0% 0% no-repeat padding-box;opacity: 1; ;backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); z-index: 1; }
	#Accueil #Pub360 .inside *{position: relative; z-index: 2}
	#Accueil #Pub360 .inside svg,#Accueil #Pub360 .inside img{width: 120px; height: 120px; margin-bottom: 40px }
	#Accueil #Pub360 .inside svg .animStroke{stroke:#FFF}
	
	
	/* PARTENAIRES */
	#Accueil #partenaires{text-align: center}
	#Accueil #partenaires .list{}
	#Accueil #partenaires .list img{    max-width: 121px;max-height: 90px;vertical-align: middle;margin: 22px;}
	#Accueil #partenaires .list a:hover{opacity: 0.6}
	#Accueil #partenaires .list a{font-size:0; color:transparent; text-indent:-99999999px}
	
	
	
	.s4Block.button-files{display: block; text-align: center}
.s4Block.button-files a{text-decoration: none; text-align: left; display: inline-block;  font-size:13px; background: #00788C; border-radius: 30px; padding: 3px 20px 3px 30px; min-width: 380px; color: #FFF}
.s4Block.button-files a .infos, .s4Block.button-files a .picto{display: inline-block; }
.s4Block.button-files a .picto{border-right: 1px solid #289BAF;  padding: 15px 0; padding-right: 15px; font-weight: bold }
.s4Block.button-files a .picto img{width: 20px; vertical-align: middle; margin-right: 8px}
.s4Block.button-files a .picto i{font-size: 20px; vertical-align: middle; margin-right: 8px}
.s4Block.button-files a .infos{padding-left: 15px; vertical-align: middle; line-height: 1.1}
.s4Block.button-files a .infos .name{display: block; font-weight: bold}
.s4Block.button-files a .infos .size{font-size: 10px; text-transform: uppercase}


#magHome{display: block; margin-top: 70px; padding-top: 100px; padding-bottom: 100px; background: rgba(194, 194, 194, 0.17)}

#magHome .left{text-align: left}
#magHome .left img{box-shadow: 0 0 25px #909090; max-width: 350px }
#magHome .right .title1{margin-bottom: 15px}
#magHome .right .date{margin-bottom: 95px; color: #000; font-size: 15px}
#magHome .s4Block.button-files{display: block;  text-align: left; margin-bottom: 30px}
#magHome .s4Block.button-files a{text-decoration: none; text-align: left; min-width:0; display: inline-block;  font-size:13px; background: #00788C; border-radius: 30px; padding: 3px 46px 3px 25px;  color: #FFF}
#magHome .s4Block.button-files a .infos, #magHome .s4Block.button-files a .picto{display: inline-block; }
#magHome .s4Block.button-files a .picto{border-right: 1px solid #289BAF;  padding: 15px 0; padding-right: 15px; font-weight: bold }
#magHome .s4Block.button-files a .picto img{width: 20px; vertical-align: middle; margin-right: 8px}
#magHome .s4Block.button-files a .picto i{font-size: 20px; vertical-align: middle; margin-right: 8px}
#magHome .s4Block.button-files a .infos{padding-left: 15px; vertical-align: middle; line-height: 1.1}
#magHome .s4Block.button-files a .infos .name{display: block; font-weight: bold}
#magHome .s4Block.button-files a .infos .size{font-size: 10px; text-transform: uppercase}
	
#magHome .s4Block.button-files a:hover{background: #00A0BB}
	
/* BUILDER */
#Builder{margin-bottom: 145px}
#Builder #inside{padding: 0 15px;position:relative;}

.ListSubsPages{}
.ListSubsPages .col-sm-4:nth-child(1n + 1){transition-delay: 00ms}
.ListSubsPages .col-sm-4:nth-child(2n + 1){transition-delay: 250ms}
.ListSubsPages .col-sm-4:nth-child(3n + 0){transition-delay: 500ms}
.ListSubsPages .elem{height: auto; margin-bottom: 35px; position: relative}
.ListSubsPages .elem .big .image{position: relative; height: 220px; border-radius: 20px 20px 0px 0px}
.ListSubsPages .elem .content{border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; padding: 20px 15px 35px }
.ListSubsPages .elem.withoutImage .content{border-top: 1px solid #E0E0E0;border-top-left-radius:20px;border-top-right-radius:20px;padding-bottom: 25px;/* border-top:25px solid #00788C; */padding-top: 25px;padding-bottom: 35px;}
.ListSubsPages .elem .intro{font-size: 13px; line-height: 1.3; }
.ListSubsPages .elem .button{display: block;  width: 100%;  border-radius: 0px 0px 20px 20px; background: #00788C; font-weight: bold; text-align: center; font-size: 14px; padding: 15px 0; color: #FFF; cursor: pointer; border: 0}
.ListSubsPages .elem .button:hover{background: #019bb5;}
.ListSubsPages .elem ul{list-style: none; padding-left: 0; margin-left: 0; margin-top: 25px}
.ListSubsPages .elem ul li{margin-left: 0; padding-left:0; font-weight: bold; border-bottom: 1px dotted  #00788C; padding-bottom: 8px; margin-bottom: 8px}
.ListSubsPages .elem ul li:before{display: none}
.ListSubsPages .elem ul li a{color: #464646; font-size: 13px; font-weight: 600; line-height: 1.35; display: block; position: relative; padding-right: 35px}
.ListSubsPages .elem ul li a:after{font-family: "Font Awesome 5 Free";
    content: "\f061";
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    color: #00788C;
    right: 20px;
    position: absolute; right: 0;
    top: 50%; margin-top: -8px; font-size: 12px; 
}
.ListSubsPages .elem ul li a span{display: inline-block}
.ListSubsPages .elem ul li a:hover span{transform: translateX(5px)}
.ListSubsPages .elem ul li a:hover:after{color: #EC6608;}

.co-breadcrumb{display:none}
#co-search{display:none}
#co-bar .co-home{display:none}
#comarquage #co-bar{background-color:#FFF !important}

/* ACTUALITES */
main#Actualites{overflow: hidden}
	#Actualites .sidebare{ min-height: 450px}
	#Actualites .sidebare .title1{margin-bottom: 35px}
	#Actualites .sidebare > ul > li{margin-bottom: 15px}
	#Actualites .sidebare > ul > li > a{display:block; color:#464646; font-weight:700; font-size:16px; padding:5px; }
	#Actualites .sidebare > ul > li > a:hover,#Actualites .sidebare > ul > li > a.active{color: #EC6608}
	#Actualites .sidebare ul {margin-bottom:40px}
	#Actualites .sidebare > ul ul{padding-left: 15px;display: none;}
	#Actualites .sidebare > ul ul.openIt{display:block}
	#Actualites .sidebare > ul li li{margin-top:15px; padding-left:5px}
	#Actualites .sidebare > ul li li a{color:#3c3c3b; }
	#Actualites .sidebare > ul li li a:hover,#Actualites .sidebare > ul li li a.active{color: #ec6607;}
	
	
	#Actualites .actus .right{position: relative;/* overflow: hidden; */z-index: 5;}
	#Actualites .actus .right:after{content: " ";display: block;position: absolute;width: 33%;padding-top: 33%;background: url(../images/icon-e-epinal-grey.svg) no-repeat center center;background-size: cover;transform: translateY(calc(28%));top: -227px;right: -150px;z-index: 0;pointer-events: none;}
	#Actualites .actus .right .priority{overflow: hidden;position: relative;border-radius: 10px;background: #FFF;overflow: hidden;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);z-index: 2;}
	#Actualites .actus .right .priority .image{}
	#Actualites .actus .right .priority .content{padding: 20px 60px}
	#Actualites .actus .right .priority .content .title2{max-width: 435px}
	#Actualites .actus .right .priority .content p{margin-bottom: 30px;}
	#Actualites .actus .right .priority .content a.link{font-size: 15px;font-weight: bold;color: #00788C;}
	#Actualites .actus .right .priority .content a.link:hover{color: #EC6608}
	#Actualites .actus .right .priority .content .date{color: #C3C3C3; margin-top: 30px}
	#Actualites .actus .right .priority .content .date:before{content: " "; display: inline-block; margin-right: 10px;  vertical-align:-3px; width: 16px; height: 16px; background: url('../images/icon-date.svg') no-repeat center; background-size: cover; }
		
		#Actualites .actus .right .list{margin-top: 20px}
		#Actualites .actus .right .list .elem{padding: 0 3px; margin-bottom: 25px}
		#Actualites .actus .right .list .elem .inside{background: #FFF; border-radius: 10px; padding: 35px 25px 20px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);}
		#Actualites .actus .right .list .elem .image{height: 125px; margin-top: 25px}
		#Actualites .actus .right .list .elem .date{color: #C3C3C3; margin-top: 10px; font-size: 12px}
		#Actualites .actus .right .list .elem .date:before{content: " "; display: inline-block; margin-right: 10px;  vertical-align:-2px; width: 12px; height: 12px; background: url('../images/icon-date.svg') no-repeat center; background-size: cover; }
		#Actualites .actus .right .list .elem.showedInPriority{display: none !important}
		#Actualites .actus .right .list .slick-track{padding-bottom: 7px}
		
		@media (max-width: 480px){
			#Actualites .actus .right .priority{display: none}
			#Actualites .actus .right .list .elem.showedInPriority{display: block !important}
		}
		
	#Actualites .actus .right .pagination{text-align: center}
	#Actualites .actus .right .pagination ul{list-style: none}
	
	#Actualites .actus .right .pagination ul li{display: inline-block}
	#Actualites .actus .right .pagination ul li a,#Actualites .actus .right .pagination ul li span{color: #FFF; font-size: 14px; padding: 0 5px}
	#Actualites .actus .right .pagination ul li span{font-weight: bold;font-size: 16px;}
	
	#Actualites #sortir.blue:after{top: -100px}
	
	
	#Actualites #social .images .img{display: block; float: left; width: 16.66%; padding-top:15%; text-indent: -9999px}
	#Actualites #social .images:after{content: " "; display: block; clear:both}
	
	#Actualites #social .right{text-align: right}
	#Actualites #social .right a{vertical-align: middle; margin: 0 10px}
	#Actualites #social .right a img, #Actualites #social .right a svg{width: 58px; height: 38px;}
	#Actualites #social .right a svg path{fill:#C3C3C3; transition: all 0.3s ease-in-out;}
	#Actualites #social .right a:hover svg path{fill:#00788C; }


/* SINGLE ACTUALITE */
.singleActu{}
.singleActu .cover{display: inherit; width: 100%; height: 400px; object-fit:cover}
.singleActu .bigTitle{max-width: 800px; }
.singleActu .date{color: #737373;margin-top: 30px;}
.singleActu .date:before{content: " "; display: inline-block; margin-right: 10px;  vertical-align:-3px; width: 16px; height: 16px; background: url('../images/icon-date.svg') no-repeat center; background-size: cover; }
.singleActu #others{background: #00788C; margin-top: 150px; position: relative}	
.singleActu #others:before{content: " "; display: block; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0;background: transparent linear-gradient(119deg, #00788C 0%, #009CB6 69%, #00AECB 100%) 0% 0% no-repeat padding-box;}
.singleActu #others:after{    content: " ";display: block;position: absolute;width: 370px;height: 377px;background: url(../images/icon-e-epinal.svg) no-repeat center center;background-size: cover;top: 26px;left: 50%; margin-left: -800px; z-index: 1}	
.singleActu #others .title2{margin-bottom: 50px}

.singleActu.cat13 h1.item-title{display: none}
.singleActu.cat13 img:first-child{display: none}
.singleActu.cat13 .entry .entry-content p + ul{margin-top: 0}

.share-page-buttons {}
.share-page-buttons .title2 {margin-right: 20px;}
.share-page-buttons img {max-height: 20px; max-width: 20px; width: 25px;}
.share-page-buttons a:not(:last-child) {margin-right: 10px;}
.share-page-buttons a {filter: brightness(0) opacity(0.4); transition: all 0.1s ease-in-out;}
.share-page-buttons a:hover {filter: brightness(1) opacity(1);}


/* CARRIERES */
#Carrieres{}
#Carrieres .carrieres{}
#Carrieres .carrieres .elem{position:relative; box-shadow: 0px 3px 6px #00000029; margin-bottom:40px;border-radius:12px; overflow:hidden; background:#000000; padding:60px 40px;}
#Carrieres .carrieres .elem .bg{position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.7;}
#Carrieres .carrieres .elem .infos{position:relative; z-index:4; max-width:650px;}
#Carrieres .carrieres .elem .infos .title2{color:#FFF;margin-bottom: 12px;}
#Carrieres .carrieres .elem .infos .poste{color:#FFF;  margin-bottom:14px; font-size:16px; font-weight:600;}
#Carrieres .carrieres .elem .infos p{color:#FFF; }
#Carrieres .carrieres .elem .infos .littleButton1{margin-top:30px;}

.littleButton1{font-size:15px; transition:all 0.5s ease-in-out; display:inline-block;font-weight:bold; color:#FFF; border:1px solid #FFF; border-radius:20px; padding:10px 30px; }
.littleButton1:hover{background:#FFF; color:#00788C}


/* CARRIERE SINGLE */

.singleCarriere{}
.singleCarriere #header1 .col{text-align:left}
.singleCarriere #header1 .col{max-width:100%}
.singleCarriere #header1 .col .title1:after{display:none}
.singleCarriere #header1 h1{margin-bottom:15px}
.singleCarriere #header1 .poste{color:#FFF; font-size:24px; font-weight:600;}
.singleCarriere #header1 .texte{color:#FFF; font-size:21px; line-height:1.4; margin:25px 0}


/* RECRUTEMENT */
.Recrutement{}
.Recrutement #liste{margin-bottom:45px;}
.Recrutement #liste .elem{background:#FFF; position:relative; overflow:hidden;  margin-top:30px; border-radius:15px; box-shadow:0 3px 5px rgb(0 0 0 / 12%);}
.Recrutement #liste .elem .left{padding:20px;}
.Recrutement #liste .elem .intro{margin-top:15px; line-height:1.4; color:#464646;}
.Recrutement #liste .elem .infos{margin-top:20px;}
.Recrutement #liste .elem .infos .cara{color:#000; font-weight:600; width:33%; display:inline-block; }
.Recrutement #liste .elem .infos .cara .title{display:inline-block}
.Recrutement #liste .elem .infos .cara .value{display:inline-block}
.Recrutement #liste .elem .left a{color:#00788C; font-weight:bold; font-size:16px; margin-top:45px; display:inline-block;}
.Recrutement #liste .elem .date{color: #C3C3C3; margin-top: 30px}
.Recrutement #liste .elem .date:before{content: " "; display: inline-block; margin-right: 10px;  vertical-align:-3px; width: 16px; height: 16px; background: url('../images/icon-date.svg') no-repeat center; background-size: cover; }
.Recrutement #liste .elem .right{background:#00788c; position:relative; text-align:center; align-items:center;  width:100%}
.Recrutement #liste .elem .right a{display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }

.singleCarriere #postuler{position:relative; margin-top:150px; padding:80px 50px 50px; background: transparent linear-gradient(142deg, #00788C 0%, #00AECB 100%) 0% 0% no-repeat padding-box;}
.singleCarriere #postuler:after{    content: " ";display: block;position: absolute;width: 25%;padding-top: 25%;background: url(../../images/icon-e-epinal.svg) no-repeat center center;background-size: cover;transform: translateY(calc(28%));bottom: 0;left: 0; z-index: 0}
.singleCarriere #postuler .elem{height: auto; margin-bottom: 25px; min-width: 150px} 
.singleCarriere #postuler .img{position: relative; height: 250px; border-radius: 20px 20px 0px 0px}
.singleCarriere #postuler .coordonnees .content{border-left: 1px solid #E0E0E0;border-right: 1px solid #E0E0E0; background:#FFF; border-bottom: 1px solid #E0E0E0;padding: 30px 25px;}
.singleCarriere #postuler .coordonnees .content a{color:#00788C }
.singleCarriere #postuler .coordonnees .title2{font-weight: 600}
.singleCarriere #postuler .coordonnees .content a:hover{text-decoration: underline}
.singleCarriere #postuler .coordonnees .content{border-top: 1px solid #E0E0E0; border-radius:20px; padding-bottom: 25px; }
.singleCarriere #postuler .formS4{background:#ffffff;}
.singleCarriere #postuler .picto{width: 70px; height: 70px; text-align: center; line-height:70px; background: #FFF; border-radius: 100%; position: absolute; left: 50%; top:0; margin-top:-35px; margin-left: -35px; box-shadow: 9px 9px 10px rgba(23, 23, 22, 0.36)}
.singleCarriere #postuler .picto i{font-size: 30px; margin-top:22px; color: #00788C;}


/* ARIANNE */
#ariane{margin-top: 45px;font-size: 14px;line-height:1.5;margin-bottom: 40px;}
#ariane a,#ariane{color: #737373;}
#ariane a{transition: all 0.4s ease-in-out}
#ariane a:hover{color: #00788C}
#ariane .breadcrumb_last{color: #00788C; font-weight: 600}


/* CONTACT */
body.id632 #inside:before{content:" ";left:100%;margin-left:-25vw;display:block;width:25vw; bottom:480px; position:absolute;top: -220px;background:url('../images/mairie-contact.jpg') no-repeat center; background-size:cover}

footer{background: #f9f9f9;padding: 80px 0 20px; }

footer .title{color: #343434; font-weight: bold; font-size: 16px; margin-bottom: 25px}
footer ul{list-style:none}
footer ul li{margin-bottom:10px} 
footer ul li a:before{content:"> "}
footer ul li a{font-weight:400; color:#343434; }  
footer ul li a:hover{color:#ed6b17}

body > .cc-revoke{display: none !important}
footer a.cookieConsent{ display: inline-block}
footer p{font-size:12px; margin-bottom:25px}

footer .button{background:#00788C; color:#FFF; margin-bottom:15px; font-weight:600; padding:15px 20px; border-radius:20px; display:inline-block; }
footer .button i{margin-right:10px}
footer .button:hover{background: #019bb5;color:#FFF;}

footer .social{display: inline-block; padding: 0 0; margin-top:50px}
footer .social a{vertical-align: middle; margin: 0 15px 0 0; font-size:0; text-indent:-9999999px; color:transparent}
footer .social a img,footer .social a svg{width: 20px}
	
footer .social a svg *{transition: all 0.3s ease-in-out}
footer .social a:hover svg *{fill:#EC6608}

footer .logos{margin-top:35px}
footer .logos img{vertical-align:middle;max-width: 120px;max-height: 74px;margin-right:15px;margin-bottom:15px;}
footer .logos img:last-child{margin-right:0}

footer .copyright{margin-top:70px; text-align:center}
footer .copyright img{margin-bottom:20px;}
footer .copyright .mentions{margin-bottom:10px;}

footer .copyright, footer .copyright a{color:#00788C; font-weigh:400; line-height:1.2}
footer .s4{margin-top:37px; font-size:12px;}
footer a:hover{color:#e74e00}


#BoxSearch{display:none}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-default .onesignal-bell-launcher-button svg .background{fill:#00788C !important}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-dialog button.action{background:#EC6608 !important}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-dialog .onesignal-bell-launcher-dialog-body h1{color:#00788C !important}


.s4Block > .container{padding-left:0; padding-right:0}


/* TESTS */
.slick-slider .slick-track, .slick-slider .slick-list{height: auto}
body #cmplz-document{max-width: 1170px !important}

