.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap} /* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */ #wrapper{width:960px;margin:0 auto}*[class*="grid"]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px}.offset2{margin-left:170px}.offset3{margin-left:250px}.offset4{margin-left:330px}.offset5{margin-left:410px}.offset6{margin-left:490px}.offset7{margin-left:570px}.offset8{margin-left:650px}.offset9{margin-left:730px}.offset10{margin-left:810px}.offset11{margin-left:890px}.offset12{margin-left:970px}@media(min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px}.offset2{margin-left:134px}.offset3{margin-left:196px}.offset4{margin-left:258px}.offset5{margin-left:320px}.offset6{margin-left:382px}.offset7{margin-left:444px}.offset8{margin-left:506px}.offset9{margin-left:568px}.offset10{margin-left:630px}.offset11{margin-left:692px}.offset12{margin-left:754px}}@media(max-width:767px){#wrapper{width:auto}*[class*="grid"]{float:none!important;display:block!important;width:auto!important}} /* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */ body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */ body,form{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}@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}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden} /* ColorBox v1.4.11, (c) 2011 Jack Moore - jacklmoore.com, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#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}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#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.4.11/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.4.11/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.4.11/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.4.11/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* MediaElement.js 2.11.3, (c) 2010-2013 John Dyer , MIT license */ .mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.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-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}.mejs-poster img{border:0;padding:0;border:0;display:block}.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.11.3/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.11.3/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.11.3/images/background.png");background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url("../../assets/jquery/mediaelement/2.11.3/images/loading.gif") 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;background:0;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url("../../assets/jquery/mediaelement/2.11.3/images/background.png");background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,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;background:0;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:transparent url("../../assets/jquery/mediaelement/2.11.3/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.11.3/images/controls.png")}.mejs-controls .mejs-button button:focus{outline:solid 1px yellow}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0 3px;overflow:hidden;text-align:center;padding:auto 4px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time span{font-size:11px;color:#fff;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{width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span{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,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.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{from{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{width:0;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8))}.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.11.3/images/background.png");background:rgba(50,50,50,0.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,0.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,0.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,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative}.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,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.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,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.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:-10px;width:130px;height:100px;background:url("../../assets/jquery/mediaelement/2.11.3/images/background.png");background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.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:100px;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,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,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:0}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.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:bold;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:22px;font-size:12px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:45px}.mejs-captions-text{padding:3px 5px;background:url("../../assets/jquery/mediaelement/2.11.3/images/background.png");background:rgba(20,20,20,0.8)}.mejs-clear{clear:both}.me-cannotplay a{color:#fff;font-weight:bold}.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.11.3/images/background.png");background:rgba(50,50,50,0.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(background.png);background:rgba(50,50,50,0.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(background.png);background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer} /* 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 span{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, (c) 2005-2013 Leo Feyer, LGPL license */ 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; } body{ background: url("../../files/theme/images/fonds/bg-presentation.jpg") top center fixed no-repeat; font-family: 'Cabin', sans-serif; -webkit-font-smoothing: antialiased; } #wrap { margin: auto; width: 100%; } #content { padding: 0px; } /***************** HEADER ********************/ header { width:100%; height:250px; } header .banner{ float: left; margin: auto; padding-top: 20px; width:100%; } .page_2 header { } #header .inside{ width: 960px; margin:auto; } #logo { float:left; } #logo img { } /***************** NEWSLETTER ********************/ .mod_subscribe { float:left; width:268px; height:36px; margin:15px 0 35px 0; background-color:#d7cebe; } /***************** BOUTONS ********************/ .boutons { margin-top:20px; height:100%; } .boutons a { width:100%; height:100%; } .boutons ul { list-style:none; margin:0; } .boutons ul li a { height:86px; text-indent:-3000px; float:left; margin-bottom:20px; -moz-transition: all 200ms ease-in-out 0s; -webkit-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; } .boutons ul li { height:63px; text-indent:-3000px; float:left; margin-bottom:20px; -moz-transition: all 200ms ease-in-out 0s; -webkit-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; width:100%; } .boutons ul li.demarches { background-image: url("../../files/theme/images/design/demarches.gif"); background-position: 0 0; background-repeat: no-repeat no-repeat; display: block; } .boutons ul li.demarches:hover { background-image: url("../../files/theme/images/design/demarches.gif"); background-position: 0 -63px; background-repeat: no-repeat no-repeat; display: block; cursor:pointer; } .boutons ul li.salles { background-image: url("../../files/theme/images/design/salles.gif"); background-position: 0 0px; background-repeat: no-repeat no-repeat; display: block; } .boutons ul li.salles:hover { background-image: url("../../files/theme/images/design/salles.gif"); background-position: 0 -63px; background-repeat: no-repeat no-repeat; display: block; cursor:pointer; } .boutons ul li.journal { background-image: url("../../files/theme/images/design/bulletin.gif"); background-position: 0 0; background-repeat: no-repeat no-repeat; display: block; } .boutons ul li.journal:hover { background-image: url("../../files/theme/images/design/bulletin.gif"); background-position: 0 -63px; background-repeat: no-repeat no-repeat; display: block; cursor:pointer; } /***************** NAVIGATION***********/ nav { font: 13px/22px 'Cabin', sans-serif; font-weight:700; text-transform:uppercase; float:right; margin-top:30px; background-color: rgb(255, 255, 255); /* RGBa with 0.6 opacity */ background-color: rgba(255, 255, 255, 0.8); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#255255255, endColorstr=#255255255); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#255255255, endColorstr=#255255255)"; border-bottom:3px solid #fff; } nav a { color: #000; } nav ul { list-style:none; margin:0px auto; text-align: center; width: 100%; } nav ul li { float:left; } nav ul li a, span.forward { 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:15px 7px; text-align: center; min-width: 100px; } nav ul li a:hover { color:#fff; background-color:#F9BB4B; } nav ul li.active { color:#fff; background-color:#F9BB4B; padding:15px 7px; min-width: 100px; } nav li ul { margin-left: -1000em; margin-top: 2.5em; position: absolute; width: 10em; z-index: 10000000; } nav li:hover ul{ margin-left: 0; } nav li li a { background-color:#fff; font-size: 12px; text-align: left; text-transform: none; width:200px; padding:9px 0 1px 10px; margin:0; } nav li li a:hover { } nav ul li ul li a{ color:#000; text-transform:uppercase; font-weight:900; } nav ul li ul li a:hover{ background-color:#f9bb4b; color:#fff; } nav ul li ul li { padding:0; margin:0; border-top: 3px solid #fff; } ul.level_2 { margin-top:0; } ul.level_2 li.active { color:#fff; border-bottom:none; border-top:3px solid #fff ; width:200px; text-align:left; padding:9px 0 1px 10px; } ul.level_2 .active { color:#fff; padding-left:0px; } /***************** NAVIGATION COLONNE ***********/ .leftsubmenu H2, #right .mod_article .ce_text H2, .ff-container H2{ text-transform:uppercase; font-weight:700; margin-left:20px; } .leftsubmenu { font-size: 12px; letter-spacing: 0; float:left; clear:both; background-color:#f9f0e1; } .contactmairie { margin-top:30px; } #right .mod_article .ce_text { background-color:#f9f0e1; } .contactmairie H3{ font: 17px/20px 'Cabin', sans-serif; padding:10px; } #right .mod_article .ce_text p{ font: 14px/20px 'Cabin', sans-serif; color:#3f3f3f; text-align:left; padding:10px; } #right .mod_article .ce_text p a{ background-color:#ff5d00; color:#fff; text-decoration:none; padding:0 5px; -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; } #right .mod_article .ce_text p a:hover{ color:#fff; background-color:#15c3f9; } .leftsubmenu ul { margin:0px 0px 0px 00px; list-style:disc; } .leftsubmenu ul li { float:left; padding:5px 0px 5px 20px; list-style:disc; margin:0px; color: #4b4b4b; clear:both; width:100%; padding:0; -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; list-style-type:none; } .leftsubmenu ul li:hover { } .leftsubmenu ul li a, .leftsubmenu ul li span { text-decoration:none; display:block; color: #000; border-bottom:0; margin: 0 10px; padding: 10px 0 10px 10px; text-align:left; text-transform:none!important; font-weight:400!important; font-size:16px; font-style:italic; } .leftsubmenu ul li:first-child { } .leftsubmenu ul li:last-child { } .leftsubmenu ul li a:hover { text-decoration:none; color: #f9bb4b; margin-top:0px; border-bottom:0; background-color:transparent; } .leftsubmenu ul li.active { color:#fff; width: 100%; padding:0; } .leftsubmenu ul li .active { color:#fff; padding-left:0px; } .section ul{ list-style:none; margin:20px 0px 0px 450px; } /***************** FIL D'ARIANE ***********/ .mod_breadcrumb a:first-child { color:#fff; font: 15px/22px 'Cabin', sans-serif; text-decoration:none; background: url("../../files/theme/images/racine_ariane.gif") top left no-repeat; padding:6px 30px 6px 6px; } .mod_breadcrumb a,.mod_breadcrumb { color:#04578c; font: 15px/22px 'Cabin', sans-serif; text-decoration:none; } .mod_breadcrumb { padding-bottom:25px; margin:30px 0 20px 0; height:20px; background: url("../../files/theme/images/design/fondbread.gif") top left no-repeat; } .mod_breadcrumb ul li{ float:left; } .mod_breadcrumb ul{ margin-left:0!important; padding:0!important; } .mod_breadcrumb ul li.first{ margin-left:0!important; list-style-type:none!important; } /***************** CALENDRIER SALLES DES FETES ***********/ .sallehover { display:none; border:1px solid #ccc; background-color:#fff; position:absolute; z-index:100000; padding:10px; color:#000!important; } .contenairhover { cursor: help; } .contenairhover:hover .sallehover { display:block; } /***************** CALENDRIER ***********/ .page_3 .mod_calendar H2{ text-align:center; font-size:16px; text-transform:uppercase; margin: 30px 10px; } .page_3 .mod_calendar { background-color:#f9f0e1; } .page_3 .mod_calendar table{ width:85%; margin:auto!important; } .page_3 .mod_calendar table td{ border-bottom:0!important; } .page_3 .mod_calendar thead tr:first-child { } .page_3 .mod_calendar thead th.label { padding:30px 0px; color:#4d4d50!important; } .page_3 .mod_calendar table.minicalendar tbody tr td{ font-size:14px!important; padding:8px 4px; } .page_3 table th.head { color: #000!important; font: 14px/20px 'Cabin', sans-serif!important; padding:3px!important; text-transform: inherit!important; } .page_3 table th.previous { background-image: url("../../files/theme/images/design/fondtable.gif"); } .page_3 table th.current { background-color:#ffc229; } .page_3 table th.next { background-image: url("../../files/theme/images/design/fondtable.gif"); background-position:right; } .page_3 #colonne { clear: both; float: left; } .mod_calendar table{ } table th { font-weight:bold; text-align:center; } table tr { } table td { padding:0.5em; border-bottom:#E6E6E6 1px solid; height:33px; } table.minicalendar tbody tr td { padding:0.5em; border-bottom:#E6E6E6 1px solid; height:25px; text-align:center; } .mod_calendar .active { background-color:#a8b30b; color:#fff; } .mod_calendar .active a { color:#fff; text-decoration:none; display:block; } .mod_calendar .today { background-color:#ededed; color:#000; } #container .mod_calendar .active .upcoming a, #container .mod_calendar .active .current a { color:#fff; text-decoration:none; } #container .mod_calendar .active .upcoming a:hover, #container .mod_calendar .active .current a:hover { color:#E75928; text-decoration:none; } .mod_calendar .active:hover { background-color:#54a7d9; } table th.head { color:#a8b30b; font: 20px/20px 'bebasneue', Arial, sans-serif; padding:14px; text-transform:uppercase; } table th.head a { text-decoration:none; text-transform:uppercase; color: #000; font-weight: bold; } table th.label { text-transform:uppercase; font-size:12px; color:#9e9e9e; } table.calendar { width:100%; } table.calendar th.head { color:#f7a800; height:30px; font-size:14px; padding:14px; text-transform:uppercase; } table.calendar th.current { color:#f7a800; height:30px; font-size:18px; padding:14px; text-transform:uppercase; font-weight:bold; } table.calendar th.head a { color:#f7a800; text-decoration:none; text-transform:uppercase; } table.calendar th.label { text-transform:uppercase; font-size:10px; width:60px; text-align:center; color:#9e9e9e; } /***************** LIST DATA EFG ********************/ .list_totalnumber { text-indent:-30000px; } .mod_formdatalisting a { color:#F7A800; text-decoration:none; } .mod_formdatalisting .go_back { margin-top:20px; } .single_record { width:100%; font: 12px/14px Verdana, Arial, sans-serif; } .all_records { width:100%; font: 12px/14px Verdana, Arial, sans-serif; } .all_records img { border:none !important; } .all_records td { padding:10px 20px; } .all_records tr:hover { background-color: #E2E2E2; } .col_3 a img { width: 70px; height:17px; } .all_records td.col_1 { width: 130px; } .all_records td.col_3 { width: 90px; } /***************** MAIN ********************/ #main { float:left; margin:0px; width: auto !important; } .page_3 #main { float:right; } #main .inside .mod_article, #main .inside .ce_text { } #main H1 { font: 30px/72px 'Cabin', sans-serif; margin-bottom:30px; color:#fff; padding:0 10px 0 20px; font-weight: 900; text-transform:uppercase; background-color:#00c2ff; opacity:0.9; margin-top:0!important; margin-left:-10px; float:left; } .page_3 #main H1 { float:right; } .page_3 #main H3 { background-color:#15c3f9; color:#fff!important; text-transform:uppercase; padding: 4px 10px; clear:both; margin-top:0; } .page_3 #container { margin-bottom:0!important; padding-bottom:0!important; } .page_3 .grid8 { margin-bottom:37px!important; } #main H2{ font: 21px/25px 'Cabin', sans-serif; color:#000; text-align:left; padding:10px 0px; font-weight:900; font-style:italic; text-transform:uppercase; } #main H3{ font: 18px/26px 'Cabin', sans-serif; color:#A3845E; text-align:left; padding:10px 0; } #main H3 a { color:#A3845E; text-decoration:none; } .alaune H3{ width:325px; clear:both; margin-left:10px; } #main p { font: 14px/20px 'Cabin', sans-serif; color:#3f3f3f; text-align:justify; } .ce_flexSlider li a { background-color: transparent !important; padding: 0 !important; } #main p a, #main li a { background-color:#ff5d00; color:#fff; text-decoration:none; font: 14px/20px 'Cabin', sans-serif; padding:0 5px; -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; } #main p a:hover, #main li a:hover{ color:#fff; background-color:#15c3f9; } #main li { list-style-type: disc; color:#716757; font: 14px/20px 'Cabin', sans-serif; margin:4px 0px; } #main li p { margin:4px 0px; } #main li a { text-decoration:none; } #main ul, .intro ul { margin-left:30px; padding:10px; } #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 'Cabin', sans-serif; } #main img { float:left; } .float_right { margin:0 0 10px 10px; } .float_left { margin:0 10px 10px 0; } #slide { width:960px; margin:auto; border-bottom:4px solid #D7CEBE; border-top:4px solid #D7CEBE; } #bg { position:absolute; } #wrapper { position:absolute; z-index:1; } #container { margin-left: auto; margin-right: auto; width: 960px; background: url("../../files/theme/images/design/fondcontainer.png") top left repeat-x; padding-bottom: 40px; } .page_2 .custom { margin-left: auto; margin-right: auto; width: 100%; } .custom { } #main .grid4 { margin-bottom:50px; } .page_3 #main .grid4 { margin-bottom:18px!important; } .alaune { margin:10px 0!important; } .page_3 .grid8{ margin-bottom:50px; } /***************** ACTUALITES ********************/ .layout_latest { height:auto; float:left; position: relative; } .layout_latest a { font-size:12px; text-decoration:none; } .layout_latest img, .layout_latest figure { margin:0px!important; } .layout_latest .teasernews { width:100%; float:left; } .layout_latest:hover { background-color:#A69C8B; } .layout_latest:hover time { color:#fff!important; } .layout_latest .info { width:50px; float:right; clear:both; } .layout_latest .info p { margin:0!important; } .layout_latest .more { float:right; text-align:left !important; margin-bottom:-1px!important; } .layout_latest H2 { padding:5px 8px!important; clear:both; margin-top:0px!important; width:290px; color:#fff!important; margin-bottom:0!important; font: 12px/14px "Cabin",sans-serif!important; } .layout_latest H2 a { text-transform:uppercase; color:#fff!important; font-style:normal!important; font-weight:normal!important; } .page_3 iframe, #cont_226309e6f5b5130aa7287ecdf11d0b91 { /* width:300px!important; */ border:0px!important; } .page_3 iframe table{ width:280px!important; } .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:#A69C8B; font-weight:bold; font-size:11px; } .layout_simple:hover { background-color:#A69C8B; } .layout_simple:hover time { color:#fff!important; } .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 'Cabin', sans-serif; padding-top:0; } .consult p{ margin:0 !important; background-color:#a3845e; height:18px; font: 10px/18px 'Cabin', sans-serif; } .consult p:hover{ background-color:#b9a185 !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 'Cabin', sans-serif; color:#fff; text-align:left; text-decoration:none; background-color: #f9bb4b; } .toggler { font: 18px/26px 'Cabin', sans-serif; color:#fff; padding:7px; margin-top:15px; text-decoration:none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color:#ff5d00; } .toggler:before { content : url(../../files/theme/images/design/accordion.png); vertical-align:-4px; margin-right:5px; } .toggler:hover:before { content : url(../../files/theme/images/design/accordionha.png); } .toggler.active:before { content : url(../../files/theme/images/design/accordionha.png); } .toggler:hover { cursor:pointer; background-color: #f9bb4b; } /***************** 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: 14px/10px 'Cabin', sans-serif; font-weight: 900; padding:10px; background-color:#ff5d00; -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; } .retour a { color:#fff; 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; } #right .mod_form { clear:both; } /***************** 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{ width:200px; margin:auto; } .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 { float: right; font-size: 11px; margin-top:38px; } .mod_form form{ background-color:#f9f0e1; padding:18px 8px; } .mod_form input { background: none repeat scroll 0 0 #fff; border: medium none; margin-left:0!important; width:65%; padding: 6px 6px 5px; } #ctrl_1_submit { background: url("../../files/theme/images/design/loupe.png") no-repeat scroll center center #ffc229; border: medium none; cursor: pointer; float: right; height: 26px; margin-left:0!important; padding: 0; text-indent: -3000px; width: 30%; -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; } #ctrl_1_submit:hover { background-color: #ff5d00; } /***************** RIGHT / LEFT ********************/ #right { margin-top:60px; } #left { margin-left:0; } /***************** FOOTER ********************/ #footer a { text-decoration:none; color:#fff; } #footer a:hover { text-decoration:none; color:#5A4218; } #footer { width: 100%; clear:both; background-color:#cbbea9; padding-bottom:25px; margin-bottom:0; min-height:80px; border-top:5px solid #f9f0e1; } #footer .tabularasa{ float:right; margin-top:20px; } #footer .tabularasa a{ color:#cbbea9; text-decoration:none; font: 14px/10px 'Cabin', sans-serif; font-weight: 900; padding:15px; background-color:#f9f0e1; -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:#fff; } #footer .mentions{ //float:left; color:#FFF; font: 13px/20px 'Cabin', sans-serif; margin-top:10px; margin-bottom:0!important; text-align:right; } #footer .mentions p{ margin-top:0px; font-size:12px; } #logofooter { float: left; margin-right:15px; } #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 'Cabin', sans-serif; color:#025d6b; } .formulaire { float:left; width:734px; font: 11px/16px 'Cabin', 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 { margin-top: 10px; width: 168px; padding: 8px 0px 8px 8px; border: none; border-bottom: 1px solid #fff; border-right: 1px solid #fff; background-color: #edecea; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .formulaire input:focus, .formulaire textarea:focus{ background:#ed7132; color:#FFFFFF; } .formulaire input:hover, .formulaire textarea:hover{ background:#da510b; color:#FFFFFF; } #ctrl_9_submit { margin-right: 0px; font-size:14px; margin-top:-30px; font: 14px/10px 'Cabin', sans-serif; color:#A3845E; width:95px; height:30px; float:left; margin-left:200px; background-color:#e54922; cursor: pointer; } #ctrl_9_submit:hover { color:#FFFFFF; } label.ditesmoitout { float: right; margin-right: 275px; margin-top: -110px; } #ctrl_9 { border: none; clear: both; color: #3D2716; font-size: 100%; height: 50px; padding: 10px; width: 281px; color:#808080; font: 11px/10px 'Cabin', sans-serif; } #ctrl_9:hover { color:#FFF; } /****************** CONTACT *************************/ .mod_dlh_googlemaps { margin-bottom:40px; } #dlh_googlemap_1 p{ width:180px; } #contact { float:left; font: 11px/16px 'Cabin', sans-serif; letter-spacing: 0; color:#221f24; } #contact label{ display: block; float: left; font-size: 14px; margin-top: 10px; padding: 5px 5px 3px; width: 190px; color:#4D5C6D; } #contact .formbody{ border-left:1px solid #6a6a6a; margin-top:10px; padding-left:10px; } #contact input { margin-top: 10px; width: 168px; padding: 8px 0px 8px 8px; border: none; border-bottom: 1px solid #fff; border-right: 1px solid #fff; background-color: #edecea; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #contact input:focus, #contact textarea:focus{ background:#ed7132; color:#FFFFFF; } #contact input:hover, #contact textarea:hover{ background:#A3845E; color:#FFFFFF; } #ctrl_12 { border: none; color: #3D2716; font-size: 100%; height: 50px; padding: 10px; width: 281px; color:#808080; font: 11px/10px 'Cabin', sans-serif; } #ctrl_12:hover { color:#FFF; } #ctrl_12_submit { margin-right: 0px; font-size:14px; font: 14px/10px 'Cabin', sans-serif; color:#025d6b; width:95px; height:30px; cursor:pointer; float:left; margin-left:200px; } /*********************** CATALOGUE ******************************/ .mod_cataloglist .total { display:none; } .mod_cataloglist { } .mod_cataloglist .image { width:170px; float:left; } .mod_cataloglist img { border:2px solid #fff; } .mod_cataloglist .modele a{ color:#05454f; font: 20px/22px 'Cabin', sans-serif; margin:2px 0px 5px 20px; text-shadow:none; text-decoration:none; float:left; } .mod_cataloglist .infos{ margin:10px 15px 5px 20px; float:left; width:400px; } .mod_cataloglist .infos a{ color:#fff; font: 14px/20px 'Cabin', sans-serif; padding-bottom:15px; text-decoration:none; } .mod_cataloglist .prix{ float:left; margin:137px 15px 5px 410px; background: url("../../files/theme/images/fondliencat.png") no-repeat right -5px; width:240px; height:38px; position:absolute; } .mod_cataloglist .prix a{ color:#f5ee76; font: 12px/22px 'Cabin', sans-serif; text-decoration:none; padding-left:15px; } .mod_cataloglist .prix a:hover{ color:#fff; } .imageprin img { border:3px solid #fff; float:left; } /*************** JQUERY SLIDERS *****************/ .headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:100%; position:absolute; background-attachment:fixed;} .pictured { float:right; display:block; clear:both; margin-top:30px; margin-right:10px} .pictured a { } .pictured a:hover { text-decoration:none; } #encartslide:hover .pictured a { background-color:#b63515; } /* CONTROLS */ .btn { height:61px; margin:0 5px; width:34px; float:left; cursor:pointer;-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; } #back { background:url("../../files/theme/images/boutonslide.png") no-repeat left bottom; } #back:hover { background:url("../../files/theme/images/boutonslide.png") no-repeat left top; } #next { background:url("../../files/theme/images/boutonslide.png") no-repeat right bottom; } #next:hover { background:url("../../files/theme/images/boutonslide.png") no-repeat right top; } #control { background:url("../../files/theme/images/boutonslide.png") no-repeat center bottom; } #control:hover { background:url("../../files/theme/images/boutonslide.png") no-repeat center top; } /* HEADER HAVIGATION */ #headernav-outer { position:relative; top:300px; margin:0 auto; width:960px; } #headernav { padding-left:824px; } #headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:300px; } #firstline {color:#fff; font: 22px 'DroidSansBold', Arial, sans-serif; padding:4px 13px 7px; float:left; display:block; text-transform:uppercase; margin-top:-70px; margin-left:70px; } #secondline { color:#ccc; text-decoration:none; font-size:14px; padding:0 13px 10px; float:left; display:block; clear:both; margin-top:15px; } #secondline:hover { text-decoration:none; color:#fffefe; } #bg { height:100%; width:100%; min-height:1880px; } #encartslide { width:485px; height:223px; padding:10px; background: url("../../files/theme/images/bgtxt.png") no-repeat top;} #tagline { width:100%; height:100px; background-color:#131313; padding:10px 0;float:left; margin:auto; border-bottom:4px solid #000;} #tagline p { width:800px; margin:auto; font: 22px/30px 'DroidSerifItalic', Arial, sans-serif; color:#fff; text-align:center; padding:20px;} /******************* GALERIE *************************/ ul.slides{ margin: 0!important; padding: 0!important; } ul.flex-direction-nav{ margin: 0!important; padding: 0!important; list-style-type:none!important; } ul.flex-direction-nav li{ list-style-type:none!important; } /******************* CIRCLES *************************/ .ch-grid { margin: 20px 0 0 0!important; padding: 0!important; list-style: none; display: block; text-align: center; width: 100%; } .ch-grid:after, .ch-item:before { content: ''; display: table; } .ch-grid:after { clear: both; } .ch-grid li { width: 218px; height: 218px; display: inline-block; margin: 30px !important; } .title li { width: 260px; height: 200px; display: inline-block; margin: 10px !important; } .title{ margin:auto!important; padding:0!important; width:960px; text-align:center; height: 145px; } .title li H2 { text-align:center!important; margin-top:-30px; } .ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .ch-item img { border:0!important; } .ch-thumb { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: absolute; box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5); -webkit-transform-origin: 95% 40%; -moz-transform-origin: 95% 40%; -o-transform-origin: 95% 40%; -ms-transform-origin: 95% 40%; transform-origin: 95% 40%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ch-thumb:after { content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 40%; left: 95%; margin: -4px 0 0 -4px; background: rgb(14,14,14); background: -moz-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); box-shadow: 0 0 1px rgba(255,255,255,0.9); } .ch-img-1 { background-image: url(../../files/eev_banques/images/design/bulle1.png); z-index: 12; } .ch-img-2 { background-image: url(../../files/eev_banques/images/design/bulle2.png); z-index: 11; } .ch-img-3 { background-image: url(../../files/eev_banques/images/design/bulle3.png); z-index: 10; } .ch-grid li:nth-child(3) img { padding:0!important; } .ch-info { position: absolute; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background: #f08c0f; box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05); } .ch-info h3 { color: #fff!important; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 18px; margin: 20px 65px; padding: 22px 0 0 0; height: 85px; font-family: 'Lato', Arial, sans-serif; text-align:center!important; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); } .ch-grid li:nth-child(2) h3 { margin: 20px 25px!important; } .ch-info p { color: #fff; padding: 10px 5px; font-style: italic; margin: -35px 20px 10px 20px!important; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); font-weight:900!important; text-align:center!important; } .ch-info p a { display: block; color: #000!important; width: 80px; height: 80px; background: rgba(255,255,255,0.3); border-radius: 50%; color: #fff; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding: 24px!important; margin: 0px auto 0!important; opacity: 0; font-weight:900!important; -webkit-transition: -webkit-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -moz-transition: -moz-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -o-transition: -o-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -ms-transition: -ms-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; transition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -webkit-transform: translateX(60px) rotate(90deg); -moz-transform: translateX(60px) rotate(90deg); -o-transform: translateX(60px) rotate(90deg); -ms-transform: translateX(60px) rotate(90deg); transform: translateX(60px) rotate(90deg); -webkit-backface-visibility: hidden; } .ch-info p a:hover { background: rgba(255,255,255,0.5); } .ch-item:hover .ch-thumb { box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2); -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -o-transform: rotate(-110deg); -ms-transform: rotate(-110deg); transform: rotate(-110deg); } .ch-item:hover .ch-info p a{ opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); font-weight:900!important; } .newstop { float: left; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; bottom:0; position: absolute; width: 300px; background-color: rgb(000, 000, 000); /* RGBa with 0.6 opacity */ background-color: rgba(000, 000, 000, 0.6); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000000, endColorstr=#000000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000000, endColorstr=#000000000)"; -moz-transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; } .layout_latest:hover .newstop { width: 300px; background-color: rgb(000, 000, 000); /* RGBa with 0.6 opacity */ background-color: rgba(000, 000, 000, 0.9); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000000, endColorstr=#000000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000000, endColorstr=#000000000)"; } .int input, .int label{ display:none; } #right .ff-container{ background-color: #f9f0e1; clear: both; float: left; font-size: 12px; letter-spacing: 0; margin-top:40px; } .ff-container{ } .ff-container label{ width: 93%; /*height: 30px;*/ line-height:19px; cursor: pointer; color: #000; float:left; font-size: 16px; font-style: italic; font-weight: 400 !important; padding: 5px 10px; text-align: left; text-decoration: none; } .ff-container label:hover{ background: #ffc229; color: #fff; } .ff-container input.ff-selector-type-all:checked ~ label.ff-label-type-all, .ff-container input.ff-selector-type-1:checked ~ label.ff-label-type-1, .ff-container input.ff-selector-type-2:checked ~ label.ff-label-type-2, .ff-container input.ff-selector-type-3:checked ~ label.ff-label-type-3, .ff-container input.ff-selector-type-4:checked ~ label.ff-label-type-4, .ff-container input.ff-selector-type-5:checked ~ label.ff-label-type-5, .ff-container input.ff-selector-type-6:checked ~ label.ff-label-type-6{ background: #ffc229; color: #fff; } .ff-container input{ display: none; } .ff-items{ position: relative; margin: 0px auto!important; padding: 20px 0 0 0!important; } .ff-items a{ display: block; position: relative; background: #fff; width: 100%; height: 187px; background-color:transparent!important; padding:0!important; } .ff-items a span{ display: block; background: #ff0085; font-style: italic; color: #fff; font-weight: bold; position: absolute; bottom: 0px; width: 100%; height: 0px; overflow: hidden; opacity: 0; text-align: center; text-shadow: 1px 1px 1px #303857; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ff-items a:hover span{ height: auto; padding:15px 0; opacity: 1; } .ff-items li img{ display: block; } .ff-items li{ margin: 5px 5px 20px 5px!important; float: left; height: 187px; -webkit-transition: opacity 0.6s ease-in-out; -moz-transition: opacity 0.6s ease-in-out; -o-transition: opacity 0.6s ease-in-out; -ms-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } .ff-container input.ff-selector-type-all:checked ~ .ff-items li, .ff-container input.ff-selector-type-1:checked ~ .ff-items .com1, .ff-container input.ff-selector-type-2:checked ~ .ff-items .com2, .ff-container input.ff-selector-type-3:checked ~ .ff-items .com3, .ff-container input.ff-selector-type-4:checked ~ .ff-items .com4, .ff-container input.ff-selector-type-5:checked ~ .ff-items .com5, .ff-container input.ff-selector-type-6:checked ~ .ff-items .com6, .ff-container input.ff-selector-type-7:checked ~ .ff-items .com7, .ff-container input.ff-selector-type-8:checked ~ .ff-items .com8, .ff-container input.ff-selector-type-9:checked ~ .ff-items .com9, .ff-container input.ff-selector-type-10:checked ~ .ff-items .com10, .ff-container input.ff-selector-type-11:checked ~ .ff-items .com11, .ff-container input.ff-selector-type-12:checked ~ .ff-items .com12, .ff-container input.ff-selector-type-13:checked ~ .ff-items .com13, .ff-container input.ff-selector-type-14:checked ~ .ff-items .com14, .ff-container input.ff-selector-type-15:checked ~ .ff-items .com15 { opacity: 1; } .ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.com1), .ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.com2), .ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.com3), .ff-container input.ff-selector-type-4:checked ~ .ff-items li:not(.com4), .ff-container input.ff-selector-type-5:checked ~ .ff-items li:not(.com5), .ff-container input.ff-selector-type-6:checked ~ .ff-items li:not(.com6), .ff-container input.ff-selector-type-7:checked ~ .ff-items li:not(.com7), .ff-container input.ff-selector-type-8:checked ~ .ff-items li:not(.com8), .ff-container input.ff-selector-type-9:checked ~ .ff-items li:not(.com9), .ff-container input.ff-selector-type-10:checked ~ .ff-items li:not(.com10), .ff-container input.ff-selector-type-11:checked ~ .ff-items li:not(.com11), .ff-container input.ff-selector-type-12:checked ~ .ff-items li:not(.com12), .ff-container input.ff-selector-type-13:checked ~ .ff-items li:not(.com13), .ff-container input.ff-selector-type-14:checked ~ .ff-items li:not(.com14), .ff-container input.ff-selector-type-15:checked ~ .ff-items li:not(.com15) { opacity: 0.1; } .ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.com1) span, .ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.com2) span, .ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.com3) span, .ff-container input.ff-selector-type-4:checked ~ .ff-items li:not(.com4) span, .ff-container input.ff-selector-type-5:checked ~ .ff-items li:not(.com5) span, .ff-container input.ff-selector-type-6:checked ~ .ff-items li:not(.com6) span, .ff-container input.ff-selector-type-7:checked ~ .ff-items li:not(.com7) span, .ff-container input.ff-selector-type-8:checked ~ .ff-items li:not(.com8) span, .ff-container input.ff-selector-type-9:checked ~ .ff-items li:not(.com9) span, .ff-container input.ff-selector-type-10:checked ~ .ff-items li:not(.com10) span, .ff-container input.ff-selector-type-11:checked ~ .ff-items li:not(.com11) span, .ff-container input.ff-selector-type-12:checked ~ .ff-items li:not(.com12) span, .ff-container input.ff-selector-type-13:checked ~ .ff-items li:not(.com13) span, .ff-container input.ff-selector-type-14:checked ~ .ff-items li:not(.com14) span, .ff-container input.ff-selector-type-15:checked ~ .ff-items li:not(.com15) span { display:none; } #col_droite-24 { float:left; clear:both; } a{ color: #333; text-decoration: none; } .container{ width: 100%; position: relative; text-align: center; } .clr{ clear: both; } .container > header{ padding: 20px 30px 10px 30px; margin: 0px 20px 10px 20px; position: relative; display: block; text-align: center; } .container > header h1{ font-size: 35px; line-height: 35px; position: relative; font-weight: 400; color: #6d7aa1; padding: 0px 0px 5px 0px; } .container > header h1 span{ color: #8997c0; } .container > header h2{ font-size: 16px; font-style: italic; color: #82858e; } /********* ISSUU *************/ .page_22 object { height:390px!important } .page_22 H2 { clear:both; } /********* DIVERS *************/ .portrait H3 { clear: both; background-color:#ff0085; color:#fff!important; padding:5px; } figcaption { clear: both; background-color:#ff0085; color:#fff!important; padding:5px; text-align:center; } .event a, .contenairhover { margin: 10px 0; } .event.cal_1.upcoming { margin: 11px 0 0; } /* VIDEOS */ .video-container { position: relative; padding-bottom: 54%; height: 0; overflow: hidden; clear:both; } .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: 99%; height: 100%; border:0; } .actuacceuil > p { margin-left: 183px !important; padding-bottom: 19px !important; } .actuacceuil a { font-size: 18px !important; padding: 3px 6px !important; } .RGPDcontact { margin-top: 10px; } .RGPDcontact input { width: auto!important; } .RGPDcontact label { display: inline !important; float: inherit !important; } /** * 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; } #wrapper { width:100%; margin:0 auto; } #logowide { display:none; } footer .inside { width:960px; margin:0 auto; } #container { width:960px; margin:0 auto; } /** #main .inside { width:960px; margin:0 auto; } */ #header .inside { width:960px; margin:0 auto; } #green .inside { width:960px; margin:0 auto; } /** * Set the default margin of the grid columns */ *[class*="grid"] { float:left; display:inline; margin-right:10px; margin-left:10px; } .mod_quicknav { display:none; } /** * Add a default margin to all content elements, so they align with the floatet * ones (otherwise you would have to add "grid12" to every element) */ .mod_article>* { margin-left:10px; margin-right:10px; } /** * Remove the margin from floated articles, because the margin is already * applied to its content elements (see above) */ .mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6, .mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12 { margin-left:0; margin-right:0; } /** * 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; } /** * Grid column widths */ .grid1 { width:60px; } .grid2 { width:140px; } .grid3 { width:220px; } .grid4 { width:300px; } .grid5 { width:380px; } .grid6 { width:460px; } .grid7 { width:540px; } .grid8 { width:620px; } .grid9 { width:700px; } .grid10 { width:780px; } .grid11 { width:860px; } .grid12 { width:940px; } /** * Floated articles can be 20 pixel wider (no margin) */ .mod_article.grid1 { width:80px; } .mod_article.grid2 { width:160px; } .mod_article.grid3 { width:240px; } .mod_article.grid4 { width:320px; } .mod_article.grid5 { width:400px; } .mod_article.grid6 { width:480px; } .mod_article.grid7 { width:560px; } .mod_article.grid8 { width:640px; } .mod_article.grid9 { width:720px; } .mod_article.grid10 { width:800px; } .mod_article.grid11 { width:880px; } .mod_article.grid12 { width:960px; } /** * Default offset widths */ .offset1 { margin-left:90px; } .offset2 { margin-left:170px; } .offset3 { margin-left:250px; } .offset4 { margin-left:330px; } .offset5 { margin-left:410px; } .offset6 { margin-left:490px; } .offset7 { margin-left:570px; } .offset8 { margin-left:650px; } .offset9 { margin-left:730px; } .offset10 { margin-left:810px; } .offset11 { margin-left:890px; } .offset12 { margin-left:970px; } /** * 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 */ #wrapper { width:100%; } footer .inside { width:744px; margin:0 auto; } .boutons ul li { background-size: cover; height: 47px !important; } .page_3 iframe, #cont_226309e6f5b5130aa7287ecdf11d0b91 { width: 228px !important; } .layout_latest img, .layout_latest figure { width: 100% !important; } .newstop, .layout_latest H2 { width: 100% !important; } .page_3 #main H1 { font-size: 29px !important; float:left!important; } #main H1 { font-size: 25px !important; } .page_3 #ctrl_1 { width: 60%!important; } nav { margin-top: 10px; width: 100%; } .mod_quicknav { display:none; } #logowide { display:block; background-color: #fff; } #logowide a { margin:auto; float:inherit; } #logo { display:none; } #boutons { margin-top: 0 !important; position: relative !important; z-index: 1003 !important; } nav { position: relative !important; top:0 !important; } #logo { top:-40px !important; } header nav > ul > li { margin: 0 3px!important; } header nav > ul > li:nth-child(1) { margin-left:50px; } header nav > ul > li > ul { display:none; } .box { height: 380px !important; } #ctrl_email_38 { width: 100px; } .fbtitre H3, .nltitre H3 { padding:0 !important; text-align:center !important; } #container { width:744px; margin:0 auto; } #header .inside { width:744px; margin:0 auto; } #green .inside { width:744px; margin:0 auto; } /** * Reduce the grid column widths */ .grid1 { width:42px; } .grid2 { width:104px; } .grid3 { width:166px; } .grid4 { width:228px; } .grid5 { width:290px; } .grid6 { width:352px; } .grid7 { width:414px; } .grid8 { width:476px; } .grid9 { width:538px; } .grid10 { width:600px; } .grid11 { width:662px; } .grid12 { width:724px; } /** * Floated articles can be 20 pixel wider (no margin) */ .mod_article.grid1 { width:62px; } .mod_article.grid2 { width:124px; } .mod_article.grid3 { width:186px; } .mod_article.grid4 { width:248px; } .mod_article.grid5 { width:310px; } .mod_article.grid6 { width:372px; } .mod_article.grid7 { width:434px; } .mod_article.grid8 { width:496px; } .mod_article.grid9 { width:558px; } .mod_article.grid10 { width:620px; } .mod_article.grid11 { width:682px; } .mod_article.grid12 { width:744px; } /** * Reduce the offset widths */ .offset1 { margin-left:72px; } .offset2 { margin-left:134px; } .offset3 { margin-left:196px; } .offset4 { margin-left:258px; } .offset5 { margin-left:320px; } .offset6 { margin-left:382px; } .offset7 { margin-left:444px; } .offset8 { margin-left:506px; } .offset9 { margin-left:568px; } .offset10 { margin-left:630px; } .offset11 { margin-left:692px; } .offset12 { margin-left:754px; } } @media (min-width:767px) { body.page_5 { background: url("../../files/theme/images/fonds/bg-presentation.jpg") top center fixed no-repeat!important; } body.page_7 { background: url("../../files/theme/images/fonds/bg-gramines.jpg") top center fixed no-repeat!important; } body.page_14, body.page_16, body.page_4, body.page_6, body.page_18,body.page_28, body.page_29, body.page_13 { background: url("../../files/theme/images/fonds/bg-eco.jpg") top center fixed no-repeat!important; } body.page_3 { background: transparent!important; } } /** * 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 */ body { background-image:none!important; } #logowide { clear: both; display: block; } header { background-color: #fff; height: auto; } .navbouton { margin-top:20px !important; margin-bottom:30px; } .ce_image img { width:100%; margin-bottom:15px; } .portrait img { width:100%; } #wrapper { width:auto; } .mod_quicknav { width:100%; display:block; width:100%; text-align:center; padding-bottom: 20px; } #footer .mentionsline{ text-align:center; } #footer { border-top:0; } #logo, #logofooter { display:none; } #main { float:none!important; } #slider { margin-top:250px; } .leftsubmenu { display:none!important; } #main H1 { width:100%; font-size: 25px; } .boutons ul li { background-size: cover; height: auto; width: 100%; background-position: 0 0!important; } .issuuembed { width:100%!important; } .boutons a { height: 60px !important; } #index H2 { background-color: #7b7755 !important; color: #FFFFFF !important; margin: 0px !important; padding: 0px !important; width: 100% !important; position:relative !important; font: 18px/36px 'ComfortaaBold', Arial, sans-serif !important; } #boutons { display:none; } header nav { display:none; } #footer .tabularasa { margin-top: 30px !important; text-align: center !important; } #footer .tabularasa a { float: none!important; } #bg { display: none!important; } .page_3 #main H1 { float: none!important; } .alaune img { width:100%!important; } .alaune figure { float:inherit!important; } .layout_latest:hover .newstop, .newstop { position: relative; width: 100%; margin-bottom: 30px !important; } #container { width:auto; margin:0 auto; } #header .inside { width:auto; margin:0 auto; } .page_25 .ff-items a { height:auto!important; } .page_25 .ff-items img { width:100%!important; } .page_25 #col_droite-24 { display:none!important; } #dlh_googlemap_1 { width: 100% !important; } .page_25 .ff-items a span { float:left; height:50px!important; position:relative!important; opacity:1!important; } footer .inside { width:auto; margin:0 auto; } #boutons { position:relative !important; margin-top:80px !important; } /** * Show all columns underneath each other */ *[class*="grid"],.inside>*[class*="grid"] { float:none; display:block; width:auto; margin:0; } } @media (min-width:1024px) { /** * Remove the overall width */ #container { width:980px; padding-left:20px; } #main H1 { } #logo { margin-left: -20px; border:5px solid #fff; background-color:#fff; } nav { margin-right: -20px; } }