.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap} /* 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} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}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} /* 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} @charset "utf-8"; /* CSS Document */ /* CLIENT : JOUTEAU SITE WEB : http://www.jouteau-ecs.fr DATE DE CREATION : AVRIL 2015 CREATION : www.iGweb.fr */ /* font-family: 'Open Sans', sans-serif; Open+Sans:300italic,300,600 font-family: 'Open Sans Condensed', sans-serif; Open+Sans+Condensed:700 */ /***********************************/ /* LAYOUT */ /***********************************/ body {font-family: 'Open Sans', sans-serif;font-size: 1em; background-color: #f5f5f5;} #header {margin: 0 auto;padding: 0;position: relative;width: 1038px;height: 245px;} #zoneslide {margin-left: auto;margin-right: auto;width: 100%;} #zoneslide .inside {margin: 0 auto;padding: 0;position: relative;width: 1500px; min-height:410px;} #container {margin-left: auto;margin-right: auto;width: 100%; padding-bottom:50px;} #container .inside {margin: 0 auto;padding: 0;position: relative;width: 1038px;} #footer {margin-left: auto;margin-right: auto;width: 100%; background-color:#1f1f1f;} #footer .inside {margin: 0 auto;padding: 0;position: relative;width: 1038px; padding-top:40px; padding-bottom:50px;} /********************/ #title h2 {margin:0 !important; background-image:none !important; padding-bottom:0 !important;} #title h2 a {color:#535353;} #title h2 a img {display: block;width: 350px; padding-top:10px; margin-left:50px;} p {font-family: 'Open Sans', sans-serif;font-size: 0.9em;line-height: 1.4em;text-align: justify;color:#504d46;font-weight: 300;} h1, h2 {font-family: 'Open Sans Condensed', sans-serif; font-size:1.4em; text-transform:uppercase;color:#535353;font-weight:700;margin-bottom:20px; margin-top:10px;} a {color: #0090D8;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: #535353;} em {font-style: italic;} #cboxTitle {background-color: #000000;font-size: 0.9em;padding: 3px 15px; color:#fff; z-index:9;} /********** LISTES **********/ li {list-style-type: none;} .ce_text ul {margin:0px 0 10px 0px} .ce_text ul {margin-top:0px} .ce_text li {font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 0.9em;line-height: 1.4em;padding-left: 30px;list-style-position: inside;padding-bottom: 5px;color: #504d46;list-style-type: disc;} /********** FOOTER **********/ #footer p, #footer strong, #footer a {color:#cccccc; font-size:0.9em} #footer .col_1 {border-right: 1px solid #000;} #footer .mod_customnav.menu1 {margin-top:20px; margin-left:50px; float:left;} #footer .mod_customnav.menu2 {margin-top:20px; margin-left:50px;float:left;} #footer .mod_customnav li a {color: #cccccc;text-transform: uppercase;font-size: 0.8em;padding-bottom: 8px;display: block;} #footer .mod_customnav li a:hover { text-decoration:none;} #footer .mod_customnav li.active {color: #cccccc;text-transform: uppercase;font-size: 0.8em;padding-bottom: 8px;display: block; font-weight:600;} /********** COOKIES ***********/ #cookiebar {z-index: 999;background-color: rgba(75,75,75,0.90);} #cookiebar button {background-color:#0090D8;} /********** FIL ARIANE **********/ .mod_breadcrumb {color: #d4d4d4;font-size: 0.8em;padding: 3px 0;} .mod_breadcrumb li {float: left;list-style: none outside none;margin-right: 4px;} .mod_breadcrumb a {color: #0193d1;} .mod_breadcrumb a:after { content: " > ";} /********** TOP PAGE *********/ .cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(80,77,70,0.90) url(../../files/jouteau/images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;} .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;} .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible;opacity: 1;} .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5;} .no-touch .cd-top:hover { background-color: #504D46;opacity: 1;} /********** 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: 99;background-color: #e3e3e3;top: 190px; left: 0; width: 100%;} #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;color: #535353;text-transform: uppercase;padding: 15px 25px;border-right: 1px solid #F5F5F5;} #menu a:hover {font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#fff; text-transform: uppercase; padding: 15px 25px; text-decoration:none; background-color:#0090D8;} #menu li.active span.active, #menu li.trail span.trail, #menu li.trail a, #menu li.sfHover a {font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#fff; text-transform: uppercase; padding: 15px 25px; display:block;border-right: 1px solid #F5F5F5;background-color:#0090D8;} #menu .last a, #menu li span.active.last, #menu .sf-menu .level_2 a, #menu .sf-menu .level_2 li span.active {border-right: none;} #menu .sf-menu .level_2 {margin-top: 4px;} #menu .sf-menu .level_2 a {font-family: 'Open Sans', sans-serif;text-transform: none;color:#fff;font-size: 0.9em; font-weight:300;background-color:#0090D8;padding: 12px 10px;} #menu .sf-menu .level_2 a:hover, #menu .sf-menu .level_2 a:visited:hover, #menu .sf-menu .level_2 span.active {font-family: 'Open Sans', sans-serif;background-color:#535353; color:#fff;text-transform: none;font-weight:300;font-size:0.9em;padding: 12px 10px;} #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;} /* MENU MOBILES */ #menu-mobiles {display:none;} /***********************************/ /* ACCUEIL */ /***********************************/ /**** TELEPHONE ****/ #telephone {position: absolute;right: 50px;top: 30px;} #telephone p {padding: 10px 20px 10px 45px;background-color: #D5291A;color: #fff;background-image: url('../../files/jouteau/images/phone.png');background-repeat: no-repeat;background-position: 0 3px; font-size:1.1em;font-family: 'Open Sans Condensed', sans-serif; font-weight:700; margin-bottom:5px;} #telephone span { font-family: 'Open Sans Condensed', sans-serif;font-size: 1.2em;text-transform: uppercase;color: #D5291A;font-weight: 700;float: right;} /**** SLIDE CERTIF ****/ .mod_caroufredsel.block {width: 750px;margin: 0 auto;margin-top: 60px;min-height: 152px;} .caroufredsel, .caroufredsel_wrapper { height: 152px !important;} .caroufredsel_gallery figure {margin-right: 10px;border: 1px solid #E3E3E3;} .caroufredsel_navi {width: 750px;margin: 0 auto;position: absolute;top: 50px;} .caroufredsel_skin .caroufredsel_navi a.caroufredsel_next {background-image: url("../../files/jouteau/images/right.svg");background-repeat: no-repeat;text-indent: -999999px;height: 40px;width: 40px;display: block;position: absolute;margin-top: 5px; right:0;} .caroufredsel_skin .caroufredsel_navi a.caroufredsel_prev {background-image: url("../../files/jouteau/images/left.svg");background-repeat: no-repeat;text-indent: -999999px;height: 40px;width: 40px;display: block;position: absolute;left: 0px;margin-top:5px;} /**** SLIDE ****/ .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {background-color: #535353 !important;} .camera_prev {margin-left: 30px; -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;} .camera_next {margin-right: 30px; -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;} .camera_prev:hover, .camera_next:hover { background-color:#0090D8 !important;} .camera_html {width: 435px;padding: 5px 20px;position: absolute; bottom: 65px;left: 200px; background-color:rgba(255,255,255,0.90);} .camera_html .more a{background-image: url("../../files/jouteau/images/more-slide.png");background-position: left center;background-repeat: no-repeat;text-indent: -999999px;display: block;float: right;margin-bottom: 15px;height: 17px;width: 24px;} .camera_html h2 {font-family: 'Open Sans Condensed', sans-serif; color:#1f1f1f; font-weight:700;} /**** ACTIVITES ****/ #bloc-accueil {padding:30px;} .bleu#bloc-accueil img, .rouge#bloc-accueil img { -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; } .bleu#bloc-accueil h3 {color:#0090d8;font-family: 'Open Sans Condensed', sans-serif; font-size:1.2em; text-transform:uppercase; border-bottom: 1px solid #d1d1d1;padding: 10px 0;} .bleu#bloc-accueil:hover img { -moz-box-shadow: 0px 0px 10px 0px rgba(0,144,216,0.65); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,144,216,0.65); -o-box-shadow: 0px 0px 10px 0px rgba(0,144,216,0.65); box-shadow: 0px 0px 10px 0px rgba(0,144,216,0.65); -moz-border-radius: 124px; -webkit-border-radius: 124px; border-radius: 124px; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ;} .rouge#bloc-accueil h3 {color:#D82819;font-family: 'Open Sans Condensed', sans-serif; font-size:1.2em; text-transform:uppercase; border-bottom: 1px solid #d1d1d1;padding: 10px 0;} .rouge#bloc-accueil:hover img { -moz-box-shadow: 0px 0px 10px 0px rgba(216,40,25,0.65); -webkit-box-shadow: 0px 0px 10px 0px rgba(216,40,25,0.65); -o-box-shadow: 0px 0px 10px 0px rgba(216,40,25,0.65); box-shadow: 0px 0px 10px 0px rgba(216,40,25,0.65); -moz-border-radius: 124px; -webkit-border-radius: 124px; border-radius: 124px; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ; } #bloc-accueil .more a {padding: 5px 0px;background-color: #e3e3e3;display: block;margin-top: 20px; color:#1f1f1f; text-decoration:none;} .bleu#bloc-accueil .more a:hover {background-color:#0090d8; color:#fff;} .rouge#bloc-accueil .more a:hover {background-color:#D82819; color:#fff;} /****** TEXTE ACCUEIL *******/ .gris#bloc-texte { background-color:#e3e3e3;padding: 20px 30px;min-height: 280px;} #bloc-texte h1 {margin-top:10px;} #bloc-texte .more a {float:right; background-color:#0090d8; padding:5px 10px; font-size:0.9em; color:#fff; margin-top:10px;} #bloc-texte .more a:hover { background-color:#535353; text-decoration:none;} /********** Actus ***********/ .mod_newslist h2 { color:#D82819;} .mod_newslist h3 { margin-top:0;} .mod_newslist h3 a { color:#535353; text-decoration:none; font-size:0.7em; font-weight:700;} .mod_newslist#bloc-texte .more a { float:right; background-color:#D82819; padding:5px 10px; font-size:0.9em; color:#fff; margin-top:10px;} .back a {background-color:#D82819; padding:5px 10px; font-size:0.9em; color:#fff; margin-top:10px;float: left;} .mod_newslist#bloc-texte .more a:hover, .back a:hover, .ce_hyperlink.more a:hover { background-color:#535353; text-decoration:none;} /***********************************/ /* AUTRE */ /***********************************/ .ce_colsetStart.gris {background-color:#E3E3E3; padding:20px 0 10px 0} /********** Accordion *********/ .toggler {background-image: url('../../files/jouteau/images/plus.svg'); background-repeat:no-repeat;background-position: 5px 0;font-family: 'Open Sans', sans-serif;font-size: 1em; background-color:#1F1F1F; color:#fff; padding:8px 0px 8px 50px; margin-bottom:10px; cursor:pointer;outline: 0; -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; } .toggler:hover {background-color:#0090D8;} .toggler.active, .ui-accordion-header-active { background-image: url('../../files/jouteau/images/plus-active.svg');background-position: 5px 0; background-color:#0090D8;} /***********************************/ /* CONTACT */ /***********************************/ /*** FORMULAIRE ***/ #formulaire { margin-top:15px;} #formulaire label {color: #D5291A;float: left;font-size: 0.9em;margin-top: 8px;min-width: 150px;text-align: right;} #formulaire input {font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#000;background-color: #fff;padding: 6px 10px;margin-bottom: 2px;margin-left: 10px;margin-top: 2px;width: auto;border:1px solid #E0E0E0;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:#000;background-color: #fff;padding: 6px 10px;margin-bottom: 2px;margin-left: 10px;margin-top: 2px;width: auto;border:1px solid #E0E0E0;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 #D5291A;} #formulaire input.submit {font-family: 'Open Sans Condensed', sans-serif; font-size:1.1em; background-color: #D5291A;color: #fff;cursor: pointer;display: block;float:left;width: auto;border: 1px solid #D5291A; text-transform:uppercase;font-weight: 600;margin-left: 161px;margin-top: 10px;} #formulaire input.submit:hover {background-color:#535353;border: 1px solid #535353;} #formulaire p.error {background-color: #008BD0;color: #fff;font-size: 0.9em;margin: 0;padding: 3px 5px 3px 5px;margin: 0 0 0 11px; float:left;} #formulaire input.error {background-color: #FC3;background-image: none;border: 1px solid #F00;width: 80%;} #map .dlh_googlemap {height: 200px !important; width: 100% !important;} /* ==================== Media Queries ==================== */ @media screen and (max-width: 1500px) { #zoneslide .inside {width: 100%;} } @media screen and (max-width: 1024px) { #cookiebar {width: auto;} .camera_html {bottom: 30px;left: 120px;} #header, #container .inside, #footer .inside {width: 980px;} } @media screen and (max-width: 966px) { #header, #footer .inside {width: 100%;} #container .inside {padding:0 10px;width: 95%;} #zoneslide .inside { min-height: 350px;} #bloc-accueil {padding: 30px 10px;} } @media screen and (max-width: 800px) { #formulaire input, #formulaire textarea {width:90%; margin-left:0;} #formulaire input.submit {margin-left:0;} #formulaire label { text-align:left;} .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l {float: none !important;width: 100%;display: inline !important;} .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r {float: none !important;margin-left: 0;width: 100%;display: inline !important;} .subcr, .subc, .subcl {padding:0 !important;} .gris#bloc-texte { margin-top: 10px;} .mod_caroufredsel.block, .caroufredsel_navi {width: 475px !important;} .caroufredsel_navi {margin-top:56px;} .caroufredsel, .caroufredsel_wrapper {width: 500px !important; left:0 !important;} #footer .mod_customnav.menu1, #footer .mod_customnav.menu2 { display:none;} #menu-mobiles {display: block;} #menu {display:none;} #header {height: 200px;} #menu-mobiles .ce_accordion {margin-bottom:20px;} #menu-mobiles .toggler {font-size:1.2em; text-transform:uppercase;font-family: 'Open Sans Condensed', sans-serif; font-weight:700; margin:0;} #menu-mobiles li a {padding: 10px;background-color: #0090D8;color: #fff;display: block;font-size: 1em;padding-left: 30px;text-transform: uppercase;border-top: 1px solid #F5F5F5;} #menu-mobiles li a:hover {background-color:#1F1F1F; text-decoration:none;} #menu-mobiles li .active, #menu-mobiles li .trail {padding:10px; background-color:#1F1F1F; color:#fff;display: block;font-size:1.1em;padding-left: 30px;text-transform:uppercase; border-top: 1px solid #F5F5F5;} #menu-mobiles ul {margin:0;} #menu-mobiles li .level_2 li a {padding-left: 50px;text-transform: capitalize; border-top: 1px solid #F5F5F5;} #menu-mobiles li .level_2 li .active { font-size: 1em;border: none;padding: 0 0 0 20px;text-transform: none;} } @media screen and (max-width: 603px) { #telephone {display:none;} #title h2 a img {margin: 0 auto;} .camera_html {width: 250px;left: 80px;} } @media screen and (max-width: 414px) { #title h2 a img {margin: 0 auto; width:90%;} .camera_html {width: 80%; left:0;} .camera_prev {margin-left: 0px;top: 20px;} .camera_next {margin-right: 0px;top: 20px;} .mod_caroufredsel.block, .caroufredsel_navi {width: 320px !important;} .caroufredsel, .caroufredsel_wrapper {width: 165px!important;} } @media screen and (max-width: 375px) { #container { overflow:hidden;} }