html, body{margin:0; font-family:'Work Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}

a{outline:none;}
img{display:block; max-width:100%; height:auto;}
button{cursor:pointer; outline:none;}
h1, h2, h3, h4, h5, h6{font-weight:100;}

figure{margin:0; text-align:center;}
figure img{display:block; max-width:100%; height:auto; margin:0 auto;}
td img{display:inline-block;}

.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.align-justify{text-align:justify;}

.relative{position:relative;}
.invisible{position:absolute; top:-100px; right:-100px; margin:0; padding:0; visibility:hidden; overflow:hidden;}

.btn{white-space: normal;}

.has-error input{border-color:#dc3545;}
.error{color:#dc3545; font-weight:normal;}
.required{color:red;}

.gmap{width:100%;height:360px; margin-bottom:15px;}

.access-menu{background:white; position:relative; z-index:10;}
.access-menu, .access-menu li{margin:0; padding:0; list-style:none;}
.access-menu{margin:7px 0; line-height:1em; font-size:0.8rem; margin:0.5rem; padding-top:4px; margin:0;}
.access-menu li{display:inline-block; border-right:1px solid #212529; padding:0 7px 0 0; margin-right:7px;}
.access-menu li:last-child{border-right:none;}
.access-menu a{display:inline-block; color:#212529; padding:4px;}
.access-menu a:focus, .access-menu a:active{background:#212529; color:white;}
.access-menu a:hover, .access-menu a:hover:active{text-decoration:underline; background:white; color:#212529;}

.header{background:white; position:relative;}
.header .logo-container{display:flex; justify-content:center; align-items:center;}
.header .logo{width:100%; z-index:10; display:flex; justify-content:center; align-items:center; padding:7px; color:#212529; text-decoration:none;}
.header .logo img{float:left; margin-right:15px; height:50px; width:auto;}
.header .logo h1, .header .logo span{font-size:1.5rem; line-height:1.2; border-bottom:1px solid transparent; font-weight:100;}
.header .logo:hover span, .header .logo:hover h1{border-bottom:1px solid #212529;}

.header .logo-msap{width:100%; text-align:center;}
.header .logo-msap img{margin:0 auto;}

.header .navigation{position:absolute; right:0; text-align:right; margin-top:0; width:100%; position:relative;}

.header .quick{padding:0; list-style:none; text-align:right; margin:0; margin-right:3rem; font-size:0.93rem;}
.js-enabled .header .quick{left:3rem; right:3rem; position:absolute; z-index:5; margin-right:0;}
.header .quick li{display:inline-block; text-align:center; width:50%;}
.js-enabled .header .quick li{width:50%; line-height:1.7rem;}
.header .quick a{display:inline-block; width:100%; color:white; padding:0px 0;}
.js-enabled .header .quick a{display:block; width:100%; height:100%; padding:0px 0;}
.header .quick a:focus, .header .quick a:active{background:white; border:2px solid; color:#212529;}

.header .wrapper{min-height:3rem;}
.header .search{position:absolute; top:0rem; right:0; width:100%;}
.js-enabled .header .search{top:0;}

.header .main{width:100%; display:block; list-style:none; margin:0; padding:0; text-align:left;}
.js-enabled .header .main{display:none;}
.header .main>li{width:100%; display:block; position:relative;}
.header .main>li.hassub a:first-child{margin-right:3.19rem; display:block;}
.header .main>li br{display:none;}
.header .main>li>a{position:static; display:inline-block; width:100%; height:100%; color:white; padding:0.8rem 1rem;}
.js-enabled .header .main>li>a{padding-right:3rem;}
.header .main>li.active>a{text-decoration:none;}
.header .main>li>a:focus, .header .main>li>a:active, .header .main>li:hover>a, .header .main>li>.toggler:focus .fa, .header .main>li>.toggler:active .fa, .header .main>li>.toggler:hover .fa{text-decoration:underline;}
.header .main>li.active:hover>a{top:0px;}
.header .main>li>a:focus, .header .main>li>a:active{border-color:silver;}

.header .main>li>.toggler{width:3rem; height:3rem; position:absolute; top:0; right:0; margin:0; padding:0; text-align:center;}
.header .main>li>.toggler:hover, .header .main>li>.toggler:focus, .header .main>li>.toggler:active{border-color:white;}
.header .main>li>.toggler .fa{width:3rem; height:3rem; line-height:3rem; font-size:2rem; position:relative; top:-3px;}
.header .main>li>.toggler .fa-angle-up, .header .main>li>.toggler.active .fa-angle-down{display:none;}
.header .main>li>.toggler.active .fa-angle-up{display:block;}

.header .main>li .sub{display:none; border-top:1px solid white;}
.header .main>li .sub ul{list-style:none;}
.header .main>li .sub a{color:white;}

.header .wrapper>.toggler{text-align:center; display:none; width:3rem; height:3rem; border:none; margin:0; padding:0; line-height:3rem;}
.js-enabled .header .wrapper>.toggler{display:block;}
.header .wrapper>.toggler .fa{width:3rem; height:3rem; font-size:2rem; line-height:3rem; position:relative; top:-2px; left:-2px;}
.header .wrapper>.toggler .fa-close{display:none;}

.header .search>form button, .header .search .toggler, .header .search .toggler:active{right:0; display:block; line-height:3rem; width:3rem; height:3rem; position:absolute; text-align:center; font-size:1.5rem; border:2px solid;}
.header .search .toggler .fa{position:absolute; line-height:3rem; width:3rem; height:3rem; top:-2px; left:-2px;}
.header .search .toggler .fa-close, .header .search .toggler.active .fa-search{display:none;}
.header .search .toggler.active .fa-close{display:inline-block;}
.header .search>form{display:none; position:absolute; left:0; right:3rem; height:3rem; z-index:25;}
.header .search .toggler.active+form{display:block;}
.header .search>form p{margin-right:0rem; margin-left:15px; position:relative; padding-right:3.5rem;}
.header .search>form p input{margin-top:0.5rem; width:100%; height:2rem; line-height:2rem;}
.header .search>form p input+label{position:absolute; top:0.55rem; left:0; height:2rem; line-height:2rem; padding-left:2px;}
.header .search>form p input:focus+label{display:none;}
.header .search>form button{right:0; top:0; left:auto; border-width:0 0 0 2px; border-color:white;}

.swiper-home {width: 100%; height: 10rem;}
.swiper-home .swiper-slide{width:100%; position:relative; background:white; text-align:center;}
.swiper-home img{display:block; position:absolute; z-index:-1; margin:0 auto;}
.swiper-home .wrapper{position:absolute; top:0; bottom:0; width:100%; height:100%;}
.swiper-home .container{display:flex; height:100%; padding:0 40px;}
.swiper-home .info{align-self:center; text-align:left; background:rgba(255, 255, 255, 0.85); padding:15px; margin:0 22px;}
.swiper-home .info h2{font-size:1rem;}
.swiper-home .info .btn{font-size:0.6rem;}
.swiper-home .info p{display:none;}
.swiper-home .info p:last-child{margin-bottom:0; display:block;}
.swiper-home .swiper-pagination-bullet{width:0.5rem; height:0.5rem; opacity:.25; background:white;}
.swiper-home .swiper-pagination-bullet-active{background:white; opacity:1;}

.swiper-home {width:100%; height:100%;}
.swiper-home{flex:1;}
.swiper-home .swiper-slide .wrapper{position:static; padding:15px 0 0 0;}
.swiper-home .swiper-slide img{max-width:none;}
.swiper-home .swiper-slide .info{position:static; margin:1rem 0;}

.homemenu{line-height:3.125rem; position:relative; align-self:flex-end; width:100%; padding-bottom:15px;}
.homemenu .item{position:static; padding:0;}
.homemenu .item > a{text-align:left; font-size:1.5rem; text-align:center; display:block; width:100%;}
.homemenu .item > a h2{font-size:1em; text-align:left; padding-left:15px; font-weight:normal; line-height:3.125rem; margin-bottom:0;}

.homemenu .content{position:static; bottom:100%; width:100%; left:0; z-index:10; z-index:20;}

.homemenu .content .inner, .homemenu .content .all{background:white; padding:15px;}
.homemenu .content .all{padding-bottom:0;}
.homemenu .content>*:last-child{margin-bottom:0;}

.homemenu .content{line-height:1.5rem;}
.homemenu .content h3{font-size:1rem; line-height:2rem; text-align:center; font-weight:normal; font-size:1.2rem;}
.homemenu .content h3 a{color:white;}
.homemenu .content .row p{margin:0;}
.imagedate{position:relative;  display:block; width:100%; height:100%;}
.homemenu .content .imagedate{height:10.25rem; overflow:hidden; border:1px solid black;}
.homemenu .content img{height:10.25rem;}
.imagedate img{width:100%; z-index:0;  position:absolute; height:100%; object-fit:cover;}
.imagedate a{color:#212529; display: flex; justify-content: flex-end; align-items: center; width: 100%; height: 100%;}
.contenu .imagedate a{border-bottom:none;}
.imagedate .date{font-weight:bold; color:#212529; text-align:left; font-size:1.5rem; text-align:right; position:relative; z-index:1;}
.homemenu .imagedate .date{}
.imagedate .date span{align-self:center; text-align:right; display:inline; padding:7px; background:white;}
.homemenu .imagedate .date span{padding:0 7px;}

.homemenu .content .row p.lieu{margin:0 0 4px 0; background:black; color:white; padding:0; padding:2px 7px; font-size:0.625em; font-variant: small-caps; border:1px solid black; border-width:0px 1px 1px 1px; line-height:1.5em;}

.homemenu .content .playerpreview img{width:100%; height:15rem; object-fit:cover;}
.homemenu .content .playerpreview a{height:15rem; color:white; text-align:center; position:relative; display:block;}
.homemenu .content .playerpreview a span{display:block; width:100%; height:15rem; line-height:15rem; position:absolute; top:0; left:0;  background:rgba(0,0,0,0.5);}
.homemenu .content .playerpreview .fa{font-size:8rem; position:relative; top:2.5rem;}
.homemenu .content .playerpreview .legend{background:rgba(0,0,0,0.5); color:white; padding:0 7px;}
.homemenu .content .playerpreview .video-layer{display:none; width:80%;}
.fancybox-slide > div.video-layer{width:80%; padding:0; background:black;}

.communes img{height:auto;}
.communes h3{margin-bottom:15px; }
.communes ul{list-style:none; margin:0; padding:0; font-size:0.9rem;}
.communes a{padding:4px 0;}
.communes a:hover{text-decoration:none; padding:4px 0;}

.communes svg{max-width:100%;}

.mapccpz{position:relative;}
.mapccpz path{fill:#969696;fill-opacity:1;fill-rule:nonzero;stroke:none; opacity:1; cursor:pointer;}
.mapccpz path.opacity-1{opacity:0.89999402;}
.mapccpz path.opacity-2{opacity:0.69999701;}
.mapccpz path.opacity-3{opacity:0.5;}
.mapccpz path.opacity-4{opacity:0.30000299;}
.mapccpz path.active{opacity:1;}

.mapccpz line{visibility:hidden;}

.mapccpz-htmlinfos{width:45%;position:absolute; right:0; top:15px;}
.mapccpz-htmlinfos h4{font-weight:bold; font-size:0.8rem;}
.mapccpz-htmlinfos p{font-size:0.7rem; line-height:1rem}

.svgtooltip {display: none; position: absolute; font-size: 0.7rem; border:solid thin white; padding: 1px 4px;}

.dynamic-list{position:relative;}
.dynamic-list .toggler{display:block; border:none; background:transparent; margin:0; padding:0; text-align:left; margin-bottom:15px;}
.dynamic-list .list{display:none;}
.js-enabled .dynamic-list .list{display:none;}
.js-enabled .dynamic-list.active .list{display:block;}
.dynamic-list .fa-minus, .dynamic-list.active .fa-plus{display:none;}
.dynamic-list.active .fa-minus{display:inline-block;}

.bandeau{background:transparent no-repeat 50% 50%; background-size:cover; display:flex; min-height:5rem; width:100%;}
.bandeau .container{align-self:center;}
.bandeau h1{display:inline-block; margin:0 50px; color:white; padding:0.5rem 50px; font-size:1.5rem; font-weight:bold;}

.contenu{border-top-width:5px; border-top-style:solid; padding-right:0;}
.contenu a{color:#212529; border-bottom:1px solid;}
.contenu h1 a, .contenu h2 a, .contenu h3 a, .contenu h4 a, .contenu h5 a, .contenu h6 a{border-bottom:none; display:block; border-bottom:1px solid white;}
.contenu h1 a:hover, .contenu h2 a:hover, .contenu h3 a:hover, .contenu h4 a:hover, .contenu h5 a:hover, .contenu h6 a:hover,
.contenu h1 a:active, .contenu h2 a:active, .contenu h3 a:active, .contenu h4 a:active, .contenu h5 a:active, .contenu h6 a:active,
.contenu h1 a:focus, .contenu h2 a:focus, .contenu h3 a:focus, .contenu h4 a:focus, .contenu h5 a:focus, .contenu h6 a:focus{border-bottom:1px solid;}
.contenu a:hover{text-decoration:none;}
.contenu a:focus, .contenu a:active{background:rgba(0,0,0,0.5); color:white; text-decoration:none; border-bottom:none;}
.contenu img, .contenu img{border:2px solid white;}

.contenu a.more{padding:8px; border-bottom:none;}
.contenu a.more:active, .contenu a.more:focus, .contenu a.more:active, .contenu a.more:hover{margin:0; padding:4px; border:2px solid;}
.contenu div:target{border:2px dotted; padding:4px;}

.contenu .row{list-style:none; padding:0 0 0 0;}

.contenu .form-search, .contenu form{margin:0px 0px 25px 0px;}
.contenu form label{display:block; font-weight:bold;}
.contenu form button[type="submit"], .contenu form input, .contenu form select{width:100%; line-height:24px;}
.contenu form select{height:30px; padding:2px;}
.contenu form input[type="submit"], .contenu form input[type="button"], .contenu form button[type="submit"]{cursor:pointer; padding:4px;}
.contenu form input[type="checkbox"]{display:inline-block; visibility:hidden; width:0; height:0; position:absolute; top:0; left:0;}
.contenu form input[type="checkbox"] + label{display:inline; font-weight:normal; width:auto;}
.contenu form input[type="checkbox"] + label{cursor:pointer;}
.contenu form input[type="checkbox"] + label:before{
	display: inline-block;
	font: normal normal normal 20px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	content:"\f204";
	font-size: 25px;
	margin-right:7px;
	position:relative; top:3px;
}
.contenu form input[type="checkbox"]:checked + label:before{
	content:"\f205";
	color:green;
}
.contenu form input[type="checkbox"][disabled] + label:before{
	color:gray;
}

.contenu form .form-check label.form-check-label{display:inline; font-weight:normal; width:auto;}
.contenu form .form-check label.form-check-label{cursor:pointer;}
.contenu form .form-check label.form-check-label:before{
	display: inline-block;
	font: normal normal normal 20px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	content:"\f204";
	font-size: 25px;
	margin-right:7px;
	position:relative; top:3px;
}
.contenu form .form-check label.form-check-label.ischecked:before{
	content:"\f205";
	color:green;
}

.contenu form .subcheck{display:block; padding-left:15px;}

.contenu a.bg-danger{color:white;}
.contenu a.bg-danger{border-color:#dc3545;}
.contenu a.btn-success:hover{color:#28a745;}

.contenu form{position:relative;}

.contenu .list-association{margin:0px 0px 10px 0px;}
.contenu .list-association label {font-weight:bold;}

.contenu .ariane a{color:#212529; border-bottom:none;}
.contenu .ariane a:hover{border-bottom:1px solid;}

.contenu .calendar h3.calendar-date{margin:15px 0px;}
.contenu .calendar .calendar-seeallevent{margin:15px 0px;}
.contenu .calendar table td{width:14.285714286%;}
.contenu .calendar table td .calendar-event {width:%100; font-size:0.7em; height:35px; overflow:hidden;}

.contenu hr {width:75%;margin:30px auto; text-align:center;}

.actions .btn{margin-right:7px;}

.sommaire{margin:0 0 15px 0; padding:0; list-style:none;}
.sommaire li{display:inline-block; margin:0 7px 7px 0;}
.sommaire li:last-child{margin-right:0;}
.sommaire li a{color:white;}
.sommaire li a{padding:7px; text-decoration:none; display:inline-block; background-color:#9b9b9b;}
.sommaire li a:active, .sommaire a:focus{padding:7px; margin:0px;}

.miniatures{margin:0; padding:0; list-style:none; margin:1rem 0;}
.miniatures li{display:inline-block; width:4rem; margin-right:7px;}

.contenu .skip-links a{display:inline-block; width:2em; height:2em; font-size:1.5em; line-height:2em; text-align:center; border-bottom:none; color:white; border:1px solid white;}
.contenu .skip-links a:focus, .contenu .skip-links a:active{margin:0; padding:0; background:white;}

.contenu h3 .date{font-size:1.2rem;}

.card{margin-bottom:15px; position:relative;}
.card-header > *:last-child{margin-bottom:0;}
.card-text > *:last-child{margin-bottom:0;}
.card-footer > *:last-child{margin-bottom:0;}
.card-footer{padding:3px 3px 3px 20px;}
.card-footer p{margin:0; padding:0;}
.card-footer .actions .btn{margin-right:0; padding:0 0 0 0; width:30px; height:30px; line-height:30px; }
.card-footer .actions .btn .fa{position:relative; top:-2px;}

.table th{vertical-align:middle; padding:2px 2px 2px 2px;}
.table td{padding:2px 2px 2px 2px;}
.table th.actions{width:75px;}
.table p{margin-bottom:0;}
.table td.small{font-size:12px;}

.table .actions a{border-bottom:none;}

.table td.valign-top{vertical-align:top;}
.table td.valign-middle{vertical-align:middle;}
.table td.valign-bottom{vertical-align:bottom;}


.contenu .list .item{margin-bottom:15px;}

.f3-widget-paginator{margin:0; padding:0; list-style:none; text-align:center; margin:0 0 15px 0;}
.f3-widget-paginator li{display:inline-block; margin:0 4px;}

.contenu .sharers{display:inline-block; color:white;}
.js-enabled .sharers{margin:0; position:absolute; padding:4px 15px; right:15px; top:-2.1rem;}
.contenu .sharers h3{display:inline; font-size:1.2rem;}
.contenu .sharers .fa{font-size:1.2rem;}
.contenu .sharers ul{margin:0; padding:0; display:inline-block; list-style:none;}
.contenu .sharers ul>li{display:inline; margin:0 4px;}
.contenu .sharers a{color:white; border-bottom:none;}

.lei-main{font-size:1.15rem; margin:1.25rem 0 2.5rem 0; padding-top:1.25rem; border-top:1px solid;}

.lei-criteres .fa{width:25px; text-align:center;}
.lei-criteres > ul{padding-left:0px; list-style:none;}
.lei-criteres > ul > li{margin-bottom:15px;}
.lei-criteres > ul > li > ul{list-style:none; padding-left:15px; list-style:circle;}

.scrolled-to-contenu .contenu .sharers{position:static; text-align:right; background:white; width:100%; padding:0; margin-bottom:15px;}
.scrolled-to-contenu .contenu .sharers h3{color:#212529;}

.sidemenu{color:white; margin:0 -15px; padding:15px;}
.sidemenu ul a{border-bottom:none; color:white;}
.sidemenu a:hover{border-bottom:1px solid; text-decoration:none;}
.sidemenu h3{font-size:1.2rem; font-weight:bold;}
.sidemenu h3 a{color:white; border-bottom:none;}
.sidemenu a{color:white;}
.sidemenu ul{margin:0; padding:0; list-style:none;}
.sidemenu ul li{margin:1rem 0; list-style-position:outside;}
.sidemenu>ul>li>a::before{display:block; float:left;}
.sidemenu>ul>li>a::before, .sidemenu>ul>li.activesub>a::before{font:normal normal normal 2rem/1 FontAwesome; position:relative; top:-5px;}
.sidemenu>ul>li>a::before{content: "\f105";}
.sidemenu>ul>li.activesub>a::before{content: "\f107";}
.sidemenu>ul>li>a{margin-left:7px;}
.sidemenu>ul>li a:active, .sidemenu>ul>li a:focus{border:1px solid;}
.sidemenu ul>li>ul{margin-left:0.67rem;}
.sidemenu ul>li>ul ul {margin-left:1rem;}
.sidemenu ul ul a::before{content:'- ';}
.sidemenu>ul .active>a, .sidemenu>ul .activesub>a{font-weight:bold;}
.contenu > .row > .col-md-3 .content{word-break:break-all;}

.news-single .lei-criteres { background: #eee; padding:10px; }

.footer{padding:15px;}

.footer p a{color:#212529; text-decoration:none;}
.footer a:hover{border-bottom:1px solid;}
.footer a:active, .footer a:focus{border-bottom:0; color:white; padding:4px; margin:-4px;}
.footer p{margin-bottom:0;}
.footer .social a{color:white; font-size:2rem; margin:4px; padding:4px; border:1px solid white;}
.footer .social a:hover{border-bottom:none; border:1px solid; padding-left:4px;}
.footer .social a:first-child{margin-left:0; margin-left:-4px;}
.footer .social a:last-child{margin-right:0;}
.footer .social .vimeo{color:#8ec4ea;}
.footer .social .facebook{color:#3d5b99;}
.footer .social a:active, .footer .social a:focus{color:white;}

/*.footer .commune-logo{display:flex; justify-content:flex-start;}*/
.footer .commune-logo{text-align:center; margin:0;}
.footer .commune-logo a:hover{border-bottom:none;}
.footer .commune-logo>div{margin-left:7px;}
.footer .commune-logo>div:last-child{text-align:left;}
.footer .commune-logo img{height:100px; max-width:none; width:auto; float:left; margin:0 auto;}
.footer .commune-logo>a>img{float:none;}

.footer a img{display:inline-block;}
.footer .logo-ccpz{display:block; margin:0; padding:0; background:white; border-bottom:1px solid white;}
.footer .logo-ccpz:focus, .footer .logo-ccpz:active{border:1px solid #212529; background:white;}

.footer .subfooter{font-size:0.8rem;}
.footer .subfooter ul{margin:0; padding:0; list-style:none;}
.footer .subfooter ul li{display:inline; border-right:1px solid; padding:0 7px;}
.footer .subfooter ul li:last-child{border:none;}
.footer .subfooter a{color:#212529; text-decoration:none;}
.footer .subfooter a:active, .footer .subfooter a:focus{border-bottom:0; color:white; padding:4px; margin:-4px;}

/** frontend editing adaptation */
.dropzones-enabled .swiper-wrapper .t3-frontend-editing__dropzone {width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0;}

@media (min-width: 576px) {

	.header .quick a{padding:5px 0; font-size:0.93rem;}
	.js-enabled .header .quick a{padding:0px 0}

	.swiper-home .swiper-slide .wrapper{position:absolute; top:5rem; left:0; right:0; bottom:10rem; padding:0 0 0 0; height:auto;}
	.swiper-home .swiper-slide .info{margin:1rem 0;}
	.swiper-home .swiper-slide .info h2{font-size:1.2rem;}
	.swiper-home .swiper-slide .info p{display:block;}
	.swiper-home .swiper-slide .info .btn{font-size:0.8rem;}
	.footer{padding:15px 0;}
}

@media (min-width: 768px) {
	
	.header .quick{text-align:right; min-height:2.75rem;}
	.js-enabled .header .quick a, .header .quick a{padding:5px; font-size:0.93rem;}

	.swiper-home .swiper-slide .info{margin:1rem 0;}
	.swiper-home .swiper-slide .info h2{font-size:2rem;}
	.swiper-home .swiper-slide .info p{display:block;}
	.swiper-home .swiper-slide .info .btn{font-size:1rem;}

	.bandeau{height:10rem;}
	.bandeau h1{font-size:2rem;}
}

@media (min-width: 992px) {
	
	.access-menu{padding-bottom:15px;}
	.header{height:4.23rem;}
	.header .logo-container{display:block;}
	.header .logo{float:left; width:auto; justify-content:flex-start; padding:0 15px;}
	.header .logo img{height:115px;}
	.header .logo h1, .header .logo span{font-size:2.5rem;}
	.header .logo-msap img{margin:0 0 0 0; height:60px; width:auto;}


	.header .quick{margin:0px 4.5rem 23px 0; margin-right:4.5rem; font-size:0.75rem; margin-left:35%;}
	.js-enabled .header .quick{position:static; margin-right:4.5rem; margin-left:35%;}
	.js-enabled .header .quick li, .header .quick li{margin:0.2rem; padding:5px 0; width:25%;}
	.js-enabled .header .quick a, .header .quick a{padding:0px; font-size:0.93rem;}

	.header .wrapper{position:absolute; bottom:0; right:0; width:auto; background:#212529; padding:0px 0rem 0 0.5rem; clear:both; width:100%; display:inline-block; position:relative;}
	.header .main{width:auto; margin:0 4.5rem 0 0; text-align:right; display:flex; flex-wrap:wrap; justify-content:flex-end; position:relative; top:-15px;}
	.js-enabled .header .main{display:flex;}
	.js-enabled .header .wrapper>.toggler{display:none;}
	.header .main>li{width:8.75rem; height:3.75rem; margin:0 0.5rem 0 0.5rem; position:relative;}
	.header .main>li br{display:block;}
	.header .main>li>.toggler{display:none;}
	.header .main>li>a, .js-enabled .header .main>li>a, .js-enabled .header .main>li.hassub>a:first-child, .header .main li.hassub>a:first-child{display:flex; text-align:left; padding:0 7px; font-size:1rem; border-width:2px; border-style:solid;}
	.header .main>li.active>a, .header .main>li>a:focus, .header .main>li>a:active, .header .main>li:hover>a{position:relative; top:7px; text-decoration:none;}
	.header .main>li>a>span{align-self:center;}
	.js-enabled .header .main>li a.toggler{display:none;}
	.header .main>li .sub{margin:0px; padding-top:15px; position:absolute; z-index:20; left:-15px; text-align:left; width:18.75rem; border-top:none;}
	.header .main>li:last-child .sub{left:auto; right:-15px;}
	.header .main .sub>ul{margin:0; padding:0; list-style:none; padding:7px 15px;}
	.header .main .sub>ul>li{border-bottom:1px solid white;}
	.header .main .sub>ul>li:last-child{border-bottom:none;}
	.header .main .sub a{color:white;display:inline-block; padding:7px 7px 7px 7px; width:100%;}
	.header .main .sub a:focus, .header .main .sub a:active{background:white; color:#212529;}

	/* Effet Rollover du menu */
	.header .main .sub{display:none;}
	.header .main li:hover .sub{display:block;}

	.bandeau{height:15rem;}
	.bandeau h1{font-size:2.5rem;}

	.header .search, .js-enabled .header .search{top:-15px; width:100%;}
	.header .search>form button, .header .search .toggler, .header .search .toggler:active{line-height:3.75rem; width:3.75rem; height:3.75rem; font-size:2rem; right:0.5rem;}
	.header .search .toggler .fa{line-height:3.75rem; width:3.75rem; height:3.75rem;}
	.header .search>form{left:1rem; right:4rem; height:3.75rem; line-height:3.75rem;}
	.header .search>form p{border-bottom:15px solid #212529; padding-right:4.75rem;}
	.header .search>form p input+label{top:0.9rem;}

	.swiper-home{position:relative; z-index:-1;}
	
	.bottom-fixer{position:fixed; bottom:0; width:100%; z-index:30;}
	.bottom-fixer .to-bottom{position:absolute; bottom:0; width:100%; background:white;}

	.header, .access-menu{position:relative;}

	.swiper-home{position:absolute; z-index:-1; top:0; bottom:0;}
	.swiper-home .info{width:50%;}
	.swiper-pagination-bullet{width:1rem; height:1rem;}
	.swiper-home .info h2{font-size:2rem;}
	.swiper-home .info .btn{font-size:1rem;}

	.swiper-home .swiper-pagination{bottom:14rem;}

	/* Effet Rollover sur le menu de la home */
	.homemenu{padding:0 0 0 0;}
	.homemenu>.container{padding:0 15px;}
	.homemenu>.container>.row{margin:0 0 0 0;}
	.homemenu .content{position:absolute; display:none;}
	.homemenu .item > a.active, .homemenu .item > a:hover, .homemenu .item > a:active, .homemenu .item > a:focus{text-decoration:none;}
	.homemenu .item:hover .toggler+.content, .homemenu .item >a.active+.content{display:block;}
	.homemenu .inner .row > [class^="col-"]{border-right:1px solid #212529; background:white;}
	.homemenu .inner .row > [class^="col-"]:last-child{border-right:none;}

	.homemenu .videos .inner>.row{background:transparent url('../bg/homemenu-video.jpg') no-repeat 50% 50%; background-size:cover;}

	.homemenu .content .container>div.row>div .all{border:1px solid #212529; border-width:1px 1px 0 1px; position:relative; top:1px; z-index:10;}
	.homemenu .content .container>div:last-child{border:1px solid #212529; border-width:1px 1px 0 1px; position:relative; z-index:9;}

	.dynamic-list{position:relative;}
	.js-enabled .dynamic-list .toggler, .dynamic-list .toggler{display:none;}
	.js-enabled .dynamic-list .list, .dynamic-list .list{display:block;}

}

@media (min-width: 1200px) {
	
	.header .logo-msap img{height:auto;}

	.header .logo-container{position:absolute; top:-2rem; z-index:10; width:auto; min-width:573px;}

	.js-enabled .header .quick li, .header .quick li{width:8.75rem; margin:0 0.5rem 0.5rem 0.5rem;}

	.header .wrapper{clear:none; width:auto;}

	.bandeau{height:21.875rem;}

	.swiper-home .swiper-slide img{width:100%; object-fit:cover; height:100%;}

	/*#content{position:relative; top:-3.75rem;}*/


}