/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { background: #333333; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /* -- dk_mmenu theme 'lighter' -- */ .mm-menu.mm-light { background: #ececec; } /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */ .mejs-offscreen{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:polygon(0 0,0 0,0 0,0 0);position:absolute!important;height:1px;width:1px;overflow:hidden}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.mejs-container:focus{outline:none}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.svg) no-repeat}.no-svg .mejs-overlay-button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.png)}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:url(../../assets/jquery/mediaelement/2.21.2/images/loading.gif) 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/controls.svg) no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/controls.png)}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:10px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time a{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-moz-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:linear-gradient(rgba(44,124,145,.8),rgba(78,183,212,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls a.mejs-horizontal-volume-slider{height:26px;width:56px;position:relative;display:block;float:left;vertical-align:middle}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button:hover .mejs-captions-selector{visibility:visible}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(20,20,20,.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:700}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px!important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:0 0;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{display:none;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:0;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{display:block}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:#21f8f8}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:11.5px;color:#fff;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs-controls .mejs-button.mejs-jump-forward-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/jumpforward.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/skipback.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:0 0;font-size:9px;line-height:normal;color:#fff} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /** * Contao Open Source CMS * * Copyright (c) 2005-2015 Leo Feyer * * @license LGPL-3.0+ */ table.sortable thead th { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/default.gif"); background-repeat:no-repeat; background-position:center right; } table.sortable thead th.headerSortDown { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/asc.gif"); } table.sortable thead th.headerSortUp { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/desc.gif"); } * { margin: 0; padding: 0; } .invisible { display: none; } body:before, body:after { content: ""; position: fixed; background: #fff; left: 0; right: 0; height: 35px; } body:before { top: 0; } body:after { bottom: 0; } body { border-left: 35px solid #fff; border-right: 35px solid #fff; } body { background-color: #fff; font-family: 'lato', sans-serif; -webkit-font-smoothing: antialiased; } #wrap { margin: auto; width: 100%; } #wrapper { margin: auto; width: 100%; } #content { padding: 0px; } /***************** ACCUEIL ********************/ .syndicatacc .col_1>div, .syndicatacc .col_2>div, .syndicatacc .col_3>div, .syndicatacc .col_4>div { position: relative; } .syndicatacc H2, .syndicatacc p { color: #000 !important; text-align: center !important; } .syndicatacc .ce_text { padding: 30px; margin-top: 17%; } .syndicatacc H2 { font: 900 23px/25px 'lato', sans-serif !important; margin-top: 1em !important; } .syndicatacc p { font: 400 13px/15px 'lato', sans-serif !important; font-style: italic !important; } .syndicatacc p a, .tourismeacc p a { text-transform: uppercase; } .tourismeacc { background-color: #65c1be; } .tourismeacc figure { display: flex; } .tourismeg img, .syndicatacc img { width: 100% !important; height: 100% !important; } .tourismeacc H2 { color: #fff !important; font: 900 23px/25px 'lato', sans-serif !important; text-align: center !important; padding: 30px; } .tourismeacc p { color: #000 !important; text-align: center !important; padding: 30px; } .tourismeacc p a { color: #fff !important; } .titleacc { float: left; height: 200px; margin-bottom: 100px; margin-top: 45px; width: 100%; } .titleacc H1 { color: #000 !important; font: 400 29px/56px 'lato', sans-serif !important; letter-spacing: 0.1em; } .titleacc H1 strong { color: #000 !important; font: 900 35px/40px 'lato', sans-serif !important; } .agenda_acc { width: 100%; } .agenda_acc H2 { color: #000 !important; font: 900 40px/76px 'lato', sans-serif !important; background: url("../../files/theme/images/design/icone-acc-manif.gif") no-repeat center top; padding-top: 255px; text-align: center !important; } .agenda_acc H2 strong { color: #000 !important; font: 900 60px/40px 'lato', sans-serif !important; } .layout_teaser { width: 19.91%; float: left; border-right: 1px solid #aeaeae; } .layout_teaser:last-child { border-right: 0; } .layout_teaser p { color: #000 !important; } .layout_teaser H2 { color: #474747 !important; font: 400 18px/20px 'lato', sans-serif !important; font-style: italic !important; text-align: center !important; text-transform: inherit !important; margin-top: 15px !important; padding: 0 20px !important; } .layout_teaser a { background-color: transparent !important; padding: 0 !important; } .layout_teaser .jour-mois { color: #000 !important; font: 900 36px/20px 'lato', sans-serif; text-align: center; width: 100%; margin: 15px 0; } .layout_teaser .jour-mois span { color: #000 !important; font: 400 24px/20px 'lato', sans-serif; } .mod_eventlist { float: left; margin-bottom: 160px; } .layout_list .layout_image figure { float: left; margin-right: 30px; } .layout_list { width: 100%; clear: both; float: left; margin-bottom: 25px; } .layout_list .layout_list-content H2 { font: 400 15px/18px 'lato', sans-serif !important; text-transform: uppercase; margin-top: 0px !important; } .layout_list .layout_list-content H2 a { color: #5bc4bf !important; } /* .syndicatacc .content_acc { position:absolute; padding:30px; } .syndicatacc .col_1 .ce_text { position:absolute; margin-top:-30%; } .syndicatacc img { height: 100%; width: 100%; } .syndicatacc .col_1, .syndicatacc .col_2 , .syndicatacc .col_3, .syndicatacc .col_4 { height: 100%; } .syndicatacc .col_1 .ce_image, .syndicatacc .col_2 .ce_text { height: 50%; } */ /***************** HEADER ********************/ header { height: 180px; margin: auto; position: absolute; width: 98%; z-index: 1000000; } #logo { margin: 51px auto auto; width: 201px; padding-left: 27px; } .page_2 #logo { margin: 9% auto auto !important; width: 365px; height: 270px; } #logo img { -webkit-transition: all 600ms ease-in-out 0s; -moz-transition: all 600ms ease-in-out 0s; -o-transition: all 600ms ease-in-out 0s; transition: all 600ms ease-in-out 0s; } #logo:hover img { margin-top: -7% !important; } .phonetop { float: right; } .phonetop a { float: right; background-image: url("../../files/theme/images/design/phonetop.png"); width: 193px; height: 46px; margin-top: 0; text-indent: -3000px; } /***************** NEWSLETTER ********************/ .mod_subscribe { float: left; width: 268px; height: 36px; margin: 15px 0 35px 0; background-color: #d7cebe; } /***************** RESEAUX SOCIAUX ********************/ .social { float: right; width: 268px; height: 36px; margin: 15px 0 35px 15px; background-color: #d7cebe; } .social img:first-child { margin-left: 15px; } .social ul li { float: left; list-style: none; width: 32px; } .social ul { padding-left: 0px; float: right; width: 150px; } .social ul li a { background-position: 5px 0; background-repeat: no-repeat; display: block; height: 36px; text-indent: -9999em; width: 32px; float: left; } .social ul li:first-child a { background-image: url("../../files/theme/images/design/rss.png"); } .social ul li:nth-child(2) a { background-image: url("../../files/theme/images/design/facebook.png"); } .social ul li:nth-child(3) a { background-image: url("../../files/theme/images/design/googleplus.png"); } .social ul li:nth-child(4) a { background-image: url("../../files/theme/images/design/twitter.png"); } .social ul li a:hover { -webkit-transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; background-color: #5A4218; } /***************** NAVIGATION***********/ nav { font: 15px/22px 'lato', sans-serif; text-transform: uppercase; float: right; width: 118%; color: #ef008c; } nav a { color: #fff; } nav ul { list-style: none; margin: 0px auto; text-align: center; width: 100%; } header nav .level_1>li.submenu a { padding-bottom: 20px; } header nav .level_1>li.submenu { margin-bottom: 0px !important; } header nav .level_2 li a { padding-bottom: 10px !important; } nav ul li { float: left; margin: 20px 10px; } nav .level_1>.first { margin-left: 80px; } nav ul li a { text-decoration: none; display: block; color: #000; -webkit-transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-property: all; -moz-transition-duration: 0.2s; transition-property: all; transition-duration: 0.2s; padding: 0px 2px; text-align: center; height: 20px; } nav ul li a:hover { color: #ef008c; } nav ul li.active { color: #ef008c; padding: 0px 6px; } nav li ul { margin-left: -1000em; margin-top: 2.5em; position: absolute; width: 10em; } nav li:hover ul { margin-left: 0; } nav li li a { background-color: #768a17; font-size: 12px; text-align: left; text-transform: none; width: 200px; padding: 8px 0 8px 10px; margin: 0; } header nav li li a { width: 230px; } nav li li a:hover {} nav ul li ul li a { color: #fff; text-transform: uppercase; font: 15px/22px 'lato', sans-serif; } nav ul li ul li a:hover { background-color: #596811; color: #fff; } nav ul li ul li { padding: 0; margin: 0; border-bottom: 3px solid #fff; } ul.level_2 { margin-top: 0; } ul.level_2 li.active { color: #fff; width: 200px; padding: 8px 0 8px 10px; text-align: left; background-color: #596811; } ul.level_2 .active { color: #fff; width: 200px; } /***************** NAVIGATION REPONSIVE ***********/ .mm-menu .level_1>.first { margin-left: 0 !important; } .mm-menu li { float: inherit !important; } .mm-menu li a { text-align: left !important; } .mm-menu li ul { position: relative !important; width: 100% !important; } .mm-menu ul { text-align: left !important; } .mm-menu ul li ul li { border-bottom: inherit !important; } .mm-menu li li a { background-color: transparent !important; } .mm-list>li>a, .mm-list>li>span { font-weight: 900; text-transform: uppercase; white-space: inherit !important; } .mm-list>li>a:hover { color: #fff; background-color: #65c1be; } /***************** NAVIGATION COLONNE ********** #main .mod_navigation { background:none!important; width:100%; margin-bottom:50px; margin-top:-30px; } #main .mod_navigation ul { margin:auto; width:76%; } #main .mod_navigation li { list-style-type:none; padding: 10px; border-right: 1px solid #999; } #main .mod_navigation li:last-child { border-right: none; } #main .mod_navigation li:first-child span, #main .mod_navigation li:nth-child(2) span, #main .mod_navigation li:nth-child(3) span { color:#f4c947!important } #main .mod_navigation li a:hover:before { background-position:0px 0px; } #main .mod_navigation li a:hover { color:#f4c947!important } #main .mod_navigation li a:before { -webkit-transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; } */ /******************NAVIGATION FIXE *******************/ .clic { display: block; float: right; position: fixed; z-index: 1000001; right: 35px; } .page_2 .clic { top: 30px; } .clic a { background-color: #fff; padding: 24px 30px; cursor: pointer; color: #65c1be; text-decoration: none; float: left; clear: both; } .toggle-button { height: auto; padding-right: 26px; width: 24px; } #navfixed.active { margin-right: -45px !important; transition-duration: 1s; } .togglable { margin-bottom: -6px; margin-left: 54px; margin-top: -49px; font-size: 26px; } .contactertel { color: white; font-size: 14px; font-weight: bold; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; margin-left: 54px; } .telephone img { float: none !important; } /***************** FIL D'ARIANE ***********/ .mod_breadcrumb { border-bottom: 1px solid #000; padding-bottom: 9px; margin-bottom: 40px; width: 50%; float: left; } .mod_breadcrumb a:first-child { color: #fff; font: 900 13px/22px 'lato', sans-serif; text-decoration: none; padding: 0px 20px 6px 6px; float: left; } .mod_breadcrumb li:first-child a { background: url("../../files/theme/images/design/home.gif") no-repeat center center; width: 100%; text-indent: -3000px; display: inline-block; width: 45px; } .mod_breadcrumb a { text-decoration: none; color: #000 !important; border-right: 1px solid #000; text-transform: uppercase; } .mod_breadcrumb li { list-style-type: none !important; float: left; color: #000 !important; font: 900 13px/22px 'lato', sans-serif !important; padding: 6px; margin-top: 9px !important; text-transform: uppercase; } .mod_breadcrumb .active { margin-top: 9px !important; } .mod_breadcrumb li:last-child { border-right: 0px !important; } .mod_breadcrumb ul { height: 49px; margin: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /***************** TABLEAUX ********************/ table { margin: auto; width: 100%; } table tr td:first-child { font-weight: bold !important; font: 16px/22px 'lato', Arial, sans-serif !important; padding: 0.5em; } table tr td:first-child { background-color: #9fbc16; text-align: left; color: #fff; width: 29%; } table tr td:first-child:hover { background-color: #9fbc16; } tr:first-child td:nth-child(2), tr:first-child td:nth-child(3), tr:first-child td:nth-child(4), tr:first-child td:nth-child(5), tr:first-child td:nth-child(6) { width: 15%; background-color: #009ee5; color: #fff; } table tr td { border: 1px solid #fff; background-color: #f5f5f5; padding: 0.8em 0.5em; text-align: center; } table tr td:hover { background-color: #ef008c; color: #fff; } /***************** MAIN ********************/ #main { margin: auto; } #main H1 { font: 700 50px/50px "lato", sans-serif; color: #fff; text-align: center; margin-top: -275px; position: absolute; width: 100%; text-transform: uppercase; } .page_2 #main H1 { margin-top: 45px !important; } #main H1 strong { font: 900 50px/50px "lato", sans-serif; color: #fff; } #main H2 { color: #000; font: 900 34px/38px "lato", sans-serif; text-align: left; text-transform: uppercase; margin-top: 1em; margin-bottom: 0.4em; } .page_23 #main H2 { color: #009ee5; font-size: 34px; font-weight: 900; line-height: 38px; margin-top: 183px; text-align: center; text-transform: uppercase; } #main H2 a { color: #8e98a3; text-decoration: none; font-weight: bold; } #main H3 { color: #000; font: 22px/22px 'lato', sans-serif; font-weight: 900; text-transform: uppercase; margin: 17px 0; } #main H3 a { color: #000; text-decoration: none; } #main H5 { color: #65c1be; font: 16px/18px 'lato', sans-serif; font-weight: 900; text-transform: uppercase; margin: 5px 0; } #main p, #slide p { font: 15px/22px 'lato', sans-serif; color: #000; text-align: justify; } #main li a, #main p a { color: #00bab9; font-weight: 900; text-decoration: none; } #main p a:hover, #main li a:hover { color: #eac30b; } .pcenter>p { text-align: center !important; } .center { text-align: center !important; padding: 60px 30px 30px 30px; } .center-evidence { text-align: center !important; padding: 30px; width: 50%; margin: 10em auto 6em auto; } #syndicat-66 .center-evidence { margin-top: 0px !important } #accueil { padding-top: 30px; } #accueil p { color: #fff; } #accueil a { background-color: #9fbc16; color: #fff !important; padding: 5px 10px; } #accueil H2 { font: 26px/22px 'lato', sans-serif; color: #fff; margin-top: 65px; text-align: left; } #main li { list-style-type: square; color: #000; font: 15px/20px 'lato', sans-serif; margin: 4px 0px; text-align: justify; } #main .ce_text li { margin: 8px 0px; list-style-position: inside; list-style: inside url("../../files/theme/images/design/puce.gif") square; } #main li p { margin: 4px 0px; } #main ul, .intro ul { margin-left: 30px; } #main .block { overflow: visible; } #main blockquote { padding-right: 15px; padding-bottom: 15px; margin: 2px 0px 20px 20px; } #main blockquote p { margin-bottom: 0px; margin-top: 15px; font: 12px/20px 'lato', sans-serif; } #main img { height: auto; max-width: 100%; } .float_right { margin: 0 0 10px 30px; } .float_left { margin: 0 30px 10px 0; } .warning { background: #000; font: 17px/20px 'lato', sans-serif; margin-top: 25px; padding: 20px; text-align: left; margin: 25px auto; width: 80%; color: #fff; float: left; } .confirmation { background: #65c1be; font: 17px/20px 'lato', sans-serif; margin-top: 25px; padding: 20px; text-align: left; margin: 25px auto; width: 95%; color: #fff; float: left; } .confirmation strong { color: #fff; font: 21px/30px 'lato', sans-serif; margin-bottom: 10px; text-transform: uppercase; display: block; } .coupdecoeur { background: #65c1be; font: 17px/20px 'lato', sans-serif; margin-top: 25px; padding: 20px; text-align: left; margin: 25px auto; color: #fff; float: left; } .coupdecoeur a { color: #f7e385 !important; } .coupdecoeur p, .coupdecoeur p strong { color: #fff !important; } .coupdecoeur H4 { color: #fff; font: 21px/24px 'lato', sans-serif; margin-bottom: 10px; text-transform: uppercase; display: table; padding-left: 0px; } .coupdecoeur H4:before { content: ""; display: block; background-image: url("../../files/theme/images/design/coeurjaune.png"); width: 28px; height: 28px; float: left; margin: 0 6px 0 0; } .coupdecoeur .float_right { margin-bottom: 0 !important; } .bloc_infos_troncon { background: #65c1be; font: 17px/20px 'lato', sans-serif; margin-top: 25px; padding: 20px; text-align: left; margin: 25px auto; color: #fff; float: left; min-height: 340px; } .bloc_infos_troncon a { color: #f7e385 !important; } .bloc_infos_troncon p, .bloc_infos_troncon p strong { color: #fff !important; margin-bottom: 20px; } .bloc_infos_troncon h3 { color: #fff !important; margin-top: 0px !important; } .width80 { width: 80%; margin: auto; } .width60 { width: 60%; margin: auto; } .width80 .ce_text, .width60 .ce_text { padding-right: 0 !important; } .width80 .coupdecoeur { padding-right: 20px !important; } .margin-bottom { margin-bottom: 70px; } .top { background-color: #5bc4be; padding: 30px; margin-bottom: 40px; } .top p { font: 400 25px/30px 'lato', sans-serif !important; font-style: italic !important; text-align: center !important; color: #fff !important; } .top strong { color: #fff !important; font: 900 27px/32px 'lato', sans-serif !important; font-style: italic !important; } .top40 { margin-top: 40px !important; } .pad40 { padding-top: 40px !important; } .top200 { margin-top: 200px !important; } .top100 { margin-top: 100px !important; } .top50 { margin-top: 50px !important; } .bot50 { margin-bottom: 50px !important; } .radio { clear: both; } strong { color: #eac30b; } #slide { height: 400px; margin-top: 35px; background: url("../../files/theme/images/slide/slide-t.jpg") no-repeat top center; margin-bottom: 38px; } .lignesslide { background: url("../../files/theme/images/design/lignesslide.png") repeat-x bottom center; height: 41px; width: 100%; padding-top: 380px; } .page_2 #main H2 { color: #000; font: 400 45px/55px "lato", sans-serif; text-align: center; text-transform: uppercase; margin-top: 1em; margin-bottom: 0.4em; } .page_2 #main H2 strong { color: #000 !important; font: 900 45px/55px "lato", sans-serif !important; } .page_2 #main .wwhite H2, .page_57 #main .wwhite H2 { color: #fff; font: 400 37px/37px "lato", sans-serif; text-align: center; text-transform: uppercase; margin-top: 0.3em; margin-bottom: 1.4em; } .page_2 #main .wwhite H2 strong, .page_57 #main .wwhite H2 strong { color: #fff !important; font: 900 37px/37px "lato", sans-serif !important; } .page_2 #main .top, .page_57 #main .top { margin-top: 10em; } .page_2 #main .rsts-nav-prev, .page_2 #main .rsts-nav-next, .page_57 #main .rsts-nav-prev, .page_57 #main .rsts-nav-next { display: none; } .page_2 .rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a, .page_57 .rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a { width: 14px; height: 14px; box-shadow: none !important; } .page_2 .rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a.active, .page_57 .rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a.active { background-color: #f9df68; box-shadow: none !important; } #syndicat-66 .center-evidence H2, .page_2 #tourisme .center-evidence H2, .page_2 #actualiter .center-evidence H2 { background: url("../../files/theme/images/design/pointilles.gif") no-repeat center top; padding-top: 150px; } .page_2 #tourisme .center-evidence { margin-top: 2em !important; } .page_57 .center-evidence { display: none; } .page_22 .col_2 figure img { width: 100%; } .page_3 #slide .inside { width: 100%; } .quote { width: 1100px; position: absolute; z-index: 1000; margin-top: -32px; } .quote figure { width: 34px; margin: auto; } .page_3 #slid { margin-top: 0 !important; } .page_3 #container { margin-left: auto; margin-right: auto; width: 100%; background: url("../../files/theme/images/design/bordureblanche.gif") no-repeat top center transparent; float: left; } #container { margin-left: auto; margin-right: auto; width: 100%; } .page_2 .custom { margin-left: auto; margin-right: auto; width: 100%; } .custom {} .page_3 .custom { padding-top: 0px; } #camping { float: left; background: #9fbc16; margin-top: 100px; border-bottom: 35px solid #9fbc16; } #main .col-50x50 .col_1 .ce_text { padding-right: 30px; } .page_2 #main .col-50x50 .col_1 .ce_text { padding-right: 0px !important; } .imgleft { background: url("../../files/theme/images/design/left.png") right top no-repeat; float: left; position: absolute; width: 440px; height: 800px; z-index: 1; } .page_3 .imgleft { margin-top: -341px; } #main .col-25x25x25x25 ul { margin-left: 0px; margin-bottom: 30px; } /***************** NAVIGATION PIED DE PAGE ***********/ .leftsubmenu H2 { text-transform: uppercase; padding: 10px 0px; font: 700 39px/44px "lato", sans-serif !important; color: #5bc4be !important; margin-bottom: 0 !important; } .leftsubmenu H2:before { content: url("../../files/theme/images/design/plusleftsub.gif"); } .leftsubmenu { font-size: 12px; letter-spacing: 0; text-transform: inherit; float: left; clear: both; width: 100%; margin-top: 211px; margin-left: 0 !important; margin-bottom: 28px; } .leftsubmenu ul { padding: 25px 0 9px 2%; list-style: square; float: left; margin-left: 0 !important; background-color: #65c1be; list-style-position: outside; width: 75%; } .leftsubmenu ul li { float: left; list-style: square; margin: 2px 0px; color: #fff !important; font-size: 18px; width: 23%; text-align: left !important; padding: 8px 3px 8px 12px; -webkit-transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; text-align: left; height: 40px; margin-bottom: 25px; } .leftsubmenu ul li a, .leftsubmenu ul li span { border-bottom: 0 none; color: #fff !important; display: inline; font: 300 17px/20px "lato", sans-serif; text-align: left; text-transform: uppercase; text-decoration: none; float: left; width: 82%; } .leftsubmenu .level_1>.first { margin-left: 0 !important; } .leftsubmenu ul li a:hover { text-decoration: none; color: #f7e385 !important; margin-top: 0px; font: 900 17px/20px "lato", sans-serif; border-bottom: 0; background-color: transparent; } .leftsubmenu ul li .active { color: #f7e385 !important; font-weight: 900; padding-right: 10px; } .leftsubmenu ul li.active { padding: 8px 3px 8px 12px !important; } /***************** SWITCH TOURISME ***********/ .switch-s { display: none; } .switch-t { float: right; width: 23%; } .endnav { background: url("../../files/theme/images/design/fondsyndicatendnav.jpg") right top no-repeat; float: left; width: 100%; -webkit-transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; } .endnav:hover { background: url("../../files/theme/images/design/fondsyndicatendnav.jpg") right bottom no-repeat; } .switch-t p { font: 900 22px/20px "lato", sans-serif !important; text-transform: uppercase; text-align: center !important; width: 60%; margin: 12% auto auto auto; } .switch-t p a { padding: 10px; background: #eac30b; color: #fff !important; } .switch-t p a:hover { background: #fff; color: #eac30b !important; } /***************** NAVIGATION PIED DE PAGE ***********/ #outils-footer .col_1, #outils-footer .col_2 { height: 269px; } #outils-footer .col_1 { background: url("../../files/theme/images/design/contact-footer.jpg") right center no-repeat; } #outils-footer .col_1 H2, #outils-footer .col_2 H2 { text-align: center; color: #fff; letter-spacing: 0.5em; } #outils-footer .col_2 { background: url("../../files/theme/images/design/nl-footer.jpg") left top no-repeat; } #outils-footer a.mailfoot:before { content: ''; background: url("../../files/theme/images/design/mailfoot.gif")no-repeat; height: 40px; background-position: 0 0; width: 42px; margin-left: 21px; margin-right: 0; float: left; } #outils-footer .mailfoot, #outils-footer .telfoot { padding: 15px; background-color: #fff !important; border: 4px solid #eac30b; float: left; width: 283px; text-align: center; } #outils-footer .mailfoot:hover, #outils-footer .telfoot:hover { background-color: #eac30b !important; border: 4px solid #fff; } #outils-footer a.mailfoot:hover, #outils-footer a.telfoot:hover { color: #fff !important; } #outils-footer .col_1 a:hover { color: #fff !important; } #outils-footer .col_1 a.mailfoot:hover:before { background-position: 0 -40px !important; } #outils-footer .col_1 a.telfoot:hover:before { background-position: 0 -40px !important; } #outils-footer a.mailfoot, #outils-footer a.telfoot { color: #eac30b !important; font: 700 17px/43px "lato", sans-serif !important; padding: 6px; margin-left: 12%; margin-top: 40px; } #outils-footer .col_1 a.telfoot { font: 700 24px/43px "lato", sans-serif !important; } #outils-footer a.telfoot:before { content: ''; background: url("../../files/theme/images/design/telfoot.gif")no-repeat; height: 40px; background-position: 0 0; width: 42px; margin-left: 21px; margin-right: 0; float: left; } #outils-footer .email { padding: 15px; width: 250px; font: 400 17px/25px "lato", sans-serif; border: 0; width: 167px; float: left; } #mc-embedded-subscribe { padding: 14px; font: 400 17px/25px "lato", sans-serif; border: 0; color: #fff; background-color: #eac30b; cursor: pointer; width: 98px; } #mc-embedded-subscribe:hover { color: #eac30b; background-color: #fff; } #mc_embed_signup { width: 300px; margin: 30px auto; } /***************** BULLES *******************/ /***************** COLUMNS ********************/ .ce_colsetPart { margin: 0 !important; } .page_26 section { margin-bottom: 40px; } /***************** ACTUALITES ********************/ .page_25 #actualites-detail { margin-bottom: 200px; } .page_24 .intro .mod_breadcrumb { width: 100% !important; border-bottom: 0; } .page_24 .intro p { clear: both; width: 100%; text-align: center !important; font-size: 18px !important; } .page_24 #actualites { display: inline-block; margin-bottom: 100px; } .page_24 #actualites .layout_latest { border-top: 0; } .page_24 .mod_newslist .layout_latest figure { float: left; } .page_24 .layout_latest img { margin-top: 0px; margin-bottom: 0px; } #actualites .layout_latest { border-top: 1px solid #000; margin-bottom: 50px; padding: 20px 0; width: 48%; padding-right: 2%; } .page_3 .mod_newslist, .page_3 .layout_latest>* { margin: 0 !important; } .content-slider { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding-bottom: 15px; } .slider-control { float: inherit !important; margin: 0 !important; width: inherit; background: none !important; } .slider-control .slider-prev { right: 25px; left: inherit !important; width: 23px; text-indent: -3000px; background-image: url("../../files/theme/images/design/prev.gif"); } .slider-control .slider-next { width: 23px; text-indent: -3000px; background-image: url("../../files/theme/images/design/next.gif"); } .layout_latest { width: 100%; height: auto; min-height: 55px; float: left; } .page_2 .mod_newslist { text-align: center; } .page_2 .layout_latest { float: inherit; width: 16%; display: inline-table; margin-right: 15px; margin-left: 15px; } .page_2 .layout_latest img { margin: 0px; } .page_2 .layout_latest H2 a { font-size: 19px !important; line-height: 17px; } .page_2 .layout_latest h2 { text-align: center !important; } .page_2 .center-evidence h2 { text-align: center !important; } .mod_newsreader .intro p { text-align: center !important; font-size: 18px !important; font-weight: 700 !important; margin-bottom: 60px; margin-top: 40px; } .layout_latest .more a { font-size: 15px; color: #fff !important; text-decoration: none; background-color: #00bab9; padding: 2px 9px; font-weight: 700 !important; } .layout_latest .more a:hover { background-color: #0288c4; } .page_3 .teaser p { font: 15px/17px 'lato', sans-serif !important; } .layout_latest img { margin: 20px 10px 5px 5px; } .layout_latest .teasernews { width: 100%; float: left; } .layout_latest .info { float: right; } .layout_latest .info p { margin: 0 !important; } .layout_latest .more { float: right; text-align: left !important; margin-top: 8px; } .layout_latest H2 { padding: 0 !important; margin-top: 0 !important; line-height: 14px !important; text-align: left !important; } .page_3 .layout_latest H2 { margin-top: 0.4em !important; margin-bottom: 0.4em !important; } .layout_latest H2 a { color: #000 !important; font-size: 17px !important; color: #000 !important; font-weight: 700; text-decoration: none; } .layout_simple { width: 450px; height: 20px; background-color: #d7cebe; color: #fff; text-shadow: 0 1px rgba(181, 181, 181, 100); border-top: 1px solid #bab1a2; border-bottom: 1px solid #e2dbce; padding: 5px; } .layout_simple a { font-size: 16px; color: #fff; text-decoration: none; text-shadow: 0 1px rgba(181, 181, 181, 100); } time { color: #eac30b; font-weight: bold; font-size: 11px; } .page_4 time { color: #9fbc16; } .page_3 time { color: #fff; font-weight: normal; font-size: 11px; } .consult { float: right; height: 18px; background-color: #b9a185; padding-left: 12px; margin-top: -15px; } .consult a { text-decoration: none; text-transform: uppercase; color: #fff !important; font: 10px/10px 'lato', sans-serif; padding-top: 0; } .consult p { margin: 0 !important; background-color: #a3845e; height: 18px; font: 10px/18px 'lato', sans-serif; } .consult p:hover { background-color: #b9a185 !important; } .content-slider .mod_newslist h2 { text-align: left !important; } /***************** ACTUALITES ARCHIVES ********************/ .mod_newsarchive .teaser { margin-top: 00px; height: 0px; } .mod_newsarchive .info { float: right; } .mod_newsarchive .more { padding-bottom: 30px; } /***************** ACCORDEONS ********************/ .ce_accordion { margin-bottom: 20px; } .toggler.active { font: 18px/26px 'lato', sans-serif; color: #fff; text-align: left; text-decoration: none; background-color: #3b8cc2; } .toggler { font: 18px/26px 'lato', sans-serif; color: #fff; padding: 7px; text-decoration: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #006aaf; } .toggler:before { content: url(../../files/theme/images/accordion.png); vertical-align: -4px; margin-right: 5px; } .toggler:hover:before { content: url(../../files/theme/images/accordionha.png); } .toggler.active:before { content: url(../../files/theme/images/accordionha.png); } .toggler:hover { cursor: pointer; background-color: #3b8cc2; } /***************** GALERIE ********************/ .ce_gallery { float: left; border-top: 1px solid #CCC; padding-top: 30px; } /***************** BOUTON RETOUR ********************/ .retour, .back { clear: both; color: #fff; text-decoration: none; font: 15px/10px 'lato', sans-serif !important; font-weight: 900; padding: 10px; background-color: #deb331; margin-bottom: 20px; -webkit-transition-property: all; -webkit-transition-duration: 0.6s; -moz-transition-property: all; -moz-transition-duration: 0.6s; transition-property: all; transition-duration: 0.6s; width: 70px; float: right; text-align: center; } .back a { color: #fff !important; text-decoration: none; } /***************** RECHERCHE ********************/ .mod_Recherche H1 { display: none; } .mod_Recherche { padding-top: 30px; width: 700px; height: 100px; margin: auto; } .mod_Recherche input:hover { background-color: #5A4218; } .mod_Recherche submit:hover { background-color: #F9BB4B; } .mod_Recherche input { height: 50px; width: 554px; border: 0; color: #fff; background-color: #D7CEBE; text-indent: 10px; font-size: 20px; font-weight: 900; text-transform: uppercase; border-radius: 40px 0 0 40px; border: 3px solid #fff; } .mod_Recherche .submit { width: 140px; height: 56px; float: right; background: url("../../files/theme/images/design/loupe.png") no-repeat scroll center center #F08C0F; margin-top: 0; display: block; border: none; cursor: pointer; margin-left: 0; padding: 0; text-indent: -3000px; border-radius: 0 40px 40px 0; border: 3px solid #fff; } /***************** NEWSLETTER ADHESION ********************/ .mod_subscribe input { height: 20px; margin-top: 10px; width: 185px; border: 0; color: #fff; background-color: transparent; text-indent: 10px; font-size: 11px; font-weight: 900; } .mod_subscribe .submit { width: 75px; height: 36px; float: right; background: url("../../files/theme/images/design/ok_nl.png") no-repeat scroll center center #5a4218; margin-top: 0; display: block; border: none; cursor: pointer; margin-left: 0; padding: 0; text-indent: -3000px; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } /***************** CONNEXION ********************/ #autologin { width: auto; } .submit_container .submit { background-color: #2780ba; border: none; cursor: pointer; color: #fff; font-size: 11px; margin: 10px 0; } .mod_login .formbody { margin: auto; width: 200px; } .mod_login H1 { text-indent: -5000px; width: 230px; height: 79px; background: url("../../files/theme/images/top_ae.png") no-repeat scroll left top transparent; } /***************** FORMULAIRE RECHERCHE ********************/ .mod_form { background: url("../../files/theme/images/design/fondsearch.gif") no-repeat scroll left top transparent; float: right; font-size: 11px; width: 230px; clear: right; margin-top: 20px; } .mod_form input { background: none repeat scroll 0 0 transparent; border: medium none; margin-left: 48px; } #ctrl_1_submit { background: url("../../files/theme/images/design/ok.gif") no-repeat scroll center top transparent; border: medium none; cursor: pointer; float: right; height: 26px; margin-left: 0; padding: 0; text-indent: -3000px; width: 41px; } /***************** RIGHT / LEFT ********************/ #right { width: 230px; margin-top: 150px; } #left { margin-left: 0; } /***************** FOOTER ********************/ #footer a { text-decoration: none; color: #fff; } #footer a:hover { text-decoration: none; color: #5A4218; } #footer { width: 100%; float: left; clear: both; margin-bottom: 0; min-height: 137px; background-color: #65c1be; border-top: 4px solid #9ce3e1; } #footer .inside { margin: auto; } #footer .tabularasa { float: right; margin-top: 32px; } #footer .tabularasa a { color: #fff; text-decoration: none; font: 900 11px/10px 'lato', sans-serif; padding: 15px; background-color: #469996; text-transform: uppercase; -webkit-transition-property: all; -webkit-transition-duration: 1s; -moz-transition-property: all; -moz-transition-duration: 1s; transition-property: all; transition-duration: 1s; float: right; } #footer .tabularasa a:hover { background-color: #9fbc16; color: #fff; } #footer .mentions { color: #fff; float: left; font: 12px/20px "lato", sans-serif; padding-left: 136px; background: url("../../files/theme/images/design/logo-bot.gif") no-repeat scroll left top; height: 229px; padding-left: 216px; padding-top: 30px; } #footer .mentions strong { color: #fff; font: 700 13px/20px "lato", sans-serif; } #footer .mentions a { color: #FFF; text-decoration: none; } /************** FORMULAIRE *************************/ .formulaire H1 { background: url("../../files/theme/images/mail.png") no-repeat scroll left bottom transparent; padding-left: 45px; height: 30px; font: 25px/25px 'lato', sans-serif; color: #025d6b; } .formulaire { float: left; width: 734px; font: 11px/16px 'lato', sans-serif; padding-top: 20px; letter-spacing: 0; color: #221f24; } .formulaire label { display: block; float: left; font-size: 14px; margin-top: 10px; padding: 5px 5px 3px; width: 110px; color: #025d6b; } .formulaire .formbody { border-left: 1px solid #006777; margin-top: 10px; padding-left: 10px; } .formulaire input, textarea, #devis input, select, textarea { background-color: #9ce3e1; margin-top: 10px; } .formulaire input:focus, .formulaire textarea:focus { background: #009ee5; color: #000; } .formulaire input:hover, .formulaire textarea:hover { background: #009ee5; color: #000; } #ctrl_8_submit { background-color: #469996 !important; color: #fff; cursor: pointer; float: left; font: 14px/10px "Monserrat", sans-serif; margin-right: 0; margin-top: 30px !important; text-transform: uppercase; font-weight: 900; } #ctrl_8_submit:hover { color: #FFFFFF; background-color: #65c1be !important; } label.ditesmoitout { float: right; margin-right: 275px; margin-top: -110px; } #ctrl_8 { border: medium none; clear: both; color: #000; font: 16px/16px "Montserrat", sans-serif; height: 50px; padding: 8px 0 8px 8px; width: 100%; } #ctrl_8:hover { color: #FFF; } /****************** CONTACT *************************/ .mod_dlh_googlemaps { width: 100% !important; float: right; } #dlh_googlemap_6 { width: 100% !important; margin-bottom: 30px; } .mod_dlh_googlemaps H1 { display: none; } .coord { float: left; width: 100%; margin-top: 45px; } .coord p { padding-left: 80px; } .coord img { float: left; margin-left: -80px; margin-top: -11px; } .coord .ad { margin-top: 0; } #contact { font: 16px/16px 'lato', sans-serif; padding-top: 20px; letter-spacing: 0; color: #221f24; margin-bottom: 100px; } #contact label { display: block; float: left; font-size: 13px; margin-top: 10px; padding: 10px 0px 0px 0px; width: 190px; color: #000; text-transform: uppercase; font-weight: 900; } #contact .formbody { margin: auto; } .ce_form H1 { margin: auto; clear: both; } #contact input { background-color: #9ce3e1; border: medium none; color: #000; margin-top: 3px; padding: 8px 0 8px 8px; width: 100%; } #recherche.width80 { margin: auto; width: 50%; min-height: 300px; } #recherche input { background-color: #9ce3e1; border: medium none; color: #000; margin-top: 3px; padding: 8px 0 8px 8px; width: 45%; float: left; } #ctrl_submit_47 { margin-left: 20px; font: 900 13px/22px "lato", sans-serif; text-transform: uppercase; } #contact input:focus, #contact textarea:focus { background: #65c1be; color: #fff; } #contact input:hover, #contact textarea:hover { background: #65c1be; color: #fff; } #ctrl_12 { border: none; color: #3D2716; font-size: 100%; height: 50px; padding: 10px; width: 281px; color: #808080; font: 11px/10px 'lato', sans-serif; } #ctrl_12:hover { color: #FFF; } #ctrl_12_submit { margin-right: 0px; font-size: 14px; font: 14px/10px 'lato', sans-serif; color: #025d6b; width: 95px; height: 30px; cursor: pointer; float: left; margin-left: 200px; } .page_34 #contact label { width: 100%; } .page_34 .widget-radio input, .page_34 .widget-checkbox input { width: auto !important; float: none !important; margin-right: 10px; } .page_34 .widget-radio label, .page_34 .widget-checkbox label { display: inline !important; float: none !important; } .page_34 .widget-radio span, .page_34 .widget-checkbox span { float: left !important; clear: both !important; padding: 10px 0; } .page_34 #ctrl_31, .page_34 #ctrl_58 { margin-top: 30px; } .page_34 #ctrl_33 { margin-top: 50px; } .page_34 #ctrl_33 span { padding: 5px 0; } .error, p .error { color: #eb4b30 !important; font-weight: bold !important; } .page_34 #ctrl_39.submit { font: 20px/22px "bree_serifregular", sans-serif; } /*************** JQUERY SLIDERS *****************/ .rsts-slide img, .mod_rocksolid_slider { margin: 0px !important; } .rsts-skin-light { padding-bottom: 20px; } .rsts-caption { font: 28px/28px 'lato', sans-serif; color: #000 !important; text-transform: uppercase; background: url("../../files/theme/images/design/captionf.png") repeat scroll left top transparent !important; margin-right: 20% !important; border-radius: 0 !important; } .rsts-skin-default .rsts-caption { right: 20px !important; top: 400px !important; } /* .rsts-caption:before { content:""; width:20px; background: url("../../files/theme/images/design/captionleft.png") no-repeat scroll left top transparent; } .rsts-caption:after { content:""; width:20px; background: url("../../files/theme/images/design/captionright.png") no-repeat scroll left top transparent; } */ #main .mod_rocksolid_slider { margin: auto !important; } .page_3 .mod_rocksolid_slider { border-bottom: 14px solid #92962e; } /*************** CIRCLES *****************/ .ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; } .ch-grid:after, .ch-item:before { content: ''; display: table; } .ch-grid:after { clear: both; } #slide ul { margin: 0px !important; } .ch-grid li { width: 201px; height: 201px; display: inline-block; margin: 18px !important; } .ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); cursor: default; } .ch-info-wrap, .ch-info { position: absolute; width: 181px; height: 181px; border-radius: 50%; } .ch-info-wrap { top: 10px; left: 10px; background: #F9BB4B; box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.9), inset 0 0 3px rgba(115, 114, 23, 0.8); } .ch-info>div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center; -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/ } .ch-info .ch-info-front { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .ch-info .ch-info-back { opacity: 0; background: #F9BB4B; pointer-events: none; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; } .ch-img-1 { background-image: url("../../files/theme/images/design/bulle1.png"); } .ch-img-2 { background-image: url("../../files/theme/images/design/bulle2.png"); } .ch-img-3 { background-image: url("../../files/theme/images/design/bulle3.png"); } .ch-img-4 { background-image: url("../../files/theme/images/design/bulle4.png"); } .ch-info h3 { color: #fff; font-weight: 900; letter-spacing: 1px; font-size: 20px; margin: 30px 15px 0 15px; padding: 40px 0 0 0; height: 80px; font-style: italic; line-height: 24px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); } .ch-info p { color: #fff; padding: 10px 5px 0; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ch-info p a { display: block; color: #e7615e; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; } .ch-info:hover { color: #fff; cursor: pointer; } .ch-item:hover .ch-info-front { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } .ch-item:hover .ch-info-back { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; } .title { height: 145px; margin: auto !important; padding: 0 !important; text-align: center; width: 960px; float: left; } .title li H2 { text-align: center !important; text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.85); } .title li { display: inline-block; margin: 0px 8px !important; width: 220px; color: #01717d; font: 15px/27px 'lato', sans-serif; font-style: italic; } .service { float: left; margin: 10px; width: 300px; } .service:hover H3 { color: #F9BB4B !important; } .service:hover img { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ } .service H3 { text-align: center; } .service img { border-radius: 15px; margin-bottom: 15px; } .encadre { border: 8px solid #65c1be; padding: 15px !important; margin-top: 30px; width: 90%; } .encadre p { text-align: left !important; color: #524f50 !important; font: 15px/24px 'lato', sans-serif !important; } #boutonsacc a { text-align: center; width: 300px; border: 4px solid #fff; padding: 12px; color: #fff; font: 900 20px/24px 'lato', sans-serif !important; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #boutonsacc a.syndicat { float: left; } #boutonsacc a.tourisme { float: right; } #boutonsacc { width: 1100px; margin: 80px auto 0 auto; } #boutonsacc a:hover { border: 4px solid #65c1be; background-color: #fff; color: #000; } #tourisme .subcolumns figure a, .tourismeg .subcolumns figure a, .syndicatacc figure a { width: 100% !important; } #tourisme .subcolumns figure a:hover, .tourismeg .subcolumns figure:hover a, .syndicatacc figure:hover a { opacity: .5; width: 100% !important; } /******************TELEPHONE*******************/ .page_3 #tel { margin-top: 270px !important; } #tel { background-color: #ef008c; border-radius: 9.8px; display: block; float: right; font-size: 23px; height: 40px; margin-right: -222px; padding: 10px; transition-duration: 1s; width: 264px; position: fixed; right: -7px; margin-top: 338px; cursor: pointer; } .toggle-button { height: auto; padding-right: 26px; width: 24px; } #tel.active { margin-right: -30px !important; transition-duration: 1s; } .togglable { margin-bottom: -6px; margin-left: 45px; margin-top: -44px; font-size: 18px; } .togglable2 { margin-left: 45px; margin-top: 4px; font-size: 18px; margin-bottom: -3px; } .contactertel { color: white; letter-spacing: 1px; text-decoration: none; } .telephone img { float: none !important; } #camping .lienactu a { background: url("../../files/theme/images/design/next.gif") no-repeat 228px #ef008c; color: #fff; font-weight: bold; padding: 3px 29px 3px 15px; } #camping .lienactu a:hover { color: #fff } .lienactu { margin-left: 145px; margin-top: 5px; } #camping .ce_sliderStart .mod_newslist p, #camping .ce_sliderStart .mod_newslist h2>a { color: #fff !important; font-weight: normal; } .page_34 .ce_colsetStart.subcolumns.colcount_3.yaml3.col-33x33x33 { margin-bottom: 50px; padding: 10px 4px; } .page_34 .colcount_3 a { background-color: #ef008c; color: #fff !important; padding: 6px 16px; } .page_34 .colcount_3 a:hover { background-color: #009ee5; color: #fff !important; padding: 6px 16px; } .page_39 .subcolumns { margin-bottom: 70px; } .page_39 .subcolumns H3 { margin-top: 0px; } .page_54 li strong { font: 900 17px/27px 'lato', sans-serif !important; color: #000 !important; text-transform: uppercase; } /* SUBCOLUMNS */ #main .inside .subcolumns { margin-top: 0px; } /* */ .gmap-infobox-content { width: 150px; padding: 15px; border: 5px solid #000; color: #000; behavior: url('assets/css3pie/1.0.0/PIE.htc'); background-color: rgba(255, 255, 255, .99); behavior: url('assets/css3pie/1.0.0/PIE.htc') } /* */ .gmap-infobox-content .imagebulle { margin-top: 15px; } /* */ .gmap-infobox-content p { margin-bottom: 0 } /* */ .gmap-infobox-content p.name { font-size: 11px !important; text-align: left !important; font-weight: 900 !important; line-height: 1.2em; color: #000; text-transform: uppercase; } /* */ .gmap-infobox-content a { color: #42a6ed } /* */ .gmap-infobox-tip { width: 147px; height: 8px; background: url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') no-repeat; background-position-x: -65px; background-position-y: 2px; margin-left: -65px; } .ce_metamodel_list h2 { color: palevioletred !important; font-size: 30px !important; font-weight: 100 !important; text-align: left !important; } .ce_metamodel_list ul li { list-style-type: none !important; } .page_43 #main .col-50x50:first-child .col_2 { background: url("../../files/theme/images/tourisme/rando/rando-thouet.jpg") no-repeat center center; min-height: 400px; } /* SLIDES */ .page_40 #slide { background: url("../../files/theme/images/slide/slide-chateaux.jpg") no-repeat top center; } .page_47 #slide { background: url("../../files/theme/images/slide/slide-montgolfiade.jpg") no-repeat top center; } .page_48 #slide { background: url("../../files/theme/images/slide/slide-sites-musees2.jpg") no-repeat top center; } .page_54 #slide { background: url("../../files/theme/images/slide/slide-festivals.jpg") no-repeat top center; } .page_36 #slide { background: url("../../files/theme/images/slide/slide-faune-flore.jpg") no-repeat top center; } .page_37 #slide { background: url("../../files/theme/images/slide/slide-visite.jpg") no-repeat top center; } .page_39 #slide { background: url("../../files/theme/images/slide/slide-cca.jpg") no-repeat top center; } .page_42 #slide { background: url("../../files/theme/images/slide/slide-velo.jpg") no-repeat top center; } .page_43 #slide { background: url("../../files/theme/images/slide/slide-rando1.jpg") no-repeat top center; } .page_44 #slide { background: url("../../files/theme/images/slide/slide-rando.jpg") no-repeat top center; } .page_45 #slide { background: url("../../files/theme/images/slide/slide-nautique.jpg") no-repeat top center; } .page_46 #slide { background: url("../../files/theme/images/slide/slide-peche.jpg") no-repeat top center; } .page_63 #slide { background: url("../../files/theme/images/slide/slide-sejourner.jpg") no-repeat top center; } .page_53 #slide { background: url("../../files/theme/images/slide/slide-printemps.jpg") no-repeat top center; } .page_69 #slide { background: url("../../files/theme/images/slide/slide-venir.jpg") no-repeat top center; } .page_70 #slide { background: url("../../files/theme/images/slide/slide-marche.jpg") no-repeat top center; } .page_71 #slide { background: url("../../files/theme/images/slide/slide-restaurants.jpg") no-repeat top center; } .page_106 #slide { background: url("../../files/theme/images/slide/bandeau_bonpicnic.jpg") no-repeat top center; } /* METAMODELS */ .ce_metamodel_list .layout_full .item { border-left: 10px solid #000; margin-bottom: 30px; padding: 3px 20px 3px 16px; } .ce_metamodel_list .layout_full { padding: 12px 30px 12px 0px; } .ce_metamodel_list .layout_full .item H3 { color: #000 !important; font: 900 18px/22px "lato", sans-serif !important; text-align: left; text-transform: uppercase; margin-top: 0.3em !important; margin-bottom: 0.3em !important; } .ce_metamodel_list .layout_full .item .images { width: 80px; float: left; margin-right: 15px; } .ce_metamodel_list .layout_full .item ul, .ce_metamodel_list .layout_full .file li { margin: 0 !important; } .ce_metamodel_list .layout_full .description { font: 400 14px/17px "lato", sans-serif !important; } .ce_metamodel_list .layout_full .item .composer, .ce_metamodel_list .layout_full .item .description, .ce_metamodel_list .layout_full .item .country { float: left; width: 75%; } .ce_metamodel_list .layout_full .item .field.description { width: 70%; } .ce_metamodels_frontendfilter fieldset { border: 0; } .ce_metamodels_frontendfilter fieldset input { border: 2px solid #000; } .ce_metamodels_frontendfilter fieldset label { text-transform: uppercase; } .ce_metamodels_frontendfilter fieldset span { margin-right: 15px; } .ce_metamodels_frontendfilter .mm_tags label:first-child { display: none; } /* GOOGLEMAPS CLASSIQUES */ .page_54 .gm-style div>* { border-radius: 0 !important; } #tr_googlemap.floatable { position: fixed; top: 40px; } .gm-style H3 { color: #000 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.2em; text-align: left !important; text-transform: uppercase; margin: 2px 0 !important; } .gm-style p { font-size: 12px !important; } .mod_quicknav select { width: 300px; height: 60px; overflow: hidden; background: url(../../files/theme/css/new_arrow.png) no-repeat right #fff; border: 1px solid #ccc; width: 268px; padding: 5px; font-size: 16px; line-height: 1; border: 2px solid #65c1be; border-radius: 0; -webkit-appearance: none; font: 900 16px/19px "lato", sans-serif !important; text-transform: uppercase; } .mod_quicknav .submit { height: 60px; width: 60px; background-color: #65c1be; color: #fff; font: 900 16px/19px "lato", sans-serif !important; text-transform: uppercase; border: 0; } .mod_quicknav, .mod_quicknav H2 { width: 100%; text-align: center !important; } /* VIDEOS */ .video-container { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; } .page_2 .video-container { padding-bottom: 45% !important; } /* #main { background: url("../../files/theme/images/design/fondvideo.jpg") no-repeat center center; } */ .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* OUTILS DROITE */ #outils { float: right; width: 50%; border-bottom: 1px solid #000; height: 58px; } #outils a { text-decoration: none; font: 900 13px/32px 'lato', sans-serif !important; text-transform: uppercase; color: #000; float: left; margin-top: 5px; padding: 4px; padding-right: 15px; -webkit-transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; } #outils a:before { content: ""; height: 33px; width: 41px; float: left; margin-right: 15px; -webkit-transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; } #outils .reserver a:before { background: url("../../files/theme/images/design/reserver.png") no-repeat 0 0; } #outils .photos a:before { background: url("../../files/theme/images/design/photos.png") no-repeat 0 0; } #outils .docs a:before { background: url("../../files/theme/images/design/docs.png") no-repeat 0 0; } #outils div:hover a:before { background-position: 0 -33px; } #outils div a:hover { background-color: #5bc4be; } #outils div:hover a { color: #fff; } #outils .reserver a { border: 1px solid #000; } #outils .reserver a:hover { border: 1px solid #fff; } #outils div { float: right; margin-left: 45px; } .mouse-icon { position: relative; border: 2px solid #fff; border-radius: 16px; height: 50px; width: 30px; margin: 80px auto auto auto; display: block; z-index: 10; } .mouse-icon .wheel { -webkit-animation-name: drop; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-name: drop; animation-duration: 1s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-play-state: running; } .mouse-icon .wheel { position: relative; border-radius: 10px; background: #fff; width: 4px; height: 10px; top: 4px; margin-left: auto; margin-right: auto; } @-webkit-keyframes drop { 0% { top: 5px; opacity: 0; } 30% { top: 10px; opacity: 1; } 100% { top: 25px; opacity: 0; } } @keyframes drop { 0% { top: 5px; opacity: 0; } 30% { top: 10px; opacity: 1; } 100% { top: 25px; opacity: 0; } } /********************STYLES MODULE RESERVATION ****************************/ .OsAccordion .accordion-entete.accordion-section-encours, .OsAccordion .accordion-entete { background-color: #65c1be; border: 1px solid #fff; font: 900 13px/32px 'lato', sans-serif !important; color: #ffffff; text-transform: uppercase; } .OsCrit_typehebecheck .OsCritP, .OsCrit_duree .OsCritP, .OsCritP, a.OsBtnEnvoi, a.OsBtnEnvoi:link, a.OsBtnEnvoi:active, a.OsBtnEnvoi:visited, .OsChoixMoteur select, .OsDureeRech, .OsNbPers, .OsListeIdService, .OsCapaciteHotel, .OsPrixMenu, .OsListeIdCuisine, .OsListeIdTypeHebe, .OsListeIdCommune, .OsCapacite, .OsJourDebut, .OsMoisDebut, .OsAnDebut, .OsDureeSemaine, .OsDureeNuit, .OsListeIdClassement, .OsNbAdultes, .OsNbEnfants, .OsSelAgeEnfant, .OsListeIdFournisseur, .OsDureeCplx, .OsSelCplx { font: 700 13px/32px 'lato', sans-serif !important; } .OsDureeRech, .OsNbPers, .OsListeIdService, .OsCapaciteHotel, .OsPrixMenu, .OsListeIdCuisine, .OsListeIdTypeHebe, .OsListeIdCommune, .OsCapacite, .OsJourDebut, .OsMoisDebut, .OsAnDebut, .OsDureeSemaine, .OsDureeNuit, .OsListeIdClassement, .OsNbAdultes, .OsNbEnfants, .OsSelAgeEnfant, .OsListeIdFournisseur, .OsDureeCplx, .OsSelCplx { padding: 5px; } #OSRecherche H3 { font: 900 13px/12px "lato", sans-serif !important; } /********************PAGE 63 VENIR EN VALLEE DU THOUET****************************/ .page_63 .logofile { width: 150px !important; height: 150px; } .page_63 .labels img { float: left; } .page_63 .labels { display: block; margin-top: -10px; } .page_63 #ctrl_info { padding-bottom: 10px; } .page_63 .leftsubmenu { margin-top: 0px !important; } .RGPDcontact fieldset { border: 0px; padding: 15px 0px; } .RGPDcontact input { width: auto !important; float: left; margin-right: 15px; } .RGPDcontact label { width: 90% !important; float: left !important; margin: 0px !important; padding: 0px !important; } .bot50 { margin-bottom: 50px; } .thouet_velo { display: flex; align-items: flex-end; margin-bottom: 30px; } .thouet_velo a { line-height: 0; display: block; } .thouet_velo .top { margin-bottom: 0; } .page_130 #main p { margin-top: 10px; } /** * Contao Open Source CMS * * Copyright (C) 2005-2013 Leo Feyer * * @package Core * @link https://contao.org * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL */ /** * Make the wrapping container 960 pixel wide */ #wrapper { width:100%; margin:0 auto; } #container { margin:0 auto; } #social { float: left; left: 0; margin-left: 42px; margin-top: 170px; position: absolute; width: 150px; } #social a { margin-right:15px; float:left; } /** * Set the default margin of the grid columns */ /** * Automatically clear the floats in the main column, so you do not have to add * a clearing div to each article #main .inside { overflow:hidden; } */ /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 980px (e.g. on a portrait tablet) */ @media (min-width:768px) and (max-width:979px) { /** * Reduce the overall width TABLETTE */ .switch-s p, .switch-t p{ font: 900 13px/20px "lato",sans-serif !important; } .leftsubmenu ul li a, .leftsubmenu ul li span { font: 900 13px/20px "lato",sans-serif!important; } #wrapper { width:100%; } #outils-footer a.mailfoot, #outils-footer a.telfoot { margin-left: 14% !important; position: relative; width: 280px !important; margin-top: 6px!important; } .syndicatacc p, .tourismeacc p { display:none; } #boutonsacc { margin: 10px auto 0; width: 740px; } #outils a::before { width: inherit!important; margin-right:0!important; content:none!important; } #outils div { margin-left:0!important; padding-left:5px; } #outils a { padding: 4px 15px 4px 15px;!important; padding-left:5px; font: 900 10px/32px "lato",sans-serif !important; } .switch-s p a { padding: 3px!important; } #outils-footer .col_1 H2, #outils-footer .col_2 H2 { letter-spacing: 0.2em; text-align: center; } /* footer .inside { width:744px; margin:0 auto; } .clic { display:block; float:right; } .clic a { display:block; margin-right:20px; color:#fff; background-color:#ef008c; text-decoration:none; font-weight:900; font: 30px/30px 'Lato', sans-serif; padding:10px; } .page_3 #chiffres .inside { margin: auto; width: 100% !important; } nav { position: relative !important; top:0 !important; } header nav > ul > li { margin: 0 3px!important; } header nav > ul > li:nth-child(1) { margin-left:50px; } header nav { display:none; } #ctrl_email_38 { width: 100px; } #menumobile { position: absolute !important; } #container .inside, footer .inside, #main .inside, #header .inside, .page_3 #chiffres .inside{ width: 100%; } footer .inside, #main .inside, #header .inside { margin:0 auto; } .page_3 #slide .inside, .page_3 #slider { width:100%!important; } .page_3 .col_1, .page_3 .col_2, .page_3 .col_3 { width:100%!important; clear:both; } .page_3 #chiffres .col_1, .page_3 #chiffres .col_2, .page_3 #chiffres .col_3, .page_3 #chiffres .col_4, .page_3 #chiffres .col_5 { float:left; width:33%!important; clear:right; margin-bottom:40px; } #main .mod_navigation ul { width: 423px!important; } .subcr .mod_rocksolid_slider { width:100%!important; } .col-33x33x33, .col-25x25x25x25 { margin:0!important; } .mobil-home figure { margin-right: 25px; width:300px; } #accueil { height:auto; background-color:#7f5831!important; } */ #logo img { width: 200px; } #logo { padding-left: 140px; height:213px!important; } .page_24 #actualites .layout_latest { width: 100% !important; float: inherit; padding-right: 0 !important; clear: both; } } /** * Remove all floats and fixed widths if the screen width is less than 768 * pixel (e.g. on a mobile phone) */ @media (max-width:767px) { /** * Remove the overall width SMARTPHONE /* .navbouton { margin-top:20px !important; margin-bottom:30px; } .imgleft { display:none; } #wrapper { width:auto; } .clic { display:block; float:right; } .clic a { display:block; margin-right:20px; color:#fff; background-color:#ef008c; text-decoration:none; font-weight:900; font: 30px/30px 'Lato', sans-serif; padding:10px; } .page_3 #chiffres { clear: both; float: left; margin-top: 0px!important; position: relative!important; margin-bottom:40px; } .page_3 #chiffres .col_1, .page_3 #chiffres .col_2, .page_3 #chiffres .col_3, .page_3 #chiffres .col_4, .page_3 #chiffres .col_5 { float:left; width:100%!important; clear:both; margin-bottom:40px; } .page_3 .col_1, .page_3 .col_2, .page_3 .col_3 { width:100%!important; clear:both; } #main { width: 100%; } .page_3 #chiffres .inside { margin: auto; width: 100% !important; } .page_3 #accueil { margin: auto; width: 100%!important; } #right { display:none!important; } #main .ce_text img { } .page_33 #main img { width:100%!important; } #main { float:none!important; } .page_7 #slide { height:400px!important; } .page_7 .col_2 div, .page_7 .col_1 div, .page_14 .col_2 div, .page_14 .col_1 div, .page_3 #accueil .col_2 div, .col-50x50 div, .inside > .ce_text { padding:0!important; } section .ce_text, .inside > div > .ce_text { padding:10px!important; } .subcr .mod_rocksolid_slider { width:100%!important; } .warning { background:none; color: #768a17; text-align:center; padding: 10px; } .page_34 #contact, .page_3 #accueil .ce_text { padding:10px!important; } .custom { padding-top: 66px; } .ce_sliderStart, .page_3 .col-50x50, #slid .col-33x33x33{ margin-left: 0px!important; } .page_3 .col-50x50, #slid .col-33x33x33{ margin-right: 0px!important; } .page_3 #slid { float: left; width: 100%; } .page_3 .mod_rocksolid_slider { padding-bottom:30px!important; } .page_3 .ce_text.last.block { float: left; } .bulles H4 { font-size: 13px !important; } .leftsubmenu, .rsts-caption { display:none; } .page_3 #main #accueil p { font: 15px/17px "Lato",sans-serif!important; } .page_3 .subcl { padding: 0 3px 0 0!important; } .page_3 .subc { padding-left: 4px!important; padding-right: 4px!important; } .page_3 .subcr { padding-left: 4px!important; } .rsts-nav, .rsts-prev, .rsts-next{ display:none; } .box { height: auto !important; margin-top: 0px !important; padding-top: 0px !important; } header nav { display:none; } .mobil-home figure { width:100%; } #accueil { height:auto; background-color: #7f5831 !important; } .slider-control{ float: left!important; width: 298px!important; } #camping .col_1 p { display:none; } .lienactu { height: 45px; margin: 75px auto auto; text-align: center !important; width: 100%; } */ .page_24 #actualites .layout_latest { width: 100% !important; float: inherit; padding-right: 0 !important; clear: both; } .page_24 .layout_latest .info { float: inherit; } .page_2 .layout_latest { float: inherit; width: 100% !important; display: block; margin-right: 0; margin-left: 0; } body { border-left: 0px !important; border-right: 0px !important; margin-top:-35px; } body::before, body::after { height: 0px!important; } .col_1, .col_2, .col_3, .col_4, .col_5 { width:100%!important; clear:both; padding:0!important; } .subcr, .subcl { padding:0!important; } #outils-footer { margin-top: 50px !important; } #outils-footer .mailfoot, #outils-footer .telfoot { margin: 1% 5%!important; width: 80%; } #outils-footer a.mailfoot, #outils-footer a.telfoot { margin-left:0; margin-top: 0; } .clic { right: 0; } .clic a { padding: 5px 11px; } #slide { background-position:center center!important; background-size:cover!important; } #footer .mentionsline{ text-align:center; } #footer { border-top:0; } .logofooter { background: none!important; margin: auto; padding-left: 0!important; width: 250px; } #footer .mentions p, #footer .mentions { float: left!important; margin: auto; margin-top:0px; text-align: center; width: 105px; } #footer .mentions a { float: inherit!important; } #footer .mentions { padding-left: 204px; } #footer .tabularasa { clear:inherit!important; float: inherit!important; margin: auto; padding-bottom: 15px; width: 300px; margin-top: 30px !important; text-align: center !important; } #footer .tabularasa a{ float:inherit; } #logo img { width: 100%; } #logo { width:35%; margin-left:30px; } #outils { width: 100%!important; } #outils a { padding: 4px; font: 900 11px/14px "lato",sans-serif !important; text-align:center; width:85%; } #outils div { margin-left:0; width:31%; text-align:center; } #outils a::before { width: inherit!important; margin-right:0!important; content:none!important; } #container { width:auto; margin:0 auto; } #header .inside { width:auto; margin:0 auto; } footer .inside { width:auto; margin:0 auto; } #outils-footer H2{ font: 21px/20px "Lato",Arial,sans-serif !important; text-align:center; } .ce_text.contactfooter { padding-right: 0!important; } table tr td:first-child, table tr td { font: 13px/14px "Lato",Arial,sans-serif !important; padding: 0.2em!important; } /** * Show all columns underneath each other */ *[class*="grid"],.inside>*[class*="grid"] { float:none; display:block; width:auto; margin:0; } .syndicatacc p, .syndicatacc p a, .mod_breadcrumb, .leftsubmenu, .page_2 .video-container { display:none; } .page_2 header { position: relative; } .page_2 #logo { width:80%; } .page_2 #header { height:auto!important; } .page_2 #header .inside{ background: url("../../video/smvt.jpg") no-repeat top center; } .page_2 #boutonsacc a { clear: both; margin-bottom:20px; width:100%; } .page_2 #boutonsacc { margin: auto!important; width: 100%; } .page_2 #boutonsacc a.tourisme { float: left; } .titleacc, .titleacc H1 { margin-top: -45px!important; } .page_2 .center-evidence { padding: 0px!important; text-align: center !important; width: 95%!important; } .layout_teaser { clear: both; width: 98%!important; } } /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 980px (e.g. on a portrait tablet) */ @media (min-width:1130px) { /** * Reduce the overall width GRANDES RESOLUTIONS */ #footer .inside { width: 1100px; } /* .rsts-caption { margin-left: 6%; } #container { width: 1100px; } .page_3 #container .inside { width: 100%; } .page_3 #container #accueil, .page_3 #container #camping{ width: 100%; } .page_3 #container #accueil .col-50x50, .page_3 #camping .col-50x50 { width: 1100px; margin:auto; } .page_3 #slid H1 { width: 1100px; margin:auto; } .page_7 #slid, .page_7 #slide .inside { width: 100%!important; } footer .inside { width:1100px; margin:0 auto; } #slide .inside { width: 1100px; } .page_3 #slide .inside { width: 100%!important; } .page_3 .col-33x33x33 { margin-bottom: auto !important; margin-left: auto !important; margin-right: auto !important; margin-top: -100px; position: relative; width: 1100px; z-index: 1000000; } #main .inside { width:100%; margin:0 auto; } #header .inside { width:1100px; margin:0 auto; } .page_3 #chiffres .inside { width: 1100px; } .mobil-home figure { margin-right: 50px; } nav .level_1 > li { margin: 20px 9px!important; } header nav { width: 868px!important; } */ } @media (min-width:980px) and (max-width:1129px) { /** * FOR BIG SCREENS */ .page_24 #actualites .layout_latest { width: 100% !important; float: inherit; padding-right: 0 !important; } #outils-footer a.mailfoot, #outils-footer a.telfoot { margin-left: 25% !important; position: relative; width: 280px !important; margin-top: 6px!important;} .syndicatacc p, .tourismeacc p { display:none; } .switch-s p, .switch-t p{ font: 900 14px/20px "lato",sans-serif !important; } #outils div { margin-left:0px!important; } .syndicatpart #outils a::before { margin-right: 7px!important; width: 36px; } #outils-footer .col_1 H2, #outils-footer .col_2 H2 { letter-spacing: 0.2em; text-align: center; } /* footer .inside, #header .inside, .page_3 #chiffres .inside{ width: 980px; } footer .inside, #main .inside, #header .inside { margin:0 auto; } .page_3 #slide .inside { width:100%!important; } .col-33x33x33, .col-25x25x25x25 { margin:0!important; } #container { width: 980px; } .page_3 #container .inside { width: 100%; } .imgleft { background: url("../../files/theme/images/design/left.png") right top no-repeat; float:left; position:absolute; width:30px; height:800px; } #main .mod_navigation ul { width: 820px!important; } .mobil-home figure { margin-right: 50px; width:400px; } nav ul li{ margin:20px 8px; */ } @media (min-width:1130px) and (max-width:1240px) { /** * FOR BIG SCREENS */ #outils-footer a.mailfoot, #outils-footer a.telfoot { margin-left: 25% !important; position: relative; width: 280px !important; margin-top: 6px; } .syndicatacc p { float: left; padding-top: 40px; } .syndicatacc .ce_text { margin-top: 0px!important; } .syndicatacc p.petit-ecran, .tourismeacc p.petit-ecran { display:none; } .syndicatacc p a{ display:block!important; } .switch-s p, .switch-t p{ font: 900 14px/20px "lato",sans-serif !important; } #outils div { margin-left:0px!important; } } @media (min-width:1130px) and (max-width:1350px) { #outils div { margin-left:0px!important; } #outils-footer .col_1 H2, #outils-footer .col_2 H2 { letter-spacing: 0.2em; text-align: center; } } @media (min-width:1241px) and (max-width:1540px) { /** * FOR BIG SCREENS */ #outils-footer a.mailfoot, #outils-footer a.telfoot { margin-left: 25% !important; position: relative; width: 280px !important; margin-top: 6px; } .syndicatacc p { float: left; padding-top: 40px; } .syndicatacc p.petit-ecran, .tourismeacc p.petit-ecran { display:none; } .syndicatacc p a{ display:block!important; } .switch-s p, .switch-t p{ font: 900 15px/20px "lato",sans-serif !important; } } @media (min-width:1541px) and (max-width:1640px) { /** * FOR BIG SCREENS */ #outils-footer a.mailfoot, #outils-footer a.telfoot { margin-left: 5.5%!important; } .syndicatacc p { float: left; padding-top: 40px; } .syndicatacc p.petit-ecran { } .syndicatacc p a{ display:block!important; } .tourismeacc p { padding: 12px; } } @media (min-width:1641px) and (max-width:1740px) { /** * FOR BIG SCREENS */ #outils-footer a.mailfoot, #outils-footer a.telfoot { margin-left: 7%!important; } .syndicatacc p { float: left; padding-top: 40px; } .syndicatacc p.petit-ecran { } .syndicatacc p a{ display:block!important; } .tourismeacc p { padding: 15px; } } @media (min-width:1741px) and (max-width:1900px) { /** * FOR BIG SCREENS */ #outils-footer a.mailfoot, #outils-footer a.telfoot { margin-left: 9%!important; } .syndicatacc p { float: left; padding-top: 40px; } } @media (min-width:1900px) { /** * FOR BIG SCREENS */ #outils-footer a.mailfoot, #outils-footer a.telfoot { margin-left: 9%!important; } .syndicatacc p { float: left; padding-top: 40px; font: 400 14px/16px 'lato', sans-serif!important; } }