/* Contao Open Source CMS, (C) 2005-2012 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 "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-2012 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}#header,#footer{height: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;-ms-interpolation-mode:bicubic;width:auto\9}.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} /* Contao Open Source CMS, (C) 2005-2012 Leo Feyer, LGPL license */ #wrapper{width:960px;margin:0 auto}*[class*="grid"]{float:left;display:inline;margin-right:10px;margin-left:10px}.mod_article>*{margin-left:10px;margin-right:10px}.inside>*[class*="grid"]{margin-left:0;margin-right:0}.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"],.inside>*[class*="grid"]{float:none;display:block;width:auto;margin:0}} /* MediaElement.js 2.9.5, (c) 2010-2012 John Dyer , MIT/GPLv2 */ .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.9.5/images/bigplay.png") no-repeat}.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.9.5/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.9.5/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.9.5/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.9.5/images/controls.png") no-repeat}.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;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-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-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.9.5/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.9.5/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.9.5/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.9.5/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} /* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen , MIT-style license */ #mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline} @charset "UTF-8"; /* * * Généralités * ********************************************************************************************/ body { font-family: Arial, sans-serif; font-size: 14px; color: #212c4c; background: #000000; } .clear { clear: both; } a { color: #0A2FBC; text-decoration: none; } a:hover { text-decoration: underline; } #wrapper { background-color: #ffffff; width: auto; } #main { width: 680px; background: url("../../files/dmo-ingenierie/design/images/fond_container.jpg") no-repeat scroll center bottom #ffffff; padding-bottom: 410px; } #main .inside { margin: 0; } #main .inside h1 { text-align: left; color: #232d53; font-size: 24px; font-family: Arial, sans-serif; padding: 7px 0; margin-bottom: 20px; } #main .inside h2 { text-align: left; color: #232d53; font-size: 18px; font-family: Arial, sans-serif; padding: 7px 0; } #main .inside figure.float_right { margin: 0 0 15px 15px; } #main .inside figure.float_left { margin: 0 15px 15px 0; } #main .mod_article ul { margin: 0 0 12px 20px; list-style-type: disc; } #main .mod_article ol { margin: 0 0 12px 20px; list-style-type: decimal; } #main .mod_article ol li, #main .mod_article ul li { margin: 10px 0 0 0; } #main .mod_article blockquote { border-left: 5px solid #A0A0A0; color: #A0A0A0; margin-left: 8px; padding-left: 8px; } #iti_submit_configuration { background-color: #E2006A; border: 1px solid #C0BFC0; color: #FFFFFF; cursor: pointer; font-size: 13px; font-weight: bold; padding: 2px 10px; } #home_actus_menu_vertical, #home_actus_menu_horizontal, #home_agenda_menu_vertical, #home_agenda_menu_horizontal, #home_actus_lien_voir_toutes, #home_agenda_lien_voir_toutes { display: none; } /* * * Entête * ********************************************************************************************/ #header { overflow: visible; height: 275px; background-color: #0a2fbc; } #header .inside { height: 212px; background-color: #fbd603; padding-top: 32px; } #header #logo { display: block; width: 1050px; margin: 0 auto; background: #ffffff url("../../files/dmo-ingenierie/design/images/header_fond.jpg") center top no-repeat; height: 243px; position: relative; } #header #logo img { position: absolute; margin-left: 30px; top: 25px; } #header #logo .sup { color: #fbd603; display: block; font-family: Arial; font-size: 36px; font-style: italic; font-weight: bold; margin-top: 29px; position: absolute; right: 65px; } #header #logo .sub { bottom: 48px; color: #232c53; font-family: 'Raleway'; font-size: 22px; position: absolute; right: 35px; text-align: right; display: block; } #header #logo .sub .bold { font-weight: bold; } #header #logo .sub .separate { display: inline-block; height: 18px; padding: 0 5px 0 3px; width: 10px; background: url("../../files/dmo-ingenierie/design/images/separate.png") center top no-repeat; } #recherche_rapide .text, #main #recherche .text { border: 1px solid #d0cbcb; border-radius: 10px; color: #d0cbcb; font-style: italic; height: 43px; padding: 0 25px 0 10px; font-family: 'Raleway'; width: 277px; background: #ffffff url("../../files/dmo-ingenierie/design/images/loupe.png") right center no-repeat; } #recherche_rapide .submit, #main #recherche .submit { display: none; } #container { width: 1030px; margin: 0 auto; padding: 0 10px; } /* * * Fil d'ariane * ********************************************************************************************/ .mod_breadcrumb { font-size: 11px; margin-left: 10px; } .mod_breadcrumb ul { margin: 0; } .mod_breadcrumb ul li { display: inline; } .mod_breadcrumb a { color: #6f6f6f; } .mod_breadcrumb span { color: #404040; } /* * * Pied de page * ********************************************************************************************/ #footer { background: #000000 url("../../files/dmo-ingenierie/design/images/footer-background.jpg") center top no-repeat; position: relative; height: 272px; color: #ffffff; font-size: 14px; } #footer > .inside { height: 275px; } #footer > .inside > .inside { width: 1050px; margin: 0 auto; height: 216px; } #footer .group { background: url("../../files/dmo-ingenierie/design/images/ingenieur.png") no-repeat scroll 45% top transparent; height: 480px; margin-top: -264px; position: absolute; width: 1050px; } #footer .group > .inside { margin-top: 322px; background: url("../../files/dmo-ingenierie/design/images/logo.png") center left no-repeat; height: 96px; background-size: auto 100%; padding-left: 120px; } #footer .black { bottom: 0; position: absolute; text-align: center; width: 100%; } #footer .black .iti a { color: #ffffff; display: inline-block; font-weight: bold; height: 29px; padding-left: 35px; padding-top: 14px; background: url("../../files/dmo-ingenierie/design/images/logo_iti.png") center left no-repeat; } #footer nav ul { padding: 0; margin: 0; } #footer nav ul li { /*float:left;*/ display: inline-block; padding: 0 10px; margin: 10px 0 20px; border-right: 1px solid #FBD603; } #footer nav ul li > * { text-decoration: none; color: #ffffff; } #footer nav ul li:first-child { padding-left: 0; } #footer nav ul li:last-child { padding-right: 0; border: none; } #footer address { font-style: normal; } /* * * Formulaires * ********************************************************************************************/ .form .widget { margin-bottom: 10px; } label { cursor: pointer; } textarea.focus, textarea:focus, select:focus, select.focus, input[type=checkbox].focus, input[type=checkbox]:focus, input[type=text].focus, input[type=text]:focus { border: 1px solid #A8DF8B; } label.focus { color: #1E941F; } textarea, select, input[type=text] { border: 1px solid #c0bfc0; padding: 2px; } input[type=radio] { margin: 0 5px 0 5px; } input.text { width: 350px; } select.text { width: 356px; } textarea.textarea { width: 350px; height: 150px; } .pagination ul { margin-top: 10px; list-style-type: none; } .pagination ul li { float: left; margin-right: 10px; } /* * * Recherche * ********************************************************************************************/ #recherche .formbody { height: 30px; } #recherche .header { margin: 15px 0; } #recherche div.even, #recherche div.odd { margin: 15px 0; } #recherche h3 { background: none; margin: 0; padding: 0; } #recherche .relevance, #recherche .url { display: none; } #recherche .highlight { font-weight: bold; } #main .mod_realisations_listing_categorie .categorie, #main .mod_realisations_listing_categorie .realisation, #main .mod_realisations_listing_one_realisation .categorie, #main .mod_realisations_listing_one_realisation .realisation { box-shadow: 5px -5px 15px #e2e2e2; width: 310px; float: left; margin-top: 10px; border: 1px solid #d0cccb; margin-bottom: 15px; border-radius: 20px; background-color: #d0cccb; } #main .mod_realisations_listing_categorie .categorie.odd, #main .mod_realisations_listing_categorie .realisation.odd, #main .mod_realisations_listing_one_realisation .categorie.odd, #main .mod_realisations_listing_one_realisation .realisation.odd { float: right; margin-right: 10px; } #main .mod_realisations_listing_categorie .categorie:nth-child(2n):after, #main .mod_realisations_listing_categorie .realisation:nth-child(2n):after, #main .mod_realisations_listing_one_realisation .categorie:nth-child(2n):after, #main .mod_realisations_listing_one_realisation .realisation:nth-child(2n):after { clear: both; content: " "; display: block; float: none; } #main .mod_realisations_listing_categorie .categorie div.label, #main .mod_realisations_listing_one_realisation div.label { font-family: 'Raleway'; font-size: 18px; text-transform: uppercase; color: #cccacb; padding: 10px 10px 10px 50px; background-color: #ffffff; border-radius: 20px 20px 0 0; } #main .mod_realisations_listing_categorie .categorie div.label.industrie-logistique, #main .mod_realisations_listing_one_realisation div.label.industrie-logistique { background: #ffffff url("../../files/dmo-ingenierie/design/images/pictos/industrie.png") 8px center no-repeat; } #main .mod_realisations_listing_categorie .categorie div.label.tertiaire, #main .mod_realisations_listing_one_realisation div.label.tertiaire { background: #ffffff url("../../files/dmo-ingenierie/design/images/pictos/tertiaire.png") 8px center no-repeat; } #main .mod_realisations_listing_categorie .categorie div.label.commerce, #main .mod_realisations_listing_one_realisation div.label.commerce { background: #ffffff url("../../files/dmo-ingenierie/design/images/pictos/commerce.png") 8px center no-repeat; } #main .mod_realisations_listing_categorie .categorie div.label.restauration, #main .mod_realisations_listing_one_realisation div.label.restauration { background: #ffffff url("../../files/dmo-ingenierie/design/images/pictos/restauration.png") 8px center no-repeat; } #main .mod_realisations_listing_categorie .categorie a.exemple, #main .mod_realisations_listing_one_realisation .realisation a.exemple { background-color: #ffffff; border-radius: 20px; display: block; margin: 15px; min-height: 255px; } #main .mod_realisations_listing_categorie .categorie a.exemple:hover, #main .mod_realisations_listing_one_realisation .realisation a.exemple:hover { text-decoration: none; } #main .mod_realisations_listing_categorie .categorie a.exemple img, #main .mod_realisations_listing_one_realisation .realisation a.exemple img { display: block; width: 100%; border-radius: 20px 20px 0 0; } #main .mod_realisations_listing_categorie .categorie a.exemple span.teaser, #main .mod_realisations_listing_one_realisation .realisation a.exemple span.teaser { display: block; border-radius: 0 0 20px 20px; margin: 8px 15px 0; font-family: 'Raleway'; } #main .mod_realisations_listing_categorie .categorie a.exemple span.teaser span.title, #main .mod_realisations_listing_one_realisation .realisation a.exemple span.teaser span.title { color: #535152; font-size: 16px; } #main .mod_realisations_listing_categorie .categorie a.exemple span.teaser p, #main .mod_realisations_listing_one_realisation .realisation a.exemple span.teaser p { color: #a3a1a2; font-size: 12px; padding-bottom: 20px; } #main .mod_realisations_listing_one_realisation { background: #D0CCCB; border-radius: 20px; border: 1px solid #D0CCCB; } #main .mod_realisations_listing_one_realisation .realisation { background: transparent; border: none; box-shadow: none; margin-bottom: 5px; margin-left: 15px; } #main .mod_realisations_listing_one_realisation .realisation a.exemple > img { height: 150px; object-fit: cover; } #main .mod_realisations_listing_one_realisation .realisation.odd { margin-left: 0; margin-right: 15px; } #main .mod_realisations_details { color: #2b2b2d; } #main .mod_realisations_details > img { display: block; } #main .mod_realisations_details .details h1 { margin-top: 0; margin-bottom: 15px; font-weight: bold; } #main .mod_realisations_details .details .description { width: 310px; float: left; } #main .mod_realisations_details .details .infos { width: 290px; float: right; background-color: #bec2c3; background-image: -webkit-linear-gradient(top, #bec2c3, #efe6e9); background-image: linear-gradient(to bottom, #bec2c3, #efe6e9); padding: 25px 10px; border: 1px solid #0A2FBC; border-radius: 12px; } #main .mod_realisations_details .details .infos ul li { color: #0a2fbc; } #main .mod_realisations_details .details .infos ul li span { color: #2b2b2d; } #main .mod_realisations_details .outside h2 { color: #8c8a8b; font-family: 'Raleway'; text-transform: lowercase; } #main .mod_realisations_details .outside .other { background: #d1cbcb; box-shadow: 5px -5px 15px #e2e2e2; padding: 1px; margin-bottom: 15px; margin-right: 10px; border-radius: 12px; } #main .mod_realisations_details .outside .realisation { margin: 15px; float: left; width: 160px; } #main .mod_realisations_details .outside .realisation a.exemple { display: block; background: #ffffff; border-radius: 0 0 12px 12px; } #main .mod_realisations_details .outside .realisation a.exemple > img { display: block; } #main .mod_realisations_details .outside .realisation a.exemple .teaser { padding: 5px 10px 10px; display: block; color: #515151; } #main .mod_realisations_details .outside .realisation a.exemple:hover { text-decoration: none; } #nous-contacter .ce_form, #nous-contacter #carte_google_map { background: #d1cbcb; box-shadow: 5px -5px 15px #e2e2e2; border-radius: 12px; border: 1px solid #d1cbcb; margin-top: 10px; } #nous-contacter #carte_google_map { border-radius: 12px 12px 0 0; padding-bottom: 100px; } #nous-contacter #champ_adresse { background: #d1cbcb; box-shadow: 5px 15px 15px #e2e2e2; border-radius: 0 0 12px 12px; border: 1px solid #d1cbcb; margin-top: -85px; padding: 0 55px; font-family: 'Raleway'; } #nous-contacter #champ_adresse table { width: 100%; } #nous-contacter #champ_adresse table td { padding-left: 20px; } #nous-contacter #champ_adresse table td:first-child { border-right: 1px solid #242d54; width: 250px; } #nous-contacter .ce_form h2, #nous-contacter #carte_google_map h2 { font-family: 'Raleway'; font-size: 18px; text-transform: uppercase; color: #cccacb; padding: 10px 10px 10px 60px; background-color: #ffffff; border-radius: 12px 12px 0 0; margin-top: 0; background: #ffffff url("../../files/dmo-ingenierie/design/images/pictos/contact.png") 10px center no-repeat; } #nous-contacter #carte_google_map h2 { background: #ffffff url("../../files/dmo-ingenierie/design/images/pictos/map.png") 12px center no-repeat; } #nous-contacter .ce_form form { padding: 20px 30px 30px; } #nous-contacter .ce_form form br { display: none; } #nous-contacter .ce_form form label { display: none; } #nous-contacter .ce_form form input, #nous-contacter .ce_form form textarea { padding: 15px; border-radius: 12px; border: 1px solid #0A2FBC; font-style: italic; font-size: 12px; } #nous-contacter .ce_form form input { width: 250px; float: left; margin-bottom: 30px; margin-right: 15px; } #nous-contacter .ce_form form input:nth-child(2n) { float: right; margin-right: 0; } #nous-contacter .ce_form form input:nth-child(2n):after { content: " "; clear: both; float: none; display: block; } #nous-contacter .ce_form form textarea { width: 565px; display: block; clear: both; margin-bottom: 30px; } #nous-contacter .ce_form form .submit_container { text-align: center; } #nous-contacter .ce_form form .submit_container input { float: none; clear: both; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #d1cbcb; border-color: #242d54; font-style: normal; background-color: #242d54; cursor: pointer; } #nous-contacter .ce_form form .submit_container input:hover { background-color: #d1cbcb; color: #242d54; } #nous-contacter #carte_google_map .dlh_googlemap { margin: 20px 30px 0px; border-radius: 12px; border: 1px solid #ffffff; } /*# sourceMappingURL=general.css.map */ /* * * Entête * ********************************************************************************************/ #header { /* height: 174px; -moz-box-shadow: 0px 5px 5px -2px #767475; -webkit-box-shadow: 0px 5px 5px -2px #767475; -o-box-shadow: 0px 5px 5px -2px #767475; box-shadow: 0px 5px 5px -2px #767475; filter:progid:DXImageTransform.Microsoft.Shadow(color=#767475, Direction=180, Strength=5);*/ } /* * * Entête - Menu principal * ********************************************************************************************/ #header #menu_principal { display: none; } /* * * Principal * ********************************************************************************************/ body #main { margin: 0; } body #main .inside { margin: 0; } body #container { box-shadow:2px 10px 12px #e0e0e0 } /* * * Colonne droite * ********************************************************************************************/ #right{ margin-left: 35px; width: 315px; z-index: 50; } /* * * Colonne droite - Menu principal * ********************************************************************************************/ #right #menu_principal_vertical, #right #menu_contact { font-family: 'Raleway', sans-serif; width: 100%; background-color: #fcd80f; background-image: -webkit-linear-gradient(top, #fcd80f, #fef0a2); background-image: linear-gradient(to bottom, #fcd80f, #fef0a2); padding-bottom: 35px; } #right #menu_principal_vertical ul.level_1 li, #right #menu_contact ul.level_1 li { position: relative; } #right .bloc-container{ background-color:#d0cbcb; border-radius: 7px; box-shadow: 5px -5px 15px #e2e2e2; margin-top: 15px; padding:15px; } #right h3.titre-realisations, #right h3.titre-contact{ margin:0; padding: 0; font-size: 17px; background:url("../../files/dmo-ingenierie/design/images/fond_menu_realisations.png") left top no-repeat; padding:10px 110px 2px 30px; text-transform: uppercase; color:#b0abab; font-family: 'Raleway'; font-weight: 600; } #right h3.titre-realisations > *, #right h3.titre-contact > *{ color:#b0abab; text-decoration: none; } #right h3.titre-realisations > *.active, #right h3.titre-realisations > *:hover, #right h3.titre-contact > *.active, #right h3.titre-contact > *:hover{ color:#0A2FBC; text-decoration: none; } #right h3.titre-contact{ background:url("../../files/dmo-ingenierie/design/images/fond_menu_contact.png") left top no-repeat; margin-top: -35px; } #right nav#menu_contact{ background: #fcd602; padding-bottom: 0px; } #right nav ul li{ background: url("../../files/dmo-ingenierie/design/images/puce_menu.png") 40px center no-repeat; display: block; } #right nav ul li > * { display: block; font-size: 16px; color:#555353; padding:10px 10px 10px 55px; text-decoration: none; font-weight: 400; } #right nav ul li > *.active, #right nav ul li > *:hover{ text-decoration: none; color: #0A2FBC; } #right .slider .sss{ padding-top: 45px; } #right .mod_realisations_teaser { margin-bottom: 20px; width: 285px; } #right .mod_realisations_teaser .inside{ background: #ffffff; font-family: 'Raleway'; padding:0 0 15px 0; } #right .mod_realisations_teaser img{ display: block; } #right .mod_realisations_teaser .teaser{ padding:15px; } #right .mod_realisations_teaser .teaser h3{ font-size: 16px; color:#535152; margin:0 0 10px 0; padding:0; } #right .mod_realisations_teaser .teaser h3 span{ display: inline-block; background: url("../../files/dmo-ingenierie/design/images/puce_menu.png") left center no-repeat; margin-left: 5px; padding-left: 15px; } #right .mod_realisations_teaser .teaser p{ color:#535152; font-size: 12px; } #right .mod_realisations_teaser .lien{ margin: 10px 15px 0 15px; } #right .mod_realisations_teaser .lien a{ background:#0A2FBC url("../../files/dmo-ingenierie/design/images/puce_menu_blanc.png") 15px center no-repeat; color:#ffffff; font-size: 13px; display: inline-block; padding:10px 25px 10px 30px; text-decoration: none; } #right .mod_realisations_teaser .lien a:hover{ text-decoration: none; /* * * Généralités * ********************************************************************************************/ #header #menu_principal .dropdown-toggle .caret { border-top-color: #E2006A; border-bottom-color: #E2006A; margin-top: 6px; } #header #menu_principal .dropdown-toggle:hover .caret { border-top-color: #fff; border-bottom-color: #fff; } /* move down carets for tabs */ #header #menu_principal .dropdown-toggle .caret { margin-top: 8px; } #header #menu_principal .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } #header #menu_principal .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } #header #menu_principal > .dropdown.active > a:hover { cursor: pointer; } #header #menu_principal li.dropdown.trail .caret, #header #menu_principal li.dropdown.open .caret, #header #menu_principal li.dropdown.open.active .caret, #header #menu_principal li.dropdown.open a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } #header #menu_principal ul li.open a { text-decoration: none; background-color: #e2006a; color: #fff; } #header #menu_principal ul.level_1 li.open ul.level_2 { display: block; opacity: 1; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 5px; } /* Format intermédiaire (tablette) */ @media(min-width:768px) and (max-width:979px) { body { background: none; background-color: #373737; } #wrapper { /* width:744px;*/ /*border: 1px solid #c0c0c0;*/ } #header #menu_principal ul.level_1 li a, #header #menu_principal ul.level_1 li span { padding: 10px 23px 0; font-size: 15px; } /* Actualités */ #home_actus_menu_horizontal .layout_latest, #home_actus_menu_vertical .layout_latest { width: 100%; float: none; margin-top: 15px; } #home_actus_menu_horizontal .layout_latest.first, #home_actus_menu_vertical .layout_latest.first, #home_actus_menu_horizontal .layout_latest.first img, #home_actus_menu_vertical .layout_latest.first img, #home_actus_menu_horizontal .layout_latest.first .bloc_contenu, #home_actus_menu_vertical .layout_latest.first .bloc_contenu { width: 100%; float: none; } #home_actus_menu_horizontal .layout_latest.first .bloc_contenu, #home_actus_menu_vertical .layout_latest.first .bloc_contenu { width: 96%; } /* Agenda */ body #main .inside #home_agenda_menu_horizontal .bloc_event, body #main .inside #home_agenda_menu_vertical .bloc_event { width: 90%; } #home_agenda_menu_horizontal .event, #home_agenda_menu_vertical .event { width: auto; } } /* Format smartphone */ @media(max-width:767px) { body { background: none; background-color: #000; } #wrapper { width:auto; background: none; background-color: #fff; } #header { background-image: none; background-color: #E2006A; } #header #logo { /*margin: 0;*/ } #left { display: none; } #recherche_rapide{ position:relative; top:0; right: 0; margin: 10px auto; } body #main { margin-left: 0; width: auto; } #footer #menu_pied ul li{ margin-right:20px; } /* Actualités */ #home_actus_menu_horizontal .layout_latest, #home_actus_menu_vertical .layout_latest { width: 100%; float: none; margin-top: 15px; } #home_actus_menu_horizontal .layout_latest.first, #home_actus_menu_vertical .layout_latest.first, #home_actus_menu_horizontal .layout_latest.first img, #home_actus_menu_vertical .layout_latest.first img, #home_actus_menu_horizontal .layout_latest.first .bloc_contenu, #home_actus_menu_vertical .layout_latest.first .bloc_contenu { width: 100%; float: none; height:auto; } #home_actus_menu_horizontal .layout_latest.first .bloc_contenu, #home_actus_menu_vertical .layout_latest.first .bloc_contenu { width: auto; position:relative; } /* Agenda */ body #main .inside #home_agenda_menu_horizontal .bloc_event, body #main .inside #home_agenda_menu_vertical .bloc_event { width: auto; height:auto; } #home_agenda_menu_horizontal .event, #home_agenda_menu_vertical .event { float: none; width: auto; margin-left: 80px; } } html.menu-resp #mobile_lien_menu { display: block; background: url("../../files/dmo-ingenierie/design/images/menu_bouton.png") center center no-repeat #000; overflow: hidden; width: 0; padding-left: 50px; height: 40px; position: absolute; top: 10px; border: 1px solid #000; border-radius: 5px 5px 5px 5px; right: -60px; } html.menu-resp #mobile_lien_menu:hover { text-decoration: none; } html.menu-resp #menu_principal{ background: #000000; position: fixed; top:0; left: 0; height: 100%; width: 250px; z-index: 40; transform: translate(0px, 0px); transition: all 0.3s ease-in-out 0s; transform:translate3d(-250px, 0px, 0px); overflow:visible; } html.menu-resp #menu_principal ul { padding: 0; margin: 0; } html.menu-resp #menu_principal li { list-style-type: none; padding: 2px 20px; margin-bottom: 1px; } html.menu-resp #menu_principal ul.level_1 li { border-bottom: 1px solid #6F6F6F; } html.menu-resp #menu_principal ul.level_2 li, html.menu-resp #menu_principal ul.level_3 li, html.menu-resp #menu_principal ul.level_4 li, html.menu-resp #menu_principal ul.level_5 li { border: none; } html.menu-resp #menu_principal li a, html.menu-resp #menu_principal li span { display: block; color: #fff; padding: 5px 0; } html.menu-resp #menu_principal > ul{ position:relative; z-index: 50; height: 100%; overflow-y:scroll; } html.menu-resp .page-fixed{ position: fixed; overflow: hidden; overflow-y: hidden; } html.menu-resp #wrapper{ transform: translate(0px, 0px); transition: all 0.3s ease-in-out 0s; transform:translate3d(0, 0px, 0px); } html.menu-resp .win-fixed{ overflow: hidden; overflow-y: hidden; } @media print { * { background: none; } #header { height: 180px; box-shadow: none; } .no-print, #header #menu_principal, #header #recherche_rapide, #left #menu_principal_vertical, #main #fil_ariane, #footer #menu_pied { display: none; } #main .inside h2 { padding: 0; } #footer { box-shadow: none; } }