/* Theme Name: Aladdin Description: Thème WordPress dédié pour le site www.aladdinconcept.com Version: 1.0 @site : www.aladdinconcept.com @autor : b2w @version : 1.0 @date : @licence : Intégration b2w @media : screen @bugfix : @tested : Sur W8 - Chrome 30, Firefox 24, Opera 12, Safari 5.1.7, IE10, IE9, IE8, IE7 @todo : Une foi un script pour modifier apparence des input repasser sur tous les sites pour checker la compatibilité. Single abris : lister CPT de la même taxo que le single @note : */ /*******************/ /* SOMMAIRE */ /*******************/ /* 1= Sprite 2= Reset 3= Structure 4= Elements 5= Header 6= Footer 7= Sidebar 8= Pagination 9= Commentaires 10= Compatibilité 11= Responsive */ /*****************/ /* 1= SPRITE */ /*****************/ #logo, .btn-devis, .picto-time {background-image:url(img/sprite-aladdin.png); background-repeat:no-repeat;} #devisheader{background-image:url(img/sprite-aladdin-2.png); background-color: #b71134; border-radius:0 0 10px 10px; background-position:10px -270px;} #devisheader:HOVER, #rappelheader:HOVER { text-decoration: underline;} #rappelheader {background-image:url(img/picto-contact-3.png); background-color: #34B5C7; border-radius:0 0 10px 10px; background-position:6px; background-repeat:no-repeat;} .picto-time {padding-left:25px; background-position:0 -229px;} .phone {padding:0 0 0 25px; background:url(img/phone.png) no-repeat left center;} .mail {padding:0 0 0 25px; background:url(img/mail.png) no-repeat left center;} .web {padding:0 0 0 25px; background:url(img/web.png) no-repeat left center;} .facebook, .twitter, .google, .youtube {display:block; float:left; height:48px; width:48px; margin-right:10px; } .facebook {background:url(img/logo-facebook.png) no-repeat left center;} .twitter {background:url(img/logo-twitter.png) no-repeat left center;} .google {background:url(img/logo-google+.png) no-repeat left center;} .youtube {background:url(img/logo-youtube.png) no-repeat left center;} .picto-contact, .picto-catalogue, .picto-devis, .picto-sav, .picto-enveloppe {background-repeat: no-repeat; background-position: left center;} .picto-contact {background-image:url(img/picto-contact-3.png);} .picto-catalogue {background-image:url(img/picto-catalogue-3.png);} .picto-devis {background-image:url(img/picto-devis-3.png);} .picto-sav {background-image:url(img/picto-sav-2.png);} .picto-enveloppe {background-image:url(img/pictoemail.png);} /****************/ /* 2= RESET */ /****************/ html, body, label { margin: 0; padding: 0; } ul, ol { padding-left: 2em; } code, pre, samp { white-space: pre-wrap; font-family: consolas, 'DejaVu Sans Mono', courier, monospace; } table{ border-collapse:collapse; border-spacing:0;} input:focus, textarea, select, *:focus {outline:none;} fieldset,img{ border:0;} img, table, td, blockquote, code, pre, textarea, input, video { max-width: 100%; height: auto; } iframe, object {max-width:100%;} * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; *behavior: url(/wp-content/themes/theme-aladdin/scripts/boxsizing.htc);} /* dans htaccess WordPress : AddType text/x-component .htc */ /* html5 */ header, section, article, nav, footer, aside, menu, hgroup, figure, figcaption {display:block;} .noir {color: #1b2c34;} /********************/ /* 3= STRUCTURE */ /********************/ .full-width {float:left; width:100%;} .row {width:1024px; margin:0 auto;} /* Colonnes avec margin */ .col-1{width:2.333%;} .col-2{width:10.6%;} .col-3{width:19%;} .col-4{width:27.333%;} .col-5{width:35.667%;} .col-6{width:44.0%;} .col-7{width:52.333%;} .col-8{width:60.667%;} .col-9{width:69.0%;} .col-10{width:77.333%;} .col-11{width:85.667%;} .col-12{width:94.0%;} .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {float:left; margin-left:3%; margin-right:3%;} /* Grandes sans margin */ .full-col-1{width:8.333%;} .full-col-2{width:16.6%;} .full-col-3{width:25%;} .full-col-4{width:33.333%;} .full-col-5{width:41.667%;} .full-col-6{width:50.0%;} .full-col-7{width:58.333%;} .full-col-8{width:66.667%;} .full-col-9{width:75.0%;} .full-col-10{width:83.333%;} .full-col-11{width:91.667%;} .full-col-12{width:100.0%;} .full-col-1, .full-col-2, .full-col-3, .full-col-4, .full-col-5, .full-col-6, .full-col-7, .full-col-8, .full-col-9, .full-col-10, .full-col-11, .full-col-12 {float:left;} @media (max-width: 768px) { .col-1, .full-col-1{width:25%;} .col-2, .full-col-2{width:25%;} .col-3,.full-col-3{width:50%;} .col-4,.full-col-4{width:50%;} .col-5,.full-col-5{width:100%;} .col-6,.full-col-6{width:100%;} .col-7,.full-col-7{width:25%;} .col-8,.full-col-8{width:100%;} .col-9,.full-col-9{width:100%;} .col-10,.full-col-10{width:100%;} .col-11,.full-col-11{width:100%;} .col-12, .full-col-12{width:100%;} } /*******************/ /* 4= ELEMENTS */ /*******************/ html {font-size:100%; font-size:16px;} body { font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size:14px; font-size:0.875rem; color:#333333;} @font-face{ font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-display: swap; } /* Display */ .block {display:block;} .inline {display:inline;} .none {display:none;} /* Float */ .left {float:left;} .right {float:right} .float-none {float:none;} .clear {clear:both;} .center {margin-right:auto; margin-left:auto;} /* Positions */ .relative {position:relative;} .absolute {position:absolute;} .fixed {position:fixed;} /* Margin & padding */ .margin {margin:15px 3%;} .mr0 {margin-right: 0 !important;} .mt0 {margin-top: 0;} .mt20 {margin-top: 20px;} .mt40 {margin-top: 40px;} .margin-top {margin-top:15px;} .margin-right {margin-right:3%;} .margin-bottom {margin-bottom:15px;} .margin-left {margin-left:3%;} .no-margin {margin-right:0; margin-left:0;} .padding {padding:15px 3%;} .padding-top {padding-top:15px;} .padding-right {padding-right:3%;} .padding-bottom {padding-bottom:15px;} .padding-left {padding-left:3%;} .no-padding {padding-right:0; padding-left:0;} /* Titres */ h1 { text-transform:uppercase; } h1, h2, h3, h4, h5, h6 {margin:15px 0; font-weight:600; color: #1b2c34;} h1 {/*float:left;*/ width:100%; margin:40px 0 30px 0; padding-bottom:25px; font-size:28px; border-bottom:1px solid #e3e3e3;} h2 {font-size:17px; font-size:1.0625rem; color:#3885a1;} h3 {font-size:18px; font-size:1.125rem; text-transform:none; color:#3885a1;} h4 {font-size:16px; font-size:1rem;} h5 {font-size:15px; font-size:0.9375rem;} h6 {font-size:14px; font-size:0.875rem;} @media (max-width: 768px) { h1 {margin: 10px 0 10px 0; padding-bottom:15px; font-size:20px;} } .justify h2, .justify p {text-align: justify;} /* Liens */ a {text-decoration:none; color:#3885a1;} a:hover {color:#296175;} a:active {background-color:transparent;} /* Boutons */ .btn, input[type="submit"], .su-button {display:block; padding:0 15px 0 35px; color:#fff; background:#296175 url(img/icon-check.png) no-repeat 10px center; -webkit-transition:background 700ms ease; -moz-transition:background 700ms ease; -ms-transition:background 700ms ease; -o-transition:background 700ms ease; transition:background 700ms ease;} .btn:hover, input[type="submit"]:hover {color:#fff; background-color:#1a4858;} .btn:active, input[type="submit"]:active, input[type="submit"]:focus {background-color:#1b2c34;} .gform_button {text-transform: uppercase; background:#34B5C7 url(img/icon-check.png) no-repeat 10px center !important; padding:0 50px 0 70px !important; font-size: 18px !important} .gform_button:Hover {text-decoration:underline;} .btn-small {height:25px; line-height:25px;} .btn-big, input[type="submit"] {height:40px; line-height:40px; border:0; font-family: "proxima-nova", Arial, Helvetica, sans-serif;} input[type="submit"]:hover, input[type="submit"]:focus {cursor:pointer; border:0;} .btn-devis {width:175px; height:42px; line-height:42px; padding-left:38px; background-position:0 -150px; background-color:transparent; font-size:12px; font-size:0.75rem;} .btn-devis2 {width:175px; height:42px; line-height:42px; padding-left:35px; background-position:0 -150px; background-color:transparent; font-size:12px; font-size:0.75rem;} .btn-devis:hover, .btn-devis2:HOVER {background-position:-176px -150px;} .btn-devis:active, .btn-devis2:active {background-position:-352px -150px;} .su-button, .su-button-style-default span {border:0!important;border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important;} /* Formulaire */ input, select, textarea {width:100%; padding:8px; margin-bottom:15px; background-color:#eceded; border:2px solid #e3e3e3;} input:hover, select:hover, textarea:hover {border:2px solid #c6c6c6;} input:focus, select:focus, textarea:focus {background-color:#fff; border:2px solid #eceded;} span.wpcf7-list-item {float:left; height:30px; margin:8px 15px 15px 0; line-height:24px;} span.wpcf7-list-item label {float:left;} .wpcf7-select-before br, .wpcf7-select-before p {display:none;} .wpcf7-select-before select {margin:0; background:transparent; border:0; -webkit-appearance: none; -moz-appearance:none; appearance:none; text-indent: 0.01px; text-overflow: '';} .wpcf7-select-before select:hover {cursor:pointer;} .wpcf7-select-before {display:block; margin-bottom:15px; background-color:#eceded; border:2px solid #e3e3e3; background-image:url(img/arrow-bottom.png); background-repeat:no-repeat; background-position:right center;} .wpcf7-select-before:hover {cursor:pointer; border:2px solid #c6c6c6;} .wpcf7-list-item-label {font-size:13px; font-size:0.8125rem;} .wpcf7-validation-errors {float:left; width:100%; padding:15px!important; border:2px solid #ffd752!important; background:#faefca; font-weight:600;} span.wpcf7-not-valid-tip {border:0!important; background:transparent!important; left:5px!important; top:2px!important; color:#bb1e39; font-weight:600;} .wpcf7 .col-12, .wpcf7 .col-10, .wpcf7 .col-4, .wpcf7 .col-2 {margin-left:0;} /* Gravity form */ .gform_wrapper h3.gform_title {display:none;} .gform_wrapper ul li.gfield {clear:none!important; } .gform_wrapper .gsection {margin:30px 0 15px 0!important;} .gform_wrapper ul li.gfield.full-width {width:100%;} .gform_wrapper li, .gform_wrapper form li {width:33%; float:left; background:none; border:0; padding:0!important;} .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {font-size:13px!important; font-size:0.8125rem!important; padding:8px!important;} .gform_wrapper select {display:block; margin:0!important; font-size:13px!important; font-size:0.8125rem!important; padding:8px!important; background-image:url(img/arrow-bottom.png); background-repeat:no-repeat; background-position:right center; -webkit-appearance: initial; -moz-appearance: initial; appearance: initial;} .ie7 .gform_wrapper select {height:38px; line-height:38px; padding:0!important;} .ie7 .gform_wrapper .top_label select.medium {width:96%!important;} .gform_wrapper .gsection {width:100%; border:0!important;} .gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title {text-transform:none!important; font-weight:400!important; font-size:18px!important; font-size:1.125rem!important;} .gform_wrapper .gfield_html.gfield_no_follows_desc {width:100%; margin:30px 0!important;} .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {width:auto;} .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {width:90%!important;} #field_3_18, #field_3_10, #field_3_17, #field_4_10, #field_4_17, #field_4_18, #field_1_7, #field_15_17, #field_15_10, #field_17_7, #field_14_10, #field_14_17, #field_14_18 {width:100%;} #field_3_18, #field_3_17, #field_4_17, #field_4_18, #field_15_17, #field_15_18{margin-top:15px;} #field_3_6, #field_4_6, #field_15_6, #field_14_6 {clear:both!important;} #field_1_7 textarea {width:96%!important;} /* Tableaux */ table {} /* Images */ .right a img {width:240px;} a img {border:0;} wp-caption {font-size:11px; font-size:0.6875rem; color:#999;} .alignleft {float:left; margin:0 60px 15px 0;} .su-column img.alignleft {margin-right: 15px;} .su-column h3 {clear: both;} .alignright {float:right; margin:0 0 15px 40px;} .aligncenter {display:block; margin:0 auto 60px auto;} figure {margin:0; line-height:0;} img.img-full {width: 100%;} /* Listes */ ul, ol {margin:0; padding:0;} li p, li ul, li ol { margin-top: 0; margin-bottom: 0; } ol {counter-reset: compteur;} ol li {list-style-type: none; counter-increment: compteur; margin-bottom: 10px;} ol li:before{content:counter(compteur); font-weight:bold; margin-right:15px; font-size:18px; font-size:1.125rem; color:#3885a1;} ul {list-style:none;} ul li {padding:9px 15px; font-size:14px; font-size:0.875rem; /*font-weight:600;*/ background-color:#eceded; border-bottom:1px solid #fff; border-left:3px solid #c6c6c6;} ul li strong {color:#111;} ul.reset, ol.reset, .reset ul, .reset ol {margin:0; padding:0; list-style:none; counter-reset:none;} ol.reset li:before, .reset ol li:before {content:'';} .reset li {padding:0; background:none; border:0;} li.border:first-child {border-top:0;} /* Accordion */ .su-spoiler {margin:0!important; position:relative;} .su-spoiler-content {padding:0 40% 15px 15px!important; background-color: #3885a1!important; border-left:3px solid #296175; color:#fff!important;} .su-spoiler-content p {margin:0 36% 0 0;} .su-spoiler-content strong {color:#fff;} .su-spoiler-content img {position:absolute; top:0; right:0; } .su-spoiler-title {height:40px; line-height:40px!important; padding:0 15px!important; background-color: #3885a1!important; border-left:3px solid #296175; color:#fff!important; font-weight:600!important;} .su-spoiler-closed .su-spoiler-title {position:relative; z-index:10; background-color:#eceded!important; border-left:3px solid #c6c6c6; border-bottom:1px solid #fff; color:#333!important; background-image:url(img/arrow-right.png)!important; background-repeat:no-repeat!important; background-position:right center!important; } .su-spoiler-closed .su-spoiler-content {position:relative; z-index:5;padding:0!important;} .su-spoiler-icon {display:none!important;} .su-spoiler-content a { color: #fff; font-weight: bold; } /* Tabulation */ .su-tabs {background:#fff!important;} .su-tabs-nav span {display:block; height:60px; padding:0 30px!important; margin-right:0!important; line-height:60px; font-size:16px; font-size:1rem; text-transform:uppercase; font-weight:600; background-color:#eceded!important; border-top:3px solid #c6c6c6; font-family: "proxima-nova", Arial, Helvetica, sans-serif; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important;} .su-tabs-nav span.su-tabs-current, .su-tabs-nav span:hover {background-color:#3885a1!important; border-top:3px solid #296175; color:#fff!important;} .su-tabs-pane {background-color: #3885a1!important; color:#fff; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important;} .su-tabs-pane p, .su-tabs-pane strong {color:#fff;} /* Slider */ .su-slider-prev, .su-slider-next {background-color:transparent!important;} .su-slider-prev {background-image:url('img/nav-arrow-right.png')!important; background-position:0 0!important;} .su-slider-next {background-image:url('img/nav-arrow-left.png')!important; background-position:0 0!important;} .su-slider-pagination {opacity:1!important; top:auto!important; left:0!important; right:0!important; height:70px!important; width:100%!important; bottom:5px!important;} .su-slider-pagination span {position:relative; display:block!important; float:left; bottom:0!important; height:70px!important; width:70px!important; margin:0 10px 0 0!important; line-height:70px; color:#fff; font-weight:700; font-size:12px; font-size:0.75rem; background:url(img/bg-blue-60.png)!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important;} .su-slider .su-slider-pagination span:hover {background-color:#fff!important;} .su-slider .su-slider-pagination span.swiper-visible-switch {background-color:#3885a1!important; background-image:none!important;} .su-slider-pagination span span {position:absolute; top:0; left:0; bottom:auto!important; margin:0!important; height:25px!important; width:25px!important; line-height:25px!important;} .su-slider .su-slider-pagination span.swiper-visible-switch span {background-color:#3885a1!important; background-image:none!important;} .su-slider-pagination span img {width:auto; height:70px;} .su-slider-slide-title {display:none!important;} .su-slider-slides {height:560px!important;} /* Promotion slider */ .promo_slider_wrapper {float:left; width:100%;} .promo_slider img {width:100%;} .promo_slider_thumb_nav {height:auto!important; background-image:none!important; background-color:#fff!important; overflow:visible!important;} .promo_slider_thumb_nav .thumb_nav {width:100%; margin:0!important;} .promo_slider_thumb_nav .slider_selections span {position:relative; height:60px!important; width:60px!important; margin:0 15px 0 0!important;} .promo_slider_thumb_nav .slider_selections span img {z-index:5; position:relative; width:60px!important;} .promo_slider_thumb_nav .slider_selections span span {z-index:10; position:absolute; top:0; left:1px; height:25px!important; width:25px!important; margin:0; color:#fff; font-weight:700; text-align:center; line-height:25px; font-size:12px; font-size:0.75rem; background:url(img/bg-blue-60.png)!important;} .promo_slider_thumb_nav .slider_selections span:hover span, .promo_slider_thumb_nav .slider_selections span.current span {background-color:#3885a1!important; background-image:none!important;} .promo_slider_thumb_nav .slider_selections span.current {border:0!important; margin-top:0!important;} .promo_slider_thumb_nav .slider_selections span.current span {left:0!important;} .promo_slider_thumb_nav .right_arrow, .promo_slider_thumb_nav .left_arrow {top:-250px!important;} .right_arrow, .left_arrow {width:25px!important; height:36px!important;} .right_arrow {background:url(img/arrow-slider-right.png) no-repeat!important;} .left_arrow {background:url(img/arrow-slider-left.png) no-repeat!important;} /* Texte */ p {line-height:22px;} strong, b, .strong {font-weight:700; /*color:#3885a1;*/} .medium {font-weight:600;} .regular {font-weight:400;} .light {font-weight:300;} em, italic, .em {font-style:oblique;} .uppercase {text-transform:uppercase;} .size-12, small {font-size:12px; font-size:0.75rem;} .size-13 {font-size:13px; font-size:0.8125rem;} .size-14 {font-size:14px; font-size:0.875rem;} .size-15 {font-size:15px; font-size:0.9375rem;} .size-16 {font-size:16px; font-size:1rem;} .size-17 {font-size:17px; font-size:1.0625rem;} .size-18 {font-size:18px; font-size:1.125rem;} .size-22 {font-size:22px; font-size:1.375rem;} .text-left {text-align:left;} .text-center {text-align:center;} .text-right {text-align:right;} /* Colors */ .white {color:#fff;} .white-f6f7f7 {color:#f6f7f7;} .gray-e3e3e3 {color:#e3e3e3;} .gray-eceded {color:#eceded;} .gray-c6c6c6 {color:#c6c6c6;} .blue {color: #3885a1;} .blue-dark {color:#296175;} .blue-aladdin {color:#1a4858;} .dark {color:#1b2c34;} .black {color:#333;} /* Background */ .bg-white {background-color:#fff;} .bg-white-f6f7f7 {background-color:#f6f7f7;} .bg-gray-e3e3e3 {background-color:#e3e3e3; min-height:114px;} .bg-gray-eceded {background-color:#eceded;} .bg-gray-c6c6c6 {background-color:#c6c6c6;} .bg-blue {background-color: #3885a1;} .bg-blue-dark {background-color:#296175;} .bg-blue-aladdin {background-color:#1a4858;} .bg-dark {background-color:#1b2c34;} .bg-black {background-color:#333;} .bg-dark-black {background-color:#000;} .bg-blue-60 {background-image:url(img/bg-blue-60.png);} .bg-dark-60 {background-image:url(img/bg-dark-60.png);} .bg-white-80 {background-image:url(img/bg-white-80.png);} .bg-line-bottom {background-image:url(img/bg-line-bottom.jpg); background-repeat:no-repeat; background-position:left bottom;} .bg-arrow-right {background-image:url(img/arrow-right.png); background-repeat:no-repeat; background-position:right center;} .bg-arrow-left {background-image:url(img/arrow-left.png); background-repeat:no-repeat; background-position:left center;} /* Border */ .border {border:1px solid #e3e3e3;} .border-top {border-top:1px solid #e3e3e3;} .border-right {border-right:1px solid #e3e3e3;} .border-bottom {border-bottom:1px solid #e3e3e3;} .border-left {border-left:1px solid #e3e3e3;} .no-border {border-right:0; border-left:0;} /* Transitions */ .bg-transition { -webkit-transition: background 700ms ease; -moz-transition: background 700ms ease; -ms-transition: background 700ms ease; -o-transition: background 700ms ease; transition: background 700ms ease;} .color-transition { -webkit-transition: color 700ms ease; -moz-transition: color 700ms ease; -ms-transition: color 700ms ease; -o-transition: color 700ms ease; transition: color 700ms ease;} } /* Sélection */ ::-moz-selection { background: #3885a1; color: #fff; } ::selection { background: #3885a1; color: #fff; } #animpiscine {float:left; width:50%; margin-right:3%;} #animpiscine object {display:block; height:355px;} /*****************/ /* 5= HEADER */ /*****************/ header {position:relative; z-index:10;} header > .bg-blue-aladdin {height: 482px;/*414px;*/} #slider-header {z-index:0; top:0; left:0; height:380px; width:100%; overflow:hidden;} .menu-menu-secondaire-container{ z-index:2; } .da-slider{ /* width: 1024px !important; height: 330px !important; margin-left: -517px !important;*/ max-width: 100%; height: 380px !important; margin:0 auto; z-index:0; } @media (max-width: 1000px) { header > .bg-blue-aladdin {height: 170px;} #slider-header {height:170px; z-index:0; top:0; left:0; width:100%; overflow:hidden;} .da-slider{ /*top: -100px;*/ margin:0 auto; max-width: 100%;} } @media (max-width: 600px) { header > .bg-blue-aladdin {height: 100px;} #slider-header {height:100px;} /*.da-slider{ top: -170px;}*/ } #top-header {z-index:4;} #top-header-footer {z-index :10; position:fixed; left:19%} #logo, #slogan {z-index:2;} #navigation-principal {z-index:3; margin-top:30px;} #top-header, #top-header-footer {height:30px; line-height:30px;} #top-header ul, #top-header-footer ul {float:left;} #top-header li, #top-header-footer li {display:inline; color:#fff; font-size:11px; font-size:0.6875rem; } #top-header a, #top-header-footer a {margin:0 8px 0 3px; text-transform:uppercase; color:#fff; font-size:11px; font-size:0.6875rem; font-weight:300;} #top-header a.btn-devis {font-size:12px; font-size:0.75rem;} #logo {height:72px; width:74px; /*margin: 145px auto 0;*/ background-position:-275px 0; box-shadow: 0 -2px 7px #000;} .da-arrows-prev, .da-arrows-next { margin-top: 50px; } /*#logo:hover {background-position:-137px 0;}*/ #slogan {position:relative;} #slogan span {padding-bottom:15px; font-size:19px; border-bottom:1px solid #ddd;} #navigation-principal {/*margin-top:129px;*/} #bandeau-promo-smartphone {display:none;} #menu-menu-principal, #menu-menu-principal-ch, #menu-menu-principal-be {width:760px; height:72px; margin:0 auto;} #menu-menu-principal li, #menu-menu-principal-ch li, #menu-menu-principal-be li {position:relative; display:block; float:left; width:150px;} #menu-menu-principal #menu-item-746 a, #menu-menu-principal-ch #menu-item-746 a, #menu-menu-principal-be #menu-item-746 a {font-weight:600; text-shadow: 0 0 9px #000000; border-bottom:4px solid #1b2c34;} #menu-menu-principal a,#menu-menu-principal-ch a,#menu-menu-principal-be a {display:block; height:72px; line-height:72px; text-transform:uppercase; text-align:center; font-weight:300; color:#fff;-webkit-transition:background 700ms ease; -moz-transition:background 700ms ease; -ms-transition:background 700ms ease; -o-transition:background 700ms ease; transition:background 700ms ease;} #menu-menu-principal a:hover, #menu-menu-principal a.ui-state-active, #menu-menu-principal .current_page_item a, #menu-menu-principal .current-menu-ancestor a, #menu-menu-principal-ch a:hover, #menu-menu-principal-ch a.ui-state-active, #menu-menu-principal-ch .current_page_item a, #menu-menu-principal-ch .current-menu-ancestor a, #menu-menu-principal-be a:hover, #menu-menu-principal-be a.ui-state-active, #menu-menu-principal-be .current_page_item a, #menu-menu-principal-be .current-menu-ancestor a {background-color:#1b2c34;} #menu-menu-principal > li, #menu-menu-principal-ch > li, #menu-menu-principal-be > li { float: left;} #menu-menu-principal li:hover > ul,#menu-menu-principal li.sfHover > ul, #menu-menu-principal-ch li:hover > ul,#menu-menu-principal-ch li.sfHover > ul, #menu-menu-principal-be li:hover > ul,#menu-menu-principal-be li.sfHover > ul {display: block;} #menu-menu-principal a, #menu-menu-principal-ch a, #menu-menu-principal-be a {display: block; position: relative; } #menu-menu-principal .sub-menu, #menu-menu-principal-ch .sub-menu, #menu-menu-principal-be .sub-menu {position:absolute; display:none; z-index: 99; left:0!important; top:72px!important; width:205px; padding-top:13px; background:url(img/bg-submenu.png) no-repeat 10px 0;} #menu-menu-principal .sub-menu li, #menu-menu-principal-ch .sub-menu li, #menu-menu-principal-be .sub-menu li {width:100%; background-color:#1b2c34;} #menu-menu-principal .sub-menu li:first-child, #menu-menu-principal-ch .sub-menu li:first-child, #menu-menu-principal-be .sub-menu li:first-child {padding-top:10px;} #menu-menu-principal .sub-menu li:last-child, #menu-menu-principal-ch .sub-menu li:last-child, #menu-menu-principal-be .sub-menu li:last-child {padding-bottom:10px;} #menu-menu-principal .sub-menu a, #menu-menu-principal-ch .sub-menu a, #menu-menu-principal-be .sub-menu a {height:30px; line-height:30px; padding:0 15px; font-size:13px; font-size:0.8125rem; text-align:left;} #menu-menu-principal .sub-menu a:hover, #menu-menu-principal-ch .sub-menu a:hover, #menu-menu-principal-be .sub-menu a:hover {color:#3885a1;} #menu-menu-principal .sub-menu .sub-menu, #menu-menu-principal-ch .sub-menu .sub-menu, #menu-menu-principal-be .sub-menu .sub-menu {top:0!important; left:205px!important; width:430px; padding-top:0; background-image:none;} #menu-secondaire, #menu-secondaire-be, #menu-secondaire-ch {border-bottom:3px solid #e3e3e3;} #menu-menu-secondaire, #menu-secondaire-be, #menu-secondaire-ch {height:115px;} #menu-menu-secondaire li, #menu-menu-secondaire-ch li , #menu-menu-secondaire-be li ,{display:inline;} #menu-menu-secondaire a, #menu-menu-secondaire-ch a, #menu-menu-secondaire-be a {display:block; float:left; width:20%; height:115px; padding-top:90px; text-transform:uppercase; text-align:center; font-weight:600; font-size:14px; font-size:0.875rem;} #menu-menu-secondaire-ch a, #menu-menu-secondaire-be a {font-weight:600;font-size:13px; font-size:0.84rem;} #menu-menu-secondaire a:hover, #menu-menu-secondaire-ch a:hover, #menu-menu-secondaire-be a:hover {border-bottom:3px solid #3885a1; color:#333;} #menu-menu-secondaire .abris-plat a, #menu-menu-secondaire-ch .menu-item-1504 a, #menu-menu-secondaire-be .menu-item-1500 a {background:url(img/abris-plat.png) no-repeat center 35px;} #menu-menu-secondaire .abris-bas a, #menu-menu-secondaire-ch .menu-item-1502 a, #menu-menu-secondaire-be .menu-item-1498 a {background:url(img/abris-bas.png) no-repeat center 35px;} #menu-menu-secondaire .abris-semi-haut a, #menu-menu-secondaire-ch .menu-item-1505 a, #menu-menu-secondaire-be .menu-item-1501 a {background:url(img/abris-semi-haut.png) no-repeat center 35px;} #menu-menu-secondaire .abris-haut a, #menu-menu-secondaire-ch .menu-item-1503 a, #menu-menu-secondaire-be .menu-item-1499 a {background:url(img/abris-haut.png) no-repeat center 35px;} #menu-menu-secondaire .abris-motorises a, #menu-menu-secondaire-ch .menu-item-1536 a, #menu-menu-secondaire-be .menu-item-1537 a {background:url(img/abris-motorises.png) no-repeat center 35px;} .menuLangue ul li {background: none; border-width: 0px;} #menu-flottant {display:none; z-index:10; right:0; bottom:30%; width:130px; background-color:#b71134;} #menu-flottant a:hover {color:#fff; background-color:#c31d40;} .picto-small {padding-top:50px; background-image:url(img/sprite-pictos-small.png); background-repeat:no-repeat;} .picto-contact-small {background-position:-112px 10px;} .picto-catalogue-small {background-position:-237px 10px;} .picto-devis-small {background-position:21px 10px;} .picto-sav-small {background-position:-365px 10px;} section {z-index:0;} .breadcrumb_last {font-weight:600;} /*****************/ /* 6= FOOTER */ /*****************/ footer {margin-top:30px; padding-bottom:30px;} footer a, footer p {color:#d2f3ff; font-size:13px; font-size:0.8125rem;} footer a:hover {color:#fff;} footer .widget {margin-top:15px; margin-bottom:15px;} footer ul a {display:block; padding:2px 0;} footer ul li span {display:block; padding:2px 0; color: #d2f3ff; font-size: 13px; font-size: 0.8125rem;} /* Newsletter */ .wysija-paragraph {position:relative; margin-bottom:8px!important;} .formError {left:0!important; top:0!important; width:100%;} .formError .formErrorContent {width:100%!important; border:0!important;} footer input[type="text"] {margin:0; background-color:#296175; border:0; color:#d2f3ff;} footer input[type="text"]:hover, footer input[type="text"]:focus {background-color: #3885a1; color:#fff;} footer input[type="submit"] {float:right; width:100px; margin:0!important; background-color:#1b2c34;} footer input[type="submit"]:hover {background-color:#296175;} #top-footer {z-index:50; bottom:0; left:0; border-width:3px; background-color: #b71134;} #top-footer #menu-service {width:790px; margin:0 auto;} #top-footer a {display:block; float:left; height:auto; padding:15px 0 15px 32px; font-size:13px; font-size:0.85rem; text-align:left; color:#ffffff;} #top-footer a:hover {margin-top:-3px; border-top:3px solid #3885a1;} /****************/ /* 10= HOME */ /****************/ article {line-height:22px;} .home .pannel {overflow:hidden; height:auto!important; border-left:3px solid #296175;} .home .ui-accordion-header-active {display:none;} .ui-accordion-header:hover {cursor:pointer;} .home #actu h3, .home #event h3 {margin:0; padding:8px 15px; text-transform:none; border-left:3px solid #c6c6c6; background-position:420px center;} .home #actu .pannel h3 {margin:8px 0; padding:0; border:0;} .home #event .pannel h3 {margin:0 0 8px 0; padding:0 0 8px 0; border:0; background-position:left bottom;} .home #actu p {margin:0; line-height:18px; color:#fff;} .home #event p {margin:0; line-height:18px;} .home #actu a {color:#fff; font-weight:600;} .home #actu img {width:100%;} .home #abris li {width:330px; margin: 8px; background-color:#e3e3e3; display: inline-block;} /*.home #abris li.item-1, .home #abris li.item-7 {margin-left:0;}*/ .home #abris li:hover {cursor:pointer; background-color: #3885a1;} .home #abris em a {display:block; text-align:center; color:#1b2c34;} .home #abris h3 {margin-top:0;} .home #abris li:hover a {color:#fff;} .home div.abris-home { margin-right: 12px; } .home div.abris-home p { background: #3885a1; margin-bottom: 40px; /*height:45px; line-height:45px;*/ min-height: 45px; padding-top: 10px; font-weight: bold; padding-left: 12px; margin-top: -2px; } .home div.abris-home a {color: #fff;} .home div.actu { background: #F2F3F9; margin-bottom: 6px; } .home div.actu a {font-weight: bold; display: block;} .home div.actu a.padding {padding: 12px 0 0 0;} .home div.actu img { float: left; margin: 0 6px 6px 0;} .home div.actu span { color: #aaa ; font-style: italic; font-size:10px; font-size:0.7rem;} .clearBoth {clear: both;} /****************/ /* 10= BLOG */ /****************/ .post {border-left:3px solid #c6c6c6;} .post:hover {background-color: #3885a1; border-left:3px solid #296175; cursor:pointer; color:#fff;} .post:hover a {color:#fff;} .post p {margin-bottom:0;} .post a.more {display:block; margin-top:8px; text-transform:uppercase; font-weight:600; font-size:13px; font-size:0.8125rem;} /***************/ /* 10= CPT */ /***************/ /* Abris */ .page-template li.list {min-height:360px;} li.list {width:31.333%; margin-left:3%; padding:15px 15px 50px 15px; background-color: #3885a1; font-weight:400;} li.item1, li.item4 {margin-left:0;} li.list img {width:100%;} ul.full-width li.list { width:100%; margin-left:0; margin-bottom: 15px; padding:15px 15px 50px 15px; background-color: #3885a1; font-weight:400;} /* Correction bug lien sur liste li.list a {color: #D9D7EB; font-weight: bold;}*/ li.list a.more {display:none;} li.list a.absolute {left:0; bottom:0; height:45px; line-height:45px;} li.list a:hover {color:#fff;} li.list p {color:#fff; font-size:13px; font-size:0.8125rem;} /* Event */ .post-type-archive-event .post h2 {padding-bottom:8px; background-image:url(img/bg-line-bottom-dark.jpg); background-repeat:no-repeat; background-position:left bottom;} .post-type-archive-event .post p {margin:0; color:#999; background:url(img/icon-horaires-normal.png) no-repeat left center;} .post-type-archive-event .post .btn {color:#1b2c34; background:#c6c6c6 url(img/icon-check-normal.png) no-repeat 10px center;} .post-type-archive-event .post:hover h2 {color:#fff; background-image:url(img/bg-line-bottom.jpg); background-repeat:no-repeat; background-position:left bottom;} .post-type-archive-event .post:hover p {color:#296175; background:url(img/icon-horaires.png) no-repeat left center;} .post-type-archive-event .post:hover .btn {background-color:#296175; background-image:url(img/icon-check.png); color:#fff;} /* Témoignage */ .temoignage li {width:48.5%; margin-left:3%; padding:15px; background-color: #e3e3e3; border-left:3px solid #c6c6c6; font-weight:400;} li.list-temoignage-bottom {min-height: 380px; } .temoignage li h2 {margin-bottom:8px; text-transform:none;} .temoignage li.item-1, .temoignage li.item-3, .temoignage li.item-5, .temoignage li.item-7, .temoignage li.item-9, .temoignage li.item-11 {margin-left:0;} .temoignage li p {font-size:13px; font-size:0.8125rem;} .temoignage li a.more {display:block; float:right; width:auto; text-transform:uppercase; font-size:12px; font-size:0.75rem; font-weight:600;} .temoignage li:hover {background-color: #3885a1; border-left:3px solid #296175; color:#fff;} .temoignage li:hover a {color:#fff;} /***************/ /* 10= 404 */ /***************/ #error hgroup {width:300px; margin:0 auto;} #error h1 {font-size:177px; font-size:11.0625rem; } #error h2 {text-transform:none; } #error #logo {margin:30px auto;} #error .btn {width:170px; margin:0 auto;} /***********************/ /* 10= ACCES PRIVE */ /***********************/ #loginclient input[type="submit"] {width:145px;} /*********************/ /* 8= PAGINATION */ /*********************/ .wp-paginate li {float:left;} .wp-paginate span.title {display:none;} .wp-paginate li span, .wp-paginate li a {display:block; height:30px; width:30px; margin-right:15px; line-height:30px; text-align:center; color:#1a4858; background-color:#eceded;} .wp-paginate a:hover {background-color:#3885a1; border:0; color:#fff;} .wp-paginate .current {background-color:#3885a1; color:#fff; font-weight:700;} .wp-paginate .next, .wp-paginate .prev {width:auto; padding:0 15px; font-size:11px; text-transform:uppercase;} /***********************/ /* 9= COMMENTAIRES */ /***********************/ .avatar {display:none;} .list-comment {float:left;} .comment-body {float:left; width:100%; margin-bottom:30px; padding:15px; background-color:#e3e3e3; border-left:3px solid #c6c6c6;} .comment-body:hover {background-color:#3885a1; border-left:3px solid #296175; color:#fff;} .comment-body:hover a, .comment-body:hover .comment-meta a {color:#fff;} .comment-author {float:left; width:100%;} .comment-author cite {border-left:0; font-size:16px; font-size:1rem; font-weight:600;} .comment-meta {margin:8px 0 15px 0; width:100%;} .comment-meta a {font-size:11px; font-size:0.6875rem; font-style:oblique; color:#333;} .comment-meta a:hover {cursor:default; border:0;} .comment-body p {float:left; width:100%;} .reply {float:left; width:100%;} .reply a {float:right; padding:3px 8px; font-size:11px; font-size:0.6875rem; text-transform:uppercase;} .reply a:hover {border:0;} .children li {font-weight:400; font-size:14px; font-size:0.875rem;} .children .comment-body {float:right; width:90%;} #respond {float:left; width:100%; margin:30px 0; padding:15px; border: solid 1px #3885a1; color:#000;} #respond h3 {text-transform:uppercase; color:#3885a1;} #respond a {color:#3885a1; font-weight:600;} #respond input[type="submit"] {float:left; width:auto;} /*************************/ /* 10= COMPATIBILITE */ /*************************/ .ie7 .col-4 {width:26.33%;} .ie7 .su-column-size-1-2 {width:47%;} .ie7 .su-spoiler-closed .su-spoiler-content img{display:block; position:relative; z-index:11;} /* Header */ .ie7 .btn-devis {width:138px;} .ie7 #menu-menu-secondaire a, .ie7 #menu-menu-secondaire-be a, .ie7 #menu-menu-secondaire-ch a {height:25px; width:19%;} .ie7 header, .ie7 #navigation-principal, .ie7 #menu-menu-principal, .ie7 #menu-menu-principal-ch, .ie7 #menu-menu-principal-be {z-index:20;} .ie7 section {z-index:1;} .ie7 section #slogan {z-index:1;} /* Footer */ .ie7 #top-footer #menu-service {width:1024px;} .ie7 #top-footer a {width:20%;} .ie7 #middle-footer {padding-bottom:30px;} .ie7 #bottom-footer {height:60px;} .ie7 #bottom-footer p {line-height:60px;} /* Home */ .ie7 .home #event .pannel{width:93%;} .ie7 .home #event h3 {width:92%;} .ie7 .home #actu h3 {width:93%;} .ie7 .home #actu figure {float:right; width:49%;} /* Content */ .ie7 li.list {width:28.33%;} .ie7 .temoignage li {width:45.1%;} .ie7 .promo_slider_wrapper {float:left;} .ie7 .promo_slider_thumb_nav .thumb_nav {height:auto;} .ie7 .promo_slider_thumb_nav .slider_selections span {margin-bottom:15px!important;} /* Commentaires */ .ie7 .comment-body, .ie7 #respond {width:97%;} .ie7 #respond input[type="text"], .ie7 #respond textarea {width:98%;} /**********************/ /* 11= RESPONSIVE */ /**********************/ /* Tablette horizontal */ @media (max-width: 1000px) { .tablet-hidden { display: none; } /* Structure */ .row {width:90%;} /* Header */ #top-header, #top-header-footer {z-index:100;} #top-header a.btn-devis, #top-header a.btn-devis2 {display:none;} #menu-menu-principal, #menu-menu-principal-be, #menu-menu-principal-ch {display:none;} #logo {margin-top: 19px;} #navigation-principal {/*margin-top:13.5%;*/} #menu-secondaire {position:relative; z-index:2;} #menu-responsive-top {position:relative; z-index:100; display:block;} #menu-responsive-top li {position:relative;} #menu-responsive-top a {display:block;} #menu-responsive-top .sub-menu {top:0!important; left:0!important; background-image:url(img/bg-dark-60.png);} #menu-responsive-top .sub-menu a {padding:8px 15px;} #menu-responsive-tablette {display:block;} #menu-menu-responsive-tablette {width:100%; height:72px; margin:0 auto;} #menu-menu-responsive-tablette li {display:block; float:left; width:25%; margin:0 3%;} #menu-menu-responsive-tablette a {display:block; height:72px; line-height:72px; text-transform:uppercase; text-align:center; font-weight:300; color:#fff;} #menu-menu-responsive-tablette a:hover, #menu-menu-responsive a.ui-state-active, #menu-menu-responsive .current_page_item a {background-color:#1b2c34;} #menu-menu-responsive-tablette .sub-menu {position:absolute; left:0!important; top:72px!important; width:100%; padding-bottom:15px; background-color:#1b2c34;} #menu-menu-responsive-tablette .sub-menu li {width:25%;} #menu-menu-responsive-tablette .sub-menu li#menu-item-745 {width:100%; margin:0 0 30px 0; } #menu-menu-responsive-tablette .sub-menu a {float:left; width:94%; margin:0 3%; padding:0 15px; height:45px; line-height:45px; font-size:13px; font-size:0.8125rem; text-align:left; border-bottom:3px solid #2d3f48;} #menu-menu-responsive-tablette .sub-menu ul {display:block!important; position:relative; float:left; top:0!important;} #menu-menu-responsive-tablette .sub-menu ul li {width:100%;} #menu-menu-responsive-tablette .sub-menu ul a {margin:0 3%; padding:5px 3%; height:auto; text-transform:none; border-bottom:1px solid #2d3f48;} #menu-menu-responsive-tablette .sub-menu ul a:active {background:#2d3f48;} #menu-flottant {bottom:0;} #slogan span {height:auto; line-height:20px; padding:8px 0;} .da-slide .da-img img {max-width:none;} .bg-slider {display:none;} #menu-menu-secondaire a, #menu-menu-secondaire-ch a, #menu-menu-secondaire-be a {width:33%;} #breadcrumbs {display:none;} /* Footer */ footer #text-2 {display:none;} /* Slider */ .promo_slider {min-height:338px; height:auto!important;} .promo_slider_thumb_nav .thumb_nav {width:100%; margin:0!important;} .promo_slider_thumb_nav .right_arrow, .promo_slider_thumb_nav .left_arrow {top:-125%!important;} /* Content */ .alignleft, .alignright, .aligncenter {float:none; display:block; margin:15px 0;} .su-tabs-pane .alignleft {float:left; margin:0 60px 15px 0;} .su-tabs-pane .alignright {float:right; margin:0 0 15px 60px;} .su-tabs-pane .aligncenter {display:block; margin:0 auto 60px auto;} .su-spoiler-content p {width:50%;} .su-spoiler-content img {top:45px;} /* Home */ #actu article, #actu figure {width:100%;} #actu article {margin-bottom:15px;} /* Blog */ .archive .full-col-8 {width:61.667%;} /* Event */ .post-type-archive-event article .full-col-9 {width:63%;} /* Formulaires */ .wpcf7 .col-2 {width:100%;} .wpcf7 input[type="submit"] {width:135px;} /* Flash */ #animpiscine {display:none;} } #top-home div p , #top-home div h2{text-align: justify;} /* Tablette vertical */ @media (max-width: 768px) { /* Header */ #top-header .right {width:100%;} #menu-responsive-top ul {width:100%; text-align:center;} #menu-menu-responsive-tablette .sub-menu li {width:100%;} /* Footer */ #top-footer #menu-service {width:80%;} #top-footer .picto {width:50%;} #top-footer .picto:hover {border:0; margin:0;} #middle-footer .col-4 {width:94%;} footer ul ul a {padding:15px 0; border-bottom:1px solid #296175;} /* Slider */ .promo_slider {min-height:270px;} /* Content */ .tax-gamme li.list {min-height:280px; margin-bottom:30px;} /* Home */ #top-home .col-6 {width:100%; margin:0;} #top-home #actu article, #top-home #actu figure {width:50%;} #top-home #actu article {padding-left:3%;} .home #abris li {width:40%; margin:15px 3%;} .home #abris li:first-child {margin-left:3%;} /* Content */ .su-tabs-nav span {width:33.33%;} li.list {width:48.333%;} li.item4 {margin-left:3%;} li.item1, li.item3, li.item5, li.item7 {margin-left: 0;} /* Blog */ .archive .full-col-8 {width:52.667%;} /* Evenement */ .post-type-archive-event article .full-col-9 {width:50%;} /* Formulaires */ .wpcf7 .col-4, .wpcf7 .col-12 {width:100%;} } /* iPhone 4 horizontal */ @media (max-width: 600px) { .phone-hidden { display: none; } #logo { background-image:url(img/sprite-aladdin.png); background-repeat:no-repeat; margin-top: 10px; height:75px; width:75px; background-position:-274px 0;} /* Header */ /*Bandeau en header*/ #annonce{display:none;} #bandeau-promo-smartphone{ display:block; width:200px; float: right; margin-left: 4%; margin-top:5px; } #bandeau-promo-smartphone a, #bandeau-promo-smartphone img{ float: left; } #menu-responsive-tablette {display:none;} #menu-responsive-smartphone {display:block;} #menu-menu-responsive-smartphone {width:100%; height:72px; margin:0 auto;} #menu-menu-responsive-smartphone li {display:block; float:left; width:25%;} #menu-menu-responsive-smartphone a {display:block; height:72px; line-height:72px; text-transform:uppercase; text-align:center; font-weight:300; color:#fff;} #menu-menu-responsive-smartphone a:hover, #menu-menu-responsive a.ui-state-active, #menu-menu-responsive .current_page_item a {background-color:#1b2c34;} #menu-menu-responsive-smartphone .sub-menu {position:absolute; left:0!important; top:72px!important; width:100%; padding-bottom:15px; background-color:#1b2c34;} #menu-menu-responsive-smartphone .sub-menu li {width:100%;} #menu-menu-responsive-smartphone .sub-menu a {float:left; width:94%; margin:0 3%; padding:0 15px; height:45px; line-height:45px; font-size:13px; font-size:0.8125rem; text-align:left; border-bottom:1px solid #2d3f48;} #menu-menu-responsive-smartphone .sub-menu ul {display:block!important; position:relative; float:left; top:0!important;} #menu-menu-responsive-smartphone .sub-menu ul li {width:100%;} #menu-menu-responsive-smartphone .sub-menu ul a {margin:0 3%; padding:5px 3%; height:auto; text-transform:none; border-bottom:1px solid #2d3f48;} #menu-menu-responsive-smartphone .sub-menu ul a:active {background:#2d3f48;} #menu-menu-secondaire a, #menu-menu-secondaire-be a, #menu-menu-secondaire-ch a {width:50%;} /*#menu-secondaire {top:55px; }*/ .da-slider{ position:relative!important; height:100px!important;} .da-slider a { width:100%; display: block;} .bodyHP{ position:relative; float:left; top:55px;} #menu-menu-responsive .sub-menu li {width:100%;} #slogan span {text-align:left; text-transform:none;} /* Footer */ .picto-sav-small {background-position:-347px 10px;} .picto-devis-small {background-position: 40px 10px;} .picto-catalogue-small {background-position: -220px 10px;} .picto-contact-small {background-position: -96px 10px;} /* Slider */ .promo_slider {min-height:250px;} .promo_slider_thumb_nav {position:absolute!important; top:0!important; background-color:transparent!important; padding:0!important; height:100%!important;} .promo_slider_thumb_nav .right_arrow, .promo_slider_thumb_nav .left_arrow {top:40%!important;} .promo_slider_thumb_nav .slider_selections span {display:none!important;} /* Content */ .temoignage li {width:100%; margin:15px 0!important;} .tax-gamme .col-8 {width:100%;} /* Blog */ .archive .full-col-8 {width:100%;} .archive figure, .archive img , section{width:100% !important;} .post-type-archive-event article .full-col-9 {width:100%;} } /* iPhone 4 horizontal */ @media (max-width: 480px) { /* Header */ #top-header, #top-header-footer {height:auto;} #top-header ul, #top-header-footer ul {display:none;} #menu-flottant {display:block;} #menu-flottant {width:100%;} #menu-flottant .picto-small {width:25%;} #menu-menu-secondaire a, #menu-menu-secondaire-ch a, #menu-menu-secondaire-be a {width:100%; padding:0; height:40px; line-height:40px; text-align:left; border-bottom:1px solid #ccc; color:#333; opacity:1;} #menu-menu-secondaire .abris-plat a, #menu-menu-secondaire-ch .menu-item-1504 a, #menu-menu-secondaire-be .menu-item-1500 a {background:url(img/abris-plat.png) no-repeat right 7px;} #menu-menu-secondaire .abris-bas a, #menu-menu-secondaire-ch .menu-item-1502 a, #menu-menu-secondaire-be .menu-item-1498 a {background:url(img/abris-bas.png) no-repeat right 7px;} #menu-menu-secondaire .abris-semi-haut a, #menu-menu-secondaire-ch .menu-item-1505 a, #menu-menu-secondaire-be .menu-item-1501 a {background:url(img/abris-semi-haut.png) no-repeat right 7px;} #menu-menu-secondaire .abris-haut a, #menu-menu-secondaire-ch .menu-item-1503 a, #menu-menu-secondaire-be .menu-item-1499 a {background:url(img/abris-haut.png) no-repeat right 7px;} #menu-menu-secondaire .abris-motorises a, #menu-menu-secondaire-ch .menu-item-1536 a, #menu-menu-secondaire-be .menu-item-1537 a {background:url(img/abris-motorises.png) no-repeat right 2px; border-bottom:0;} #navigation-principal {margin-top:0px!important;} /*Bandeau en header*/ #annonce{display:none;} .su-spoiler-content {padding:0 15px 15px 15px!important;} /* Footer */ #top-footer {display:none;} footer {padding-bottom:80px;} #bottom-footer p, #bottom-footer a {font-size:11px; text-align:center;} /* Slider */ .promo_slider {min-height:150px;} /* Content */ .su-spoiler-content p {width:100%;} .su-spoiler-content img {position:relative; top:0;} .tax-gamme li.list {width:100%; margin:0 0 30px 0;} /* Home */ #top-home #actu article, #top-home #actu figure {width:100%;} .home #abris li {width:65%;} /* Content */ .su-tabs-nav span {width:100%;} .page-template li.list {width:100%; min-height:0; margin:15px 0!important;} .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {width: 100%;float: left;padding: 0 !important;} } /* iPhone 4 horizontal */ @media (max-width: 320px) { /* Header */ #slogan span {font-size:16px;} /*Bandeau en header*/ #annonce{display:none;} /* Footer */ #top-footer .picto {width:100%;} .picto-sav-small {background-position:-359px 10px;} .picto-devis-small {background-position: 29px 10px;} .picto-catalogue-small {background-position: -229px 10px;} .picto-contact-small {background-position: -103px 10px;} /* Home */ .home #abris li {width:100%; margin:15px 0!important;} .home #abris li img {width:100%;} } div.title {font-size:16px; font-size:1rem; margin:5px 0; font-weight:600; text-transform: uppercase;} li.list a {color: white; font-weight: bold} .tampon { float: right; width: 170px; margin-top: -180px; } @media (max-width: 1000px) { .tampon {display: none;} } .cookieBannerContainer { padding: 10px !important; position: fixed; top: 0px; height: inherit !important; line-height: 1.4 !important; background: #636363; color: #fff; z-index: 9999; font-size: 11px; opacity: 0.8; text-align: right; left: 0px; /* right: 0px; */ width: 250px !important; } #middle-footer ul li a{ font-size: 0.8700em; } .partenaire{ border-bottom: 1px solid #e3e3e3; display: block; width: 100%; float: left; margin-top:10px; } .presentation-partenaire{ float:left; width: 80%; } .partenaire-left{ float:left; width:18%; margin-right:2%; } .logo-partenaire { width: 185px; float: left; vertical-align: middle; } .logo-partenaire img{ margin-top:20px; } .titre-partenaire{ font-weight: 600; font-size: 1.1em; width: 100%; display:block; } .seo_link a{ color:#fff; } .seo_link a:hover{ text-decoration: underline; }