/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /** * cookiebar extension for Contao Open Source CMS * * Copyright (C) 2013 Codefog * * @package cookiebar * @author Codefog * @author Kamil Kuzminski * @license LGPL */ #cookiebar{position:fixed;left:0;height:40px;width:100%;background-color:#4b4b4b;padding:0 16px;text-align:center;font-size:13px;color:#ffffff;line-height:40px}#cookiebar.top{top:0}#cookiebar.bottom{bottom:0}#cookiebar span{margin-right:1em}#cookiebar button{height:26px;padding:0 12px;border:none;background-color:#4ea55e;color:#ffffff;cursor:pointer;font-weight:bold;line-height:26px}#cookiebar a{margin-left:1em;color:#ffffff;text-decoration:underline}#cookiebar a:hover{text-decoration:none} /* 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} /* 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} @charset "utf-8"; /* CSS Document */ /* CLIENT : MARCHAND PAYSAGE SITE WEB : http://www.marchandpaysage.com DATE DE CREATION : FEVRIER 2015 CREATION : www.iGweb.fr */ /* Open+Sans:300italic,700,300,600 font-family: 'Open Sans', sans-serif; */ /***********************************/ /* LAYOUT */ /***********************************/ body {font-family: 'Open Sans', sans-serif;font-size: 1em; background-color:#1e1b1b;} #header{margin-left: auto;margin-right: auto;width: 100%;background-image: url(../../files/marchand/images/bg_header.gif);background-repeat: repeat;height: 155px;border-bottom: 38px solid #1e1b1b;} #header .inside, #blocslide .inside, #footer .inside {margin: 0 auto;padding: 0;position: relative;width: 980px;} #zoneslide .inside {height:620px;} #container .inside {background-image: url(../../files/marchand/images/bg_header.gif);background-repeat: repeat;margin: 0 auto;padding: 0;position: relative;width: 980px; padding-bottom:50px;} /********************/ #title {text-align:center;} #title h2 {margin:0 !important; background-image:none !important; padding-bottom:0 !important;} #title h2 a {color:#1e1b1b;} #title h2 a img {margin-top:22px;} p {font-family: 'Open Sans', sans-serif;font-size: 0.9em;line-height: 1.4em;text-align: justify;color:#1e1b1b;font-weight: 300;} h1 {font-family: 'Open Sans', sans-serif;font-size: 1.2em;color:#ea5b1d; text-transform:none; font-style:italic;font-weight: 600;font-size: 1.6em;} h2 {font-family: 'Open Sans', sans-serif;font-size: 1.2em;color:#ea5b1d; text-transform:none; font-style:italic;font-weight: 600;font-size: 1.6em;} a {color: #ea5b1d;text-decoration: none; -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s; } a:hover { text-decoration:underline;} strong {font-weight: 600;color: #ea5b1d;} em {font-style: italic;} #main .ce_text {padding: 0 80px;} #main .ce_text.no-border {padding: 0;} #main .ce_gallery, #main .ce_text.reduc-pad {padding: 0 80px 0px 40px;} .ce_gallery li { margin-top:-5px;} .ce_hyperlink.more {text-align:center; margin-top:10px;} .ce_hyperlink.more a {padding:0px 10px;font-size: 0.8em;font-weight: 300;color: #1e1b1b;border: 1px solid #ea5b1d; text-decoration:none;} .ce_hyperlink.more a:hover {color: #fff;border: 1px solid #ea5b1d; background-color:#ea5b1d;} #cboxTitle {background-color: #000000;font-size: 0.9em;padding: 3px 15px; color:#fff; z-index:9;} /****** METEO ******/ #meteo {margin-left: 300px; margin-top:10px;} #meteo .widgetBox {background-color:#1e1b1b !important;} /********** COOKIES ***********/ #cookiebar {z-index: 999;background-color: rgba(75,75,75,0.90);} #cookiebar button {background-color: #ea5b1d;} /********** FOOTER **********/ #footer .mentions_footer {margin-top:20px; margin-bottom:1;} #footer .mentions_footer p {color: #929292;font-size: 0.8em; text-align:center;} #footer .mentions_footer strong {color: #929292;} #footer .mentions_footer a {color: #f1efe5;text-decoration: none;} #footer .mentions_footer a:hover { text-decoration:underline;} #logo-gf a img {position: absolute;right: 10px;top: 5px;border: none;} /********** LISTES **********/ li {list-style-type: none;} #main .ce_text ul {margin:0px 0 20px 0px} #main .ce_text ul {margin-top:-10px} #main .ce_text li {font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 0.9em;line-height: 1.4em;padding-left: 28px;list-style-position: inside;background-image: url(../../files/marchand/images/puce.png);background-repeat: no-repeat;background-position: 0px center;} /********** FIL ARIANE **********/ .mod_breadcrumb {color: #5D5D5D;font-size: 0.8em;left: 40px;position: absolute;top: 215px;z-index: 9;} .mod_breadcrumb li {float: left;list-style: none outside none;margin-right: 4px;} .mod_breadcrumb a {color: #EA7233;} .mod_breadcrumb a:after { content: " > ";} /********** MENU *********/ /* ESSENTIAL STYLES */ .sf-menu,.sf-menu * {margin:0;padding:0;list-style: none;} .sf-menu {line-height:1.0;} .sf-menu ul {width:10em;top:-999em;position:absolute;} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility: inherit;} .sf-menu li {position:relative;float:left;} .sf-menu a {position:relative;display:block;} .sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.5em;z-index: 99;} ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em;top: 0;} ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em;top: 0;} /* MENU HORIZONTAL */ #header .block {overflow: visible !important;} #menu.mod_navigation {position: absolute;z-index: 999;background-color: #1e1b1b;margin-left: 165px;margin-top: 14px;} #menu>ul>li {float: left;list-style: none outside none;} #menu>ul>li>a {display: block;} #menu a {font-family: 'Open Sans', sans-serif;font-size: 0.9em; font-weight:400;color:#f1efe5; text-transform: uppercase; padding: 12px 15px;} #menu a:hover {font-family: 'Open Sans', sans-serif;font-size: 0.9em; font-weight:400;color:#ea5b1d; text-transform: uppercase; padding: 12px 15px; text-decoration:none;} #menu li.active span.active, #menu li.trail span.trail {font-family: 'Open Sans', sans-serif;font-size: 0.9em; font-weight:400;color:#ea5b1d; text-transform: uppercase; padding: 12px 15px; display:block;} #menu li.trail a { color:#ea5b1d;} #menu .sf-menu .level_2 {margin-top: -2px;} #menu .sf-menu .level_2 a {text-transform: none;color:#fff;font-size: 0.9em; font-weight:300;background-color:#ea5b1d;} #menu .sf-menu .level_2 a:hover, #menu .sf-menu .level_2 a:visited:hover, #menu .sf-menu .level_2 span.active {background-color:#d2521b; color:#fff;text-transform: none;font-weight:300;font-size:0.9em;} #menu .sf-menu .level_2 a:visited {color:#fff;} .sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active,.sf-menu span.active{outline: 0;} .sf-menu .sf-sub-indicator {display:none;} /******* MENU LEFT *********/ #menu-left ul {margin-top:98px;} #menu-left li a {color:#1e1b1b;background-color: #fff;padding: 5px 10px;margin-top: 2px;display: block;font-size: 0.9em;} #menu-left li .active, #menu-left li a:hover { background-color:#ea5b1d; color:#fff;padding: 5px 10px;margin-top: 2px;display: block;font-size: 0.9em; text-decoration:none;} /* SLIDE */ .mod_flexSlider {max-height:620px;} .black .flexslider {border:none !important;} .black .flex-control-paging li a {border-radius: 25px; height:15px; width:15px;} .black .flex-control-nav {z-index: 999;position: absolute;top: 587px;} .black .flex-control-paging li a.flex-active, .black .flex-control-paging li a:hover.flex-active {background-color: #f1efe5 !important;} .black .flex-control-paging li a:hover {background: rgba(0,0,0,0.5)!important;} .box-bottom {background-repeat: repeat;background-color: #EA5B1D;bottom: 0;display: block;height: 50px;width: 100%;z-index: 20;border-top: 1px solid #f2723b; position:absolute;} /* BLOCS SLIDE ACTIVITES */ .bloc-crea {position:absolute;background-color: rgb(30, 27, 27);width: 300px;height: 273px;z-index: 99; margin-top:145px; left:80px;} .bloc-entretien {position:absolute;background-color: rgb(29, 75, 45);width: 300px;height: 273px;z-index: 99; margin-top:145px; right:80px;} .bloc-crea p, .bloc-entretien p {padding: 0 20px; color:#fff; font-size:0.9em;text-align:left;} .bloc-crea h2, .bloc-entretien h2 {padding: 0 20px; color:#fff; text-transform: uppercase;font-style: normal; font-size:1.2em;} /* TEXTE ACCUEIL */ #home h1 {text-align:center; color:#ea5b1d; text-transform:none; font-style:italic;font-weight: 600;font-size: 1.6em;} #home h1.noir { color:#1e1b1b;} /* AUTRE */ #citation em {font-size:1.3em; color:#ea5b1d;} #citation, #info { background-color:#fff; padding: 10px 20px;} .pdf_link {padding: 20px;position: absolute;right: 0;} /*** FORMULAIRE ***/ #formulaire {margin-left:80px;} #formulaire label {float: left;font-size: 0.8em;} #formulaire input {font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#1e1e1e;background-color: #f4f3eb;padding: 4px 8px;margin-bottom: 2px;margin-left: 10px;margin-top: 2px;width: auto;border:1px solid #cfcdc3;font-weight: 300; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } #formulaire textarea {font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#1e1e1e;background-color: #f4f3eb;padding: 4px 8px;margin-bottom: 2px;margin-left: 10px;margin-top: 2px;width: auto;border:1px solid #cfcdc3;font-weight: 300;resize:none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } #formulaire input:hover, #formulaire input:focus, #formulaire select:hover, #formulaire select:focus, #formulaire textarea:focus, #formulaire textarea:hover {border: 1px solid #ea5b1d;} #formulaire input.submit {font-family: 'Open Sans', sans-serif;background-color: #ea5b1d;font-size: 0.9em;color: #fff;cursor: pointer;display: block;float: right;width: auto;border: 1px solid #ea5b1d; text-transform:uppercase;} #formulaire input.submit:hover { background-color:#1e1b1b;border: 1px solid #1e1b1b;} #formulaire p.error {background-color: #E91212;color: #fff;font-size: 0.9em;margin: 0;padding: 3px 5px 3px 5px;margin: 0 0 0 11px;} #formulaire input.error {background-color: #FC3;background-image: none;border: 1px solid #F00;} .dlh_googlemap {border: 1px solid #cfcdc3;} #main .ce_text.adresse { padding-left:0;} /* ==================== Media Queries ==================== */ @media screen and (max-width: 1600px) { #zoneslide .inside {height:550px;} .mod_flexSlider {max-height:550px;} .black .flex-control-nav {top: 518px;} .bloc-crea, .bloc-entretien {margin-top: 115px;} } @media screen and (max-width: 1450px) { .black .flexslider .slides {width:1450px !important;} } @media screen and (max-width: 1440px) { #zoneslide .inside {height:520px;} .mod_flexSlider {max-height:520px;} .black .flex-control-nav {top: 488px;} .bloc-crea, .bloc-entretien {margin-top: 90px;} } /* container_pages.css */ #container .inside{margin-top: -350px;z-index: 999}