body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} 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}header,footer,nav,section,aside,article,figure,figcaption{display:block}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:400}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:700}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} /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (files/tinymce.css). */ .warning { color:#c55; font-size:1.1em; } .confirmation { color:#090; font-size:1.1em; } .information { color:#999; font-size:0.9em; } .btn {background-color:#f44029;border-radius: 4px;display: inline-block;padding:3px 8px;color:#fff;} .orange {color: #f44029;font-size: 14px;text-transform: uppercase;} .orange-lower {color: #f44029;font-size: 18px;text-transform: none;} .nom { font-family: DINRegular; font-size:14px; color:#231f20;text-transform: uppercase;} .fonction {font-family: Arial; font-size: 12px;color: #f44029;} .metier {font-family: Arial;font-size: 12px; color: #686868;} .encart{display:inline-block;background-color: #f5f5f5;font-size: 11px;font-family: Arial;color:#343434;padding:5px 7px;} .vertical {border-left:1px solid #f44029; padding-left:10px;} /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */ .mejs-offscreen{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:polygon(0 0,0 0,0 0,0 0);position:absolute!important;height:1px;width:1px;overflow:hidden}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.mejs-container:focus{outline:none}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.svg) no-repeat}.no-svg .mejs-overlay-button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.png)}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:url(../../assets/jquery/mediaelement/2.21.2/images/loading.gif) 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/controls.svg) no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/controls.png)}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:10px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time a{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-moz-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:linear-gradient(rgba(44,124,145,.8),rgba(78,183,212,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls a.mejs-horizontal-volume-slider{height:26px;width:56px;position:relative;display:block;float:left;vertical-align:middle}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button:hover .mejs-captions-selector{visibility:visible}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(20,20,20,.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:700}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px!important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:0 0;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{display:none;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:0;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{display:block}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:#21f8f8}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:11.5px;color:#fff;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs-controls .mejs-button.mejs-jump-forward-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/jumpforward.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/skipback.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:0 0;font-size:9px;line-height:normal;color:#fff} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /**** ************************************** Name : GENERAL.LESS / GENERAL.CSS Description : NEUT general website stylesheet Creation : Thursday 17th of July of 2014 Author : Romain MALARDE, Keyline Web Agency ************************************** ****/ /** MAIN TAGS **/ /** Cards on home **/ .card { overflow: visible; } .card .content-slider { width: 100% !important; background: #efefef; box-shadow: 0px 0px 5px #abaead; border-radius: 5px; display: flex; justify-content: center; } .card .slider-wrapper { width: 90% !important; display: flex; justify-content: space-between; } .card .slider-wrapper .ce_text { width: 40% !important; } .card .slider-wrapper .ce_text h2 { font-family: DinRegular; color: #f44029; font-size: 12px; text-transform: uppercase; margin-top: 20px; } .card .slider-wrapper .ce_text p { font-family: arial; font-size: 12px; color: #686868; } .card .slider-wrapper .ce_text a { margin-top: 10px; color: #000000; /*font-weight: bold;*/ text-decoration: none; background: url(../../files/neut/images/home/picto-fleche-rouge.png) no-repeat left center rgba(255, 255, 255, 0); padding-left: 10px; } .card .slider-wrapper .ce_image { width: 40% !important; } .card .slider-wrapper .ce_player { width: 50% !important; padding-top: 30px; margin-bottom: 30px; } .card .slider-wrapper .ce_player video { width: 100%; height: auto; } .card .slider-wrapper .ce_youtube { width: 50% !important; padding-top: 30px; margin-bottom: 30px; } .card .slider-wrapper .ce_youtube iframe { width: 100%; height: auto; } .card .slider-control { display: none; } .ce_youtube #mep_0 { position: inherit; } div.breh .mejs-layers, div.breh .mejs-controls, div.breh .mejs-clear { display: none; } * { outline: none; } html { padding: 0; margin: 0; } body.home { background: url(../../files/neut/images/general/bg.jpg) repeat-x top left #eeeeee; margin: 0; padding: 0; } body { background: #ececec url('../../files/neut/images/header/header_bg_standard.png') repeat-x left top; font-family: Arial; } a { color: #f44029; } /** FONT **/ @font-face { font-family: DINBlack; src: url(../../files/neut/font/DIN.eot); src: url(../../files/neut/font/DIN.eot?#iefix) format('embedded-opentype'), url(../../files/neut/font/DIN_Black.ttf); } @font-face { font-family: DINBold; src: url(../../files/neut/font/DIN.eot); src: url(../../files/neut/font/DIN.eot?#iefix) format('embedded-opentype'), url(../../files/neut/font/DIN_Bold.ttf); } @font-face { font-family: DINMedium; src: url(../../files/neut/font/DIN.eot); src: url(../../files/neut/font/DIN.eot?#iefix) format('embedded-opentype'), url(../../files/neut/font/DIN_Medium.ttf); } @font-face { font-family: DINRegular; src: url(../../files/neut/font/DIN.eot); src: url(../../files/neut/font/DIN.eot?#iefix) format('embedded-opentype'), url(../../files/neut/font/DIN_Regular.ttf); } /** VARAIBLE **/ /** MAIN CLASS **/ .clearer:after, .clear:after, .clear { clear: both; } .nego-oui { display: block; } .nego-non { display: none; } .left { float: left; } .right { float: right; } img { display: block; } .code { display: none; } .map-text { display: none; } .gmap .sous-titre { font-size: 15px; margin-bottom: 20px; } .gmap .titre a { color: #000; text-decoration: none; } .gmap .titre a:hover { text-decoration: underline; } .pagination { margin-top: 40px; margin-bottom: 20px; } .pagination ul { text-align: center; } .pagination li { display: inline-block; } .pagination li a, .pagination li span.current { margin-right: 10px; display: block; width: 30px; height: 30px; background-color: #fff; color: #343434; font-size: 16px; line-height: 30px; text-align: center; border-radius: 4px; background-clip: padding-box; } .pagination li a:hover, .pagination li span.current:hover { color: #fff; background-color: #f44029; } .pagination li span.current { color: #fff; background-color: #f44029; } ul { list-style-type: disc; list-style-position: inside; } ul li { list-style-type: disc; list-style-position: inside; } ul ul, ul ol, ol ul, ol, ol { padding-left: 20px; } ul ul li { list-style-type: circle; } ul ol li { list-style-type: decimal; } .home .mod_newslist h3 { text-transform: uppercase; font-family: DINBold; font-size: 12px; line-height: 14px; color: #749c23; margin-left: 17px; margin-right: 14px; margin-top: 0; } #actualites h3 a { color: #749c23; text-decoration: none; } .home .mod_newslist .teaser { padding: 0 14px 0 17px; } /*.mod_newslist { height: 232px; position: relative; }*/ .mod_newslist .more { margin-bottom: 0; } .mod_newslist .more a { color: #f44029; text-decoration: none; } .caroufredsel_wrapper { margin-bottom: 11px !important; } .text-right { text-align: right; } .text-right .btn { text-align: right; text-decoration: none; } #main #glossaire h3 { background-color: #f4f4f4; color: #000; text-transform: uppercase; font-family: Arial; font-size: 14px; background-image: none; padding: 10px; margin-bottom: 4px; } .mod_glossaryCustomMenu { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; background: url('../../files/neut/images/general/glossaire_tri.png') no-repeat left top; padding: 10px 10px 10px 64px; margin-bottom: 32px; } .mod_glossaryCustomMenu ul, .mod_glossaryCustomMenu li { list-style-type: none; display: inline-block; margin-bottom: 0; } .mod_glossaryCustomMenu li { width: 26px; height: 26px; margin-right: 9px; } .mod_glossaryCustomMenu li:hover, .mod_glossaryCustomMenu li.active { background-color: #f53f29; } .mod_glossaryCustomMenu li a { display: block; height: 26px; line-height: 26px; color: #211f20; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 14px; } .mod_glossaryCustomMenu a:hover, .mod_glossaryCustomMenu li.active a { color: #fff; } .mod_glossaryCustomList dl { padding-top: 32px; } .mod_glossaryCustomList dl:first-child { padding-top: 0; } .mod_glossaryCustomList dt { padding-left: 50px; background: url('../../files/neut/images/general/glossaire_fleche.png') no-repeat left top; margin-bottom: 5px; text-transform: uppercase; font-weight: bold; margin-top: 33px; } .mod_glossaryCustomList dt:first-child { margin-top: 0; } #main .mod_glossaryCustomList .ce_text { margin-bottom: 0; } .mod_glossaryCustomList dd { padding-left: 50px; padding-bottom: 33px; border-bottom: 1px solid #f4f4f4; padding-top: 32px; } .mod_glossaryCustomList .toplink { display: none; } .mod_customnav.documents { text-align: center; padding-bottom: 27px; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; } .mod_customnav.documents ul { display: inline-block; margin-bottom: 0; } .mod_customnav.documents ul, .mod_customnav.documents li { list-style-type: none; } .mod_customnav.documents li { display: inline-block; margin-right: 25px; } .mod_customnav.documents li:last-child { margin-right: 0; } .mod_customnav.documents a, .mod_customnav.documents span { background-color: #ebebeb; display: inline-block; border-radius: 5px; padding: 3px 7px; color: #686868; font-size: 12px; text-decoration: none; } .mod_customnav.documents a:hover, .mod_customnav.documents span { background-color: #f44029; color: #fff; } section.documents { padding-bottom: 22px; border-bottom: 1px solid #ebebeb; margin-bottom: 22px; } .documents .ce_image { width: 149px; margin: 0 auto; } .documents img { width: auto; display: inline; } .documents .caption { text-align: center; font-size: 12px; font-weight: bold; color: #000; margin-top: 15px; margin-bottom: 15px; height: 35px; } .documents .ce_download { text-align: center; width: 93px; margin: 0 auto; } .documents .ce_download a { color: #f44029; display: inline-block; text-align: center; text-decoration: none; padding: 3px 7px; border: 1px solid #f44029; border-radius: 5px; } .tl_multitextwizard img { display: inline; } span.color, img.color { display: inline-block; width: 20px; height: 20px; border-radius: 10px; vertical-align: middle; border: 1px solid #a7a7a7; } #coloris .separateur { display: inline-block; vertical-align: middle; margin: 0 10px; color: #686868; } #coloris>div .separateur:last-child { display: none; } .ce { position: absolute; right: 0; top: 325px; } .nouveau { position: absolute; top: 328px; right: 62px; } .nouveau-right { right: 0; } .productList .nouveau { top: 14px; left: 14px; right: auto; } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } #contact hr { border: none; border-top: 1px solid #ebebeb; margin: 25px 0; } #contact .pseudoform { background-color: #f9f9f9; padding: 20px; border: 1px solid #f3f3f3; border-radius: 4px; } #contact .widget { margin-bottom: 15px; } .mod_newsreader { font-size: 12px; color: #686868; } .mod_newsreader .back { text-align: right; padding-bottom: 12px; border-bottom: 1px dotted #d3d3d3; } .mod_newsreader .back a { color: #000404; font-size: 11px; text-decoration: none; padding-left: 15px; background: url('../../files/neut/images/header/navigation/produits/picto-fleche-actif.jpg') no-repeat left center; } .mod_newsreader h2 { font-size: 18px; font-family: DINMedium; text-transform: uppercase; margin-bottom: 7px; color: #749c23; } .mod_newsreader .infos { margin-top: 0; color: #686868; font-size: 11px; } .mod_newsreader img { display: inline; } #main .mod_newsreader h3 { background-image: none; font-size: 16px; padding-bottom: 0; margin-bottom: 12px; } body.page_404 #main .inside, body.page_403 #main .inside { padding-left: 20px; padding-right: 20px; } body.page_404 #main .ce_text p, body.page_403 #main .ce_text p { font-family: DINBold; font-size: 22px; color: #010101; line-height: normal; } body.page_404 #main .ce_text p strong, body.page_403 #main .ce_text p strong { font-size: 42px; color: #f44029; padding-left: 236px; display: block; text-align: left; } body.page_404 #main .ce_text, body.page_403 #main .ce_text { text-align: center; } body.page_404 #main .list_404 ul li, body.page_403 #main .list_404 ul li { font-size: 16px; color: #010101; } body.page_404 #main .list_404 ul li, body.page_403 #main .list_404 ul li { list-style-type: none; list-style-image: none; /*url('../../files/neut/images/general/404_puce.jpg');*/ } @media screen and (max-width: 480px) { .ce_sliderStart img { width: 100%; height: auto; } } /*.ce_sliderStart img { width: 100%; height: auto; }*/ .ce_text ul { padding-left: 30px; } .ce_text ul li { list-style-position: outside; } header .mod_login p.error { padding: 5px 13px 0 13px; color: #f44029; } .mod_lostPassword p.error { position: absolute; top: 50px; } .mod_lostPassword .fields .widget:first-child label.error { margin-top: 25px; } .home .ce_sliderStart img { width: 100%; height: auto; } /**** ************************************** Name : HEADER.LESS / HEADER.CSS Description : NEUT header website stylesheet Creation : Thursday 17th of July of 2014 Author : Romain MALARDE, Keyline Web Agency ************************************** ****/ /** DEFAULT VALUES **/ /** HEADER **/ #header { /*background:url(../../files/neut/images/header/bg_header.jpg) repeat-x;*/ background: rgba(255, 255, 255, 0.3); position: static; z-index: 100; } .home #header .container { margin: 0 auto; width: 950px; } #header .container { padding: 0; /*margin: 0 auto; width: 960px;*/ position: relative; /* #article-header{ width:@largeurpage; */ /* } */ } #header .container #logo { float: left; /* height: 88px;*/ cursor: pointer; } #header .container #logo figure { display: block; } #header .container #logo figure a { display: block; } #header .container #logo figure a img { /* height: 88px;*/ width: 80px; display: block; } #header .container #slogan { float: left; margin-left: 15px; margin-top: 15px; cursor: pointer; } #header .container #slogan h1 { color: #343434; font-size: 14px; font-family: DINRegular; } #header .container #liens { float: right; width: auto;/*230px*/ text-align: right; font-family: DINRegular; } #header .container #liens ul, #header .container #liens ul li { list-style-type: none; } #header .container #liens ul { text-align: left; /*float: right;*/ height: 30px; margin: 0; /* li:first-child{ padding-left:30px; background:url(../../files/neut/images/header/picto_espacePro.png) no-repeat 10px center rgba(255,255,255,0); background-size:12px 16px; color:@rouge; border-top-left-radius:5px; border-top-right-radius:5px; cursor:pointer; } li:first-child.prorouge{ background:url(../../files/neut/images/header/picto_espacePro_actif.png) no-repeat 10px center @rouge; color:#ffffff; cursor:pointer; } */ } #header .container #liens ul li { float: left; padding: 0px 15px; height: 31px; line-height: 31px; font-size: 12px; position: relative; } #header .container #liens ul li:after { content: " "; position: absolute; height: 11px; width: 1px; background-color: #dcdcdc; top: 10px; right: 0px; } #header .container #liens ul li.fr:after, #header .container #liens ul li.en:after { display: none; } #header .container #liens ul li a { display: block; height: 31px; line-height: 31px; font-size: 12px; color: #000000; text-decoration: none; } #header .container #liens ul li:nth-child(3) { } #header .container #liens ul li:nth-child(3) a { padding-left: 24px; background: url(../../files/neut/images/header/picto_contact.png) no-repeat left center; background-size: 16px 13px; } #header .container #liens ul li:last-child { padding-right: 0; } #header .container #liens ul li.fr a { padding-right: 0; background: url(../../files/neut/images/header/picto_drapeau_fr.png) no-repeat left center; background-size: 16px 11px; color: rgba(0, 0, 0, 0); width: 17px; overflow: hidden; text-indent: 100%; white-space: nowrap; } #header .container #liens ul li.fr{ padding-right: 5px; } #header .container #liens ul li.en { padding-left: 0; width: 16px; } #header .container #liens ul li.en a { background: url(../../files/neut/images/header/picto_drapeau_en.jpg) no-repeat left center; overflow: hidden; text-indent: 100%; white-space: nowrap; } #header .container #moteurderecherche { /*float: right; margin-top: 25px;*/ position: absolute; right: 0; bottom: 6px; } #header .container #moteurderecherche form { margin-bottom: 0px; } #header .container #moteurderecherche form .formbody, .mod_search form .formbody { background: #f44029; border-radius: 5px; padding: 2px; } .mod_search form .formbody { display: inline-block; } #header .container #moteurderecherche form .formbody .text, .mod_search form .formbody .text { width: 130px; height: 22px; border-radius: 5px; border-style: none; font-size: 12px; font-style: italic; color: #a3a3a3; padding: 0px 10px; } .mod_search form .formbody .text { width: 300px; } .mod_search h2 { font-size: 13px; } #header .container #moteurderecherche form .formbody .submit_container, #header .container #moteurderecherche form .formbody .widget-text, .mod_search form .formbody .submit_container, .mod_search form .formbody .widget-text { display: inline; } #header .container #moteurderecherche form .formbody .submit, .mod_search form .formbody .submit { cursor: pointer; border: none; color: rgba(0, 0, 0, 0); background: url(../../files/neut/images/header/btn_submit.jpg) no-repeat left center; width: 20px; } #header .container #moteurderecherche form p.header { display: none; } #header .container #navigation { float: right; margin-top: 24px; margin-right: 205px; overflow: visible; } #header .container #navigation ul, #header .container #navigation ul li { list-style-type: none; /** NEUT SA **/ /** NOS PRODUITS **/ /** COMMUNICATION **/ /** DOCUMENTS **/ } #header .container #navigation ul.level_1 li { float: left; padding: 0px 15px; height: 32px; line-height: 32px; } #header .container #navigation ul.level_1 li a, #header .container #navigation ul.level_1 li span { text-transform: uppercase; color: #070705; text-decoration: none; font-weight: bold; } #header .container #navigation ul.level_1 li a.trail, #header .container #navigation ul.level_1 li span.trail { color: #f44029; } #header .container #navigation ul.level_1 li:hover { background: #f44029; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; } #header .container #navigation ul.level_1 li:hover a, #header .container #navigation ul.level_1 li:hover span { color: #ffffff; position: relative; } #header .container #navigation ul.level_1 li:hover ul.level_2 { display: block; padding: 0; position: absolute; z-index: 20; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0px 3px 5px #abaead; -moz-box-shadow: 0px 3px 5px #abaead; -webkit-box-shadow: 0px 3px 5px #abaead; } #header .container #navigation ul.level_1 li:first-child ul.level_2 { border-top: 2px solid #595959; background: #ffffff; margin-left: -15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 10000; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li { float: none; line-height: 50px; height: 50px; } #header .container #navigation ul.level_1 li:first-child ul.level_2 > li { padding:0 12px; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li span { color: #000000; font-weight: normal; font-size: 14px; line-height: 49px; height: 49px; padding-left: 50px; border-bottom: 1px solid #eee; display: block; background: url(../../files/neut/images/header/spritemenu.png) no-repeat 0 0; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li a.trail, #header .container #navigation ul.level_1 li:first-child ul.level_2 li span.active, #header .container #navigation ul.level_1 li:first-child ul.level_2 li span.trail { color: #f44029; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:hover { position: relative; background: #ffffff; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:hover a { color: #f44029; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:hover ul.level_3 { display: block; position: absolute; left: 100%; top: 0; z-index: 100; box-shadow: 0px 3px 5px #abaead; -moz-box-shadow: 0px 3px 5px #abaead; -webkit-box-shadow: 0px 3px 5px #abaead; width: 200px; background: #f0f0f0; border-left: 2px solid #ffffff; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:hover ul.level_3 li { width: auto; line-height: 30px; height: 30px; background: #f0f0f0; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:hover ul.level_3 li .inside-item { position: relative; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:hover ul.level_3 li a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:hover ul.level_3 li span { line-height: 30px; height: 30px; background: none; color: #000000; padding-left: 15px; text-transform: capitalize; font-size: 11px; background: url(../../files/neut/images/header/navigation/neut/picto-fleche.jpg) no-repeat left center; border: none; display: block; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:hover ul.level_3 li:hover a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:hover ul.level_3 li:hover span { color: #f44029; background: url(../../files/neut/images/header/navigation/neut/picto-fleche-actif.jpg) no-repeat left center; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:first-child a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:first-child span { background-position: -3px -416px; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(2) a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(2) span { background-position: -3px 0; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(3) a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(3) span { background-position: -3px -312px; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(4) a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(4) span { background-position: -3px -104px; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:last-child a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:last-child span { background-position: -3px -208px; border: none; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:first-child:hover a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:first-child:hover span, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:first-child a.trail, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:first-child span.trail, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:first-child span.active { background-position: -2px -465px; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(2):hover a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(2):hover span, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(2) a.trail, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(2) span.trail, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(2) span.active { background-position: -3px -50px; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(3):hover a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(3):hover span, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(3) a.trail, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(3) span.trail, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(3) span.active { background-position: -2px -361px; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(4):hover a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(4):hover span, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(4) a.trail, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(4) span.trail, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:nth-child(4) span.active { background-position: -2px -153px; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #header .container #navigation ul.level_1 li:first-child ul.level_2 li:last-child:hover a, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:last-child:hover span, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:last-child a.trail, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:last-child span.trail, #header .container #navigation ul.level_1 li:first-child ul.level_2 li:last-child span.active { background-position: -2px -257px; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 { width: 960px; /* margin-left: -417px; */ border-top: 2px solid #595959; background: #ffffff; position: absolute; top: 87px; left: 0; z-index: 10000; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li { width: 174px; padding: 20px 2px 10px 15px; margin: 0; float: left; line-height: 18px; display: inline-block; height: auto; /*background:url(../../files/neut/images/header/navigation/produits/bg-barre-grise-verticale.jpg) no-repeat right center #ffffff;*/ } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li a, #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li span { background: url(../../files/neut/images/header/navigation/produits/bg-barre-grise-horizontale.png) no-repeat bottom center #ffffff; padding: 0px 0px 0px 20px; margin: 0; color: #000000; font-family: DINRegular; font-weight: normal; display: block; height: 50px; text-transform: uppercase; font-weight: bold; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 { margin: 0; /*padding: 20px 0px 0px 0px;*/ padding: 0; margin-top: 20px; width: 174px; display: block; padding-right:10px; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li.last ul.level_3 { border-right: none; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 li { float: none; padding: 10px 3px 10px 20px; border-radius: 5px; line-height: 16px; width: 151px; height: auto; background: url(../../files/neut/images/header/navigation/produits/picto-rond.png) no-repeat 5px 15px #ffffff; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 li a, #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 li span { background: none; line-height: 16px; height: auto; color: #000000; text-transform: capitalize; font-weight: normal; font-size: 11px; font-family: arial; padding: 0; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 li ul.level_4 { display: none; position: absolute; background: #f0f0f0; z-index: 40; margin: 0; margin-top: 10px; padding: 0; left: 0; width: 940px; border-top: 2px solid #595959; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0px 3px 5px #abaead; -moz-box-shadow: 0px 3px 5px #abaead; -webkit-box-shadow: 0px 3px 5px #abaead; padding: 10px 10px; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 li ul.level_4 li { background: #f0f0f0; float: left; width: 305px; padding: 5px 0px 5px 0px; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 li ul.level_4 li a, #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 li ul.level_4 li span { background: url(../../files/neut/images/header/navigation/produits/picto-fleche.jpg) no-repeat left center #f0f0f0; color: #000000; padding-left: 15px; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 li ul.level_4 li:hover { background: #f0f0f0; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 li ul.level_4 li:hover a, #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 li ul.level_4 li:hover span { color: #f44029; background: url(../../files/neut/images/header/navigation/produits/picto-fleche-actif.jpg) no-repeat left center #f0f0f0; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 li:hover { background: url(../../files/neut/images/header/navigation/produits/picto-rond-actif.png) no-repeat 5px 15px #f44029; border-top-left-radius: 5px; border-top-right-radius: 5px; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li ul.level_3 li:hover a { color: #ffffff; } #header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li:hover { background: url(../../files/neut/images/header/navigation/produits/bg-barre-grise-horizontale.png) no-repeat 50% 60px transparent; border: none; } /*#header .container #navigation ul.level_1 li:nth-child(2) ul.level_2 li:nth-child(4) ul.level_3 { padding-top: 20px; }*/ #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 { border-top: 2px solid #595959; background: #ffffff; margin-left: -15px; } #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li { background: #ffffff; float: none; line-height: 50px; height: 50px; } #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li span { color: #000000; font-weight: normal; font-size: 14px; line-height: 49px; height: 49px; padding-left: 50px; display: block; border-bottom: 1px solid #eee; } #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:hover { position: relative; } #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:hover a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.active a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.trail a { color: #f44029; } #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:hover ul.level_3 { display: block; position: absolute; left: 100%; top: 0; z-index: 30; box-shadow: 0px 3px 5px #abaead; -moz-box-shadow: 0px 3px 5px #abaead; -webkit-box-shadow: 0px 3px 5px #abaead; width: 200px; background: #f0f0f0; /*border-left: 2px solid #ffffff;*/ } #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:hover ul.level_3 li { width: auto; line-height: 30px; height: 30px; background: #f0f0f0; } #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:hover ul.level_3 li a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:hover ul.level_3 li span { line-height: 30px; height: 30px; background: none; color: #000000; padding-left: 15px; text-transform: capitalize; font-size: 11px; background: url(../../files/neut/images/header/navigation/communication/picto-fleche.jpg) no-repeat left center; display: block; } #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:hover ul.level_3 li:hover a { color: #f44029; background: url(../../files/neut/images/header/navigation/communication/picto-fleche-actif.jpg) no-repeat left center; } /*#header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:first-child a {*/ #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-actus a { background: url(../../files/neut/images/header/navigation/communication/picto-actualite.png) no-repeat left center; } /*#header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:first-child:hover a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:first-child.active span, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:first-child.trail span*/ #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-actus:hover a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-actus.active span, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-actus.trail span { color: #f44029; background: url(../../files/neut/images/header/navigation/communication/picto-actualite-actif.png) no-repeat left center; } /*#header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:nth-child(2) a {*/ #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-themes a { background: url(../../files/neut/images/header/navigation/communication/picto-theme.png) no-repeat left center; } /*#header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:nth-child(2):hover a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:nth-child(2).active span, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:nth-child(2).trail span*/ #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-themes:hover a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-themes.active span, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-themes.trail span { color: #f44029; background: url(../../files/neut/images/header/navigation/communication/picto-theme-actif.png) no-repeat left center; } /*#header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:nth-child(3) a {*/ #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-revuedepresse a { background: url(../../files/neut/images/header/navigation/communication/picto-presse.png) no-repeat left center; } /*#header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:nth-child(3):hover a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:nth-child(3).active span, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:nth-child(3).trail span*/ #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-revuedepresse:hover a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-revuedepresse.active span, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-revuedepresse.trail span { color: #f44029; background: url(../../files/neut/images/header/navigation/communication/picto-presse-actif.png) no-repeat left center; } /*#header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:last-child a {*/ #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-videos a { background: url(../../files/neut/images/header/navigation/communication/picto-video.png) no-repeat left center; border: none; } #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-zoom:hover a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-zoom.active span, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-zoom.trail span { color: #f44029; background: url(../../files/neut/images/header/navigation/communication/picto-zoom-actif.png) no-repeat left center; } #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-zoom a { background: url(../../files/neut/images/header/navigation/communication/picto-zoom.png) no-repeat left center; border: none; } /*#header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:last-child:hover a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:last-child.active span, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li:last-child.trail span*/ #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-videos:hover a, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-videos.active span, #header .container #navigation ul.level_1 li:nth-child(3) ul.level_2 li.picto-videos.trail span { color: #f44029; background: url(../../files/neut/images/header/navigation/communication/picto-video-actif.png) no-repeat left center; } #header .container #navigation ul.level_2 { display: none; } #header .container #navigation ul.level_3 { display: none; border-right: 1px solid #ededed; } #header .container #navigation ul.level_4 { display: none; } #header .container #navigation ul.level_5 { display: none; } #header .container #espacepro { float: right; width: auto;/*110px;*/ /*margin-left: 250px;*/ text-align: right; font-family: DINRegular; position: relative; } #header .container #espacepro a.espacepro { padding-left: 30px; padding-right: 10px; background: url(../../files/neut/images/header/picto_espacePro.png) no-repeat 10px center rgba(255, 255, 255, 0); background-size: 12px 16px; color: #f44029; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; text-decoration: none; display: block; height: 31px; line-height: 31px; } #header .container #espacepro a.espacepro.prorouge { background: url(../../files/neut/images/header/picto_espacePro_actif.png) no-repeat 10px center #f44029; color: #ffffff; cursor: pointer; } #header .container #espacepro #form-espacepro { text-align: left; display: none; position: absolute; top: 30px; left: 0; z-index: 100; width: 286px; background: #ffffff; border-top: 2px solid #595959; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0px 3px 5px #abaead; -moz-box-shadow: 0px 3px 5px #abaead; -webkit-box-shadow: 0px 3px 5px #abaead; } #header .container #espacepro #form-espacepro label { font-size: 11px; color: #000000; font-weight: bold; } #header .container #espacepro #form-espacepro input[type=text] { margin-top: 10px; width: 115px; } #header .container #espacepro #form-espacepro input[type=password] { margin-top: 10px; width: 115px; } #header .container #espacepro #form-espacepro .c1 { margin-top: 10px; float: left; width: 117px; /*border-bottom:1px solid #f0f0f0;*/ padding: 0px 13px 5px 13px; } #header .container #espacepro #form-espacepro .c2 { margin-top: 10px; float: left; width: 117px; /*border-bottom:1px solid #f0f0f0;*/ padding: 0px 13px 5px 13px; } #header .container #espacepro #form-espacepro .forgotpassword { clear: both; text-align: right; padding-right: 13px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; } #header .container #espacepro #form-espacepro .forgotpassword a { color: #686868; font-size: 8px; } #header .container #espacepro #form-espacepro .getaccess { float: left; width: 160px; padding-left: 13px; padding-top: 10px; margin-bottom: 10px; } #header .container #espacepro #form-espacepro .getaccess a { text-decoration: none; color: #686868; background: url(../../files/neut/images/header/picto-fleche-rouge.jpg) no-repeat left center; padding-left: 10px; } #header .container #espacepro #form-espacepro .submit_container { float: right; text-align: right; width: 100px; margin-bottom: 10px; padding-right: 13px; } #header .container #espacepro #form-espacepro .submit_container input { padding: 0; margin: 0; background: #f44029; color: #ffffff; font-weight: bold; font-size: 12px; border: none; border-radius: 5px; padding: 3px 10px; cursor: pointer; } .mod_login.logout { height: 31px; line-height: 31px; text-align: right; font-size: 12px; font-family: DinRegular; } .mod_login.logout span { font-weight: bold; color:#f44029; margin-right: 10px; } .mod_login.logout input[type="submit"] { padding: 0; border: none; background-image: none; border-radius: 0; background-color: transparent; cursor: pointer; font-size: 12px; background-color: #f44029; color: #fff; border-radius: 5px; padding:3px 5px; } /**** ************************************** Name : FOOTER.LESS / FOOTER.CSS Description : NEUT footer website stylesheet Creation : Thursday 17th of July of 2014 Author : Romain MALARDE, Keyline Web Agency ************************************** ****/ /** DEFAULT VALUES **/ /** FOOTER **/ #footer { width: 100%; background: #343434; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #footer .inside { width: 960px; margin: 0 auto; background: #343434; } #footer .inside .nav-produits { background: #343434; padding: 0px; float: left; margin-left: 46px; } #footer .inside .nav-produits ul, #footer .inside .nav-produits ul li { list-style-type: none; } #footer .inside .nav-produits ul.level_1 li:first-child { padding-bottom: 20px; width: 155px; } #footer .inside .nav-produits ul.level_1 li:first-child a, #footer .inside .nav-produits ul.level_1 li:first-child span { color: #aeaeae; text-decoration: none; font-size: 14px; text-transform: uppercase; font-family: DINRegular; font-weight: normal; } #footer .inside .nav-produits ul.level_1 li { width: 155px; padding: 3px 0px; } #footer .inside .nav-produits ul.level_1 li a, #footer .inside .nav-produits ul.level_1 li span { color: #a1a1a1; text-decoration: none; font-size: 11px; } #footer .inside #nav-ortheses { margin-left: 0px; } #footer .inside #nav-ortheses ul.level_1 li:first-child, #footer .inside #nav-protheses ul.level_1 li:first-child, #footer .inside #nav-pied ul.level_1 li:first-child { padding-bottom: 35px; } #footer .inside #liens-sites ul li { float: left; } #footer .inside #liens-sites ul li a { text-decoration: none; color: rgba(255, 255, 255, 0.5); font-size: 11px; font-weight: normal; line-height: 12px; } #footer .inside #liens-sites ul li:first-child { padding-left: 0px; } #footer .inside #liens-sites ul li:last-child { padding-right: 0px; } #footer .inside #liens-sites ul li:last-child:after { content: ""; color: rgba(255, 255, 255, 0.5); padding-right: 0px; } #footer .inside #liens-sites ul li:after { content: "|"; padding: 0px 7px; color: rgba(255, 255, 255, 0.5); font-size: 11px; font-weight: normal; } #footer .inside #copyright { color: rgba(255, 255, 255, 0.5); font-size: 11px; font-weight: normal; } #footer .inside .footer-separator { clear: both; margin: 15px 0px; width: 100%; height: 3px; background: url(../../files/neut/images/footer/separator.png) no-repeat center top #343434; } #footer .inside #partenaires h2 { float: left; margin: 20px 0px; color: #aeaeae; font-family: arial; font-size: 11px; background: #424242; border-radius: 5px; padding: 7px 13px; } #footer .inside #partenaires ul, #footer .inside #partenaires > div { float: left; margin-top: 13px; } #footer .inside #partenaires ul li, #footer .inside #partenaires .item, #footer .inside #partenaires .owl-item{ float: left; margin-left: 25px; } #footer .inside #certifications { margin-top: 13px; } #liens-sites ul, #liens-sites ul li, #footer .inside #partenaires ul, #footer .inside #partenaires ul li { list-style-type: none; } #footer .mod_sitemap { clear: both; } #footer .mod_sitemap ul { padding-left: 0; } #footer .mod_sitemap .level_1 > li { display: inline-block; float: left; margin-right: 46px; width: 155px; } #footer .mod_sitemap .level_1 > li:last-child { margin-right: 0; } #footer .mod_sitemap .level_1 > li a { color: #aeaeae; text-decoration: none; font-size: 14px; text-transform: uppercase; font-family: DINRegular; font-weight: normal; } #footer .mod_sitemap .level_1 > li > a { display: block; height: 30px; } #footer .mod_sitemap .level_2 { margin-top: 5px; } #footer .mod_sitemap .level_3 { display: none; } #footer .mod_sitemap .level_2 > li { float: none; display: block; width: 155px; padding: 3px 0px; } #footer .mod_sitemap .level_2 > li a { color: #a1a1a1; text-decoration: none; text-transform:none; font-family: Arial; font-size: 11px; } #footer .carousel { float: left; width: 745px; margin-top: 15px; } #footer .carousel .item { float: left; } #footer .carousel .image_container { position:relative; display:block; } #footer .carou_nav { position: absolute; right: 120px; top: 3px; } #footer .carou_nav a { color: rgba(255, 255, 255, 0); display: block; height: 15px; width: 15px; line-height: 15px; /*position: absolute; top: 25px;*/ } #footer .carou_nav #prev { background: url("../../files/neut/images/home/slider/button_prev.png") no-repeat center right rgba(255, 255, 255, 0); background-size: cover; margin-bottom: 4px; /*left: 108px;*/ } #footer .carou_nav #next { background: url("../../files/neut/images/home/slider/button_next.png") no-repeat center right rgba(255, 255, 255, 0); background-size: cover; /*right: 138px;*/ } /**** ************************************** Name : STANDARD.LESS / STANDARD.CSS Description : NEUT standard page stylesheet Creation : Thursday 17th of July of 2014 Author : Romain MALARDE, Keyline Web Agency ************************************** ****/ /** DEFAULT VALUES **/ /** HEADER **/ #header { background: #ffffff; } /** CONTAINER **/ #container { background: #ffffff; border-radius: 5px; margin-bottom: 70px; padding-bottom: 20px; } .gmap #container { padding-bottom: 0; } /** breadcrumb + titre page ***/ .custom .mod_breadcrumb ul li { font-family: arial; font-size: 10px; display: block; color: #949494; text-decoration: none; height: 25px; line-height: 25px; padding: 0; float: left; } .custom .mod_breadcrumb ul li a { color: #949494; text-decoration: none; height: 25px; line-height: 25px; } .custom .mod_breadcrumb ul li:after { content: ">"; margin: 0 5px; } .custom .mod_breadcrumb ul li.first { display: none; } .custom .mod_breadcrumb ul li.last:after { content: ""; } .custom .titre-page { font-family: DINRegular; font-size: 30px; text-transform: uppercase; color: #000403; margin: 10px 0; } /*** fin breadcrumb titre page ***/ #main .inside { padding: 40px 20px 0 40px; } .gmap #main .inside { padding: 0 20px 0 0px; } /*#main { float: left; width: 640px; }*/ #main .mod_article.block { overflow: visible; } #main .ce_text { margin-bottom: 20px; } #main .ce_text.last { margin-bottom: 0px !important; } #main .separator { height: 1px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; } #main p, .ce_accordion table p, .ce_accordion table td { font-family: arial; font-size: 12px; line-height: 14px; color: #686868; margin-bottom: 12px; } ul { color: #686868; font-family: arial; font-size: 12px; } #main p strong { color: #000000; } #main h3 { background: url(../../files/neut/images/page/barre-rouge.png) no-repeat bottom left #ffffff; font-family: DINRegular; font-size: 24px; color: #010101; text-transform: uppercase; padding-bottom: 10px; margin-top: 0px; margin-bottom: 20px; } #main h4 { margin: 0; font-family: DINMedium; font-size: 14px; color: #000000; text-transform: uppercase; } #main ol, .puce-orange-numerote { margin-left: 10px; margin-bottom: 0; color: #686868; font-family: arial; } #main ol li, .puce-orange-numerote li { padding-left: 20px; list-style: none; line-height: 14px; margin: 8px 0; } #main ol li:first-child, .puce-orange-numerote li:first-child{ background: url(../../files/neut/images/page/list/nb1.png) no-repeat 0% 10% rgba(255, 255, 255, 0); } #main ol li:nth-child(2), .puce-orange-numerote li:nth-child(2){ background: url(../../files/neut/images/page/list/nb2.png) no-repeat 0% 10% rgba(255, 255, 255, 0); } #main ol li:nth-child(3), .puce-orange-numerote li:nth-child(3){ background: url(../../files/neut/images/page/list/nb3.png) no-repeat 0% 10% rgba(255, 255, 255, 0); } #main ol li:nth-child(4), .puce-orange-numerote li:nth-child(4){ background: url(../../files/neut/images/page/list/nb4.png) no-repeat 0% 10% rgba(255, 255, 255, 0); } #main ol li:nth-child(5), .puce-orange-numerote li:nth-child(5){ background: url(../../files/neut/images/page/list/nb5.png) no-repeat 0% 10% rgba(255, 255, 255, 0); } #main ol li:nth-child(6), .puce-orange-numerote li:nth-child(6){ background: url(../../files/neut/images/page/list/nb6.png) no-repeat 0% 10% rgba(255, 255, 255, 0); } #main ol li:nth-child(7), .puce-orange-numerote li:nth-child(7){ background: url(../../files/neut/images/page/list/nb7.png) no-repeat 0% 10% rgba(255, 255, 255, 0); } #main ol li:nth-child(8), .puce-orange-numerote li:nth-child(8){ background: url(../../files/neut/images/page/list/nb8.png) no-repeat 0% 10% rgba(255, 255, 255, 0); } #main ol li:nth-child(9), .puce-orange-numerote li:nth-child(9){ background: url(../../files/neut/images/page/list/nb9.png) no-repeat 0% 10% rgba(255, 255, 255, 0); } #main ol li:nth-child(10), .puce-orange-numerote li:nth-child(10){ background: url(../../files/neut/images/page/list/nb10.png) no-repeat 0% 10% rgba(255, 255, 255, 0); } #main .citation { background: url(../../files/neut/images/page/coin-blanc.png) no-repeat top right #f44029; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 15px; } #main .citation p { margin-bottom: 0; color: #ffffff; font-size: 14px; font-family: DINMedium; background: url(../../files/neut/images/page/double-quote.png) no-repeat left center #f44029; padding-left: 25px; text-transform: uppercase; } #main .post-it { display: block; height: 170px; /*width: 270px;*/ border: 3px solid #ebebeb; border-radius: 5px; padding: 20px; } #main .post-it p { line-height: 14px; } #main .post-it p em { color: #f44029; } #main .bloc-certificat { width: 190px; height: 80px; padding: 15px; background: url(../../files/neut/images/page/coin-blanc.png) no-repeat top right #f44029; border-top-left-radius: 5px; margin-bottom: 0px; } #main .bloc-certificat p { color: #ffffff; font-family: arial; font-size: 12px; } #main .bloc-certificat p strong, #main .bloc-certificat p em { color: #ffffff; } #main .bloc-certificat .button { margin-top: 20px; } #main .bloc-certificat .button a { margin: 0 auto; background: #ffffff; display: block; width: 130px; height: 28px; line-height: 28px; border-radius: 5px; text-align: center; color: #f44029; text-decoration: none; } #main .bloc-afaq { width: 390px; height: 80px; border-bottom: 5px solid #ebebeb; margin-top: 10px; margin-bottom: 0px; } #main .visu-left-50 h3 { float: right; width: 48%; } #main .visu-left-50 figure { float: left; width: 48%; } #main .visu-left-50 figure img { width: 100% !important; } #main .visu-left-50 p { float: right; width: 48%; } #main .slider-wrapper { background: url('../../files/neut/images/general/histoire_bg_photo.png') no-repeat; min-height: 260px; } #main .slider-wrapper .image_container { padding-top: 30px; padding-left: 20px; } #main .slider { width: 640px; position: relative; display: block; height: 350px; } #main .slider .nav-slider { margin-top: 270px; border-top: 1px solid #dfdede; position: relative; height: 70px; overflow: visible; } #main .slider .nav-slider ul { position: absolute; top: -10px; right: 0; } #main .slider .nav-slider ul li { display: inline-block; width: 70px; height: 50px; text-align: center; padding-top: 35px; font-family: DINBold; font-size: 14px; color: #000000; cursor: pointer; } #main .slider .nav-slider ul .active { background: url(../../files/neut/images/page/slider-picto-actif.png) no-repeat center top rgba(255, 255, 255, 0); font-size: 18px; color: #f44029; } #main .slider .prev { position: absolute; z-index: 100; top: 180px; left: -15px; display: block; height: 43px; width: 38px; cursor: pointer; background: url(../../files/neut/images/page/slider-arrow-left-grey.png) no-repeat left center rgba(255, 255, 255, 0); } #main .slider .prev a { color: rgba(255, 255, 255, 0); } #main .slider .prev:hover { background: url(../../files/neut/images/page/slider-arrow-left-red.png) no-repeat left center rgba(255, 255, 255, 0); } #main .slider .next { position: absolute; z-index: 100; top: 180px; left: 620px; display: block; height: 43px; width: 38px; background: url(../../files/neut/images/page/slider-arrow-right-grey.png) no-repeat left center rgba(255, 255, 255, 0); cursor: pointer; } #main .slider .next a { color: rgba(255, 255, 255, 0); } #main .slider .next:hover { background: url(../../files/neut/images/page/slider-arrow-right-red.png) no-repeat left center rgba(255, 255, 255, 0); } #main .slider .slide { display: none; position: absolute; z-index: 10; top: 0; left: 0; background: #ffffff; margin: 0 auto; width: 620px; padding: 10px; border: 1px solid #eaeaea; border-radius: 5px; box-shadow: 1px 5px 5px 0px rgba(216, 216, 216, 0.5); -webkit-box-shadow: 1px 5px 5px 0px rgba(216, 216, 216, 0.5); -moz-box-shadow: 1px 5px 5px 0px rgba(216, 216, 216, 0.5); } #main .slider .slide h4 { background: url(../../files/neut/images/page/barre-rouge.png) no-repeat bottom left #ffffff; font-family: DINBlack; font-size: 30px; color: #010101; text-transform: uppercase; padding-bottom: 10px; margin-top: 0px; margin-bottom: 20px; width: 70%; float: right; } #main .slider .slide figure { float: left; width: 25%; } #main .slider .slide figure img { width: 100%; } #main .slider .slide p { float: right; width: 70%; } #main .slider .slide.active { display: block; } body,#wrapper, #container, #right { height: 100%; } #right { padding-top: 11px; } #right .inside { padding-top: 40px; padding-right: 25px; background: url(../../files/neut/images/page/barre-grise.png) repeat-y 5% 5px #ffffff; height: 100% } .gmap #right .inside { padding-top: 0; background-image: none; } #right nav ul li { /*background: url(../../files/neut/images/page/point-gris.png) no-repeat 1.5% 50% rgba(255, 255, 255, 0);*/ background: url(../../files/neut/images/page/point-gris.png) no-repeat 1.5% top rgba(255, 255, 255, 0); padding-left: 40px; display: block; /*height: 28px;*/ line-height: 28px; margin-bottom: 15px; } #right nav .level_2 { margin-top:12px; display: none; } #right .level_1 li.active .level_2, #right .level_1 li.trail .level_2 { display: block; } #right nav >ul >li >a, #right nav >ul >li >span, #right .level_2 > li > a, #right .level_2 > li > span { padding-left: 10px; font-family: DINRegular; font-size: 14px; color: #000000; text-decoration: none; display: block; height: 28px; line-height: 28px; } #right .level_2 > li > a, #right .level_2 > li > span { line-height: 16px; } #right .level_2 > li > span { color: #f44029; } #right nav >ul >li.active, #right nav >ul > li.trail { background: url(../../files/neut/images/page/point-rouge.png) no-repeat left top rgba(255, 255, 255, 0); } #right nav >ul >li.active > a, #right nav >ul >li.trail > a, #right nav >ul > li.active > span, #right nav >ul > li.trail > span { background: #f44029; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #ffffff; } #right nav ul li li { background: none; padding-left: 0; height: auto; margin-bottom: 0; } #right nav ul li li a, #right nav ul li li span { font-size: 12px; height: auto; } .mask:after { content:""; margin-left: 98px; display: block; width: 100%; border-bottom:1px solid #ebebeb; margin-top: 30px; } .mask figure { position: relative; } .mask figure:after { content:""; position: absolute; width: 98px; height: 98px; background: url('../../files/neut/images/neutsa/mask-photo.png') no-repeat left top; top: 0; left: 0; } /** accordion **/ .toggler { background-color: #ebebeb; color: #000000; font-weight: bold; text-transform: uppercase; font-size: 12px; border-radius: 5px; line-height: 31px; padding-left: 14px; padding-right: 14px; cursor:pointer; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; } .toggler span:after { content: "\25BA"; float:right; color: #a7a7a7; } .toggler.ui-state-active span:after{ content: "\25BC"; } .ce_accordion { margin-bottom: 3px; } .ce_accordion.even .toggler { background-color: #fff; border: 1px solid #a7a7a7; } .accordion > div { padding: 13px; } .accordion .c50l { border-right: 1px solid #ebebeb; } .accordion table tr:first-child td {padding-top: 0;} .accordion td { padding: 10px 0; border-bottom: 1px solid #ebebeb; } .accordion a { font-size: 12px; color: #f44029; } .accordion .subcolumns { border-bottom: 1px solid #a7a7a7; } .accordion .subcolumns { margin-top: 15px; } .accordion .subcolumns:first-child { margin-top: 0; } .accordion .subcolumns:last-child { border-bottom: none; } /*** slider ***/ .ce_sliderStart { position: relative; background-color: #fff; border: 1px solid #eaeaea; /*padding:10px;*/ padding: 10px 23px; border-radius: 5px; box-shadow: 1px 5px 5px 0px rgba(216, 216, 216, 0.5); -webkit-box-shadow: 1px 5px 5px 0px rgba(216, 216, 216, 0.5); -moz-box-shadow: 1px 5px 5px 0px rgba(216, 216, 216, 0.5); overflow: visible; margin-bottom: 20px; } #main .ce_sliderStart .ce_text { margin-bottom: 0; } #main .ce_sliderStart h4 { background: url(../../files/neut/images/page/barre-rouge.png) no-repeat bottom left #ffffff; font-family: DINBlack; font-size: 30px; color: #010101; text-transform: uppercase; padding-bottom: 10px; margin-top: 0px; margin-bottom: 20px; position: absolute; left: 180px; margin-top:30px; } .ce_sliderStart .text { padding-top: 86px; padding-left: 180px; } .slider-control { position: absolute; top: 88%; margin-top: -32px; width: 654px; z-index: 999; left: -15px; } .slider-control .slider-menu { display: none; } .slider-control .slider-prev { display: block; height: 43px; width: 38px; cursor: pointer; background: url(../../files/neut/images/page/slider-arrow-left-grey.png) no-repeat left center rgba(255, 255, 255, 0); color: rgba(255, 255, 255, 0); } .slider-control .slider-prev:hover { background: url(../../files/neut/images/page/slider-arrow-left-red.png) no-repeat left center rgba(255, 255, 255, 0); } .slider-control .slider-next { display: block; height: 43px; width: 38px; background: url(../../files/neut/images/page/slider-arrow-right-grey.png) no-repeat left center rgba(255, 255, 255, 0); cursor: pointer; color: rgba(255, 255, 255, 0); } .slider-control .slider-next:hover { background: url(../../files/neut/images/page/slider-arrow-right-red.png) no-repeat left center rgba(255, 255, 255, 0); } .slider-control .slider-menu { top: 95px; left: 47%; width: auto; margin-left: 0; } .slider-frise { border-top: 1px solid #dfdede; height: 18px; position: relative; /*margin-bottom: 50px;*/ } .slider-frise .cursor { display: block; height: 18px; width: 11px; background: url('../../files/neut/images/general/cursor.png') no-repeat; position: absolute; left: 50%; margin-left: -5px; top: -8px; } #date-nav { overflow: hidden; } #date-nav ul, #date-nav li { list-style-type: none; } #date-nav ul { position: relative; width: 100%; left: 48%; } #date-nav li { display: inline-block; margin-right: 5px; font-size: 14px; color: #000; margin-right: 5px; font-family: DINRegular; position: relative; cursor: pointer; } #date-nav li.active { color: #f44029; font-size: 18px; } /**** GMAP ***/ .recherche_mumaps { position: absolute; z-index: 999; top: 10px; left: 10px; width: 325px; /*height: 67px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ -moz-box-shadow: 0 0 5px rgba(0,0,0,.4); /* drop shadow */ -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4); /* drop shadow */ box-shadow: 0 0 5px rgba(0,0,0,.4); /* drop shadow */ background-color: #fff; /*padding: 15px 15px 10px 15px;*/ padding: 15px 15px 0px 15px; } #main .recherche_mumaps p { padding-left: 28px; background: url('../../files/neut/map/loupe.png') no-repeat left top; font-size: 12px;/*14px;*/ color: #f44029; height: 15px; line-height: 15px; /*padding-bottom: 14px;*/ /*border-bottom: 1px solid #dfdfdf;*/ display: inline-block; vertical-align: middle; } #main .recherche_mumaps p strong { color: #f44029; } .champ_recherche { position: relative; } .champ_recherche_input { width: 103px;/*253px;*/ height: 27px; border: 1px solid #c1c1c1; /* stroke */ background-color: #fff; /* layer fill content */ outline:none; /*padding: 0 30px 0 8px;*/ padding: 0 8px 0 8px; vertical-align: middle; margin-left:10px; } .champ_recherche_submit { width: 38px; height: 29px; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #f33f29; /* layer fill content */ position: absolute; right: 0; /*top: 42px;*/ top: 0; border: 0; color: #fff; } .gmap #right h3 { background: url("../../files/neut/images/page/barre-rouge.png") no-repeat bottom left #ffffff; font-family: DINRegular; font-size: 24px; color: #010101; text-transform: uppercase; padding-bottom: 10px; margin-top: 0px; margin-bottom: 25px; } .gmap .ce_adresseList ul, .gmap .ce_adresseList li { list-style-type: none; } .gmap .ce_adresseList li { padding-left: 30px; background: url('../../files/neut/map/map-picto-list.png') no-repeat left top; margin-bottom: 20px; } .gmap .ce_adresseList div.adresse { color: #686868; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; } .gmap .ce_adresseList h4 { background: url("../../files/neut/images/page/barre-rouge.png") no-repeat bottom left #ffffff; font-family: DINRegular; font-size: 14px; color: #010101; text-transform: uppercase; padding-bottom: 10px; margin-top: 0px; margin-bottom: 15px; } /**** nous rjeoindre ***/ .mod_joblist hr { border: none; border-bottom: 1px solid #ebebeb; margin: 20px 0; } /*** newslist ***/ .mod_newslist .layout_latest { padding: 14px; border-bottom: 1px solid #ebebeb; } #main .mod_newslist .layout_latest h3 { background: none; margin-bottom: 15px; } .mod_newslist .layout_latest h3 a { color: #749c23; font-size: 14px; font-family: DINBold; text-decoration: none; } #main .mod_newslist .layout_latest p.info { color: #686868; font-size: 11px; font-family: Arial; padding-bottom: 15px; border-bottom: 1px dashed #ebebeb; margin-bottom: 10px; } .mod_newslist .layout_latest p.more { text-align: right; margin-top: 10px; } .mod_newslist .layout_latest .image_container { width: 205px; height: 186px; overflow: hidden; } /** plan du site **/ .mod_sitemap a { color: #f44029; } .mod_sitemap ul { padding-left: 10px; } .mod_sitemap ul.level_1 > li{ display: inline-block; vertical-align: top; } .center { text-align: center; } .center .image_container { text-align: center; } .center .image_container img { display: inline; } .highlight { color: #000; font-weight: bold; } /** tiny ***/ .nom { font-family: DINRegular; font-size:14px; color:#231f20;text-transform: uppercase;} .fonction {font-family: Arial; font-size: 12px;color: #f44029;} .metier {font-family: Arial;font-size: 12px; color: #686868;} .encart{display:inline-block;background-color: #f5f5f5;font-size: 11px;font-family: Arial;color:#343434;padding:5px 7px;margin-top:20px;width:200px;} .btn a {color: #fff;text-decoration: none;} .vertical {border-left:1px solid #f44029; padding-left:10px;} .orange-lower {color: #f44029;font-size: 18px;text-transform: none;} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea { width: auto; } input[type="file"] { width: auto; } .ce_form textarea { width: 100%; } #contact .ce_form { display: none; } /*#contact .ce_form:nth-child(2) { display: block; }*/ #contact .ce_form.display { display: block; } #contact .widget { vertical-align: top; } .ce_form label, .mod_lostPassword label { display: inline-block; width: 140px; color: #000; font-size: 12px; font-weight: bold; } .mod_lostPassword label { width: 200px; } .ce_form .commun label { width: 60px; } .ce_form .commun .widget-select label { width: 155px; } .ce_form input[type="text"], .ce_form input[type="password"], .ce_form input[type="email"], .mod_lostPassword input[type="text"], .mod_lostPassword input[type="password"], .mod_lostPassword input[type="email"] { width: 207px; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; border-top:1px solid #949494; height: 22px; } .ce_form div.field_nom { margin-right: 26px; } .ce_form div.field_nom, .ce_form div.field_prenom { display: inline-block; } span.mandatory { color: #f44029; } .radio_container label span.mandatory {display: none;} .ce_form select { display: inline-block; } .ce_form input[type="file"] { display: inline-block; width: auto; } .widget-textarea label { display: block; margin-bottom: 20px; } .widget-upload label { display: inline-block; padding-left: 37px; height: 24px; background: url('../../files/neut/images/general/picto_piece_jointe.png') no-repeat left center; line-height: 29px; } .ce_form .widget-captcha { background: #f8f8f8 url('../../files/neut/images/general/form_motif.png') repeat; padding: 18px 16px 12px 16px; } .ce_form .widget-captcha label, .mod_lostPassword .widget-captcha label { display: block; } #contact .ce_form .widget-captcha, .mod_lostPassword .widget-captcha { margin-bottom: 20px; } .ce_form .widget-captcha span.captcha_text, .mod_lostPassword .widget-captcha span.captcha_text { float: left; margin-right: 16px; line-height: 22px; } .mod_lostPassword .widget-captcha span.captcha_text { width: 200px; margin-right: 2px; } .radio_container legend { display: inline; float: left; width: auto; margin-right: 30px; } .radio_container span { margin-right: 28px; } .radio_container span label { width: auto; } .ce_form .submit_container, .mod_lostPassword .submit_container { text-align: center; } .ce_form input[type="submit"], .mod_lostPassword input[type="submit"] { background-color: #f44029; background-image: none; border: none; text-align: center; color:#fff; border-radius: 5px; padding: 4px 15px 4px 14px; } .ce_form fieldset legend, .mod_lostPassword fieldset legend { margin-bottom: 10px; } /** FORMULAIRE DEMANDE D INFORMATIONS PRODUITS **/ #infos div.confection { display: none; } #infos div.infos_question { display: inline-block; margin-right: 26px; } #infos div.infos_question + .widget-text { display: inline-block; } #infos div.infos_question + .widget-text label { width: 50px; } #infos div.infos_question label { width: 170px; } #infos div.infos_article label { width: 300px; } #infos div.confection label { width: 300px; } /*** passer commande ***/ .code_postal, .ville, .pays { display: inline-block; } div.code_postal, div.ville, div.pays { margin-right: 10px; } .ce_form .code_postal input { width: 60px; } .code_postal label, .rue label { width: 90px; } .ville label, .pays label { width: 35px; } .pays.en label { width: 60px; } .ce_form .ville input, .ce_form .pays input { width: 150px; } .ce_form .checkbox_container label { width: auto; margin-right: 10px; } /**** documentation papier ***/ div.documentation_papier .checkbox_container span { display: block; } div.documentation_papier .checkbox_container legend span { display: inline; } /*** DEVIS ***/ div.ref, div.qtite, div.prod_autre { display: inline-block; } div.ref label,div.qtite label,div.prod_autre label { display: block; width: auto; } fieldset.doc_change_addr { display: none; } .ce_form .liste_produits > fieldset { display: none; } .ce_form .liste_produits > fieldset:first-of-type { display: block; } .ce_form .liste_produits div.widget { width: 244px; } input.error, textarea.error, .ce_form input[type="text"].error, .ce_form input[type="password"].error, .ce_form input[type="email"].error, .mod_lostPassword input[type="text"].error, .mod_lostPassword input[type="password"].error, .mod_lostPassword input[type="email"].error { border-color: #f44029; } #main p.error { color: #f44029; font-size: 11px; font-style: italic; } .devis_mode_acquisition legend { float: none; } .devis_mode_acquisition legend, .devis_mode_acquisition > span { display: block; } .mod_lostPassword .pseudoform { background-color: #f9f9f9; padding: 20px; border:1px solid #f3f3f3; border-radius: 4px; } .mod_lostPassword .widget { margin-bottom: 15px; } #commande .adresse { display: none; }