html, body{margin:0; 	padding:0; 	width:100%;}
body{font-family:'Montserrat', sans-serif; font-size:18px; line-height:21px; font-weight:400; color:#383f51; background-color:#f5f5f5;}
h1, h2, h3, h4, h5, h6{font-family:'Montserrat', sans-serif;}
p{font-family:'Montserrat', sans-serif; font-size:18px; line-height:20px; clear:both; margin-bottom:15px;}
ol, ul{font-size:18px; line-height:22px; clear:both; margin-bottom:15px;}
h1{font-size:34px; line-height:40px; font-weight:700; margin-top:0; margin-bottom:15px; color:#383f51;}
h2{font-size:24px; line-height:26px; font-weight:700; margin-top:0; margin-bottom:12px; color:#383f51;}
h3{font-size:18px; line-height:24px; font-weight:700; margin-top:0; margin-bottom:8px; color:#383f51;}
h4{font-size:16px; line-height:20px; font-weight:600; margin-top:0; margin-bottom:6px; color:#383f51;}
.my-3 { margin: 3rem 0;}

div.site_container div.category-title, div.site_container span.category-title {display:block;margin-bottom:2px; font-size:11px; line-height:13px; color:#012a62; text-transform:uppercase; }
.site_container .inline{display:inline-block;}
html.ccm-toolbar-visible #mobilenav{top:48px;}
.rightSideBar2{    background: url(../images/background/background-titre.jpg)  ;   }
.site_container a{color:#383f51; text-decoration:underline;}
.site_container a:hover, .site_container a:active, .site_container a:focus{color:#8a0026;}
.site_container .text-decoration{text-decoration:none;}
.site_container .h-100{height:100%;}
.site_container .btn-bleu a{display:inline-block; background-color:transparent; color:#383f51!important; text-align:center; border:2px solid #383f51; padding:10px; margin:0 0 0 0; font-weight:600; text-decoration:none;}
.site_container .btn-bleu a:hover, .btn-bleu a:active, .btn-bleu a:focus{background-color:#383f51; color:#fff!important; text-decoration:none!important;}
.site_container .btn-vert a{display:inline-block; background-color:transparent; color:#383f51!important; text-align:center; border:2px solid #383f51; padding:10px; margin:0 0 0 0; font-weight:600; text-decoration:none;}
.site_container .btn-vert a:hover, .btn-vert a:active, .btn-vert a:focus{background-color:#383f51; color:#fff!important; text-decoration:none!important;}
.site_container .btn-blanc a{display:inline-block; background-color:#ffffff; color:#383f51!important; text-align:center; border:none; padding:10px; margin:0 0 0 0; font-weight:600; text-decoration:none;}
.site_container .btn-blanc a:hover, .btn-blanc a:active, .btn-blanc a:focus{background-color:#d6d6d6; color:#383f51!important;}
.site_container button.btn-bleu { display:inline-block; background-color:transparent; color:#004750!important; text-align:center; border:2px solid #004750!important; padding:10px; margin:0 0 0 0; font-weight:600!important; text-decoration:none;}
.site_container button.btn-bleu:hover, button.btn-bleu:active, button.btn-bleu:focus{background-color:#004750; color:#ffffff!important;}
.site_container hr{border-top:2px solid #d9d9d9; position:relative;}
.site_container  .btn-bordure-blanc{     display:inline-block;  padding: 15px 5px 15px 5px;  background-color:transparent; border-style: solid; border-color: white; color: white; text-decoration: none;      }
.site_container  .btn-bordure-blanc a{text-decoration: none; color: white; font-size: 14px;}
/*.site_container hr::after{content:""; position:absolute; display:inline-block; background-color:#8a0026; border:#8a0026 2px solid; border-radius:50%; width:10px; height:10px; top:50%; right:0; transform:translate(0, -50%);}*/
.site_container .formidable .formidable_row, .formidable .formidable_row .element{margin:10px 0;}
.site_container .ccm-custom-style-container{margin:0!important;}
.site_container div.ccm-block-feature-item{margin:0!important;}

.site_container h1 .cursive{font-family:'shelby', cursive; color:#ffffff; font-size:105px; line-height:105px; font-weight:bold;}
.site_container h1.cursiveTitle{font-family:'shelby', cursive; color:#ffffff; font-size:80px; line-height:80px; font-weight:bold; padding-top: 15px;}
.site_container h1 .special-big{text-transform:uppercase; color:#ffffff; font-size:90px; font-weight:bold; line-height:80px;}
.site_container h1 .special{text-transform:uppercase; color:#ffffff; font-size:50px; font-weight:bold; line-height:40px;}

.site_container p .cursive{font-family:'shelby', cursive; color:#383f51; font-size:44px; font-weight:bold; line-height:0;}
.site_container p .special-big{text-transform:uppercase; color:#8a0026; font-size:38px; font-weight:bold; line-height:30px;}
.site_container p .special{text-transform:uppercase; color:#8a0026; font-size:21px; font-weight:bold; line-height:0;}

.site_container .pos-rel{position:relative;}
.site_container .pos-static{position:static;}
.site_container .slick-slide:focus, .site_container .slider-content:focus{outline:none;}

.site_container .assistantRegular{font-family:'Assistant', sans-serif; font-weight:400; color:#8a0026;}
.site_container .assistantLight{font-family:'Assistant', sans-serif; font-weight:200; color:#8a0026;}

.site_container .breadcrumb{padding:0; background-color:transparent;}
.site_container .breadcrumb li, .site_container .breadcrumb li>a{color:#ffffff; text-decoration:none;}
.breadcrumb>li+li:before{color:#ffffff}

.centerPaddingSpecial{padding:0 35px; }
/*.centerPaddingSpecial img{max-width: 100%; height: 100%; }*/

/*Menu*/
div.site_container>header div.header-fixable{ position:fixed; top:0; width:100%; background-color:#f5f5f5; z-index:101; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out;}
div.site_container>header div.header-fixable2{ position:fixed; top:0; width:100%; background-color:#f5f5f5; z-index:100; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out;}
div.site_container header div.fixeMenuLog {top:48px; }

div.site_container>header div.header-fixable div.logo { padding: 40px 0 40px 60px; }
div.site_container>header div.header-fixable div.scroll { display: none; }
div.site_container>header div.header-fixable .logo-nav.scroll { display: none; }
div.site_container>header div.header-fixable div.logo img{opacity:1; visibility:visible; transition:opacity 0.2s ease-in-out; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out;}
div.site_container>header div.header-fixable.shrink div.logo img{opacity:0; height:0; visibility:hidden;}
div.site_container>header div.header-fixable div.logo-small{visibility:hidden; height:0; opacity:0; text-align:center; margin:0 auto; max-width:35px; transition:opacity 0.2s ease-in-out; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out;}
div.site_container>header div.header-fixable.shrink div.logo-small{display:block; visibility:visible; height:auto; opacity:1;}

header div.header-fixable.shrink div.nav-bar-wrapper{padding:6px 0 6px;}

header .top-menu{display:block; text-align:right; background-color:#004751; position:relative; z-index:501;}
header .top-menu:after{content: ''; background-color:#004751; height: 100%; position: absolute; width: 100%; right: -20px; }
header .top-menu div.research-container{display:inline-block; padding:8px 0; margin:0; position:absolute; cursor:pointer; right:15px; z-index: 1; font-size: 28px;}
header .top-menu ul{display:inline-block; list-style:none; padding:11px 10px; margin:0;}
header .top-menu ul.social-lang{ margin-right:50px;}
header .top-menu ul.social-lang li{ padding: 0 8px;}
header .top-menu ul li{position:relative; float:left; font-size:16px; line-height:16px; font-weight:500; z-index:2; padding: 0 31px;}
header .top-menu .switchlangContainer li{ padding: 0 10px;}
header .top-menu ul li:first-child{padding-left:0px;}
header .top-menu ul li a{display:block; color:#ffffff; text-decoration:none; padding:0;}
header .top-menu ul li .switchLang { font-weight:700;}
header .top-menu ul li a:hover, header .top-menu ul li a:focus, header .top-menu ul li a:active{background-color:transparent; color:rgba(255, 255, 255, 0.5)}
header .top-menu ul.social-lang .btnSocial{display:inline-block; position:relative; top:0; color:#004751; background-color:#ffffff; border-radius:50%; width:26px; height:26px; text-align:center; padding:0; font-size:18px; line-height:29px;}
header .top-menu ul.social-lang .btnSocial:hover,
header .top-menu ul.social-lang .btnSocial:focus,
header .top-menu ul.social-lang .btnSocial:active{background-color:rgba(255, 255, 255, 0.5);}

header nav{display:block; text-align:right;}
header nav ul{display:inline-block; list-style:none; padding:0 50px 0 0; margin:0;}
header nav ul li{float:left; padding: 0 25px;}
header nav>ul>li>a{position:relative; padding: 49px 0;}
header nav>ul>li>a.nav-img{position:relative; padding: 32px 0;}
header nav>ul>li>a::before{content:""; width:115%; height:30px; position:absolute; background-color:#004751; top:-40px; left:-5%; z-index:1;}
header nav>ul>li:hover>a::before, header nav ul li.nav-path-selected>a::before{top:-18px;}
header nav>ul>li:hover>a.nav-img img, header nav ul li.nav-path-selected>a.nav-img img {filter:brightness(75%)}
header nav ul li:first-child{padding-left:0px; margin-left: 0;}
header nav ul li a{display:block; font-size:18px; line-height:18px; font-weight:500; color:#383f51; text-decoration:none!important;}

/*Dropdown menu*/
header nav>ul>li>a:hover, header nav>ul>li>a.nav-open{text-decoration:none; color:#8a0026;}
header nav>ul>li>div.dropdown_sub{position:absolute; display:none; width:100%; left:0; right:0; margin:0; z-index:95; padding:20px 30px; background-color:#ffffff;}
header nav>ul>li .nav-open + div.dropdown_sub{display:block;}
header nav>ul>li.nav-last div.dropdown_sub{left:inherit; right:-30px;}
header nav>ul>li>div.dropdown_sub div.sub_wrapper{position:relative; margin:0px; background-color:transparent}
header nav>ul>li>div.dropdown_sub>.spacer{width:100%; height:50px; position:absolute; right:0; left: 0; top:-50px;}
header nav>ul>li>div.dropdown_sub .border-menu{border-bottom:#383f51 1px solid; width:100%; position:relative; padding-top:30px;}
header nav>ul>li>div.dropdown_sub .border-menu::before{content:attr(data-section-name); display:inline-block; min-width:150px; font-size:22px; line-height:22px; font-weight:700; margin-top:0; margin-bottom:15px; color:#383f51; position:absolute; left:50px; top:0;}
header nav>ul>li>div.dropdown_sub ul{float:left; border:none; clear:none; padding:25px 0 0; font-weight:normal; text-transform:none; list-style:none; margin:0; width:33%; height:auto; display:block; }
header nav>ul>li>div.dropdown_sub ul li{margin:0; padding:5px 0; font-size:14px; line-height:16px; text-align:left; float:none; vertical-align:top; background:none; height:auto; width:100%;}
header nav>ul>li>div.dropdown_sub ul li a{text-align:left; font-weight:400; text-transform:none; color:#383f51; line-height:23px; text-decoration:none; position:relative; padding-left:15px;}
header nav>ul>li>div.dropdown_sub ul li::before{content:"\f105"; font-family:FontAwesome; padding-right:10px; position:absolute;}
header nav>ul>li>div.dropdown_sub ul li a:hover{color:#8a0026; text-decoration:none;}

header nav>ul>li>div.dropdown_sub ul li a.specialSection{border-bottom:#383f51 1px solid; font-size:22px; line-height:22px; font-weight:700; margin-top:10px; margin-bottom:5px; color:#383f51; }
header nav>ul>li>div.dropdown_sub ul li.specialSection::before{content:""; display:none;}
header nav>ul>li>div.dropdown_sub ul li a.specialSection::before{content:""; display:none;}
header nav>ul>li>div.dropdown_sub ul li a.specialSection:hover{color:#383f51; }

header nav>ul>li>div.dropdown_sub ul ul{display:none;}
header nav>ul>li>div.dropdown_sub ul>li>div.dropdown_sub{display:block;}
header nav>ul>li>div.dropdown_sub ul>li>div.dropdown_sub .spacer{display:none;}
header nav>ul>li>div.dropdown_sub ul>li>div.dropdown_sub .border-menu{border-bottom:none; display:none;}
header nav>ul>li>div.dropdown_sub ul>li>div.dropdown_sub .border-menu::before{content:"";}
header nav>ul>li>div.dropdown_sub ul>li>div.dropdown_sub ul{display:block; padding:5px 0;}
header nav>ul>li>div.dropdown_sub ul>li>div.dropdown_sub ul li{display:block; padding:5px 0; }

/*Responsive menu*/
div.site_container>header .responsive-menu a{display:block; font-size:20px; line-height:30px; font-weight:600; color:#383f51; text-transform:uppercase; text-align:right; padding-right:25px; text-decoration:none;}
div.site_container>header .responsive-menu a:hover, div.site_container>header .responsive-menu a:focus, div.site_container>header .responsive-menu a:active{text-decoration:none; color:#8a0026;}
div.site_container>header .responsive-menu .top-menu-mobile{text-align:right; padding-right:25px;}
div.site_container>header .responsive-menu .top-menu-mobile>ul{list-style:none; display:inline-block; text-align:right; margin-bottom:0; padding-left:0;}
div.site_container>header .responsive-menu .top-menu-mobile>ul>li{display:inline;}
div.site_container>header .responsive-menu .top-menu-mobile>ul>li>a{display:inline; padding-right:5px; font-size:16px;}
div.site_container>header .responsive-menu .top-menu-mobile a.switchLang{display:inline-block!important; font-size:16px; line-height:20px; padding-right:0;}
div.site_container>header .responsive-menu .top-menu-mobile a.dp-search{padding-right:0;}
div.site_container>header .responsive-menu div.research-container{display:inline;}
div.site_container>header .responsive-menu div.research-container a{text-align:right; font-size:16px; cursor:pointer;}
.sidr ul li{line-height:28px;}
.sidr ul li a{line-height:28px; padding:15px 15px;}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active{line-height:28px; border-top:1px solid #fff; border-bottom:1px solid #dfdfdf;}
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a{border-left-color:#383f51!important;}

/* MENU Version 150e */
div.page-template-anniversary>header div.header-fixable{ background-color:transparent; }
div.page-template-anniversary>header div.header-fixable2{ background-color:transparent; }
div.page-template-anniversary>header div.header-fixable div.logo { display: none; }
div.page-template-anniversary>header div.header-fixable div.scroll { display: block; }

div.page-template-anniversary>header div.header-fixable.scrolled{ background-color:#fff; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out;}
div.page-template-anniversary>header div.header-fixable.scrolled div.logo { display: block; }
div.page-template-anniversary>header div.header-fixable.scrolled div.scroll { display: none; }

div.page-template-anniversary>header nav ul li a{ color:#fff;}
div.page-template-anniversary>header div.header-fixable .responsive-menu a {color:#fff;}
div.page-template-anniversary>header div.header-fixable.scrolled nav ul li a{ color:#383f51;}
div.page-template-anniversary>header div.header-fixable.scrolled .responsive-menu a {color:#383f51;}
div.page-template-anniversary>header nav>ul>li>div.dropdown_sub{background-color:rgba(255,255,255,0.90);}

div.page-template-anniversary>header div.header-fixable .logo-nav {display: none;}
div.page-template-anniversary>header div.header-fixable .logo-nav.scroll{display: block;}
div.page-template-anniversary>header div.header-fixable.scrolled .logo-nav {display: block;}
div.page-template-anniversary>header div.header-fixable.scrolled .logo-nav.scroll{display: none;}


/*Slider*/
.slider-wrapper{position:relative;}
.slider-wrapper .btnNewsletter{ position: absolute; top:70px; left:60px; background: url('../images/newHome/btnNewsletter.png'); background-size: cover; width: 142px; height: 144px; display: block; }
.slider-wrapper .btnNewsletterEn{ background: url('../images/newHome/btnNewsletter_e.png'); background-size: cover; }
.slider-wrapper .contentBanner{ position: absolute; bottom:0px; right:60px;width: 525px; }
.slider-wrapper .contentBanner h1{ color: #fff; font-size: 60px; line-height: 73px; /*text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.75);*/ }
.slider-wrapper .contentBanner .dontForget{ background: RGBA(0,0,0,0.48); width: 100%; padding: 30px 70px 30px 38px;}
.slider-wrapper .contentBanner .dontForget h2{ color:#FFF; font-size: 22px; line-height: 26px; font-weight: bold; border-bottom: #FFF solid 2px; margin-bottom: 20px; padding-bottom: 10px; }
.slider-wrapper .contentBanner .dontForget .dontForgetBlock{ display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 10px;}
.slider-wrapper .contentBanner .dontForget .dontForgetBlock:last-child{ margin-bottom: 0px;}
.slider-wrapper .contentBanner .dontForget .dontForgetBlock .dontForgetDate{ color:#FFF; font-size: 15px; line-height: normal; font-weight: 700; width: 100%; }
.slider-wrapper .contentBanner .dontForget .dontForgetBlock .dontForgetTitle{ color:#FFF; font-size: 15px; line-height: normal; font-weight: 400; width: 100%; }
.slider-wrapper .contentBanner .dontForget .dontForgetBlock .dontForgetTitle a{ color:#FFF; font-size: 15px; line-height: normal; font-weight: 400; text-decoration: none; }
.slider-wrapper .contentBanner .dontForget .dontForgetBlock .dontForgetTitle a:hover{ text-decoration: underline; }
.slide-content-wrapper .no-gutters{margin-right:0; margin-left:0; padding-right:0; padding-left:0;}
.slide-content-wrapper .no-gutters .col, .no-gutters [class*="col-"]{padding-right:0; padding-left:0;}
.slide-content-wrapper .no-gutters .row{margin-right:0; margin-left:0;}

header .content-slider{position:absolute; z-index:5; top:50%; left:50%; transform:translate(-50%, -50%);}
header .content-slider h1{text-align:center; margin:0;}
header .content-slider h1 .special{color:#FFF;}
header .main-slider{position:relative;}
header .main-slider .slide{ width:100%; height: 100vh; min-height:680px; background-position:center top; background-repeat:no-repeat; background-size:cover; z-index:1;}
header .main-slider .slick-dots{bottom:10px; right:0; width:auto;}
header .main-slider .slick-dots li.slick-active button:before{font-size:12px; background-color:#fff!important; opacity:1;}
header .main-slider .slick-dots li button:before{border:1px solid #fff; border-radius:100%; color:transparent; opacity:1; content:" "; width:12px; height:12px;}
header .main-slider .slick-dots li button:hover:before, div.site_container > header .bannerSlider .slick-dots li button:focus:before{color:#fff!important; opacity:1;}

header .main-slider.slick-dotted.slick-slider{margin-bottom:0;}
header .pos-alert{position:absolute; bottom:0; left:0; width:100%;}
header .slider-alert{background-color:#ffffff;margin-bottom:0!important;}
header .slider-alert .slider-content h1{font-size:30px;}
header .slider-alert .slider-content p{font-size:18px; color:#707070;}
header .slider-alert .slider-content a{text-decoration: none;}
header .slider-alert .slider-content a:hover{text-decoration: underline;}
header .slider-alert .img-alert{background-color:#004751; width:100%; height:100%; display:block; padding:10px;}
header .slider-alert .img-alert p{display:block; position:absolute; top:150px; left:50%; transform:translate(-50%, -50%); padding: 0 10px; color:#ffffff; text-align:center; width:100%;}
header .slider-alert .img-alert::after{display:block; position:absolute; content:url("../images/icon/warning-1.svg"); width:80px; height:80px; top:80px; left:50%; transform:translate(-50%, -50%);}
header .slider-alert .slick-dots{bottom:10px; right:200px; width:auto; text-align:right;}
header .slider-alert .slick-dots li.slick-active button:before{font-size:12px; background-color:#383f51!important; opacity:1;}
header .slider-alert .slick-dots li button:before{border:1px solid #383f51; border-radius:100%; color:transparent; opacity:1; content:" "; width:12px; height:12px;}
header .slider-alert .slick-dots li button:hover:before, div.site_container > header .bannerSlider .slick-dots li button:focus:before{color:#383f51!important; opacity:1;}

header .icon-slider{position:absolute; bottom:150px; right:0; overflow:hidden;}
header .icon-slider a{display:block; color:#ffffff; text-decoration:none; text-align:center;}
header .icon-slider a:hover, header .icon-slider a:focus, header .icon-slider a:active{color:#ffffff; text-decoration:none;}
header .icon-slider>a:first-child{border-bottom:#19544c 2px solid;}
header .icon-slider>a:last-child{border-top:#19544c 2px solid;}
header .icon-slider a .icon{position:relative; background-color:#383f51; height:150px; width:150px;}
header .icon-slider a .icon .icon-content{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
header .icon-slider a .icon:hover{background-color:#012c27;}
header .icon-slider a .icon .icon-content img{height:65px; width:auto;}
header .icon-slider a .icon .icon-content img, header .icon-slider .icon .icon-content p{padding:0; margin:0 auto;}

/*Home*/
.site_container .home h1 .cursive{color:#383f51;}
.site_container .home h1 .special-big{color:#8a0026;}
.site_container .home h1 .special{color:#8a0026;}

.site_container .home section{padding:100px 0 100px 0;}
.site_container .home .quickLink{ padding:100px 0 100px 0;}
.site_container .home .quickLink .quickLinkContaner{display: flex; flex-direction: row; flex-wrap: wrap;}
.site_container .home .quickLink .quickLinkContaner .quickLinkItem{ width: 20%; margin-bottom: 70px;}
.site_container .home .quickLink .btnQuickLink{text-align:center; display: block; font-size: 31px; line-height: normal; font-weight: 500; text-decoration: none;}
.site_container .home .quickLink .btnQuickLink .contenticon{margin: 0 auto; margin-bottom: 55px;}
.site_container .home .quickLink .btnQuickLink>.contenticon>img{margin: 0 auto; max-width: 45%;}
.site_container .home .quickLink .btnQuickLink:hover .hiddenOver{ display: none; }
.site_container .home .quickLink .btnQuickLink:hover .showOver{ display: block; }
.site_container .home .quickLink .btnQuickLink .hiddenOver{ display: block; }
.site_container .home .quickLink .btnQuickLink .showOver{ display: none; }

.site_container .home section.call-to-action{padding:0;}
.site_container .home .call-to-action .call-to-action-content .btnLink{display:block;}
.site_container .home .call-to-action .call-to-action-content .call-to-action-1{position:relative; background:#8a0026; height:500px; z-index:75; overflow: hidden;}
.site_container .home .call-to-action .call-to-action-content .call-to-action-2{position:relative; background:#383f51; height:500px; z-index:75; overflow: hidden;}
.site_container .home .call-to-action .call-to-action-content .call-to-action-3{position:relative; background:#383f51; height:500px; z-index:75; overflow: hidden;}
.site_container .home .call-to-action .call-to-action-content .layer{position:absolute; opacity:0.2; height:100%; width:100%; z-index:50;}
.site_container .home .call-to-action .call-to-action-content .call-to-action-1 .layer{background:url("../images/home/call-to-action-1.jpg") no-repeat center center; background-size: cover; transform: scale(1,1); transition:transform 0.1s ease-out; -moz-transition:transform 0.1 ease-out; -ms-transition:transform 0.1 ease-out; -o-transition:transform 0.1 ease-out; -webkit-transition:transform 0.1 ease-out;}
.site_container .home .call-to-action .call-to-action-content .call-to-action-2 .layer{background:url("../images/home/call-to-action-2.jpg") no-repeat center center; background-size: cover; transform: scale(1,1); transition:transform 0.1s ease-out; -moz-transition:transform 0.1 ease-out; -ms-transition:transform 0.1 ease-out; -o-transition:transform 0.1 ease-out; -webkit-transition:transform 0.1 ease-out;}
.site_container .home .call-to-action .call-to-action-content .call-to-action-3 .layer{background:url("../images/home/call-to-action-3.jpg") no-repeat center center; background-size: cover; transform: scale(1,1); transition:transform 0.1s ease-out; -moz-transition:transform 0.1 ease-out; -ms-transition:transform 0.1 ease-out; -o-transition:transform 0.1 ease-out; -webkit-transition:transform 0.1 ease-out;}
.site_container .home .call-to-action .call-to-action-content .call-to-action-1:hover .layer, .site_container .home .call-to-action .call-to-action-content .call-to-action-2:hover .layer, .site_container .home .call-to-action .call-to-action-content .call-to-action-3:hover .layer{transform: scale(1.1,1.1); transition:transform 0.1s ease-in; -moz-transition:transform 0.1 ease-in; -ms-transition:transform 0.1 ease-in; -o-transition:transform 0.1 ease-in; -webkit-transition:transform 0.1 ease-in;}
.site_container .home .call-to-action .call-to-action-content h2{text-align:center; font-size:45px; line-height:50px; color:#ffffff; z-index:100; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.site_container .home .call-to-action .call-to-action-content .call-to-action-1 h2, .site_container .call-to-action .call-to-action-content  .call-to-action-3 h2{padding-bottom:105px;}
.site_container .home .call-to-action .call-to-action-content .call-to-action-2 h2{padding-bottom:145px;}
.site_container .home .call-to-action .call-to-action-content .plus::after{content:url("../images/icon/plus.svg"); height:35px; width:35px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

/*.site_container .home .actualites{background:url("../images/background/background-chute.jpg") no-repeat center center; background-size:cover; padding-bottom: 60px!important;  }
.site_container .home .actualites.bg1{background:url("../images/newHome/bgNews1.jpg") no-repeat center center; background-size:cover; padding-bottom: 60px!important;  }
*/.site_container .home .actualites{background:url("../images/newHome/bgNews2.jpg") no-repeat center center; background-size:cover; padding-bottom: 60px!important;  }
.site_container .home .actualites h1{ font-size: 77px; line-height: normal; font-weight: bold; }
.site_container .home .actualites .slider-actu .rowflex{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.site_container .home .actualites .slider-actu .rowflex .rowItem6{ width: 50%; margin: 15px 15px 15px 0; padding-right: 15px; padding-left: 15px; }
.site_container .home .actualites .actualites-content .actu { height: 100%; margin: 0;}
.site_container .home .actualites .actualites-content .actu .date-actu{color:#383f51; font-weight:500; position:absolute; top:50%; left:5%; transform:rotate(270deg) translate(-50%, -50%); transform-origin:left top 0;}
/*
.site_container .home .actualites .btn-bleu a{display:inline-block; background-color:#000; color:#fff!important; text-align:center; border:2px solid #000; padding:25px 18px; margin:0 0 0 0; font-weight:700; text-decoration:none;}
.site_container .home .actualites .btn-bleu a:hover,
.site_container .home .actualites .btn-bleu a:active,
.site_container .home .actualites .btn-bleu a:focus{background-color:transparent; color:#000!important; text-decoration:none!important;}
*/
.site_container .actualites .actualites-content .actu{background-color:#ffffff; margin:15px 0; position:relative;}
.site_container .actualites .actualites-content .actu .actu-content{padding:45px 30px 30px 0;}
.site_container .actualites .actualites-content .actu .titre-actu a{text-decoration:none;}
/*.site_container .actualites .actualites-content .actu .description-actu{}*/
.site_container .actualites .actualites-content .slider-actu .slick-prev{bottom:-50px; left:0; top:auto; z-index:5;}
.site_container .actualites .actualites-content .slider-actu .slick-next{bottom:-50px; right:0; top:auto; z-index:5;}
.site_container .actualites .actualites-content .actu .bouton-actu a{font-size:16px; font-weight:bold; position:relative; text-decoration:none;}
.site_container .actualites .actualites-content .actu .bouton-actu a:hover, .site_container .actualites .actualites-content .actu .bouton-actu a:active, .site_container .actualites .actualites-content .actu .bouton-actu a:focus{text-decoration:none!important;}
.site_container .actualites .actualites-content .actu .bouton-actu a::after{content:url("../images/icon/arrow.svg"); height:40px; width:40px; position:absolute; top:50%; transform:translate(0, -50%)}
.site_container .actualites .actualites-content .actu .bouton-actu a:hover::after, .site_container .actualites .actualites-content .actu .bouton-actu a:active::after, .site_container .actualites .actualites-content .actu .bouton-actu a:focus::after{content:url("../images/icon/arrow-rouge.svg");}
.site_container .actualites .actualites-content .actu .date-actu{color:#383f51; font-weight:600; position:absolute; top:50%; left:5%; transform:rotate(270deg) translate(-50%, -50%); transform-origin:left top 0;}
.site_container .actualites .actualites-content .precedent{position:relative; text-align:left;}
.site_container .actualites .actualites-content .precedent a{font-weight:bold; text-decoration:none; cursor:pointer;}
.site_container .actualites .actualites-content .precedent a span{margin-left:30px;}
.site_container .actualites .actualites-content .precedent a:hover, .site_container .actualites .actualites-content .precedent a:active, .site_container .actualites .actualites-content .precedent a:focus{text-decoration:none!important;}
.site_container .actualites .actualites-content .precedent a::before{content:url("../images/icon/arrow-gauche.svg"); height:30px; width:30px; position:absolute; top:50%; transform:translate(0, -50%)}
.site_container .actualites .actualites-content .precedent a:hover::before, .site_container .actualites .actualites-content .precedent a:active::before, .site_container .actualites .actualites-content .precedent a:focus::before{content:url("../images/icon/arrow-gauche-rouge.svg");}
.site_container .actualites .actualites-content .btn-actu p{margin:0;}
.site_container .actualites .actualites-content .suivant{position:relative; text-align:right; padding-right:40px;}
.site_container .actualites .actualites-content .suivant a{font-weight:bold; text-decoration:none; cursor:pointer;}
.site_container .actualites .actualites-content .suivant a:hover,.site_container .actualites .actualites-content .suivant a:focus, .site_container .actualites .actualites-content .suivant a:active{text-decoration:none!important;}
.site_container .actualites .actualites-content .suivant a::after{content:url("../images/icon/arrow-droite.svg"); height:30px; width:30px; position:absolute; top:50%; transform:translate(0, -50%)}
.site_container .actualites .actualites-content .suivant a:hover::after, .site_container .actualites .actualites-content .suivant a:active::after, .site_container .actualites .actualites-content .suivant a:focus::after{content:url("../images/icon/arrow-droite-rouge.svg");}
.site_container .sondage{ background-color: rgba(144,0,40,0.75); padding:20px 0 20px 0; color:#fff!important; text-align: center!important; }
.site_container .sondage a{ color:#fff!important; }
.site_container .sondageSpacer{ margin-top: 45px;   padding:20px 0 20px 0; }
.site_container .sondage h1{ color:#ffffff!important;}
.site_container .sondage h2{font-size:35px; line-height:35px; color:#ffffff!important;}
.site_container .sondage .regularFont{font-weight: 400;}
.site_container .sondage .btn-blanc a{display:inline-block; background-color:transparent; color:#FFF!important; border: 2px solid #FFF; text-align:center; padding:10px; margin:0 0 0 0; font-weight:600; text-decoration:none;}
.site_container .sondage .btn-blanc a:hover, .btn-blanc a:active, .btn-blanc a:focus{background-color:#FFF; color:#383f51!important;}
.site_container .actualites{padding-bottom: 0 !important;}

.site_container .pNoMargin { margin-bottom: 0;}





.slider-text {border:solid 1px #434b62; }
.slider-text .slider-content{padding:20px 50px 40px; }
.slider-text .slick-prev{left:5px; z-index: 55; }
.slider-text .slick-next{right:5px; z-index: 55; }

.site_container .services{background:url("../images/background/background-chute.jpg") no-repeat center center; background-size:cover;}
.site_container .services .services-content .services-btn{background-color:#ffffff; padding:15px 15px 10px; margin:15px 0;}
.site_container .services .services-content .services-btn a{display:block;}
.site_container .services .services-content .services-btn a .service-cercle{background-color:#383f51; border-radius:50%; display:inline-block; padding:5px;}
.site_container .services .services-content .services-btn a:hover .service-cercle{background-color:#2a2f3d;}
.site_container .services .services-content .services-btn a .service-cercle img{margin:0 auto;}
.site_container .services .services-content .services-btn a h2{font-size:20px; color:#383f51; display:inline-block;}
.site_container .services .services-content .services-btn a:hover, .site_container .services .services-content .services-btn a:hover h2{color:#2a2f3d; text-decoration:#2a2f3d;}

.site_container .ctahome {padding: 100px 0 60px!important;}
.site_container .ctahome .ctaContent {display:flex; justify-content: center; flex-direction: row; }
.site_container .ctahome .btnCta { position: relative; display: block; color: #FFF; font-size: 42px; line-height: normal; font-weight: 700; text-align: center; flex: 0 1 auto; padding-top: 60px; text-decoration: none; transition:background-size 0.1s ease-out; -moz-transition:background-size 0.1 ease-out; -ms-transition:background-size 0.1 ease-out; -o-transition:background-size 0.1 ease-out; -webkit-transition:background-size 0.1 ease-out; }
.site_container .ctahome .btnCta:hover { background-size: auto 110%; transition:background-size 0.1s ease-in; -moz-transition:background-size 0.1 ease-in; -ms-transition:background-size 0.1 ease-in; -o-transition:background-size 0.1 ease-in; -webkit-transition:background-size 0.1 ease-in;}

.site_container .ctahome .btnCta .plus{ position: absolute; bottom: -40px; right: 10px; color: #FFF; font-size: 167px; font-weight: 100; }
.site_container .ctahome .btnCta span { display: block; text-transform: uppercase; font-size: 18px; line-height: 22px; font-weight: 600;}
.site_container .ctahome .btnPivot { background: url(../images/newHome/bgPivot.jpg) center center no-repeat; background-size: auto 100%; width: 562px; height: 540px;}
.site_container .ctahome .btnpublicConsultation { background: url(../images/newHome/bgCocoriko.jpg) center center no-repeat; background-size: auto 100%; width: 556px; height: 540px; margin: 0 3px;}
.site_container .ctahome .btnSopfeu { background: url(../images/newHome/bgSopfeu.jpg) center center no-repeat; background-size: auto 100%; width: 562px; height: 540px; padding-left: 50px; padding-right: 50px;}
.site_container .ctahome .btnSopfeu #sopfeu_widget_iframe{ margin-top: 40px; border-radius: 10px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.19); }

/* .site_container .calendrier { padding:0 0 100px!important;} */
.site_container .calendrier .calendrier-content h1{display:inline-block; padding:0 95px 75px 0; font-size: 64px;}
.site_container .calendrier .calendrier-content .calendarContent{ margin: 0 130px; }
.site_container .calendrier .calendrier-content .btn-vert{display:inline-block; padding:10px 10px;}
.site_container .calendrier .calendrier-content .btn-vert a.active{background-color:#383f51; color:#fff!important;}
.site_container .calendrier .calendrier-content .slider .slider-content{background-color:#ffffff; border-top:#383f51 7px solid; padding:45px; margin:0 33px;}
.site_container .calendrier .calendrier-content .slider .date-events .big{font-size:50px; font-weight:bold; line-height:40px; position:absolute;}
.site_container .calendrier .calendrier-content .slider .date-events .bold{font-weight:bold;}
.site_container .calendrier .calendrier-content .slider .date-events .date-align{padding-left:80px;}
.site_container .calendrier .calendrier-content .slider .titre-events a{text-decoration: none;}
.site_container .calendrier .calendrier-content .slider .titre-events a{text-decoration: underline;}
.site_container .calendrier .calendrier-content .slider .img-events{padding:15px 0;}
.site_container .calendrier .calendrier-content .calendrier-btn{padding-top:60px; margin-left: 30px;}
.site_container .calendrier .calendrier-content .slick-prev{left:-30px; z-index:3;}
.site_container .calendrier .calendrier-content .slick-next{right:-30px;}
.site_container .calendrier .calendrier-content .slick-prev:before{content:url("../images/icon/arrow-gauche.svg"); opacity: 1; height:30px; width:30px; position:absolute; font-size:inherit; line-height:inherit; left:0;}
.site_container .calendrier .calendrier-content .slick-next:before{content:url("../images/icon/arrow-droite.svg"); opacity: 1; height:30px; width:30px; position:absolute; font-size:inherit; line-height:inherit; right:0;}
.site_container .calendrier .calendrier-content .slick-prev:hover:before{ opacity: 0.75; }
.site_container .calendrier .calendrier-content .slick-next:hover:before{ opacity: 0.75; }
/* .site_container .calendrier .calendar-wrapper { position: absolute; padding-top: 110px;} */

.site_container .infolettre{padding-top:0px!important;}
.site_container .home .infolettre{padding-bottom:0px!important;}
.site_container .infolettre .infolettre-content{background-color:#383f51; color:#ffffff!important;}
.site_container .infolettre .infolettre-content .infolettre-text{padding:125px 0 125px 70px;}
.site_container .infolettre .infolettre-content .infolettre-text h1{font-size:64px; line-height:65px; color:#ffffff!important;}
.site_container .infolettre .infolettre-content .infolettre-text p{padding:45px 0;}
.site_container .infolettre .infolettre-content .infolettre-text input[type=text], .site_container .infolettre .infolettre-content .infolettre-text input[type=email]{display:inline-block; background-color:#434b62; color:#ffffff; font-size:18px; padding:20px; border:none; margin:0 70px 0 0; width: 100%;}
.site_container .infolettre .infolettre-content .infolettre-text input[type=text]::placeholder, .site_container .infolettre .infolettre-content .infolettre-text input[type=email]::placeholder{color:#ffffff; font-size:18px; opacity:1;}
.site_container .infolettre .infolettre-content .infolettre-text input[type=text]::-ms-input-placeholder, .site_container .infolettre .infolettre-content .infolettre-text input[type=email]::-ms-input-placeholder{color:#ffffff; font-size:18px; opacity:1;}
.site_container .infolettre .infolettre-content .infolettre-text .mc-field-group{position:relative;width: 30%;}
.site_container .infolettre .infolettre-content .infolettre-text #mc_embed_signup div.mce_inline_error{position:relative; margin:10px 60px 10px 0; padding:15px; background-color:rgba(255, 255, 255, 0.2); font-weight:bold; z-index:1; color:#8a0026;}
.site_container .infolettre .infolettre-content .infolettre-text input.btn-blanc{display:inline-block; background-color:#ffffff; color:#383f51!important; text-align:center; border:none; padding:20px; margin:0 0 0 0; font-weight:600;}
.site_container .infolettre .infolettre-content .infolettre-text input.btn-blanc:hover, .site_container .infolettre .infolettre-content .infolettre-text input.btn-blanc:active, .site_container .infolettre .infolettre-content .infolettre-text input.btn-blanc:focus{background-color:#d6d6d6; color:#383f51!important; outline:none;}
.site_container .infolettre .infolettre-content .infolettre-background{background:url("../images/home/infolettre.jpg") no-repeat center center; background-size:cover; height:100%; width:100%;}

/*Section emploie*/
.site_container .offre{border-bottom:#434b62 2px solid; padding:25px 0; }
.back-to-list a{color:#FFF; }
.back-to-list a:hover,.back-to-list a:focus,.back-to-list a:active{color:#FFF; }

.site_container input.btn-success{display:inline-block; background-color:transparent; color:#383f51!important; text-align:center; border:2px solid #383f51; border-radius:0; padding:10px; margin:0 0 0 0; font-weight:600; text-decoration:none;}
.site_container input.btn-success:hover, .site_container input.btn-success:active, .site_container input.btn-success:focus{background-color:#383f51; color:#fff!important; text-decoration:none!important;}


/*Sous-page*/
.site_container .sub{position: relative;}
.site_container .sub .content img{max-width:100%; height:auto; display:block;}
.site_container .sub .sub-top-content{background-color:#004750; padding:80px 0;}

.site_container .pagination>.active>a,
.site_container .pagination>.active>span,
.site_container .pagination>.active>a:hover,
.site_container .pagination>.active>span:hover,
.site_container .pagination>.active>a:focus,
.site_container .pagination>.active>span:focus {background-color:#900028!important; border-color:#900028!important; color:#FFF!important; }
.site_container .pagination>li>a, .pagination>li>span {color:#900028!important; }

.site_container .sub .sub-top-content .btn-sous-page{height:100%;}
.site_container .sub .sub-top-content .btn-sous-page a{display:block; height:100%;}
.site_container .sub .sub-top-content a .btn-sous-page-01, .site_container .sub .sub-top-content a .btn-sous-page-02, .site_container .sub .sub-top-content a .btn-sous-page-03{color:#ffffff; font-weight:700; text-align:center; text-decoration:none!important; position:relative; z-index:75; display:table; height:100%; width:100%;}
.site_container .sub .sub-top-content a .btn-sous-page-01{background:#8a0026;}
.site_container .sub .sub-top-content a .btn-sous-page-02{background:#383f51;}
.site_container .sub .sub-top-content a .btn-sous-page-03{background:#383f51;}
.site_container .sub .sub-top-content a .btn-sous-page-content{padding:25px; height:100%; display:table-cell; vertical-align:middle;}
.site_container .sub .sub-top-content a .btn-sous-page-01 .layer, .site_container .sub .sub-top-content a .btn-sous-page-02 .layer, .site_container .sub .sub-top-content a .btn-sous-page-03 .layer{position:absolute; opacity:0.2; height:100%; width:100%; z-index:50; top:0; left:0; outline:#ffffff;}
.site_container .sub .sub-top-content a .btn-sous-page-01:hover .layer, .site_container .sub .sub-top-content a .btn-sous-page-02:hover .layer, .site_container .sub .sub-top-content a .btn-sous-page-03:hover .layer{opacity:0.1;}
.site_container .sub .sub-top-content a .btn-sous-page-01 .layer{background:url("../images/sub/bg-btn.jpg") no-repeat center center; background-size:cover;}
.site_container .sub .sub-top-content a .btn-sous-page-02 .layer{background:url("../images/sub/bg-btn.jpg") no-repeat top left; background-size:cover;}
.site_container .sub .sub-top-content a .btn-sous-page-03 .layer{background:url("../images/sub/bg-btn.jpg") no-repeat center center; background-size:cover;}


.site_container .sub .sub-top-content h1, .site_container .sub .sub-top-content h2, .site_container .sub .sub-top-content h3, .site_container .sub .sub-top-content p{color:#ffffff;}
.site_container .sub .sub-content{padding:80px 0;}
.site_container .sub .sub-content #searchform input[type=text]{display:inline; margin:0 15px 0 0; padding:10px 0; background-color:transparent; border:none; border-bottom:2px solid #383f51;}
.site_container .sub .sub-content #searchform input[type=text]:focus{outline:none;}
.site_container .sub .sub-content #searchform input[type=submit]{display:inline-block; background-color:transparent; color:#383f51!important; text-align:center; border:2px solid #383f51; padding:10px; margin:0 0 0 0; font-weight:600; text-decoration:none;}
.site_container .sub .sub-content #searchform input[type=submit]:hover, .site_container .sub .sub-content #searchform input[type=submit]:active, .site_container .sub .sub-content #searchform input[type=submit]:focus{background-color:#383f51; color:#fff!important; text-decoration:none!important;}


.site_container .sub .sondage{ background:url("../images/sub/songageSP.jpg") top center no-repeat; background-size: cover; margin-top: 45px; padding:40px 10px 20px 10px; }
.site_container .sub .sondage h3{font-size:14px; line-height:14px; color:#ffffff!important;}
.site_container .sub .sondage .regularFont{font-weight: 400;}


.site_container .sub .achatLocal{ background:url("../images/sub/bgCommerce.jpg") top center no-repeat; background-size: cover; margin-bottom: 45px; padding:40px 50px; text-align: left; color:#ffffff!important; font-size: 24px; line-height: 26px; font-weight: 900; text-decoration: none; display: block; }
.site_container .sub .transportActif{ background:url("../images/sub/bgTransport.jpg") center center no-repeat; background-size: cover; margin-bottom: 45px; padding:40px 50px; text-align: left; color:#ffffff!important; font-size: 24px; line-height: 26px; font-weight: 900; text-decoration: none; display: block; }
.site_container .sub .suggestionsActivite{ background:url("../images/sub/bgSuggestionsActivite.jpg") center center no-repeat; background-size: cover; margin-bottom: 45px; padding:40px 50px; text-align: left; color:#ffffff!important; font-size: 24px; line-height: 26px; font-weight: 900; text-decoration: none; display: block; }
.site_container .sub .sidebarContent{ background-color: #ffffff; padding: 20px; }

/*  Mardis Musique  */
.site_container .redTitle{color:#900028; text-transform: uppercase; font-weight: 600; font-size: 20px; text-align: center; }
.site_container .eventMardis{ background-color: #e3e4e8; margin: 50px 0 50px; min-height: 340px; }
.site_container .eventMardis .mardiMusicImage{ margin: 0 auto;  }
.site_container .eventMardis .infoMardiMusic{ padding: 20px 20px 20px 20px; }
.site_container .eventMardis .infoMardiMusic .dateTime{ display: block; text-transform: uppercase; background-color:white; }
.site_container .eventMardis .infoMardiMusic .mardiEventTime { float:left; position:relative; padding: 20px 10px 20px 40px; font-weight: 600; font-size: 16px; }
.site_container .eventMardis .infoMardiMusic .mardiEventTime::before{ content:""; position: absolute; z-index:0; width:30px; height:30px; top:50%; transform: translateY(-50%); left:5px; background: url(../images/sub/Clock.svg) no-repeat ;   background-size:cover; }
.site_container .eventMardis .infoMardiMusic .mardiEventDate { float:left; position:relative; padding: 20px 5px 20px 45px; font-weight: 600; font-size: 16px; }
.site_container .eventMardis .infoMardiMusic .mardiEventDate::before{ content:""; position: absolute; z-index:0; width:30px; height:30px; top:50%; transform: translateY(-50%); left:10px; background: url(../images/sub/Calendrier.svg) no-repeat ; background-size:cover; }
.site_container .eventMardis .infoMardiMusic .eventTitle { display: block; padding-bottom: 20px; padding-left: 10px; }
.site_container .eventMardis .infoMardiMusic .eventTitle h3{ color:#900028; text-transform: uppercase;  font-size: 18px; }
.site_container .eventMardis .infoMardiMusic .eventTitle p{ padding: 0; margin: 0; }
.site_container .eventMardis .infoMardiMusic .eventPlace { display: block; margin-top: 10px; }
.site_container .eventMardis .infoMardiMusic .eventPlace p { font-size: 16px; line-height:18px;  }
.site_container .eventMardis .infoMardiMusic .eventPlace .place { position: relative; display: block; text-decoration: none; padding: 15px 30px 15px 45px; background-color: #434b62; color: white; text-transform: uppercase; font-size: 16px; }
.site_container .eventMardis .infoMardiMusic .eventPlace .place::before{ content:""; position: absolute; z-index:0; width:25px; height:25px; top:50%; transform: translateY(-50%); left:10px; background: url(../images/sub/MapMarker.svg) no-repeat ; background-size:cover; }

/* commercant */
.site_container .commercant { background-color: #e3e4e8; margin: 50px 0 50px; min-height: 270px; }
.site_container .commercant .commercantImage{ margin: 0 auto;  }
.site_container .commercant .infocommercant{ padding: 20px 20px 20px 20px; }
.site_container .commercant .infocommercant .telEmail{ display: block; text-transform: uppercase; background-color:white; }
.site_container .commercant .infocommercant .tel { float:left; width: 50%; position:relative; padding: 20px 10px 20px 40px; font-weight: 600; font-size: 16px; }
.site_container .commercant .infocommercant .tel::before{ content:""; position: absolute; z-index:0; width:30px; height:30px; top:50%; transform: translateY(-50%); left:5px; background: url(../images/sub/phone.svg) no-repeat ;   background-size:cover; }
.site_container .commercant .infocommercant .email { float:left; width: 50%; position:relative; padding: 20px 5px 20px 45px; font-weight: 600; font-size: 16px; }
.site_container .commercant .infocommercant .email::before{ content:""; position: absolute; z-index:0; width:30px; height:30px; top:50%; transform: translateY(-50%); left:10px; background: url(../images/sub/email.svg) no-repeat ; background-size:cover; }
.site_container .commercant .infocommercant .eventTitle { display: block; padding-bottom: 20px; padding-left: 10px; }
.site_container .commercant .infocommercant .eventTitle h3{ color:#900028; text-transform: uppercase;  font-size: 18px; }
.site_container .commercant .infocommercant .eventTitle p{ padding: 0; margin: 0; }
.site_container .commercant .infocommercant .websiteFacebook { display: block; margin-top: 10px; background-color: #434b62; }
.site_container .commercant .infocommercant .websiteFacebook p { font-size: 16px; line-height:18px;  }
.site_container .commercant .infocommercant .websiteFacebook .website { float:left; width: 50%; position: relative; display: block; text-decoration: none; padding: 15px 30px 15px 45px; color: white; text-transform: uppercase; font-size: 16px; }
.site_container .commercant .infocommercant .websiteFacebook .website::before{ content:""; position: absolute; z-index:0; width:25px; height:25px; top:50%; transform: translateY(-50%); left:10px; background: url(../images/sub/website.svg) no-repeat ; background-size:cover; }
.site_container .commercant .infocommercant .websiteFacebook .facebook { float:left; width: 50%; position: relative; display: block; text-decoration: none; padding: 15px 30px 15px 45px; color: white; text-transform: uppercase; font-size: 16px; }
.site_container .commercant .infocommercant .websiteFacebook .facebook::before{ content:"\f09a"; position: absolute; z-index:0; top:50%; transform: translateY(-50%); left:10px; color: #FFF; font-size: 18px; padding-right: 0.5em; font-family: FontAwesome; font-style: normal;font-weight: normal;text-decoration: inherit; }

.site_container .commercant .infocommercant .details { display: block; margin-top: 10px; }
.site_container .commercant .infocommercant .details p { font-size: 16px; line-height:18px;  }

/*Side-bar*/
.site_container .sub .aside-menu{padding:25px; margin:0 25px;}
.site_container .sub .blockFixedRightTop{position:relative;padding-top:20px;}
.site_container .sub .aside-menu .subnav-parent{text-align:left; font-size:18px; font-weight:700; padding-bottom:5px;}
.site_container .sub .aside-menu .subnav{text-align:left; list-style:none; font-size:16px; margin-bottom:0; padding:0 20px 0 0;}
.site_container .sub .aside-menu .subnav li{position:relative; padding-bottom:5px;}
.site_container .sub .aside-menu .subnav li::before{content:""; position:absolute; right:-16px; top:5px; height:100%; border-right:2px solid #8a0026; z-index:0;}
.site_container .sub .aside-menu .subnav li:last-child::before{border-right:none;}
.site_container .sub .aside-menu .subnav li::after{content:""; position:absolute; display:inline-block; background-color:#8a0026; border:#8a0026 2px solid; border-radius:50%; width:10px; height:10px; top:0; transform:translate(0, 50%); right:-20px;}
.site_container .sub .aside-menu .subnav li.nav-path-selected{text-decoration:underline;}
.site_container .sub .aside-menu .subnav li.nav-path-selected::after{content:""; position:absolute; display:inline-block; background-color:#f5f5f5; border:#8a0026 2px solid; border-radius:50%; width:10px; height:10px; top:0; transform:translate(0, 50%); right:-20px;}
.site_container .sub .aside-menu a{color:#8a0026; text-decoration:none;}
.site_container .sub .aside-menu a:hover{text-decoration:underline;}
.site_container .sub .aside-blocks{padding:25px 0;}
.site_container .sub .aside-blocks .aside-title{text-align:center;}
.site_container .sub .ctaContent { margin-left: auto; margin-right: auto; margin-bottom: 25px; text-align: center; }
.site_container .sub .ctaContent h3 { position: absolute; left: 0; right: 0; margin-top: 25px; padding: 15px; color: #fff; z-index: -2;}
.site_container .sub .ctaContent img { position: relative; object-fit: cover; object-position: center center; height: 100px; max-height: 150px; width: 450px; max-width: 100%; z-index: -3;}
.site_container .sub .ctaSpacer { height: 250px; }


/*Page-list Menu*/
.site_container .sub .btn-menu{height:100%;}
.site_container .sub .btn-menu a{display:block; height:100%; padding-bottom:30px;}
.site_container .sub .btn-menu a .red, .site_container .sub .btn-menu a .blue, .site_container .sub .btn-menu a .green{color:#ffffff; font-weight:700; text-align:center; text-decoration:none!important; position:relative; z-index:75; display:table; height:100%; width:100%;}
.site_container .sub .btn-menu a .red{background:#8a0026;}
.site_container .sub .btn-menu a .blue{background:#383f51;}
.site_container .sub .btn-menu a .green{background:#383f51;}
.site_container .sub .btn-menu a .btn-menu-content{padding:25px; height:100%; display:table-cell; vertical-align:middle;}
.site_container .sub .btn-menu a .red .layer, .site_container .sub .btn-menu a .blue .layer, .site_container .sub .btn-menu a .green .layer{position:absolute; opacity:0.2; height:100%; width:100%; z-index:50; top:0; left:0; background:url("../images/sub/bg-btn.jpg") no-repeat center center; background-size:cover;}
.site_container .sub .btn-menu a .red:hover .layer, .site_container .sub .btn-menu a .blue:hover .layer, .site_container .sub .btn-menu a .green:hover .layer{opacity:0.1;}

/*Page-list Matières résiduelles*/
.site_container .sub .btn-list{background-color:#dddddd; padding:15px; margin:15px 0; position:relative;}
.site_container .sub .btn-list a{text-decoration:none; display:block; position:relative; top:50%; transform:translate(0, -50%);}
.site_container .sub .btn-list a h3{padding:15px;}
.site_container .sub .btn-list a:hover h3{color:#8a0026;}

/*Information*/
.site_container .sub .block-information{margin-bottom:80px;}
.site_container .sub .info-background{background-color:#ffffff; text-align:left; border:3px solid #424b62;}
.site_container .sub .info-background .background-pourInformation{background-color:#424b62; color:#ffffff;}
.site_container .sub .info-background .question-circle{position:relative; padding:25px 25px 25px 75px;}
.site_container .sub .info-background .question-circle p{margin:0;}
.site_container .sub .info-background .question-circle:before{content:url(../images/icon/question-circle.svg); width:55px; height:auto; position:absolute; top:50%; left:8px; transform:translate(0,-50%);}
.site_container .sub .info-background .phone{position:relative; text-align:center;}
.site_container .sub .info-background .phone a{text-decoration:none; padding-left:35px;}
.site_container .sub .info-background .phone:before{content:url(../images/icon/phone.svg); width:25px; height:auto; position:absolute; top:50%; transform:translate(0,-50%);}
.site_container .sub .info-background .envelope{position:relative; text-align:center;}
.site_container .sub .info-background .spaceInfo{margin-top:15px;}
.site_container .sub .info-background .envelope a{text-decoration:none; padding-left:35px;}
.site_container .sub .info-background .envelope:before{content:url(../images/icon/envelope.svg); width:25px; height:auto; position:absolute; top:50%; transform:translate(0,-50%);}

/*Accordion*/
.panel-default>.panel-heading{background-color:#dddddd; padding:0;}
.panel-title a{display:block; color:#383f51; text-transform:uppercase; font-weight:600; text-decoration:none; padding:10px 45px 10px 15px; position:relative;}
.panel-title a:before{content:''; }
.panel-title a:hover, .panel-title a:focus, .panel-title a:active{color:#8a0026;}
.panel-title a img.voila-logo{position:absolute; width:35px; height:35px; top:50%; left:100%; transform:translateX(calc(-100% - 5px)) translateY(-50%);}
.panel{background-color:#f5f5f5;}


.plusStyle .panel-default>.panel-heading{background-color:transparent; padding:0; }
.plusStyle .panel-title a{display:block; color:#383f51; text-transform:none; font-weight:normal; font-size: 18px; text-decoration:none; padding:10px 15px 10px 40px; position: relative; }
.plusStyle .panel-title a:before{content:'\f068'; border:1px solid #121212; border-radius: 50%; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #121212; font-size: 15px; padding: 5px 8px; position: absolute; top: 4px; left: 0; height: 30px; width: 30px; text-align: center; }
.plusStyle .panel-title a.collapsed:before{content:'\f067'; border:1px solid #121212; border-radius: 50%; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #121212; font-size: 15px; padding: 5px 8px; position: absolute; top: 4px; left: 0; height: 30px; width: 30px; text-align: center; }
.plusStyle .panel-title a:hover, .panel-title a:focus, .panel-title a:active{color:#8a0026;}
.plusStyle .panel{background-color:#f5f5f5; border: none; box-shadow: none;}
.plusStyle .panel-body{border: none; padding-left: 40px;}

.blueBox{ background-color: #cee0f1; padding: 0 15px; margin: 10px 0;}
.redBox{ background-color: #f1cece; padding: 0 15px; margin: 10px 0;}
/*Page list Event*/
.site_container .sub section.event{border-bottom:#434b62 2px solid; padding:25px 0;}

/*Footer*/
footer{background:url("../images/background/background-map.jpg") no-repeat center center; background-size:cover; z-index:0;}
footer section{padding:21px 0;}
footer .logo-footer{padding:30px 0 15px;}
footer .logo-footer img{max-width:258px; max-height:106px;}
footer div.site-map .footerNav>ul{margin:0; padding:0; line-height:18px; -moz-column-count:3; -moz-column-gap:1em; -webkit-column-count:3; -webkit-column-gap:1em; column-count:3; column-gap:1em; list-style:none; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; page-break-inside:avoid;}
footer div.site-map .footerNav>ul>li{display:block; width:100%; padding-top:10px; padding-right:0; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; page-break-inside:avoid;}
footer div.site-map .footerNav>ul>li>a{display:inline-block; color:#434b62; font-weight:600; font-size:24px; line-height:24px; padding:10px 10px 0 0; text-decoration:none;}
footer div.site-map .footerNav>ul>li:last-child>a{padding-bottom:30px;}
footer div.site-map .footerNav>ul>li>a:hover{color:#8a0026; text-decoration:underline #8a0026;}
footer div.site-map .footerNav>ul>li ul{padding-left:0; margin:0; line-height:18px;}
footer div.site-map .footerNav>ul>li ul li{display:inline-block; width:100%; margin:0;}
footer div.site-map .footerNav>ul>li ul li a{display:inline-block; color:#434b62; font-weight:normal; font-size:18px; line-height:18px; padding:3px 0 0 0; text-decoration:none;}
footer div.site-map .footerNav>ul>li ul li a:hover{color:#8a0026; text-decoration:underline #8a0026;}

footer .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:transparent!important; border:none!important; outline:none;}
footer div.site-map .footerNav>ul>li>a.ui-accordion-header{display:block; position:relative;}
footer div.site-map .footerNav>ul>li>a.ui-accordion-header::after{content:"\f067"; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:18px; position:absolute; top:50%; right:0; transform:translate(-50%,-50%);}
footer div.site-map .footerNav>ul>li>a.ui-state-active::after{content:"\f068"; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:18px; position:absolute; top:50%; right:0; transform:translate(-50%,-50%);}
footer .ui-widget-content{background:transparent; border:none;}

footer #reseaux{padding:10px 0 0 0;}
footer #reseaux ul li{display:inline; position:relative;}
footer #reseaux .btnSocial-footer{display:inline-block; position:relative; top:0; color:#ffffff; background-color:#383f51; border-radius:50%; width:26px; height:26px; text-align:center; padding:0; font-size:18px; line-height:29px; margin-right:15px;}
footer #reseaux .btnSocial-footer:hover, footer #reseaux .btnSocial-footer:focus, footer #reseaux .btnSocial-footer:active{background-color:#8a0026;}
footer #reseaux .lang-footer{font-weight:900;}
footer .info{background-color:#ffffff; padding:45px;}

/* Copyright */
.copyrightContent{position:relative; background-color:#004751; color:#fff!important; padding:0; z-index:1;}
.copyrightContent div.tonik{padding:10px 0 10px; float:right;}
.copyrightContent div.tonik div.logo{ float:right; margin:0; display:inline-block; width:auto;}
.copyrightContent div.tonik div.logo img{display:block; float:none; margin:0 auto;}
.rightReserve{float:left; font-size:12px; font-family:'Noto Sans', sans-serif;}
.rightReserve span{display:block;}

/* This was causing the slider to appear only when the page was fully loaded
.main-slider {opacity:0; }
.main-slider.slick-initialized {opacity:1; transition:opacity .3s ease-out; }
*/
.calandar-slider .slick-track{display:flex !important; }
.calandar-slider .slick-slide{height:inherit !important; }
.calandar-slider .slick-slide .slider-content{height:100% !important; }

div.boxChange { position: relative; width: 100%; background: #a33150; text-align: center; padding: 15px 30px; z-index: 500; font-size: 14px;line-height: 16px; color:white; }
div.boxChange div.boxChange-message { display: inline-block; padding: 0 8px; vertical-align: middle; }
div.boxChange div.boxChange-message h1,div.boxChange div.boxChange-message h2,div.boxChange div.boxChange-message h3 { color:#FFF; }
div.boxChange div.boxChange-message p { margin: 0; color:#fff; /*position: relative;*/ }
div.boxChange div.boxChange-message a { color:#fff; }

div.darkerText,
div.darkerText div.boxChange-message h1,
div.darkerText div.boxChange-message h2,
div.darkerText div.boxChange-message h3,
div.darkerText div.boxChange-message p,
div.darkerText div.boxChange-message a { color:#8a0026!important; }

div.boxChange div.boxChange-message a:hover { text-decoration:none; }
/*div.boxChange div.boxChange-message p::before { content:'\f005'; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:25px; position:absolute; top:50%; left:0; transform:translateY(-50%); }*/

.sectionSearch{ margin-top: 53px;}
.sectionSearch .btnContent {position: relative; z-index: 1;}
.sectionSearch .nav-tabs {border:none;}
.sectionSearch .nav-tabs>li {
	margin-right: 10px;
	margin-bottom: 15px;
}
.sectionSearch .nav-tabs>li>a {
	background-color: #575f76;
	background-image: url("../images/background/relief.svg");
	background-blend-mode: multiply;
	position: relative;
	border-radius: 0;
	color: #FFF;
	font-weight: 700;
	text-decoration: none;
	border: none;
}
.sectionSearch .nav-tabs>li:hover>a {
	background-color: #8a0026;
	background-image: url("../images/background/relief.svg");
	background-blend-mode: multiply;
}
.sectionSearch .nav-tabs>li.active>a,
.sectionSearch .nav-tabs>li.active>a:focus,
.sectionSearch .nav-tabs>li.active>a:hover {
	background-color: #8a0026;
	background-image: url("../images/background/relief.svg");
	background-blend-mode: multiply;
	position: relative;
	border-radius: 0;
	color: #FFF;
	font-weight: 700;
	text-decoration: none;
	border: none;
}
/*.sectionSearch .nav-tabs>li>a::before {content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0; background:url("../images/background/relief.svg") no-repeat center center; background-size:cover;}*/

#mce-responses{
	width: 80%;
}
.searchResult{border-bottom:1px solid #383f51; padding-bottom: 25px; margin-bottom: 25px;}


@media screen and (max-width:767px){
	.site_container .actualites .actualites-content .actu{ min-height: 280px; height: auto!important; padding: 15px 0; margin: 10px 0;}
	.site_container .sondage{ padding:20px 15px; }
	.slider-wrapper .contentBanner .dontForget{ padding: 30px 38px 30px 38px; }
	.slider-wrapper .btnNewsletter{ top:20px; left:20px; width: 102px; height: 104px; }
	.slider-wrapper .contentBanner h1{ color: #fff; font-size: 30px; line-height: 45px; }

	.site_container .infolettre .infolettre-content .infolettre-text .mc-field-group{width: 100%;}
	.slider-wrapper .contentBanner{ width: auto; right:15px; left: 15px; }
	.slider-wrapper{position:relative; margin-top: 61px;}
	div.site_container>header div.header-fixable { height: 61px; }
	div.site_container>header div.header-fixable div.logo { padding: 10px 0 10px 0; }
	div.site_container>header div.header-fixable div.logo img { max-height: 40px; }
	div.site_container>header div.header-fixable2{position: relative;}

	div.site_container>header div.header-fixable2{position: relative;}
	h1{font-size:24px; line-height:30px;}
	h2{font-size:18px; line-height:20px;}
	h3{font-size:16px; line-height:20px;}
	h4, .panel-title{font-size:14px; line-height:18px;}
	body{font-size:16px; line-height:18px;}
	p, ul, ol{font-size:16px; line-height:18px; clear:both; margin-bottom:15px;}

	.site_container h1 .cursive{font-size:65px; line-height:65px;}
	.site_container h1 .cursiveTitle{font-size:65px; line-height:65px;}
	.site_container h1 .special-big{font-size:50px; line-height:45px;}
	.site_container h1 .special{font-size:28px; line-height:23px;}

	.site_container .home section{padding:35px 0}
	.site_container .home .titre{padding:35px 0}

	.site_container .home .quickLink{ padding:70px 0 40px 0;}
	.site_container .home .quickLink .quickLinkContaner .quickLinkItem{ width: 100%; padding: 0 10px; margin-bottom: 50px;}
	.site_container .home .quickLink .btnQuickLink{ font-size: 21px; }
	.site_container .home .quickLink .btnQuickLink .contenticon{margin: 0 auto; margin-bottom: 35px;}

	.site_container .home .actualites{  padding-bottom: 40px!important; }
	.site_container .home .actualites h1{ font-size: 37px; }
	.site_container .home .actualites .slider-actu .rowflex .rowItem6{ width: 100%; margin: 15px 0; }

	.site_container .ctahome {padding: 35px 0 35px!important;}
	.site_container .ctahome .ctaContent { flex-direction: column; }
	.site_container .ctahome .btnCta { font-size: 25px; padding-top: 30px; }
	.site_container .ctahome .btnCta:hover { background-size: cover; }
	.site_container .ctahome .btnCta .plus{ bottom: -20px; right: 10px; font-size: 100px; }
	.site_container .ctahome .btnCta span { font-size: 18px; line-height: 22px;}
	.site_container .ctahome .btnPivot { width: 100%; height: 330px; background-size: cover;}
	.site_container .ctahome .btnpublicConsultation { width: 100%; height: 330px; margin: 0; background-size: cover;}
	.site_container .ctahome .btnSopfeu { width: 100%; height: 330px; padding-left: 15px; padding-right: 15px; background-size: cover;}
	.site_container .ctahome .btnSopfeu #sopfeu_widget_iframe{ margin-top: 20px; }


	header .pos-alert{position:relative;}
	header .icon-slider{bottom:auto; top:40%; transform:translate(0, -50%);}
	header .icon-slider a .icon{height:85px; width:140px;}
	header .icon-slider a .icon .icon-content img{height:35px;}
	header .slider-alert .slider-content{padding:20px 20px 40px;}
	header .slider-alert .slider-content h1{font-size:24px;}
	header .slider-alert .slider-content p{font-size:15px;}
	header .slider-alert .slick-dots{padding-right:0;}
	header .slider-alert .img-alert p{top:115px;}
	header .slider-alert .img-alert::after{top:60px; width:60px; height:80px;}

	.site_container .home .call-to-action .call-to-action-content .call-to-action-1{height:200px;}
	.site_container .home .call-to-action .call-to-action-content .call-to-action-2{height:200px;}
	.site_container .home .call-to-action .call-to-action-content .call-to-action-3{height:200px;}
	.site_container .home .call-to-action .call-to-action-content h2{font-size:25px; line-height:30px; padding-bottom:110px!important;}
	.site_container .actualites .actualites-content .actu .actu-content{padding:0 15px 0;}
	.site_container .services .services-content .services-btn a h2{padding-left:10px;}

	.site_container .calendrier { padding:0 0 35px!important;}
	.site_container .calendrier .calendrier-content h1{ padding:0; font-size: 44px;}
	.site_container .calendrier .calendrier-content .calendarContent{ margin: 0 30px; }
	.site_container .calendrier .calendrier-content .slider .slider-content{margin:15px 0;}
	.site_container .calendrier .calendrier-content .btn-vert{padding:10px;}
	.site_container .calendrier .calendrier-content .calendrier-btn{padding-top:20px;}
	.site_container .infolettre .infolettre-content .infolettre-text{padding:50px;}
	.site_container .infolettre .infolettre-content .infolettre-text h1{font-size:35px; line-height:35px;}
	.site_container .infolettre .infolettre-content .infolettre-text p{padding:0;}
	.site_container .infolettre .infolettre-content .infolettre-text input[type=text], .site_container .infolettre .infolettre-content .infolettre-text input[type=email]{margin:0; width:100%}
	.site_container .infolettre .infolettre-content .infolettre-text input[type=text]:focus, .site_container .infolettre .infolettre-content .infolettre-text input[type=email]:focus{outline-color:#ffffff;}

	.site_container .sub .sub-top-content{padding:25px 0;}
	.site_container .sub .sub-content{padding:25px 0}
	.site_container .sub .sub-top-content .btn-sous-page{margin:15px 0;}
	.site_container .sub .sub-top-content a .btn-sous-page-01, .site_container .sub .sub-top-content a .btn-sous-page-02, .site_container .sub .sub-top-content a .btn-sous-page-03{margin:0 auto;}
	.site_container .sub .sub-content #searchform input[type=submit]{margin-top:10px;}

	.site_container .sub .btn-menu a{padding-bottom:15px;}

	.site_container .sub .info-background .question-circle{padding:15px 15px 15px 60px;}
	.site_container .sub .info-background .question-circle:before{top:50%; left:8px; transform:translate(0,-50%); width:40px;}
	.site_container .sub .info-background .phone{text-align:left; padding:10px;}
	.site_container .sub .info-background .phone a{padding-left:35px;}
	.site_container .sub .info-background .phone:before{top:50%; transform:translate(0,-50%);}
	.site_container .sub .info-background .envelope{text-align:left; padding:10px;}
	.site_container .sub .info-background .envelope a{padding-left:35px;}
	.site_container .sub .info-background .envelope:before{top:50%; transform:translate(0,-50%);}
	.site_container .sub .info-background .spaceInfo{margin:0;}

	footer .info{ padding:45px;}
	footer div.site-map .footerNav>ul{-moz-column-count:1; -webkit-column-count:1; column-count:1; text-align: center;}
	footer div.site-map .footerNav>ul>li>a{font-size:18px; line-height:18px; padding:10px 0 0 0;}
	footer div.site-map .footerNav>ul>li ul li a{font-size:16px; line-height:16px;}
	footer div.site-map .footerNav>ul>li ul li a.switchLang{padding:10px 0 0 0;}

	.copyrightContent div.tonik{float:none; padding:0;}
	.copyrightContent div.tonik div.logo{float:none; margin:0 auto; display:block; padding:10px 0;}
	.rightReserve{float:none; text-align:center; padding:10px 0 0;}
}

@media screen and (min-width:768px){
	.site_container .actualites .actualites-content .actu{ min-height: 280px; }
	.bannerSearchContent{ width: 50%; left: 50%; position: relative;}
	.slider-wrapper .contentBanner h1{ font-size: 45px; line-height: 48px; }
	.slider-wrapper .btnNewsletter{ top:70px; left:60px; width: 142px; height: 144px; }
	.site_container .infolettre .infolettre-content .infolettre-text .mc-field-group{width: 49%;}
	.slider-wrapper .contentBanner{ width: 100%; right:auto; }
	.slider-wrapper .contentBanner .dontForget {display: flex;flex-direction: row;flex-wrap: wrap;}
	.slider-wrapper .contentBanner .dontForget h2 {width: 100%;}
	.slider-wrapper .contentBanner .dontForget .dontForgetBlock {width: 50%;}
	.slider-wrapper{position:relative; margin-top: 115px;}
	div.site_container>header div.header-fixable { height: 115px; }
	div.site_container>header div.header-fixable div.logo { padding: 10px 0 10px 0; }
	div.site_container>header div.header-fixable div.logo img { height: 95px; }
	div.site_container>header div.header-fixable2{position: relative;}
	h1{font-size:30px; line-height:35px;}
	h2{font-size:20px; line-height:22px;}
	h3{font-size:16px; line-height:20px;}
	h4, .panel-title{font-size:14px; line-height:18px;}
	p, ul, ol{font-size:16px; line-height:18px; clear:both; margin-bottom:15px;}

	.site_container h1 .cursive{font-size:70px; line-height:70px;}
	.site_container h1 .cursiveTitle{font-size:70px; line-height:70px;}
	.site_container h1 .special-big{font-size:55px; line-height:50px;}
	.site_container h1 .special{font-size:32px; line-height:25px;}

	.site_container .home section{padding:50px 0}
	.site_container .home .titre{padding:50px 0}

	div.site_container div.category-title, div.site_container span.category-title {margin-bottom:2px; font-size:11px; line-height:13px; }

	.site_container .home .quickLink{ padding:70px 0 40px 0;}
	.site_container .home .quickLink .quickLinkContaner .quickLinkItem{ width: 33%; padding: 0 10px; margin-bottom: 50px;}
	.site_container .home .quickLink .btnQuickLink{ font-size: 21px; }
	.site_container .home .quickLink .btnQuickLink .contenticon{margin: 0 auto; margin-bottom: 35px;}

	.site_container .home .actualites{  padding-bottom: 60px!important; }
	.site_container .home .actualites h1{ font-size: 47px; }
	.site_container .home .actualites .slider-actu .rowflex .rowItem6{ width: 100%; margin: 15px 0 15px 0; }

	header .icon-slider{bottom:370px;}
	header .icon-slider a .icon{height:125px; width:140px;}
	header .icon-slider a .icon .icon-content img{height:45px;}
	header .pos-alert{position:relative;}
	header .slider-alert .slider-content{padding:20px 20px 40px;}
	header .slider-alert .slider-content h1{font-size:26px;}
	header .slider-alert .slider-content p{font-size:15px;}
	header .slider-alert .img-alert p{top:105px;}
	header .slider-alert .img-alert::after{top:50px;}

	.site_container .ctahome {padding: 60px 0 60px!important;}
	.site_container .ctahome .btnCta { font-size: 20px; padding-top: 30px; }
	.site_container .ctahome .btnCta .plus{ bottom: -20px; right: 10px; font-size: 100px; }
	.site_container .ctahome .btnCta span { font-size: 18px; line-height: 22px;}
	.site_container .ctahome .btnPivot { width: 33%; height: 357px;}
	.site_container .ctahome .btnpublicConsultation { width: 33%; height: 357px; margin: 0;}
	.site_container .ctahome .btnSopfeu { width: 33%; height: 357px; padding-left: 20px; padding-right: 20px;}
	.site_container .ctahome .btnSopfeu #sopfeu_widget_iframe{ margin-top: 40px; }


	.site_container .home .call-to-action .call-to-action-content .call-to-action-1{height:350px;}
	.site_container .home .call-to-action .call-to-action-content .call-to-action-2{height:350px;}
	.site_container .home .call-to-action .call-to-action-content .call-to-action-3{height:350px;}
	.site_container .home .call-to-action .call-to-action-content h2{font-size:28px; line-height:33px;}

	/* .site_container .calendrier { padding:0 0 100px!important;}	 */
	.site_container .blockFixed.calendrier { z-index:99!important;}
	.site_container .calendrier .calendrier-content h1{ padding:0; font-size: 44px;}
	.site_container .calendrier .calendrier-content .calendarContent{ margin: 0 30px; }
	.site_container .calendrier .calendrier-content .slider .slider-content{margin:0 auto; width:70%;}
	.site_container .infolettre .infolettre-content .infolettre-text{padding:50px;}
	.site_container .infolettre .infolettre-content .infolettre-text h1{font-size:50px; line-height:50px;}
	.site_container .infolettre .infolettre-content .infolettre-text input[type=text], .site_container .infolettre .infolettre-content .infolettre-text input[type=email]{margin:0 20px 20px 0;}

	.site_container .sub .sub-top-content{padding:35px 0;}
	.site_container .sub .sub-content{padding:35px 0}
	.site_container .sub .btn-menu a{padding-bottom:30px;}
	header .main-slider .slide{min-height:450px;}

	.site_container .sub .info-background .question-circle{padding:25px 25px 25px 75px;}
	.site_container .sub .info-background .question-circle:before{top:50%; left:8px; transform:translate(0,-50%);}
	.site_container .sub .info-background .phone{text-align:left; padding:15px;}
	.site_container .sub .info-background .phone a{padding-left:35px;}
	.site_container .sub .info-background .phone:before{top:50%; transform:translate(0,-50%);}
	.site_container .sub .info-background .envelope{text-align:left; padding:15px;}
	.site_container .sub .info-background .envelope a{padding-left:35px;}
	.site_container .sub .info-background .envelope:before{top:50%; transform:translate(0,-50%);}

	footer .info{ padding:45px;}
	footer div.site-map .footerNav>ul{-moz-column-count:2; -webkit-column-count:2; column-count:2;}
	footer div.site-map .footerNav>ul>li>a{font-size:18px; line-height:18px; padding:10px 25px 0 0;}
	footer div.site-map .footerNav>ul>li ul li a{font-size:16px; line-height:16px;}
	footer div.site-map .footerNav>ul>li ul li a.switchLang{padding:10px 0 0 0;}
}

@media screen and (min-width:992px){
	.slider-wrapper .contentBanner .dontForget .dontForgetBlock {width: 100%;}
	.bannerSearchContent{ width: 100%; left: 0;}
	.slider-wrapper .contentBanner h1{ font-size: 35px; line-height: 38px; }
	.site_container .infolettre .infolettre-content .infolettre-text .mc-field-group{width: 30%;}
	.slider-wrapper .contentBanner{ width: 400px; right:60px; }
	.slider-wrapper{position:relative; margin-top: 115px;}
	div.site_container>header div.header-fixable div.logo { padding: 10px 0 10px 0; }
	div.site_container>header div.header-fixable div.logo img { height: 95px; }
	.site_container .sub .blockFixedRightTop{padding-top:0;}
	h1{font-size:34px; line-height:40px;}
	h2{font-size:24px; line-height:26px;}
	h3{font-size:17px; line-height:24px;}
	h4, .panel-title{font-size:15px; line-height:19px;}
	p, ul, ol{font-size:17px; line-height:24px; clear:both; margin-bottom:15px;}

	.site_container h1 .cursive{font-size:85px; line-height:85px;}
	.site_container h1 .cursiveTitle{font-size:85px; line-height:85px;}
	.site_container h1 .special-big{font-size:70px; line-height:65px;}
	.site_container h1 .special{font-size:40px; line-height:32px;}

	.site_container .home section{padding:75px 0}
	.site_container .home .titre{padding:75px 0}

	div.site_container div.category-title, div.site_container span.category-title {margin-bottom:4px; }

	.site_container .home .quickLink{ padding:70px 0 40px 0;}
	.site_container .home .quickLink .quickLinkContaner .quickLinkItem{ width: 25%; padding: 0 10px; margin-bottom: 30px;}
	.site_container .home .quickLink .btnQuickLink{ font-size: 21px; }
	.site_container .home .quickLink .btnQuickLink .contenticon{margin: 0 auto; margin-bottom: 15px;}

	header .top-menu ul { padding: 11px 0px;}
	header .top-menu ul li{font-size:13px; line-height:13px; padding: 0 5px;}
	header nav ul li{margin-left:15px; padding: 0;}
	header nav ul li a{font-size:13px; line-height:25px;}
	/*header nav>ul>li div.dropdown_sub{top:139px;}*/
	header nav>ul>li div.dropdown_sub .spacer{ height:35px; top:-35px;}

	header .top-menu ul.social-lang .btnSocial {width: 23px;height: 23px;font-size: 16px;line-height: 26px;}
	header .top-menu div.research-container {padding: 11px 0;font-size: 20px;}
	header .top-menu ul.social-lang {margin-right: 40px;}

	header .icon-slider{bottom:125px;}
	header .icon-slider a .icon{height:135px; width:155px;}
	header .icon-slider a .icon .icon-content img{height:40px;}
	header .pos-alert{position:absolute;}

	header .slider-alert .slick-track{display: flex !important;}
	header .slider-alert .slick-slide{height: inherit !important;}
	header .slider-alert .slick-slide .row{height: 100% !important;}
	header .slider-alert .slider-content{padding:20px 20px 40px;}
	header .slider-alert .slider-content h1{font-size:28px;}
	header .slider-alert .slider-content p{font-size:16px;}
	header .slider-alert .img-alert::after{top:60px; width:60px; height:60px;}
	header .slider-alert .img-alert p{top:120px;}

	.site_container .home .call-to-action .call-to-action-content h2{font-size:30px; line-height:35px;}
	.site_container .calendrier .calendrier-content .slider .slider-content{margin:0 33px; width:auto;}
	.site_container .infolettre .infolettre-content .infolettre-text h1{font-size:55px; line-height:55px;}
	.site_container .infolettre .infolettre-content .infolettre-text input[type=text], .site_container .infolettre .infolettre-content .infolettre-text input[type=email]{margin:0 70px 0 0;}
	.site_container  .btn-bordure-blanc a{text-decoration: none; color: white; font-size: 18px;}
	.site_container .sub .sub-top-content{padding:50px 0;}
	.site_container .sub .sub-content{padding:50px 0;}
	header .main-slider .slide{min-height:522px;}

	.site_container .home .actualites h1{ font-size: 47px; }
	.site_container .home .actualites .slider-actu .rowflex .rowItem6{ width: 50%; margin: 15px 0 15px 0; }
	/*.site_container .home .actualites .actualites-content .actu {max-width: 715px;}*/
	/*.site_container .home .actualites .btn-bleu a {padding: 20px 18px;}*/

	.site_container .ctahome .btnCta { font-size: 25px; padding-top: 30px; }
	.site_container .ctahome .btnCta .plus{ bottom: -20px; right: 10px; font-size: 100px; }
	.site_container .ctahome .btnCta span { font-size: 18px; line-height: 22px;}
	.site_container .ctahome .btnPivot { width: 33%; height: 357px;}
	.site_container .ctahome .btnpublicConsultation { width: 33%; height: 357px; margin: 0 3px;}
	.site_container .ctahome .btnSopfeu { width: 33%; height: 357px; padding-left: 50px; padding-right: 50px;}
	.site_container .ctahome .btnSopfeu #sopfeu_widget_iframe{ margin-top: 40px; }

	.site_container .calendrier .calendrier-content h1{ padding:0 0 75px 0; font-size: 44px;}
	.site_container .calendrier .calendrier-content .calendarContent{ margin: 0 30px; }

	.site_container .sub .aside-menu{padding:0; margin:0;}

	.site_container .sub .btn-list{padding:15px;}
	.site_container .sub .btn-list a{display:block;}

	.site_container .sub .info-background .question-circle{padding:75px 25px 25px;}
	.site_container .sub .info-background .question-circle:before{top:10px; left:auto; transform:translate(0,0);}
	.site_container .sub .info-background .phone{text-align:left; padding:0;}
	.site_container .sub .info-background .phone a{text-decoration:none; padding-left:0;}
	.site_container .sub .info-background .phone:before{top:-35px; transform:translate(0,0);}
	.site_container .sub .info-background .envelope{text-align:left; padding:0;}
	.site_container .sub .info-background .envelope a{text-decoration:none; padding-left:0;}
	.site_container .sub .info-background .envelope:before{top:-35px; transform:translate(0,0);}

	.site_container .sub .infoAlign .question-circle{padding:25px 25px 25px 75px;}
	.site_container .sub .infoAlign .question-circle:before{top:50%; left:8px; transform:translate(0,-50%);}
	.site_container .sub .infoAlign .phone{text-align:left; padding:15px;}
	.site_container .sub .infoAlign .phone a{padding-left:35px;}
	.site_container .sub .infoAlign .phone:before{top:50%; transform:translate(0,-50%);}
	.site_container .sub .infoAlign .envelope{text-align:left; padding:15px;}
	.site_container .sub .infoAlign .envelope a{padding-left:35px;}
	.site_container .sub .infoAlign .envelope:before{top:50%; transform:translate(0,-50%);}

	/* footer  */
	footer .info{ padding:45px;}
	footer .info p{font-size:15px;}
	footer div.site-map .footerNav>ul>li>a{font-size:20px; line-height:20px; padding:10px 10px 0 0;}
	footer div.site-map .footerNav>ul>li ul li a{font-size:17px; line-height:17px;}
	footer div.site-map .footerNav>ul>li ul li a.switchLang{padding:0;}
}

@media screen and (min-width:1200px){
	.slider-wrapper .contentBanner .dontForget .dontForgetBlock{ margin-bottom: 30px;}
	.slider-wrapper .contentBanner h1{ font-size: 50px; line-height: 63px; }
	.site_container .calendrier .calendrier-content .slick-prev{left:-40px;}
	.site_container .calendrier .calendrier-content .slick-next{right:-40px;}
	.slider-wrapper .contentBanner{ width: 525px; }
	div.site_container>header div.header-fixable div.logo { padding: 10px 0 10px 60px; }
	div.site_container>header div.header-fixable div.logo img { height: 95px; }
	.slider-wrapper{position:relative; margin-top: 115px;}
	div.site_container>header div.header-fixable2{position: fixed;}
	p{font-size:18px; line-height:20px; }
	ol, ul{font-size:18px; line-height:22px;}
	h1{font-size:34px; line-height:40px;}
	h2{font-size:24px; line-height:26px;}
	h3{font-size:18px; line-height:24px;}
	h4, .panel-title{font-size:16px; line-height:20px;}
	.site_container h1 .cursive{font-size:105px; line-height:105px;}
	.site_container h1 .cursiveTitle{font-size:105px; line-height:105px;}
	.site_container h1 .special-big{font-size:90px; line-height:80px;}
	.site_container h1 .special{font-size:50px; line-height:40px;}
	.site_container  .btn-bordure-blanc{ padding: 25px 10px 25px 10px;}
	.site_container .home section{padding:100px 0}

	.site_container .home .quickLink{ padding:70px 0 77px 0;}
	.site_container .home .quickLink .quickLinkContaner .quickLinkItem{ width: 20%; margin-bottom: 30px;}
	.site_container .home .quickLink .btnQuickLink{ font-size: 21px; }
	.site_container .home .quickLink .btnQuickLink .contenticon {margin: 0 auto; margin-bottom: 15px;}

	div.site_container div.category-title, div.site_container span.category-title {margin-bottom:5px; font-size:12px; line-height:14px; }
	header .top-menu ul { padding: 11px 0px;}
	header .top-menu ul li{float:left; font-size:14px; padding: 0 5px;}
	header nav ul li{margin-left:15px; padding: 0;}
	header nav ul li a{font-size:15px; line-height:30px;}
	header nav>ul>li div.dropdown_sub .spacer{ height:40px; top:-40px;}
	header .top-menu ul.social-lang .btnSocial {width: 23px;height: 23px;font-size: 16px;line-height: 26px;}
	header .top-menu div.research-container {padding: 11px 0;font-size: 20px;}
	header .top-menu ul.social-lang {margin-right: 40px;}

	header .icon-slider{bottom:100px;}
	header .icon-slider a .icon{height:115px; width:150px;}
	header .icon-slider a .icon .icon-content img{height:50px;}
	header .icon-slider a .icon .icon-content p{font-size:16px; line-height:20px}
	header .slider-alert .slider-content{padding:20px 20px 40px;}
	header .slider-alert .slider-content h1{font-size:28px;}
	header .slider-alert .slider-content p{font-size:16px; line-height:20px}
	header .slider-alert .img-alert p{font-size:16px; line-height:20px}
	header .slider-alert .img-alert::after{width:75px; height:75px;}

	.site_container .home .actualites h1{ font-size: 57px; }
	/*.site_container .home .actualites .actualites-content .actu {max-width: 715px;}*/
	.site_container .home .actualites {padding-bottom: 40px!important;}
	/*.site_container .home .actualites .btn-bleu a {padding: 20px 18px;}*/

	.site_container .ctahome {padding: 100px 0 60px!important;}
	.site_container .ctahome .btnCta { font-size: 25px; padding-top: 30px; }
	.site_container .ctahome .btnCta:hover { background-size: 110%; }
	.site_container .ctahome .btnCta .plus{ bottom: -20px; right: 10px; font-size: 100px; }
	.site_container .ctahome .btnCta span { font-size: 18px; line-height: 22px;}
	.site_container .ctahome .btnPivot { width: 33%; height: 357px; background-size: 100%;}
	.site_container .ctahome .btnpublicConsultation { width: 33%; height: 357px; margin: 0 3px; background-size: 100%;}
	.site_container .ctahome .btnSopfeu { width: 33%; height: 357px; padding-left: 50px; padding-right: 50px; background-size: 100%;}
	.site_container .ctahome .btnSopfeu #sopfeu_widget_iframe{ margin-top: 40px; }

	.site_container .calendrier .calendrier-content h1{ padding:0 95px 75px 0; font-size: 54px;}
	.site_container .calendrier .calendrier-content .calendarContent{ margin: 0 30px; }

	.site_container .home .call-to-action .call-to-action-content h2{font-size:35px; line-height:40px;}
	.site_container .home .call-to-action .call-to-action-content .call-to-action-1{height:450px;}
	.site_container .home .call-to-action .call-to-action-content .call-to-action-2{height:450px;}
	.site_container .home .call-to-action .call-to-action-content .call-to-action-3{height:450px;}
	.site_container .services .services-content .services-btn a h2{font-size:18px;}
	.site_container .infolettre .infolettre-content .infolettre-text{padding:75px 0 75px 70px;}
	.site_container .infolettre .infolettre-content .infolettre-text h1{font-size:60px; line-height:60px;}
	.site_container .infolettre .infolettre-content .infolettre-text input[type=text], .site_container .infolettre .infolettre-content .infolettre-text input[type=email]{display:inline-block; margin:0 0 25px 0;}
	.site_container .infolettre .infolettre-content .infolettre-text input[type=submit]{display:block; margin:0 0 25px 0;}
	header .main-slider .slide{min-height:600px;}

	.site_container .sub .aside-menu{padding:25px; margin:0 25px;}

	.site_container .sub .btn-list{padding:10px;}
	.site_container .sondage{ background-color: rgba(144,0,40,0.8); padding:35px 0 35px 0; }
	.site_container .sondage h2{font-size:48px; }
	.site_container .sondage .regularFont{font-weight: 400;}

	.site_container .sub .info-background .question-circle{padding:25px 25px 25px 75px;}
	.site_container .sub .info-background .question-circle:before{top:50%; left:8px; transform:translate(0,-50%);}
	.site_container .sub .info-background .phone{text-align:center;}
	.site_container .sub .info-background .phone a{padding-left:35px;}
	.site_container .sub .info-background .phone:before{top:50%; transform:translate(0,-50%);}
	.site_container .sub .info-background .envelope{text-align:center;}
	.site_container .sub .info-background .envelope a{padding-left:35px;}
	.site_container .sub .info-background .envelope:before{top:50%; transform:translate(0,-50%);}

	.site_container .sub .infoAlign .envelope{text-align:center; padding:0;}
	.site_container .sub .infoAlign .phone{text-align:center; padding:0;}

	.site_container .sub .sub-top-content{padding:80px 0;}
	.site_container .sub .sub-content{padding:80px 0; min-height:635px;}
	.site_container .sub .sondage h3{font-size:18px; line-height: 18px;}
	footer .info{padding:45px;}
	footer .info p{font-size:15px;}
	footer div.site-map .footerNav>ul{-moz-column-count:3; -webkit-column-count:3; column-count:3;}
	footer div.site-map .footerNav>ul>li>a{font-size:22px; line-height:22px;}
	footer div.site-map .footerNav>ul>li ul li a{font-size:18px; line-height:18px;}

	/* mardis musique   */
	.site_container .redTitle{ font-size: 30px; }

	.site_container .commercant .infocommercant .tel { font-size: 14px; line-height: 16px;  }
	.site_container .commercant .infocommercant .email { font-size: 14px; line-height: 16px; }
	.site_container .commercant .infocommercant .websiteFacebook .website { padding: 15px 10px 15px 45px; font-size: 15px; }
	.site_container .commercant .infocommercant .websiteFacebook .facebook { padding: 15px 10px 15px 30px; font-size: 15px; }

}

@media screen and (min-width:1599px){
	.slider-wrapper .contentBanner h1{ font-size: 60px; line-height: 73px; }
	.site_container .calendrier .calendrier-content .slick-prev{left:-60px;}
	.site_container .calendrier .calendrier-content .slick-next{right:-60px;}
	div.site_container>header div.header-fixable { height: auto; }
	div.site_container>header div.header-fixable div.logo { padding: 40px 0 40px 60px; }
	div.site_container>header div.header-fixable div.logo img { height: auto; }
	.slider-wrapper{position:relative; margin-top: 175px;}
	header nav>ul>li div.dropdown_sub .spacer{ height:52px; top:-52px;}
	header nav ul li{margin-left:25px; padding: 0 0px;}
	header nav ul li a{font-size:18px; line-height:normal;}
	header .top-menu ul { padding: 11px 10px;}
	header .top-menu ul li { padding: 0 15px; font-size:16px; }
	header .top-menu ul.social-lang .btnSocial{ width:26px; height:26px; font-size:18px; line-height:29px;}
	header .top-menu div.research-container { padding: 8px 0;font-size: 28px; }
	header .top-menu ul.social-lang {margin-right: 50px;}
	.site_container .home .quickLink{ padding:100px 0 77px 0;}
	.site_container .home .quickLink .quickLinkContaner .quickLinkItem{ width: 20%; margin-bottom: 50px;}
	.site_container .home .quickLink .btnQuickLink{ font-size: 31px; }
	.site_container .home .quickLink .btnQuickLink .contenticon{margin: 0 auto; margin-bottom: 25px;}

	.site_container .home .actualites h1{ font-size: 77px; }
	.site_container .home .actualites .slider-actu .rowflex .rowItem6{ margin: 15px 0 15px 0; }
	.site_container .home .actualites .actualites-content .actu { margin: 0;}
	/*.site_container .home .actualites .btn-bleu a {padding: 25px 18px;}*/
	.site_container .ctahome .btnCta { font-size: 38px; padding-top: 60px; }
	.site_container .ctahome .btnCta:hover { background-size: auto 110%; }
	.site_container .ctahome .btnCta .plus{ bottom: -40px; right: 10px; font-size: 167px; }
	.site_container .ctahome .btnCta span { font-size: 18px; line-height: 22px;}
	.site_container .ctahome .btnPivot { width: 562px; height: 540px; background-size: auto 100%;}
	.site_container .ctahome .btnpublicConsultation { width: 556px; height: 540px; margin: 0 3px; background-size: auto 100%;}
	.site_container .ctahome .btnSopfeu { width: 562px; height: 540px; padding-left: 50px; padding-right: 50px; background-size: auto 100%;}
	.site_container .ctahome .btnSopfeu #sopfeu_widget_iframe{ margin-top: 40px; }

	.site_container .calendrier .calendrier-content h1{ padding:0 95px 75px 0; font-size: 64px;}
	.site_container .calendrier .calendrier-content .calendarContent{ margin: 0 130px; }


	/* mardis musique   */
	.site_container .eventMardis .infoMardiMusic .mardiEventDate { font-size: 15px; line-height: 15px;  }
	.site_container .eventMardis .infoMardiMusic .mardiEventDate::before{ width:30px; height:30px; left:10px; }
	.site_container .eventMardis .infoMardiMusic .mardiEventTime { font-size: 15px; line-height: 15px; }
	.site_container .eventMardis .infoMardiMusic .mardiEventTime::before{ width:30px; height:30px; left:5px; }
	.site_container .eventMardis .infoMardiMusic .eventTitle h3{ font-size: 23px; line-height: 25px; }
	.site_container .eventMardis .infoMardiMusic .eventPlace { margin-top: 15px; }
	.site_container .eventMardis .infoMardiMusic .eventPlace .place { padding: 15px 30px 15px 45px; font-size: 18px; }
	.site_container .eventMardis .infoMardiMusic .eventPlace .place::before{ width:30px; height:30px; left:10px; }


	/* commercant */
	.site_container .commercant .infocommercant .tel { font-size: 15px; line-height: 18px;  }
	.site_container .commercant .infocommercant .tel::before{ width:25px; height:25px; left:10px; }
	.site_container .commercant .infocommercant .email { font-size: 15px; line-height: 18px; }
	.site_container .commercant .infocommercant .email::before{ width:30px; height:30px; left:5px; }
	.site_container .commercant .infocommercant .eventTitle h3{ font-size: 23px; line-height: 25px; }
	.site_container .commercant .infocommercant .websiteFacebook { margin-top: 15px; }
	.site_container .commercant .infocommercant .websiteFacebook .website { padding: 15px 30px 15px 45px; font-size: 18px; }
	.site_container .commercant .infocommercant .websiteFacebook .website::before{ width:30px; height:30px; left:10px; }
	.site_container .commercant .infocommercant .websiteFacebook .facebook { padding: 15px 30px 15px 45px; font-size: 18px; }
	.site_container .commercant .infocommercant .websiteFacebook .facebook::before{ left:10px; }
	header .main-slider .slide{min-height:650px;}
}

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

	header nav>ul>li div.dropdown_sub .spacer{ height:52px; top:-52px;}
	header nav>ul>li>a::before{content:""; width:115%; height:30px; position:absolute; background-color:#383f51; top:-150px; left:-5%; z-index:1;}
	header nav>ul>li:hover>a::before, header nav ul li.nav-path-selected>a::before{top:-85px;}
	header .top-menu ul li { padding: 0 31px; }
	header nav ul li{margin-left:55px; padding: 0 25px;}


	.site_container .home .call-to-action .call-to-action-content h2{font-size:45px; line-height:50px;}
	.site_container .home .call-to-action .call-to-action-content .call-to-action-1{height:500px;}
	.site_container .home .call-to-action .call-to-action-content .call-to-action-2{height:500px;}
	.site_container .home .call-to-action .call-to-action-content .call-to-action-3{height:500px;}
	.site_container .services .services-content .services-btn a h2{font-size:20px;}
	.site_container .infolettre .infolettre-content .infolettre-text{padding:75px 0 75px 70px;}
	.site_container .infolettre .infolettre-content .infolettre-text h1{font-size:64px; line-height:65px;}
	.site_container .infolettre .infolettre-content .infolettre-text input[type=text], .site_container .infolettre .infolettre-content .infolettre-text input[type=email]{display:inline-block; margin:0 70px 0 0;}
	.site_container .infolettre .infolettre-content .infolettre-text input[type=submit]{display:inline-block; margin:0 0 0 0;}
	header .main-slider .slide{min-height:937px;}

	footer .info p{font-size:inherit;}
	footer div.site-map .footerNav>ul>li>a{font-size:24px; line-height:24px;}
	footer div.site-map .footerNav>ul>li ul li a{font-size:18px; line-height:18px;}
}


/* USAGE
<div class="row">
  <div class="row-height">
	<div class="col-xs-2 col-xs-height col-xs-middle">
	  <div class="inside"></div>
	</div>
	<div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
	  <div class="inside"></div>
	</div>
  </div>
</div>
*/

/* content styles */
/*.aside-blocks{}*/
/*
// if you want to give content full height give him height:100%;
// with content full height you can't apply margins to the content
// content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
*/
.inside-full-height{height:100%; margin-top:0; margin-bottom:0;}

/* columns of same height styles */
.row-height{display:table; table-layout:fixed; height:100%; width:100%;}
.col-height{display:table-cell; float:none; height:100%;}
.col-top{vertical-align:top;}
.col-middle{vertical-align:middle;}
.col-bottom{vertical-align:bottom;}
.no-gutters{margin-right:0; margin-left:0; overflow: hidden;}
.no-gutters .col, .no-gutters [class*="col-"]{padding-right:0; padding-left:0;}
.reset-gutters{margin-right:-15px; margin-left:-15px;}
.reset-gutters .col, .reset-gutters [class*="col-"]{padding-right:15px; padding-left:15px;}

.fc-day-grid-event .fc-time{display:none;}


@media (min-width:480px){
  .row-xs-height{display:table; table-layout:fixed; height:100%; width:100%;}
	.col-xs-height{display:table-cell; float:none; height:100%;}
	.col-xs-top{vertical-align:top;}
	.col-xs-middle{vertical-align:middle;}
	.col-xs-bottom{vertical-align:bottom;}
}

@media (min-width:768px){
  .row-sm-height{display:table; table-layout:fixed; height:100%; width:100%;}
	.col-sm-height{display:table-cell; float:none; height:100%;}
	.col-sm-top{vertical-align:top;}
	.col-sm-middle{vertical-align:middle;}
	.col-sm-bottom{vertical-align:bottom;}
}

@media (min-width:992px){
  .row-md-height{display:table; table-layout:fixed; height:100%; width:100%;}
  .col-md-height{display:table-cell; float:none; height:100%;}
  .col-md-top{vertical-align:top;}
  .col-md-middle{vertical-align:middle;}
  .col-md-bottom{vertical-align:bottom;}
}

@media (min-width:1200px){
  .row-lg-height{display:table; table-layout:fixed; height:100%; width:100%;}
  .col-lg-height{display:table-cell; float:none; height:100%;}
  .col-lg-top{vertical-align:top;}
 	.col-lg-middle{vertical-align:middle;}
	.col-lg-bottom{vertical-align:bottom;}
}

@media (min-width: 1599px) {
    .hidden-lg {
        display: block !important;
	}
	.visible-lg{
		display: none !important;
	}

}


/** Three icons block **/
div.block_three_icons{
	margin: 15px 0;
}
div.block_three_icons div.icons_wrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
}

div.block_three_icons a.block_icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 33%;
	text-decoration: none;
	margin-bottom: 25px;
}

div.block_three_icons a.block_icon div.icon_image{
	width: 120px;
	height: 120px;
	border: 3px solid #ff545a;
	border-radius: 100%;
	position: relative;
}

div.block_three_icons a.block_icon div.icon_image img{
	max-width: none;
	max-height: 65px;
	width: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
div.block_three_icons a.block_icon div.icon_image img.taller{
	max-height: 75px;
}

div.block_three_icons a.block_icon div.icon_text{
	text-align: center;
	margin-top: 15px;
	color: #434b62;
	font-size: 18px;
	line-height: 22px;
	text-decoration: none;
}

@media (min-width:576px) {
	div.block_three_icons{
		margin: 45px 0;
	}
	div.block_three_icons div.icons_wrapper{
		flex-direction: row;
		align-items: flex-start;
	}
	div.block_three_icons a.block_icon {
		margin-bottom: 0;
	}
	div.block_three_icons a.block_icon div.icon_text{
		margin-top: 25px;
	}
}

@media (min-width:768px) {
	div.block_three_icons a.block_icon div.icon_image{
		width: 140px;
		height: 140px;
	}

	div.block_three_icons a.block_icon div.icon_image img{
		max-width: none;
		max-height: 70px;
		width: auto;
	}
	div.block_three_icons a.block_icon div.icon_image img.taller{
		max-width: none;
		max-height: 85px;
		width: auto;
	}
}

div.block_three_icons a.block_icon:hover div.icon_text,
div.block_three_icons a.block_icon:active div.icon_text,
div.block_three_icons a.block_icon:focus div.icon_text {
	text-decoration: underline;
}

/* Consultations publiques */

.consultations-container .consultations-pages .consultations-filter {
	padding-top: 10px;
	padding-bottom: 25px;
}
.consultations-container .consultations-pages .consultations-filter .btn-vert {
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 10px;
	width: 100%;
}

.consultations-container .consultations-pages .consultations-filter .btn-vert:last-child {
	margin-right: 0;
}

.consultations-container .consultations-pages .consultations-filter .btn-vert a {
	display: inline-block;
    background-color: transparent;
    color: #0c4651!important;
    text-align: center;
    border: 2px solid #0c4651;
    padding: 10px;
    margin: 0 0 0 0;
    font-weight: 600;
    text-decoration: none;
	width: 100%;
	transition: all 0.3s ease;
}
.consultations-container .consultations-pages .consultations-filter .btn-vert a.active,
.consultations-container .consultations-pages .consultations-filter .btn-vert a:hover {
	background-color: #0c4651;
	color: #fff!important;
	text-decoration: none!important;
}

.consultations-container .consultations-pages .consultations-cpages {
	display: none;
}

.consultations-container .consultations-pages .consultations-cpages.active {
	display: block!important;
}

.consultations-container .consultations-pages a {
	text-decoration: none;
}

.consultations-container .consultations-pages a:hover {
	color: inherit;
}

.consultations-container .consultations-pages .consultations-cpages .consultations-card {
	background-color: #f0eff0;
	padding: 15px;
	padding-bottom: 45px;
	position: relative;
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.consultations-container .consultations-pages .consultations-cpages .consultations-card:after {
	content:'+';
	position: absolute;
	bottom: 20px;
	right: 35px;
	font-weight: bold;
	font-size: 24px;
}

.consultations-container .consultations-pages .consultations-cpages .consultations-card .consultations-card-img {
	width: 100%;
	padding-top: 60%;
	overflow: hidden;
	position: relative;
}

.consultations-container .consultations-pages .consultations-cpages .consultations-card .consultations-card-img:after {
	content:'';
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 101%;
	height: 100%;
	background-image:  url("../images/sub/consultations_wave.png");
	-moz-background-size:100%;
    background-size:100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.consultations-container .consultations-pages .consultations-cpages .consultations-card .consultations-card-img picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.consultations-container .consultations-pages .consultations-cpages .consultations-card .consultations-card-img img {
	width: 100%;
}

.consultations-container .consultations-pages .consultations-cpages .consultations-card .consultations-card-date {
	padding: 5px 0;
}

.consultations_hr {
	width: 60%;
}

@media (min-width:576px) {
	.consultations-container .consultations-pages .consultations-filter .btn-vert {
		width: calc(50% - 20px);
	}
}

@media (min-width:768px) {
	.consultations-container .consultations-pages .consultations-filter .btn-vert {
		width: 260px;
	}

	.consultations-container .consultations-pages .consultations-cpages .consultations-card {
		padding: 30px;
		padding-bottom: 60px;
	}

	.consultations-container .consultations-pages .consultations-cpages .consultations-card:after {
		bottom: 25px;
		right: 50px;
		font-size: 30px;
	}
}


@media (min-width:1200px) {
	.consultations-container .consultations-pages .consultations-cpages .consultations-card .consultations-card-img:after {
		-moz-background-size:130%;
    	background-size:130%;
		background-position: left bottom;
	}

	.consultations-container .consultations-pages .consultations-cpages .consultations-card .consultations-card-date {
		transform: translateY(-100%);
		padding-top: 0;
		padding-bottom: 5px;
	}
}

@media (min-width:1400px) {
	.consultations-container .consultations-pages .consultations-cpages .consultations-card .consultations-card-img:after {
		-moz-background-size:100%;
    	background-size:100%;
		background-position: center bottom;
	}

	.consultations-container .consultations-pages .consultations-cpages .consultations-card .consultations-card-title {
		font-size: 23px;
	}
}


/* Add flex */
.consultations-container .consultations-pages .consultations-cpages > .row {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.consultations-container .consultations-pages .consultations-cpages > .row > div {
	flex: 0 0 100%;
    max-width: 100%;

	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width:576px) {
	.consultations-container .consultations-pages .consultations-cpages > .row > div {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width:1200px) {
	.consultations-container .consultations-pages .consultations-cpages > .row > div {
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%;
	}
}

/* Consultation individual page */
.consultation-file-title {
	padding-top: 30px;
}

ul.consultation-file-list {
	padding: 30px 0 45px 0;
	max-width: 700px;
}

ul.consultation-file-list li {
	border: 2px solid #0c4651;
	border-bottom: 0px;

}

ul.consultation-file-list li:last-child {
	border-bottom: 2px solid #0c4651;
}

ul.consultation-file-list li a {
	display: block;
	padding: 15px 60px 13px 15px;
	text-decoration: none;
	color: #0c4651;
	font-weight: bold;
	position: relative;
}

ul.consultation-file-list li a:after {
	content:'+';
	position: absolute;
	right: 20px;
	font-weight: bold;
	font-size: 24px;
	top: 50%;
    transform: translateY(-50%);
}

.consultation-calendar {
	padding: 30px 0;
}

.consultation-calendar .calendar-wrapper {
	max-width: 700px;
	padding-top: 30px;
}




.consultation-calendar .calendar-wrapper .calendar-item {
	width: calc(100% - 8px);
	margin-left: 8px;
	position: relative;
	padding-left: 30px;
	padding-bottom: 45px;
}

.consultation-calendar .calendar-wrapper .calendar-item:last-child {
	padding-bottom: 20px;
}



.consultation-calendar .calendar-wrapper .calendar-item:before {
	content: "";
	position: absolute;
	left: -2px;
	top: 5px;
	height: calc(100% - 5px);
	border-right: 4px solid #0c4651;
	z-index: 0;
}

.consultation-calendar .calendar-wrapper .calendar-item:last-child:before {
	content: "";
	height: 0;
}


.consultation-calendar .calendar-wrapper .calendar-item:after {
	content: "";
    position: absolute;
    display: inline-block;
    background-color: #f5f5f5;
    border: #0c4651 2px solid;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    top: 0;
    left: -8px;
}

.consultation-calendar .calendar-wrapper .calendar-item.passed:after {
	background-color: #0c4651;
}

.consultation-calendar .calendar-wrapper .calendar-item .title {
	font-weight: bold;
	color: #0c4651;
}

.consultation-calendar .calendar-wrapper .calendar-item .date {
	font-size: 14px;
	font-weight: 700;
	color: #0c4651;
}

.consultation-footer .btn-vert a {
	border-color: #0c4651!important;
	color: #0c4651!important;
	transition: all 0.3s ease;
	margin: 0px 0 45px 0;
}

.consultation-footer .btn-vert a:hover {
	background-color: #0c4651;
	color: white;
}

a.consultation-back:hover:before {
	color: white;
}



@media (min-width:768px) {
	.consultation-calendar .calendar-wrapper {
		padding-top: 60px;
	}
	.consultation-calendar .calendar-wrapper .calendar-item {
		width: 50%;
		text-align: right;
		margin-left: unset;
		padding-left: unset;
		padding-right: 30px;
	}

	.consultation-calendar .calendar-wrapper .calendar-item:nth-child(even) {
		width: 50%;
		margin-left: 50%;
		padding-right: 0;
		padding-left: 30px;
		text-align: left;
	}

	.consultation-calendar .calendar-wrapper .calendar-item:before {
		left: unset;
		right: -2px;
	}

	.consultation-calendar .calendar-wrapper .calendar-item:after {
		left: unset;
		right: -8px;
	}

	.consultation-calendar .calendar-wrapper .calendar-item:nth-child(even):before {
		left: -2px;
		right: unset;
	}

	.consultation-calendar .calendar-wrapper .calendar-item:nth-child(even):after {
		left: -8px;
		right: unset;
	}

	.consultation-footer .btn-vert a {
		margin: 30px 0 60px 0;
	}
}

@media (min-width:1200px) {
	.consultation-footer .btn-vert a {
		margin: 60px 0 90px 0;
	}
}

.wide-ads{margin-inline:-15px}
.wide-ads img{width:100%}
/* .high-ads{margin-inline:-15px} */
.high-ads img{max-width:100%}
.sub-content{display:flex;flex-direction:column}
.sub-content > .container-fluid:has(.wide-ads) {margin:auto 0 -80px 0}
@media screen and (max-width:767px){.sub-content>.container-fluid:has(.wide-ads){margin-bottom:-25px}}
@media screen and (min-width:768px){.sub-content>.container-fluid:has(.wide-ads){margin-bottom:-35px}}
@media screen and (min-width:992px){.sub-content>.container-fluid:has(.wide-ads){margin-bottom:-50px}}
@media screen and (min-width:1200px){.sub-content>.container-fluid:has(.wide-ads){margin-bottom:-80px}}


.site_container .sub .high-ads{padding:25px;margin:0 25px}
@media screen and (min-width:992px){.site_container .sub .high-ads{padding:0;margin:0}}
@media screen and (min-width:1200px){.site_container .sub .high-ads{padding:25px;margin:0 25px}}




/* =====================================================================================================================================*/
/* Page anniversary */

/* 
Colors
indigo    : #2e2480
aqua      : #2ad2c5
yellow    : #ffba3b
magenta   : #b43ed8
baby blue : #d0f5f2
violet    : #584bc4
*/


.sub.unique.anniversary { background-color: #2e2480;  background-size: 1080px; background-repeat: no-repeat; color: #fff; }
.sub.unique.anniversary section { position: relative; padding: 40px 0 80px; line-height: normal;}
.sub.unique.anniversary section + section.wave:before { content:''; position: absolute; top:-40px; width: 100%;height: 41px; display:block; -webkit-mask: url('../images/background/vague.svg') repeat 50% 50%; mask: url('../images/background/vague.svg') repeat 50% 50%; }
/* BTN */
.sub.unique.anniversary section .btn-bleu a { color:#2e2480!important; border-color: #2e2480!important;}
.sub.unique.anniversary section .btn-bleu a:hover { color: #fff!important; background-color:#2e2480!important;}
.sub.unique.anniversary section .btn-vert a { color:#2ad2c5!important; border-color: #2ad2c5!important;}
.sub.unique.anniversary section .btn-vert a:hover { color: #fff!important; background-color:#2ad2c5!important;}
.sub.unique.anniversary section .btn-blanc a { color:#2e2480!important; border: 2px solid #ffba3b!important; background-color:#ffba3b!important;}
.sub.unique.anniversary section .btn-blanc a:hover { color: #ffba3b!important; background-color:rgba(0,0,0,0)!important; border: 2px solid #ffba3b!important; }
/* FONT */
.sub.unique.anniversary section h1 { color: #fff; margin-bottom: 15px; font-size: 30px; line-height: 43px; }
.sub.unique.anniversary section h2 { color: #fff; margin-bottom: 15px; font-size: 24px; line-height: 30px; }
.sub.unique.anniversary section h2 strong, 
.sub.unique.anniversary section h2 strong { font-weight: bold; }
.sub.unique.anniversary section h3 { margin-bottom: 15px; font-size: 18px; line-height: 20px; }
.sub.unique.anniversary section h4 { color: #fff; font-weight: bold; letter-spacing: 2px; font-size: 17px; }
.sub.unique.anniversary section p { color: #fff; margin: 0 0 15px; font-size: 16px; }
.sub.unique.anniversary section p b, 
.sub.unique.anniversary section p strong{ font-size: 17px; }
.sub.unique.anniversary section *:not(.btn-blanc):not(.btn-vert):not(.btn-bleu)>a { color: #2ad2c5; text-decoration: underline; }
.sub.unique.anniversary section *:not(.btn-blanc):not(.btn-vert):not(.btn-bleu)>a:hover { color: #2ad2c5; text-decoration: none;}
.sub.unique.anniversary section li { color: #fff; list-style: none; font-size: 16px; padding-bottom: 25px; }
/* ALIGN */
.sub.unique.anniversary section div.align-right * { margin-left: auto;}
.sub.unique.anniversary section .align-items-center { align-items: center; display: flex; }
.sub.unique.anniversary section .justify-content-center { justify-content: center; display: flex; }
.sub.unique.anniversary section .justify-content-between { justify-content: space-between; display: flex; }
.sub.unique.anniversary section .row + .row { margin-top: 100px; }
.sub.unique.anniversary section p + p { margin: -5px 0 15px; }
.sub.unique.anniversary section p + p:has(a) { margin: 0 0 15px; }
.sub.unique.anniversary section span + span { margin-left: 0px; margin-top: 20px; display: inline-block; }
.sub.unique.anniversary section div>p:last-child { margin-bottom: 0;}
.sub.unique.anniversary section .d-none { display:none; }

/* SECTIONS */
.sub.unique.anniversary section.hero { color:#fff!important; text-align: center;}
.sub.unique.anniversary section.hero h1, .sub.unique.anniversary section.hero p { color:#fff!important; }
.sub.unique.anniversary section .btn-vert a { color: #fff!important; background-color:#2ad2c5!important;}
.sub.unique.anniversary section .btn-vert a:hover { color:#2ad2c5!important; background-color:transparent!important; border-color: #2ad2c5!important;}
.sub.unique.anniversary section span + span.btn-vert a { color:#2ad2c5!important;  background-color:transparent!important; border-color: #2ad2c5!important;}
.sub.unique.anniversary section span + span.btn-vert a:hover { color: #fff!important; background-color:#2ad2c5!important;}

.sub.unique.anniversary section.events { background:#2e2480; }
.sub.unique.anniversary section.events:before { background:#2e2480; }
.sub.unique.anniversary section.events .control div { cursor:pointer; width: 30px; height: 30px; border-radius: 50%; background-color:#ffba3b; background-image: url('../images/icon/arrow.svg') }
.sub.unique.anniversary section.events .control div.prev { transform: rotate(180deg); margin-right: 10px; }
.sub.unique.anniversary section.events .container-fluid { margin-left: 15px; overflow: hidden; }
.sub.unique.anniversary section.events .control { float:right; margin-right: 15px; display: flex; }
.sub.unique.anniversary section.events .slick-track { margin-left:0; }
.sub.unique.anniversary section.events .event-list { margin-right:-15px; }
.sub.unique.anniversary section.events .event-list .slick-slide { padding-right: 15px;}
.sub.unique.anniversary section.events .event-list .event { background:#d0f5f2; color: #2e2480!important; text-align: center; }
.sub.unique.anniversary section.events .event-list .event a { color: #2e2480!important; text-decoration: none; padding: 0; }
.sub.unique.anniversary section.events .event-list .event .event-img {aspect-ratio: 5/4; }
.sub.unique.anniversary section.events .event-list .event .event-img img { width:100%; height:100%; object-fit: cover; object-position: center;}
.sub.unique.anniversary section.events .event-list .event .event-content {padding: 30px 20px; color: #2e2480!important;}
.sub.unique.anniversary section.events .event-list .event .event-content p { color: #2e2480!important;  margin: 0 0 30px;}
.sub.unique.anniversary section.events .event-list .event .event-content p.date { text-transform: uppercase;}
.sub.unique.anniversary section.events .event-list .event .event-content p.link { margin: 0; }
.sub.unique.anniversary section.events .event-list .event a:hover .event-content p.link { text-decoration: underline; }

.sub.unique.anniversary section.calendar { background-color:#584bc4; }
.sub.unique.anniversary section.calendar .calandar-slider { margin-left: -33px; }
.sub.unique.anniversary section.calendar .calandar-slider.controls { margin-left: 0; }
.sub.unique.anniversary section.calendar .slider .slider-content{ background-color:#2e2480; border-top:#2ad2c5 7px solid; padding:45px; margin:0 33px; justify-content: space-between; display: flex; flex-direction: column;}
.sub.unique.anniversary section.calendar .slider .date-events .big{font-size:50px; font-weight:bold; line-height:40px; position:absolute;}
.sub.unique.anniversary section.calendar .slider .date-events .bold{font-weight:bold;}
.sub.unique.anniversary section.calendar .slider .date-events .date-align{padding-left:80px;}
.sub.unique.anniversary section.calendar .slider .titre-events a { text-decoration: none; color:#2ad2c5;}
.sub.unique.anniversary section.calendar .slider .titre-events a:hover { text-decoration: underline;}
.sub.unique.anniversary section.calendar .slider .img-events{padding:15px 0;}
.sub.unique.anniversary section.calendar .slick-prev{left:-15px; z-index:3;}
.sub.unique.anniversary section.calendar .slick-next{right:-15px;}
.sub.unique.anniversary section.calendar .slick-prev:before{content:url("../images/icon/arrow-gauche.svg"); opacity: 1; height:30px; width:30px; position:absolute; font-size:inherit; line-height:inherit; left:0;}
.sub.unique.anniversary section.calendar .slick-next:before{content:url("../images/icon/arrow-droite.svg"); opacity: 1; height:30px; width:30px; position:absolute; font-size:inherit; line-height:inherit; right:0;}
.sub.unique.anniversary section.calendar .slick-prev:hover:before{ opacity: 0.75; }
.sub.unique.anniversary section.calendar .slick-next:hover:before{ opacity: 0.75; }
.sub.unique.anniversary section.calendar .btn-vert { text-align: center; margin-top: 30px; }

.sub.unique.anniversary section.cta { background-color:#b43ed8; padding: 50px 0px; }
.sub.unique.anniversary section.cta .row { flex-direction: column; align-items: center; }
.sub.unique.anniversary section.cta .row p a { margin-top: 20px; }
.sub.unique.anniversary section.cta .btn-bleu a { color:#fff!important; border-color: #fff!important;}
.sub.unique.anniversary section.cta .btn-bleu a:hover { color: #b43ed8!important; background-color:#fff!important;}

.sub.unique.anniversary section.projects .row { flex-direction: column;  align-items: center; }
.sub.unique.anniversary section.projects picture img { max-width: 345px; margin-bottom: 30px; width: 100%; border-radius: 50%; }

.sub.unique.anniversary section.identity { background-color:#2ad2c5; color: #2e2480!important; }
.sub.unique.anniversary section.identity .row { flex-direction: column; align-items: center; }
.sub.unique.anniversary section.identity .content { padding-left: 0px; }
.sub.unique.anniversary section.identity h2,
.sub.unique.anniversary section.identity p { color: #2e2480!important; }
.sub.unique.anniversary section.identity:before { background-color:#2ad2c5; }
.sub.unique.anniversary section.identity picture img { margin-bottom: 30px; max-width: 345px; width:100%;}

.sub.unique.anniversary section.partner { background-color:#2e2480; }
.sub.unique.anniversary section.partner:before { background-color:#2e2480; }
.sub.unique.anniversary section.partner .logo img { width: 100%; }

.sub.unique.anniversary section.join { background-color:#ffba3b; color: #2e2480!important; }
.sub.unique.anniversary section.join .row { position: relative; }
.sub.unique.anniversary section.join h3,
.sub.unique.anniversary section.join p { color: #2e2480!important; }

@media(max-width: 576px) {
  .sub.unique.anniversary section ul { margin-bottom: 0; }
  .sub.unique.anniversary section .d-xs-block { display:block; }
  .sub.unique.anniversary section br { display: none; }
  .sub.unique.anniversary section .date-events br { display: block; }
  .sub.unique.anniversary section.events,
  .sub.unique.anniversary section.calendar,
  .sub.unique.anniversary section.about { padding-bottom: 40px; }  
  .sub.unique.anniversary section.about,
  .sub.unique.anniversary section.cta,
  .sub.unique.anniversary section.projects,
  .sub.unique.anniversary section.identity { text-align: center!important; }  
  .sub.unique.anniversary section.about p,
  .sub.unique.anniversary section.cta p,
  .sub.unique.anniversary section.projects p,
  .sub.unique.anniversary section.identity p { text-align: center!important; }  
  .sub.unique.anniversary section.hero { padding: 70px 0;}
}

@media(min-width: 576px) {
  .sub.unique.anniversary section { padding: 40px 0 70px;}
  .sub.unique.anniversary section span + span { margin-left: 0px; margin-top: 20px; display: inline-block; }
  .sub.unique.anniversary section ul { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;  padding-left: 0; margin-bottom: 0; }

  .sub.unique.anniversary section .d-xs-block { display:block; }

  .sub.unique.anniversary section.hero { padding-top:70px; }
  .sub.unique.anniversary section.events,
  .sub.unique.anniversary section.calendar,
  .sub.unique.anniversary section.about,
  .sub.unique.anniversary section.partner,
  .sub.unique.anniversary section.join { padding-bottom:40px; }
  .sub.unique.anniversary section.events .control div { width: 45px; height: 45px; }
  .sub.unique.anniversary section.events .control div.prev { margin-right: 50px; }
  .sub.unique.anniversary section.cta .row p a { margin-top: 20px; }
  .sub.unique.anniversary section.projects .row { flex-direction: column;  align-items: center; }
  .sub.unique.anniversary section.identity .row { flex-direction: column; align-items: center; }
  .sub.unique.anniversary section.identity .content { padding-left: 0px; }
  .sub.unique.anniversary section.identity picture img { margin-bottom: 30px; }
}

@media(min-width: 768px) {
  .sub.unique.anniversary section + section.wave:before { content:''; position: absolute; top:-40px; width: 100%;height: 41px; display:block; -webkit-mask: url('../images/background/vague.svg') repeat 50% 50%; mask: url('../images/background/vague.svg') repeat 50% 50%; }

  .sub.unique.anniversary section { padding: 60px 0 90px;}
  .sub.unique.anniversary section h1 { font-size: 35px; line-height: 48px; }
  .sub.unique.anniversary section h2 { font-size: 30px; line-height: 35px; }
  .sub.unique.anniversary section h3 { font-size: 20px; line-height: 22px }
  .sub.unique.anniversary section h4 { font-size: 18px; }
  .sub.unique.anniversary section p b, .sub.unique.anniversary section p strong{ font-size: 18px; }
  .sub.unique.anniversary section a, .sub.unique.anniversary section p.sm { font-size: 16px; }
  .sub.unique.anniversary section ul { padding-left:40px }
  .sub.unique.anniversary section span + span { margin-left: 15px; }
  
  .sub.unique.anniversary section .d-sm-block { display:block; }

  .sub.unique.anniversary section.hero { padding-top:140px; }
  .sub.unique.anniversary section.events,
  .sub.unique.anniversary section.calendar,
  .sub.unique.anniversary section.about,
  .sub.unique.anniversary section.partner,
  .sub.unique.anniversary section.join { padding-bottom:60px; }
  .sub.unique.anniversary section.events .container-fluid { margin-left: calc((100vw - 720px)/2); overflow: hidden; }
  .sub.unique.anniversary section.events .control { float:right; margin-right: calc((100vw - 720px)/2); display: flex; }
  .sub.unique.anniversary section.cta .row { flex-direction: row; }
  .sub.unique.anniversary section.cta .row p { text-align: left; }
  .sub.unique.anniversary section.about .content { padding-left: 20px;}
  .sub.unique.anniversary section.projects .row { flex-direction: row; }
  .sub.unique.anniversary section.projects picture img { width: auto; max-width: 100%; }
  .sub.unique.anniversary section.identity .row { flex-direction: row; }
  .sub.unique.anniversary section.identity picture img { max-width: 100%; }
  .sub.unique.anniversary section.join .row::before { width:120px; height: 120px; }
  .sub.unique.anniversary section.join .row::before { content: ""; display: block; position:absolute; background: url('../images/icon/celebration.png') center center / contain no-repeat; width:70px; height: 70px; right:0; bottom: 0 }

}
@media(min-width: 992px) {
  .sub.unique.anniversary { background-color: #2e2480;  background-size: contain; background-repeat: no-repeat; color: #fff; }

  .sub.unique.anniversary section { padding: 80px 0 110px;}
  .sub.unique.anniversary section h1 { font-size: 40px; line-height: 53px; margin-bottom: 25px; }
  .sub.unique.anniversary section h2 { font-size: 34px; line-height: 40px; margin-bottom: 35px; }
  .sub.unique.anniversary section h3 { font-size: 24px; line-height: 26px; margin-bottom: 35px; }
  .sub.unique.anniversary section h4 { font-size: 20px; }
  .sub.unique.anniversary section p { font-size: 17px; }
  .sub.unique.anniversary section p b, .sub.unique.anniversary section p strong { font-size: 20px; }
  .sub.unique.anniversary section li { font-size: 17px; }
  .sub.unique.anniversary section a, .sub.unique.anniversary section p.sm { font-size: 17px; }
  .sub.unique.anniversary section span + span { margin-left: 25px; }

  .sub.unique.anniversary section .d-md-block { display:block; }

  .sub.unique.anniversary section.events,
  .sub.unique.anniversary section.calendar,
  .sub.unique.anniversary section.about,
  .sub.unique.anniversary section.partner,
  .sub.unique.anniversary section.join { padding-bottom:80px; }
  .sub.unique.anniversary section.events .control div { width: 60px; height: 60px; }
  .sub.unique.anniversary section.events .container-fluid { margin-left: calc((100vw - 940px)/2); overflow: hidden; }
  .sub.unique.anniversary section.events .control { float:right; margin-right: calc((100vw - 940px)/2); display: flex; }
  .sub.unique.anniversary section.cta { padding: 50px 0 }
  .sub.unique.anniversary section.cta .row { flex-direction: row; }
  .sub.unique.anniversary section.cta .row p:has(.btn) { text-align: right; }
  .sub.unique.anniversary section.projects .row { flex-direction: row; }
  .sub.unique.anniversary section.projects .row .order { order: 1; }
  .sub.unique.anniversary section.identity .content { padding-left: 20px; }
  .sub.unique.anniversary section.join .row::before { width:120px; height: 120px; }

}
@media (min-width:1200px) {
  /* FONT */
  .sub.unique.anniversary section { padding: 100px 0 130px;}
  .sub.unique.anniversary section h1 { font-size: 50px; line-height: 63px; }
  .sub.unique.anniversary section h4 { font-size: 22px; }
  .sub.unique.anniversary section p {  font-size: 18px; }
  .sub.unique.anniversary section p b, .sub.unique.anniversary section p strong{ font-size: 22px; }
  .sub.unique.anniversary section li { font-size: 18px; }
  .sub.unique.anniversary section a, .sub.unique.anniversary section p.sm { font-size: 18px; }
  .sub.unique.anniversary section p { margin: 0 0 30px; }
  .sub.unique.anniversary section p + p { margin: -15px 0 30px; }
  .sub.unique.anniversary section p + p:has(a) { margin: 0 0 30px; }

  .sub.unique.anniversary section .d-lg-block { display:block; }

  .sub.unique.anniversary section.hero { padding-top:100px; }
  .sub.unique.anniversary section.events,
  .sub.unique.anniversary section.calendar,
  .sub.unique.anniversary section.about,
  .sub.unique.anniversary section.partner,
  .sub.unique.anniversary section.join { padding-bottom:100px; }
  .sub.unique.anniversary section.events .container-fluid { margin-left: calc((100vw - 1140px)/2); overflow: hidden; }
  .sub.unique.anniversary section.events .control { float:right; margin-right: calc((100vw - 1140px)/2); display: flex; }
  .sub.unique.anniversary section.cta .row br { display:none; }
  .sub.unique.anniversary section.identity .content { padding-left: 90px; }
}
@media (min-width:1600px) {
  .sub.unique.anniversary section { padding: 120px 0 150px;}
  .sub.unique.anniversary section h1 { font-size: 60px; line-height: 73px; }
  .sub.unique.anniversary section.about .content { padding-left: 60px;}
  .sub.unique.anniversary section p { color: #fff; margin: 0 0 50px; }
  .sub.unique.anniversary section p + p { margin: -15px 0 50px; }
  .sub.unique.anniversary section p + p:has(a) { margin: 0 0 50px; }

  .sub.unique.anniversary section ul { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; padding-left:20px }
  .sub.unique.anniversary section .d-xl-block { display:block; }

  .sub.unique.anniversary section.events,
  .sub.unique.anniversary section.calendar,
  .sub.unique.anniversary section.about,
  .sub.unique.anniversary section.partner,
  .sub.unique.anniversary section.join { padding-bottom:120px; }
  .sub.unique.anniversary section.events .container-fluid { margin-left: calc((100vw - 1540px)/2); overflow: hidden; }
  .sub.unique.anniversary section.events .control { float:right; margin-right: calc((100vw - 1540px)/2); display: flex; }
}