@import url("https://fonts.googleapis.com/css2?family=Open Sans&display=swap");
body,
#middle,
#topmenu .dropdown,
.body_wrap,
.dropdown > li > a > span,
.btn_black_garage,
.btn_blue_garage,
.garage-pfooter-infos,
#accordion-garages h3,
#menu-menu span, #accordion-garages-footer h3 {
font-family: 'Open Sans', sans-serif !important;
}
img {
max-width: 100% ;
height: auto ;
}
.menu_single{padding-top:19px} .menu_single:hover{text-decoration:none}
.postlist .post-title h2, .post-detail .post-title h1 {
margin: 0;
font-size: 22px;
}
.postlist .post-title h2 a {
color: #3f4b56;
}
.postlist .post-item .link_more {
font-size: 15px;
line-height: 15px;
font-weight: 500;
color: #f1541e;
text-transform: uppercase;
display: block;
margin: 15px 0 0 0;
overflow: hidden;
position: relative;
}
body p,
ul {
font-size: 17px;
font-family: 'Open Sans';
}
a,
a:visited {
color: #d50427;
text-decoration: none;
outline: none;
}
.entry a {
color: #d50527;
}
.oo_font_red, #main-content .oo_font_red {
color: #e2211c !important;
}
@media (min-width: 992px) {
.padding-inner-news{
padding-left:50px !important;
padding-right:50px !important;
}
.padding-inner-news-left{
padding-left:50px !important;
}
.padding-inner-news-right{
padding-right:50px !important;
}
}
.h3,
h3 {
font-size: 25px !important;
}
h3.quote {
font-family: 'Open Sans';
text-align: center;
font-style: italic; }
.entry a:hover,
.link-orange {
text-decoration: none;
}
#middle {
background: #f8f7f7 !important ;
}
.single-post #middle {
background: #fff !important ;
}
.dropdown > li > a > span {
font-size: 16px !important;
}
.header-new .text-number-cars {
font-size: 14px !important;
line-height: 16px !important;
font-style: normal !important;
}
span.number-cars {
font-size: 25px !important;
font-weight: 100 !important;
background: #d50527;
border-radius: 50px;
color: white !important;
margin-right: 5px;
min-width: 50px;
display: inline-block;
text-align: center;
}
.header-new a.cta-autobritt {
font-size: 14.5px !important;
background: #d50527 !important;
border-radius: 25px;
vertical-align: middle !important;
text-transform: uppercase;
margin-top: 0 !important;
}
.header-new a.cta-autobritt svg {
width: 20px !important;
}
.h-title svg polygon,
.fila-icon polygon {
color: #87071c !important;
fill: #87071c !important;
opacity: 1;
}
a.cta-autobritt.v-noire {
background: black !important;
}
.btn_black_garage:hover,
.ui-widget-content a.btn_black_garage:hover,
.entry a.btn_black_garage:hover {
background-color: #d50527 !important;
}
.btn_black_garage,
.btn_blue_garage, .entry a.btn_blue_garage {
background-color: #d50527 !important;
color: white !important;
}
.garage-pfooter-infos .btn_blue_garage i{
color: white !important;
}
.btn_black_garage:hover,
.btn_blue_garage:hover, .entry a.btn_blue_garage:hover {
background-color: black !important;
color: #fff !important;
}
.garage-pfooter-infos .btn_blue_garage:hover i{
color: #fff !important;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
z-index: 6;
color: black !important;
}
#accordion-garages, #accordion-garages-footer  {
padding: 0 10px;
}
#accordion-garages h3 strong, #accordion-garages-footer h3 strong {
color: black;
background: white;
padding: 15px 0 15px 10px;
flex: 1;
position: relative;
display: inline-block;
border-radius: 0 24px 24px 0;
}
#accordion-garages h3.ui-state-active, #accordion-garages-footer h3.ui-state-active {
background-color: white !important;
} .relative {
position: relative;
}
.d-block {
display: block;
}
.offer_details .offer_data li,
.header_title h1 span,
.header_title strong span,
.offer_details .offer_price strong,
.offer_specification li .spec_value,
.details_tabs .tabcontent h3 {
color: #000;
}
.offer_specification li {
background: transparent !important;
border: 0;
}
.body_wrap {
padding-top: 65px; }
#header-logo {
position: fixed;
z-index: 99;
width: 100%;
top: 0;
}
.entry {
font-size: 17px;
}
.font24 {
font-size: 24px;
line-height: 28px;
}
.font20 {
font-size: 20px;
line-height: 25px;
}
.copyright { float: none;
width: auto;
padding: 0 10px;
text-align: center;
font-size: 14px;
}
.copyright a { }
.footer_rs a {
color: #fff;
padding: 0 10px;
font-size: 22px;
display: block;
float: left;
}
.footer_rs a:hover {
color: #d50427;
}
.entry p.text-center {
text-align: center;
}
.text-center {
text-align: center !important;
}
p.prefooter-content a {
color: #fff !important;
}
p.prefooter-content a:hover {
color: #d50427 !important;
}
.em {
font-size: 12px;
}
.footer-last {
display: flex;
align-items: center;
justify-content: space-between;
}
.mailtofooter {
margin-left: 50px;
}
.mailtofooter a {
text-transform: uppercase;
color: #fff !important;
}
.logos-marque > a {
width: 20%;
max-width: 130px;
background-color: #f6f6f6;
padding: 0!important;
margin-bottom: 20px;
}
.logos-marque > a.current{
background-color: #d50527;
}
.logos-marque > div.elementor {
width:100%;
}
.logos-canton > a {
padding: 0 20px 20px;
width: 15%;
max-width: 100px;
}
#tri-garage-canton > a,
#tri-garage-marque > a img {
opacity: 0.5;
}
#tri-garage-canton > a.current,
#tri-garage-marque > a.current img {
opacity: 1;
}
.logos-marque img {
max-height: 90px;
margin: auto;
display: block;
}
.grecaptcha-badge {
visibility: hidden;
z-index: -1;
}
.copyright_site {
font-size: 11px;
text-align: center;
color: #fff;
} .txt-icon-prefooter {
text-align: center;
text-transform: uppercase;
font-weight: 300;
}
.txt-icon-prefooter-img {
display: block;
text-align: center;
text-transform: uppercase;
}
p.prefooter-title {
padding-top: 70px;
color: #fff;
font-size: 20px;
text-transform: uppercase;
text-align: right;
font-weight: 300;
}
p.prefooter-content {
text-transform: uppercase;
text-align: right;
color: #fff;
font-weight: 300;
}
a.linkprefooter {
color: #666;
}
a.linkprefooter:hover {
color: #d50427;
text-decoration: none;
}
p.prefooter-blue,
div.prefooter-blue {
text-transform: uppercase;
text-align: right;
color: #d50427;
font-weight: 300;
}
p.prefooter-blue a,
p.prefooter-blue a:hover,
div.prefooter-blue a,
div.prefooter-blue a:hover {
color: #d50427;
}
#after-banner-footer {
padding-top: 20px;
padding-bottom: 20px;
}
.footer .container {
padding-top: 20px !important;
}
.footer { border-top: 0 !important;
}
.middle_row.row_light_gray {
background: #171717;
border: 0 !important;
}
@media (max-width: 991px) {
.entry ul {
margin: 0;
padding: 0;
}
.entry {
padding: 10px;
}
}
@media (min-width: 992px) {
.m-10 {
margin: 10px 20px !important;
}
.m-20 {
margin: 20px 40px !important;
}
.p-20 {
padding: 20px 40px !important;
}
.m-45 {
margin: 20px 90px !important;
}
}  #garages_map {
width: 100%;
height: 480px;
}
.garage-pfooter-img {
position: relative;
}
.garage-pfooter-img .garage-icon {
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -25px;
width: 50px;
height: auto;
z-index: 1;
}
.garage-pfooter-header,
.service-pfooter-header {
position: relative;
padding: 0;
font-family: 'Open Sans', sans-serif;
}
.garage-item ul li {
list-style: none;
}
.garage-item i {
color: #d50427;
margin-right: 1em;
}
.garage-item .post-title a {
font-family: 'Open Sans';
text-transform: initial;
font-weight: normal !important;
font-size: 1.2em;
}
.garage-info .entry {
padding: 25px;
text-align: center;
}
.garage-info p {
text-align: center !important;
}
.garage-info a,
.contact a {
color: black !important;
}
.garage-info i,
.contact i {
color: #d50427;
}
.garage-info a,
.garage-info li {
color: #000;
}
.font-18 {
font-size: 18px;
}
.font-20 {
font-size: 20px;
}
.barre_after {
position: relative;
padding: 0 0 14px;
} .garage-pfooter-header p {
text-align: center;
}
.garage-pfooter-header h3,
.service-pfooter-header h3 {
font-size: 3rem !important;
}
.garage-pfooter-infos {
font-weight: 300;
padding: 18px;
display: flex;
justify-content: center;
flex-direction: column;
}
.garage-pfooter-infos ul li {
display: flex;
align-items: flex-start;
list-style: none;
font-family: 'Open Sans';
font-weight: normal;
}
.garage-pfooter-infos ul p {
margin: 0;
}
.garage-pfooter-btns {
*background-color: #171717;
padding: 0 18px 18px;
display: flex;
justify-content: center;
}
.garage-pfooter-infos i {
margin-top: 0.5rem;
color: #d50427;
margin-right: 0.8rem;
}
.btn_black_garage,
.btn_blue_garage {
background-color: #d50427;
color: #000;
border: 2px solid #fff;
width: auto;
line-height: 39px;
border-radius: 5px;
display: block;
text-align: center;
font-size: 18px;
padding: 0 10px;
font-family: 'Roboto', sans-serif;
border-radius: 24px;
}
.btn_black_garage:hover,
.btn_blue_garage:hover {
text-decoration: none;
}
.btn_black_garage,
.ui-widget-content a.btn_black_garage {
background-color: #000;
color: #fff;
padding: 0 10px;
margin-right: 18px;
height: auto;
}
.btn:hover {
background-image: none;
}
.btn_black_garage:hover,
.ui-widget-content a.btn_black_garage:hover,
.entry a.btn_black_garage:hover {
background-color: #d50427;
color: #000;
}
.btn_blue_garage:hover {
background-color: #000;
color: #fff;
}
.titre_encart {
text-align: center;
font-weight: bold;
color: #d50427;
font-size: 24px;
font-style: italic;
}
.nlprefooter {
background: #171717;
}
.nlprefooter > .container {
padding: 20px 0;
}
.logosrow > .container {
padding-bottom: 20px;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 p {
text-align: left;
}
div#cf7sg-form-formulaire-actions p {
text-align: left;
}
#cellgaragefooter .garage-pfooter-infos {
border-bottom: 0 !important;
}
.garage-pfooter-icons-l1 {
border-left: 1px solid #d50427;
border-right: 1px solid #d50427;
border-bottom: 1px solid #d50427;
height: auto;
background-color: #171717;
color: white;
text-align: center;
padding-bottom: 20px;
}
.garage-pfooter-icons-l2 {
height: 90px;
background-color: #2c2d2e;
color: white;
}
.garage-pfooter-icons-l1 > div,
.garage-pfooter-icons-l2 > div {
text-transform: uppercase;
text-align: center;
font-size: 13px;
font-weight: 300;
padding-left: 0px !important;
padding-right: 0px !important;
}
.icon-content {
text-align: center;
}
.themes-accueil {
text-align: center;
font-size: 14px !important;
font-weight: 300 !important;
text-transform: uppercase !important;
}
.latest_offers {
background: #000;
border: none !important;
padding: 35px 0 20px 0;
width: 100%;
position: relative;
} .logo {
padding-top: 8px;
text-align: center;
width: 100%;
max-width: 316px;
} .rdvchrono,
.btntonl,
.rdvchrono:hover,
.btntonl:hover,
.rdvchrono:visited,
.btntonl:visited {
min-width: 208px;
max-width: 208px;
width: 100%;
border-radius: 14px;
text-align: center;
color: white;
height: 28px;
line-height: 28px;
font-family: 'open sans' !important;
font-size: 13px;
font-weight: 600;
display: block;
text-decoration: none;
background-color: #d50427;
}
.rdvchrono,
.rdvchrono:hover {
padding-left: 14px;
background: url(//www.fila-groupe.ch/images/picot-rdv.png) no-repeat 14px center #d50427;
}
.btntonl,
.btntonl:hover {
*padding-left: 14px;
*background: url(//www.fila-groupe.ch/images/picot-nl.png) no-repeat 14px center #d50427;
display: flex;
align-items: center;
justify-content: center;
}
.btntonl i {
margin-right: 7px;
font-size: 16px;
color: #acacac;
}
.btntonl:hover i {
color: #fff;
}
.btntonl,
.rdvchrono:hover {
background-color: #3e3e3e;
}
.slider_fwb {
padding-top: 0 !important;
}
.postlist .post-item {
margin: 0 0 30px 0;
}
@media (max-width: 991px) {
.postlist .post-item {
margin: 30px auto;
max-width: 640px;
}
}
.menu {
background-color: #333333;
}
#topmenu {
max-width: 1170px !important;
min-height: 30px !important;
padding: 13px 0 0 !important;
margin: 0 30px auto 110px !important;
position: relative !important;
}
#topmenu .dropdown {
display: flex !important;
min-width: 350px;
max-width: 1170px;
justify-content: center;
line-height: 22px !important;
z-index: 1300;
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif !important;
text-transform: initial;
font-size: 15px !important;
font-weight: 400 !important;
float: left;
text-shadow: none !important;
}
.dropdown > .menu-item {
font-weight: bold;
}
.dropdown > .menu-item.last > a span {
background: none !important; }
.dropdown > .menu-item.last > a {
background: none !important;
color: #fff;
}
.dropdown > li > a {
padding: 0 10px !important;
}
@media (max-width: 991px) {
.font20 {
font-size: 15px;
line-height: 20px;
}
.dropdown > .menu-item.last {
float: none;
}
}
.marquesheader {
text-align: center;
}
.middle_row p {
margin: 0 !important;
}
.img-responsivetotal {
display: block;
height: auto;
width: 100%;
}
#middle.full_width .content,
#middle.full_width .post-detail {
width: 100% !important;
float: none;
margin: 0;
}
.row2 { margin-left: -15px;
margin-right: -15px;
}
.vimeomodal {
display: block;
}
.cursor {
cursor: pointer;
}
.menu_course a {
color: #d50427 !important;
text-transform: uppercase;
}
.uppercase {
text-transform: uppercase;
}
.box {
background: none !important;
border: none !important;
border-bottom: none !important;
}
.slider_feat {
padding-top: 0 !important;
}
#lang_sel_list img.iclflag {
width: 32px !important;
height: 32px !important;
position: relative;
top: 1px !important;
}
#lang_sel_list {
height: auto;
float: right;
margin: 9px 0; position: relative;
z-index: 99;
font-family: verdana, arial, sans-serif;
}
#lang_sel_list a.lang_sel_sel {
color: #fff;
}
#lang_sel_list a.lang_sel_sel:hover {
color: #fff;
}
#lang_sel_list .lang_sel_other {
color: #444;
}
#lang_sel_list .lang_sel_other:hover {
color: #d50427;
}
#lang_sel_list li {
padding: 0 7px !important;
border-left: 1px solid #4f4f4f;
}
#lang_sel_list li:first-child {
border-left: 0;
}
#lang_sel_list li a {
margin: 0;
padding: 0;
font-size: 14px;
}
.lang_sel_other > img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
}
.lang_sel_sel > img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
} .fullwidthbanner-container {
width: 100% !important;
position: relative;
padding: 0;
max-height: 550px !important;
overflow: hidden;
} .header_slider {
width: 100%;
height: 400px;
overflow: hidden;
position: relative;
}
.featured_item {
width: 100%;
height: 400px;
text-align: center;
background-position: center center;
background-repeat: no-repeat; }
#featured_slider {
height: 400px;
}
.titlecaption {
color: white;
font-size: 5.2rem;
text-align: left;
text-transform: uppercase;
font-weight: 300;
}
a.titlecaption,
a.titlecaption:hover {
color: white !important;
font-size: 24px;
text-align: left;
*text-transform: uppercase;
text-decoration: none !important;
}
.header_thin {
padding-top: 400px;
background: #d50626 top center no-repeat;
background-size: cover; }
.header_thin.mobile {
display:none;
}
@media(max-width:768px) {
.header_thin {
padding-top:200px;
}
.header_thin.mobile {
display:block;
}
.header_thin.desktop {
display:none;
}
}
.page-template-template-article .header_thin,
.single-post .header_thin {
padding-top: 0 !important;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
@media (max-width: 989px) {
#topm-select {
width: 100%;
height: 32px;
padding: 5px;
margin: 0 !important;
display: none !important;
}
#topmenu {
padding: 5px 0 5px !important;
}
}
input[type='text'],
input[type='date'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='reset'],
select,
textarea {
resize: none;
font-family: 'Cabin', sans-serif;
background: #fff;
font-size: 16px;
border: 1px solid;
border-color: grey !important;
padding: 10px 10px;
color: #4d4d4d;
-webkit-border-radius: 3px;
border-radius: 3px;
}
a.post-title {
text-transform: uppercase;
color: #333;
text-align: center;
font-size: 18px;
font-weight: 200;
}
a.post-title:hover {
text-transform: uppercase;
color: #d50427;
text-align: center;
font-size: 18px;
}
.thumbnail {
display: block;
padding: 0 !important;
margin-bottom: 20px;
line-height: 1.42857143; border: 0 !important;
border-radius: 0px !important;   }
.latest_offers {
padding: 0 !important;
}
.roundedImage {
overflow: hidden;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
width: 90px;
height: 90px;
}
.tp-bullets {
text-align: center;
margin-left: 0 !important;
margin: 0 auto;
bottom: 20px !important;
left: 0 !important;
display: block;
width: 100% !important;
}
.bullet {
float: none !important;
display: inline-block !important;
}
.middle_message {
text-transform: uppercase;
font-size: 15px;
font-weight: 300;
}
#landrover .tp-bullets { }
#landrover .middle_message { }
.middle_row.row_gray {
border: none !important;
}
.middle_row.row_gray.middle_message > .container {
width: 100% !important;
}
.middle_row.middle_message .container .row2 {
margin-bottom: 0 !important;
max-width: initial !important;
width: initial !important;
}
.dispomessage {
text-align: center;
padding: 16px 0 15px 0;
} #landrover .tp-bullets { }
#landrover .middle_message {
background-color: #4a4f54;
color: white;
}
#landrover .dispomessage {
background-color: #4a4f54;
color: white;
}
#landrover .middle_row.middle_message .container {
padding: 0;
} #jaguar .tp-bullets { }
#jaguar .middle_message {
background-color: #9e1b32;
color: white;
}
#jaguar .dispomessage {
background-color: #9e1b32;
color: white;
}
#jaguar .middle_row.middle_message .container {
padding: 0;
} #mclaren .tp-bullets { }
#mclaren .middle_message {
background-color: #ff5b01;
color: white;
}
#mclaren .dispomessage {
background-color: #ff5b01;
color: white;
}
#mclaren .middle_row.middle_message .container {
padding: 0;
} #volvo .tp-bullets { }
#volvo .middle_message {
background-color: #003057;
color: white;
}
#volvo .dispomessage {
background-color: #003057;
color: white;
}
#volvo .middle_row.middle_message .container {
padding: 0;
} #morgan .tp-bullets { }
#morgan .middle_message {
background-color: #105e68;
color: white;
}
#morgan .dispomessage {
background-color: #105e68;
color: white;
}
#morgan .middle_row.middle_message .container {
padding: 0;
}
input[type='date'],
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
select {
height: 35px;
line-height: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
input[type='reset'],
input[type='submit'],
input[type='button'],
button {
border: none;
color: #d50427;
margin: 0;
padding: 0;
height: 32px;
width: 100px;
line-height: 30px;
text-align: center;
font-family: 'Cabin', sans-serif;
font-weight: 500;
font-size: 11px;
text-transform: uppercase;
}
button.close {
width: auto;
height: auto;
}
#videoModal {
}
#videoModal .modal-body {
padding: 0;
}
#videoModal button.close {
position: absolute;
right: 0;
}
.latest_offers h2,
#latestpostscontainer h2 {
color: #d50427;
font-weight: bold;
font-size: 24px;
text-transform: uppercase;
text-align: center;
}
#latestpostscontainer h2 {
margin: 20px 0 25px 0;
}
@media (max-width: 639px) {
.latestpostscontainer h3,
.latestpostscontainer p {
text-align: center;
}
}
.latestpostscontainer .widget-actu,
div.listes-vehicules {
max-width: 1650px;
width: calc(100% - 100px);
margin: auto;
}
.latestpostscontainer .under_img {
padding: 10px 20px;
}
.latestpostscontainer .under_img h3 {
font-size: 24px;
line-height: 24px;
color: #313131 !important;
margin: 0 0 10px 0;
}
.latestpostscontainer .under_img p {
font-size: 16px;
color: #636363;
}
.latestpostscontainer .bouton-cta {
text-align: left;
}
.search_row .row {
margin-left: 0 !important;
float: left !important;
width: initial !important;
min-height: 70px !important;
}
.nom-vehicule-lr {
text-align: center;
text-transform: uppercase;
font-weight: 300;
font-size: 15px;
color: #389b6c;
padding-bottom: 20px;
}
.italic {
font-style: italic;
}
.font-12 {
font-size: 12px;
}
.rdvchrono a,
.rdvchrono a:hover {
color: white !important;
text-decoration: none;
font-family: 'open sans' !important;
}
#header-menu {
background: #222327;
}
#header-menu .rdvchronodiv {
display: none;
}
#header-menu .rdvchronodiv .rdvchrono {
margin-top: 0;
float: right;
}
#header-menu.navbar-fixed-top .rdvchronodiv {
display: block;
}
.dropdown li ul li ul li {
width: 220px;
}
.dropdown li ul li a {
padding: 10px 0;
}
.dropdown li.last ul li:hover > ul {
left: 117px;
width: 220px;
}
.dropdown li.notlink > a,
.dropdown li.notlink > a span {
cursor: default;
color: #fff;
}
.dropdown li > ul.submenu-1 {
margin-top: 10px;
padding-top: 22px;
padding-bottom: 0;
background-color: white !important;
}
#menu-item-170933 .submenu-1 {
*padding-bottom: 0;
}
.dropdown .mega-nav ul.submenu-1 > li {
float: left;
border-left: 1px solid #3c3c3b;
border-right: 1px solid #3e3e3e;
background: none;
width: 150px;
}
.dropdown > li > a {
*border-right: 1px solid #3e3e3e;
}
.dropdown > li {
margin: 0;
padding: 6px 0 26px 0;
}
.dropdown li ul li:hover > ul {
margin-top: 0;
}
.dropdown li:not(.mega-nav) ul li.first:hover > ul,
.dropdown li:not(.mega-nav) ul li:hover > ul {
margin-top: 0;
left: 125px;
width: 100px;
padding: 0;
top: 0;
} .dropdown li ul li a ul li a {
background: none;
}
@media (max-width: 991px) {
.dropdown > li {
padding: 21px 0 21px 0;
}
.dropdown .mega-nav ul.submenu-1,
#menu-item-170933 .submenu-1 {
margin-top: 47px;
}
#topmenu {
padding-top: 0 !important;
}
}
.dropdown > li.last a {
border-right: 0;
margin-right: 0;
}
.dropdown .mega-nav ul li a {
padding: 0 20px 15px 20px;
color: #fff;
}
.dropdown .mega-nav ul li ul li a span {
background: none !important;
padding: 0 10px 10px;
}
.dropdown .mega-nav ul li ul li a {
color: #cfcaca !important;
}
.dropdown .mega-nav ul li ul li a:hover {
color: #d50427 !important;
}
.dropdown li ul li.parent a span,
.dropdown li ul li.parent ul li.parent a span {
background: none;
}
#menu-item-2713,
#menu-item-2703,
#menu-item-2800,
#menu-item-50581 {
}
#menu-item-31263 {
width: 171px;
}
#menu-item-31263 > a:hover,
#menu-item-31263 > a:hover span {
color: #d50427 !important;
}
#menu-item-31263 > .submenu-2 {
display: none;
}
#menu-item-131752 {
}
#menu-item-1444 {
}
#menu-item-142027 > .submenu-1,
#menu-item-142412 > .submenu-1,
#menu-item-170623 > .submenu-1 {
width: 190px;
}
#menu-item-142039 > .submenu-1,
#menu-item-142620 > .submenu-1 {
width: 170px;
}
#menu-item-142039 > .submenu-1 .submenu-1,
#menu-item-142620 > .submenu-1 .submenu-1,
#menu-item-142052 > .submenu-1,
#menu-item-142445 > .submenu-1,
#menu-item-142627 > .submenu-1 {
left: 170px;
min-width: 121px;
}
#menu-item-142046 > .submenu-1,
#menu-item-142426 > .submenu-1 {
width: 191px;
}
#menu-item-170933 > .submenu-1,
#menu-item-142428 > .submenu-1 {
width: 171px;
}
#menu-item-170933 > .submenu-1 .submenu-1,
#menu-item-142428 > .submenu-1 .submenu-1 {
left: 171px;
}
#menu-item-142030 > .submenu-1,
#menu-item-142037 > .submenu-1,
#menu-item-142038 > .submenu-1,
#menu-item-142441 > .submenu-1,
#menu-item-142442 > .submenu-1,
#menu-item-142443 > .submenu-1,
#menu-item-170624 > .submenu-1,
#menu-item-170764 > .submenu-1,
#menu-item-170765 > .submenu-1 {
min-width: 171px;
left: 190px;
}
#menu-item-142030 > .submenu-1 .submenu-1,
#menu-item-142037 > .submenu-1 .submenu-1,
#menu-item-142038 > .submenu-1 .submenu-1,
#menu-item-142441 > .submenu-1 .submenu-1,
#menu-item-142442 > .submenu-1 .submenu-1,
#menu-item-142443 > .submenu-1 .submenu-1,
#menu-item-170624 > .submenu-1 .submenu-1,
#menu-item-170764 > .submenu-1 .submenu-1,
#menu-item-170765 > .submenu-1 .submenu-1 {
left: 171px;
min-width: 121px;
}
#menu-item-170933 .submenu-1 li,
#menu-item-170933 .submenu-1 li a {
border: 0;
}
#menu-item-142048 > .submenu-1,
#menu-item-142430 > .submenu-1 {
width: 280px;
}
#menu-item-131752 > a {
*display: none;
}
#menu-item-131752 .submenu-2 li a { }
.dropdown li ul li:hover a,
.dropdown li:hover li ul li:hover a,
.dropdown .current-menu-ancestor .current-menu-item a,
.dropdown .current-menu-ancestor .current-menu-ancestor a,
.dropdown .current-menu-ancestor .current-menu-ancestor .current-menu-item a,
.dropdown .mega-nav ul li:hover ul li:hover a {
color: #fff;
}
.submenu-1 li a {
font-size: 16px;
}
.dropdown > li.parentHover > a span,
.dropdown li ul li a:hover > span {
font-weight: bold;
color: #d50527 !important;
}   #menu-item-142046 > .submenu-1 > li > a {
background: none;
}
.dropdown li:not(.mega-nav) ul li.parent > a span,
.dropdown li:not(.mega-nav) ul li.parent ul li.parent > a span {
background: url(//www.fila-groupe.ch/wp-content/themes/autotrader-child/images/dropdown_menu.png) right center no-repeat;
}
#menu-item-142027 li.parent > a span,
#menu-item-142027 li.parent ul li.parent > a span {
*background-position: 84px center;
}
.dropdown li:not(.mega-nav) ul li.parent.parentHover > a span,
.dropdown li:not(.mega-nav) ul li.parent ul li.parentHover > a span {
background-image: url(//www.fila-groupe.ch/wp-content/themes/autotrader-child/images/dropdown_menu_hover.png);
color: #d50527;
}
.dropdown .mega-nav ul.submenu-2 li {
float: none;
width: 100%;
}
.dropdown .mega-nav ul li.first,
.dropdown .mega-nav ul li ul li.first {
border-left: none;
-webkit-border-radius: 0;
border-radius: 0;
}
.dropdown .mega-nav ul li.last,
.dropdown .mega-nav ul li ul li.last {
-webkit-border-radius: 0;
border-radius: 0;
border-right: none;
}
.dropdown li ul li,
.dropdown .parentHover ul li {
display: block;
float: none;
width: 100%;
margin: 0;
padding: 0;
height: auto;
background: none;
}
.dropdown > li:not(.mega-nav) ul li,
.dropdown > .parentHover:not(.mega-nav) ul li {
padding: 0 15px;
}
.dropdown li ul {
margin: 0;
padding: 0;
text-shadow: none;
line-height: 1em;
font-weight: 400;
font-size: 13px;
text-transform: none;
-webkit-border-radius: 0;
border-radius: 0;
text-shadow: none;
}
.dropdown li ul li.first,
.dropdown li ul li ul li.first {
-webkit-border-radius: 0;
border-radius: 0;
}
.dropdown li ul li.last,
.dropdown li ul li ul li.last {
-webkit-border-radius: 0;
border-radius: 0;
}
.dropdown li.parentHover {
background: none;
}
.cusel {
height: 34px !important;
width: 151px !important;
}
.smallheader,
.smallheader2 {
display: none !important;
}
.map-container {
width: 100%;
height: 400px;
}   .offer_specification {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.offer_specification table {
width: 100%;
}
.filter {
background: white;
padding: 0.5rem 2rem;
margin-bottom: 2rem;
}
.filter h4 i {
float: right;
}
.filter-search {
display: flex;
margin: 10px 0;
}
.filter-search input {
width: 100%;
border: 2px solid #eee !important;
}
.filter-search button {
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.filter h4 {
margin-bottom: 2rem !important;
cursor: pointer;
}
span.vehicule-price {
font-size: 3.5rem;
font-weight: bold;
font-family: 'Open Sans';
color: #d50427;
}
.gallery_thumbs {
position: relative !important;
background: transparent;
border-top: 0;
border-bottom: 0;
padding: 13px 0;
}
.offer_specification div:not(:last-child) {
border-right: 1px solid #e0e0e0;
}
.offer_specification div {
padding: 0 20px;
width: 33%;
}
.offer_specification td {
font-size: 16px;
padding: 7px 3px;
}
.offer_specification td {
font-size: 16px;
}
.offer_specification li {
width: 100%;
font-size: 16px;
text-align: left;
}   .post-type-archive-vehicule .header.header_thin {
display: none;
}
#list_manage_left {
padding: 0;
}
#list_manage_left .manage_title {
color: black !important;
*font-family: 'Open Sans';
float: none;
margin-bottom: 20px;
}
#list_manage_left .inner {
background: transparent !important;
border-bottom: 0 !important;
padding: 0;
}
.avcar_listing_offers {
display: flex;
flex-wrap: wrap;
float: left;
position: relative;
}
.avcar_listing_text h4 {
font-size: 16px;
margin: 1.2rem 0;
}
.avcar_listing_image img {
width: 100%;
border-radius: 3px 0 0 0;
-webkit-border-radius: 3px 0 0 0;
}
.avcar_listing_text {
background: #fff;
padding: 15px;
}
.breadcrumb-v {
font-family: 'Open Sans';
margin-top: 3rem;
margin-bottom: 3rem;
font-size: 15px;
}
.avcar_listing_text h3 {
font-size: 21px !important;
text-align: left;
margin: 0 !important;
display: block;
line-height: 1.1em;
overflow: hidden;
font-weight: normal;
}
.avcar_listing_item h4 {
margin: 1.5rem 0 !important;
}
.tborder tr {
border-bottom: 1px solid #e0e0e0 !important;
}
.avcar_listing_item ul,
.vehicule-label-list {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0;
}
.vehicule-label {
background: #e6e6e6;
margin-right: 1rem;
margin-bottom: 1rem !important;
list-style-type: none !important;
border-radius: 15px;
padding: 1px 10px;
font-size: 13px;
}
.single-vehicule .vehicule-label {
font-size: 16px !important;
}
.avcar_listing_text h3 a {
color: black !important;
font-weight: normal;
float: left;
}
.avcar_listing_text h3 a:hover {
*color: #f25821;
color: #57606a;
}
.offer_specification li .spec_name a {
}
.offer_specification li .spec_name img {
height: 21px !important;
width: auto;
}
.flex {
display: flex;
}
.flex-1 {
flex: 1;
}
.flex-jend {
display: flex;
justify-content: flex-end;
}
.flex-jcenter {
display: flex;
justify-content: flex-center;
}
.flex-acenter,
.flex-acenter-medium {
display: flex;
align-items: stretch;
}
.flex-acenter-medium > div {
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 991px) {
.flex-acenter-medium > div {
align-items: center;
}
.flex-acenter-medium > div:first-child {
padding: 0;
}
.flex-acenter-medium .post-title {
margin-top: 1rem;
}
.offer_specification {
justify-content: center;
}
.offer_specification div {
width: 50%;
margin-bottom: 20px;
}
.offer_specification div.offer_specification_right {
width: 430px;
}
.offer_specification div.offer_specification_center {
border-right: 0;
}
}
.flex-acenter-medium .entry {
margin: 0 !important;
}
.flex-acenter-medium .post-title {
margin-bottom: 1rem;
padding: 0;
}
.flex-acenter-medium .entry,
.flex-acenter-medium .post-title {
padding-right: 15px;
}
.forma_white .flex-acenter {
flex-wrap: wrap;
}
.flex-between {
display: flex;
justify-content: space-between;
}
.flex-around {
display: flex;
justify-content: space-around;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
@media (max-width: 767px) {
.flex-xs-between {
display: flex;
justify-content: space-between;
}
.flex-xs-around {
display: flex;
justify-content: space-around;
}
}
@media (max-width: 640px) {
.offer_specification div:not(:last-child) {
border-right: 0;
}
.offer_specification div {
width: 100%;
}
}
.offer_details .offer_gallery {
flex: 1;
width: auto;
float: none; }
.offer_details .gallery_images,
.offer_details .gallery_image_item,
.offer_details .gallery_image_item a {
width: auto;
height: auto;
}
.details_tabs .tabcontent {
display: flex;
justify-content: space-between;
padding: 0 10px;
}
.details_tabs .tabcontent > p {
display: none;
}
.details_tabs .tabcontent .col_1_4 {
width: auto;
float: none;
padding: 0 10px;
margin: 0;
} .details_tabs .tabs :nth-child(3n) {
content: 'Desc';
}
.offer_details {
padding-bottom: 20px;
}
.gallery_image_item a span {
display: none !important;
}
.avcar_listing_price {
display: flex;
justify-content: space-between;
width: 100%;
color: #fff;
background: #d50427;
font-family: 'Open Sans';
font-size: 21px;
font-weight: bold;
padding: 8px 15px;
}
.avcar_listing_price > del {
text-align: right;
}
.avcar_listing_item .avcar_listing_image .sale {
display: block;
width: 100px;
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
transform: rotate(-30deg);
text-align: center;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
position: relative;
top: -136px;
left: -30px;
z-index: 2;
padding: 0 10px 0 0;
line-height: 16px;
font-size: 10px;
font-weight: 500;
background: #f25821;
color: #fff;
text-transform: uppercase;
}
.ie7 .avcar_listing_item .avcar_listing_image .sale,
.ie8 .avcar_listing_item .avcar_listing_image .sale {
left: 0;
top: 10px;
width: auto;
padding: 0 15px;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
font-weight: 400;
color: #d50427;
}
.flex-end {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.post-detail .entry .flex-center-medium h2,
.post-detail .entry .flex-center-medium .h2 { text-transform: uppercase;
font-size: 24px;
*line-height: 20px;
text-align: left;
}
strong.red,
.post-detail .entry .flex-center-medium strong.red,
.post-detail .entry .flex-center-medium h2 strong.red,
.post-detail .entry .flex-center-medium .h2 strong.red {
color: #D50527;
}
.post-detail .entry .flex-center-medium h3,
.post-detail .entry .flex-center-medium .h3 {
font-size: 22px;
line-height: 26px;
margin-top: 0;
}
.post-detail .entry .flex-center-medium h4,
.post-detail .entry .flex-center-medium .h4 {
font-size: 18px;
line-height: 1.1;
} .post-detail .entry .flex-center-medium h2.bg-bleu {
color: white !important;
text-transform: uppercase;
font-size: 36px;
display: inline-block;
background: #d50427;
padding: 10px 15px;
margin: 0 auto;
}
.padd10 {
padding: 10px;
}
.paddh40 {
padding-left: 40px;
padding-right: 40px;
}
.paddh20 {
padding-left: 20px;
padding-right: 20px;
}
.paddh15 {
padding-left: 15px;
padding-right: 15px;
}
#garages_map_cont {
position: relative;
}
#accordion-garages h3, #accordion-garages-footer h3 {
color: #636363;
font-size: 14px !important;
font-family: 'Roboto', sans-serif;
background: #fff;
font-weight: normal;
padding: 5px 65px 5px 20px;
border: 0;
border-radius: 0;
margin: 4px 0 0 0;
outline: none;
border-radius: 24px;
display: flex;
padding: 0;
}
#accordion-garages h3 span.img, #accordion-garages-footer h3 span.img {
display: flex;
align-items: center;
border-radius: 24px 0 0 24px;
}
#accordion-garages h3.ui-state-active, #accordion-garages-footer  h3.ui-state-active {
border-radius: 24px 24px 0 0;
}
#accordion-garages h3.ui-state-active span.img, #accordion-garages-footer h3.ui-state-active span.img {
border-radius: 24px 0 0;
}
#accordion-garages h3:first-child, #accordion-garages-footer h3:first-child {
margin: 0;
}
#accordion-garages h3 img, #accordion-garages-footer h3 img {
margin: 0 10px;
max-width: 38px !important;
}
#accordion-garages > div, #accordion-garages-footer > div {
background: #fff;
padding: 0;
border: 0;
border-radius: 0;
top: 0px;
margin-left:20px;
position: relative;
border-radius: 0 0 25px 25px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
right: 25px;
left: auto;
*background: url(https://www.fila-groupe.ch/wp-content/themes/autotrader-child/images/accordion_bas.png) no-repeat right center
transparent;
background: none;
font-family: 'Font Awesome 5 Free';
color: #d50427;
text-indent: 0;
font-weight: 900;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
content: '\f078';
}
.ui-accordion
.ui-accordion-header.ui-state-active
.ui-accordion-header-icon:before {
content: '\f077';
}
.ui-accordion
.ui-accordion-header
.ui-accordion-header-active
.ui-accordion-header-icon {
background-image: url(https://www.fila-groupe.ch/wp-content/themes/autotrader-child/images/accordion_haut.png);
}
.cusel .cuselActive,
.cusel .cuselActive:hover {
color: #d50427 !important;
}
@media (max-width: 1200px) {
#menu-item-142027 .submenu-1 {
}
.navbar-fixed-top #menu-item-142027 .submenu-1 {
}
.avcar_listing_offers {
display: flex;
float: none;
flex-wrap: wrap;
justify-content: space-between;
}
.avcar_listing_item {
display: flex;
width: 48%;
height: auto;
}
.avcar_listing_text {
width: auto;
height: auto;
float: none;
padding: 5px 10px 0;
}
.avcar_listing_image {
float: none;
min-width: 248px;
}
.avcar_listing_image img,
.avcar_listing_image a {
display: block;
}
.offer_details .offer_gallery {
margin: 0 20px 0 0;
}
.details_tabs .tabcontent {
flex-wrap: wrap;
}
.details_tabs .tabcontent .col_1_4 {
width: 50%;
}
.offer_details .gallery_image_item {
*width: 512px;
}
#offer_contact {
padding: 20px;
}
#offer_contact label {
color: #7a8188 !important;
} }
@media (max-width: 989px) {
#menu-item-170933 .submenu-1 {
}
#menu-item-142027 .submenu-1 {
}
#menu-item-2713,
#menu-item-2703,
#menu-item-2800,
#menu-item-50581,
#menu-item-1444 {
}
#menu-item-1444 {
}
#menu-item-2799 {
}
#menu-item-131752 {
}
.dropdown .mega-nav ul li a,
#menu-item-131752 .submenu-2 li a {
font-size: 17px;
padding-left: 15px;
padding-right: 15px;
}
.dropdown .mega-nav ul li a {
padding: 0 15px 15px 15px;
}
.post-detail .entry h1 {
font-size: 30px;
}
.post-detail .entry .flex-center-medium h2,
.post-detail .entry .flex-center-medium .h2 {
font-size: 22px;
}
.paddh40 {
padding-left: 30px;
padding-right: 30px;
}
.avcar_listing_item {
display: block;
margin: 0 0 20px 0;
background: #fff;
}
.avcar_listing_image {
width: auto;
height: auto;
min-width: 0px;
border-right: 0;
}
.avcar_listing_image img {
width: 100%;
}
.avcar_listing_price {
float: none !important;
}
.offer_details .offer_gallery {
margin: 0 10px 0 0;
} .offer_details .offer_data li {
padding: 0 5px;
white-space: nowrap;
font-size: 13px;
}
}
@media only screen and (min-width: 280px) and (max-width: 767px) {   }
@media (max-width: 780px) {
.post-detail .entry h1 {
font-size: 26px;
}
.post-detail .entry .flex-center-medium h2,
.post-detail .entry .flex-center-medium .h2 {
font-size: 20px;
}
.paddh40 {
padding-left: 20px;
padding-right: 20px;
}
#middle.full_width .content.flex {
flex-wrap: wrap;
}
.offer_details .offer_gallery {
width: 100%;
}
.offer_details .gallery_images {
width: 100%;
}
.offer_details .offer_aside {
width: 100%;
}
ul.slick-dots {
display: none;
}
.bloc-contenu {
padding: 30px 0;
}
#votre-garage h1.titre-h1,
#page-header h1.titre-h1 {
font-size: 30px;
}
.bouton-cta {
margin: 20px 10px 0;
}
.bouton-cta a {
font-size: 14px;
}
h1.titre-h1,
h2.titre-h2 {
font-size: 24px;
}
}
.header-slick ul.slick-dots {
text-align: center;
margin: -35px auto 0;
z-index: 99999;
}
@media (max-width: 500px) {
.header-slick ul.slick-dots {
*margin: -12px auto 0;
margin: 0 auto 0;
padding: 0;
}
}
@media (max-width: 640px) {
h1.titre-h1,
h2.titre-h2 {
font-size: 22px;
}
.flex-center-small {
display: block;
}
.flex-jcenter {
display: block;
}
.avcar_listing_offers {
display: block;
}
.avcar_listing_offers .avcar_listing_item {
width: 100%;
}
.avcar_listing_price {
}
.details_tabs .tabcontent .col_1_4 {
width: 100%;
}
#votre-garage h1.titre-h1,
#page-header h1.titre-h1 {
font-size: 25px;
}
}
hr {
border: 0 !important;
height: 1px !important;
background-color: #999 !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
#middle.full_width {
padding: 20px 0 0 0;
background: #fff;
border-top: none;
}
ul.wicones {
margin: 0;
padding: 0;
}
ul.wicones > li {
list-style-type: none;
margin: 0 0 5px 0;
}
ul.wicones .glyphicon {
margin: 0 5px 0 0;
}
ul.withmargb li {
margin-bottom: 20px;
}
ul.headermarque > li {
display: inline;
list-style: none;
margin: 0 10px 0 10px;
}
@media (max-width: 480px) {
.post-detail .entry h1 {
font-size: 18px;
}
.post-detail .entry .flex-center-medium h2,
.post-detail .entry .flex-center-medium .h2,
p.post-price {
font-size: 25px !important;
line-height: 1;
}
.paddh40 {
padding-left: 15px;
padding-right: 15px;
}
ul.headermarque > li {
display: list-item;
list-style: none;
margin: 0 10px 0 10px;
}
.details_tabs .tabs {
height: 82px;
}
.details_tabs .tabs li {
width: 50%;
}
.details_tabs .tabs li a {
width: 100%;
display: block;
}
}
ul.headermarque > li a,
ul.headermarque > li a:hover {
color: #333;
text-decoration: none;
}
.entry ul.headermarque {
margin: 20px 0 5px 30px;
padding: 0;
}
.homeimg {
margin: 0;
}
.bottomcontainer {
margin-bottom: 20px;
}
.mygalery a img:hover {
opacity: 0.7;
}
.parallax-window {
width: 100% !important;
min-height: 400px;
background: transparent;
}
.smallheader {
margin: 0 auto;
height: 524px;
background-size: cover !important;
}
.smallheader2 {
margin: 0 auto;
height: 280px;
background-size: 100% !important;
}
.font-bleu a,
.font-bleu a:hover,
.garage-pfooter-infos a,
.garage-pfooter-infos a:hover {
color: #d50527 !important;
}
.garagesfooter {
line-height: 22px !important;
}
.sml_subscribe {
display: flex;
justify-content: center;
align-items: center;
}
.sml_subscribe input {
font-size: 16px !important;
}
.prepend {
margin: 0 30px 0;
color: #fff;
font-size: 17px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.prepend i {
margin-right: 5px;
}
.nsu-text-before-form {
text-transform: uppercase;
font-weight: 400;
font-family: 'open sans' !important;
}
.sml_subscribe input.nsu-submit {
border-radius: 5px 25px 25px 5px; background-color: transparent !important;
font-family: 'Roboto', sans-serif !important;
font-size: 14px !important;
width: 35px !important;
font-weight: bold !important;
height: 30px !important;
margin-left: 5px !important;
padding: 0 !important;
}
#nsu-email-0 {
margin-left: 5px !important;
}
.nsu_widget h3 {
display: none !important;
}
div#newslettersignupwidget-2 {
margin-top: -10px !important;
}
.dispomessagebox {
margin: 0 auto;
max-width: 1170px !important;
width: 100%;
text-align: left !important;
font-weight: 400;
font-size: 18px;
}
.showmore { width: 150px;
text-align: center;
float: right;
}
::selection {
background: grey;
color: #fff;
text-shadow: none;
}
.link_more {
color: #39b4f0 !important;
margin: 10px 0 10px 0 !important;
}
#middle.cols2,
#middle.full_width {
*padding: 25px 0 75px 0;
padding: 25px 0 25px 0;
background: #fff;
border-top: none !important;
}
postlist .post-aside,
.post-detail .post-aside {
background: #fff;
border-bottom: none !important;
padding: 0 0 0 0 !important;
}
.box_bot {
height: 0px;
}
.widget_nav_menu li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_pages li {
line-height: 20px;
background: none !important;
padding-left: 25px;
}
.widget_categories li:before {
display: block;
position: absolute;
left: 1px;
content: '\f105';
font-size: 18px;
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
opacity: 0.66;
} #middle .content {
width: 70%;
float: left;
min-height: 100px;
margin: 0 38px 0 0;
}
.content .widget-container .widget-title,
.content .widget-container h3,
.sidebar .widget-container .widget-title,
.sidebar .widget-container h3,
.widget_calendar table caption {
font-family: 'Cabin', sans-serif;
font-size: 22px;
line-height: 1.1em;
color: #000;
font-weight: 500;
padding: 0;
margin: 0 0 20px 0;
text-transform: uppercase;
text-shadow: 0 1px 1px #fff;
}
table {
background-color: transparent;
font-family: 'Open Sans';
}
@media (max-width: 991px) {
table#horaires tr {
font-size: 12px;
}
}
@media (min-width: 992px) {
table#horaires {
margin-left: 6rem;
width: 100%;
margin: 0;
}
}
table#horaires thead {
font-family: 'Open Sans';
text-transform: uppercase;
font-size: 20px;
}
.post-title {
text-transform: uppercase;
}
.post-detail .post-aside .entry {
padding: 0;
text-align: justify;
}
#newslettersignupwidget-2 {
margin-left: 40px;
}
.icl-en {
*display: none;
}
.latest_item {
opacity: 1 !important;
text-align: left;
}
.latest_item h3 {
margin-bottom: 1rem;
display: inline-block;
}
.latest_item h4 {
font-weight: bold;
font-family: 'Open Sans';
color: black;
font-size: 18px;
margin-top: 1rem;
}
.sml_subscribe_widget_display > h3 {
display: none;
}
.home .middle_row {
}
.home .middle_row.row_gray.middle_message .container {
padding: 0;
}
#icl_lang_sel_widget-2 {
*margin-left: 40px;
*margin-left: 10px;
}
#icl_lang_sel_widget-2 h3 {
display: none;
}
#icl_lang_sel_widget-2 li {
float: left;
}
#icl_lang_sel_widget-2 li a:hover {
text-decoration: none;
}
@media (min-width: 992px) {
#sml_subscribe_widget,
#text_icl-13 { }
}
@media (max-width: 991px) {
#sml_subscribe_widget,
#text_icl-13 { }
}
#mclaren .bottomcontainer input,
#mclaren .bottomcontainer textarea {
width: 100% !important;
}
#mclaren .bottomcontainer a,
#mclaren .bottomcontainer a:hover {
color: #ff5b01;
}
.cf7sg-container p {
margin: 0;
}
.cf7sg-container input,
.cf7sg-container select {
margin-bottom: 0.5rem;
}
#mclaren .wpcf7-submit {
background-color: #ff5b01;
color: white;
border: 1px solid #ff5b01;
}
#mclaren .wpcf7-submit:hover {
color: #ff5b01;
background-color: white;
}
.gallery_image_item a span {
display: block;
background: url(//www.fila-groupe.ch/wp-content/themes/autotrader-child/images/opacity_black_75.png);
width: 100%;
height: 20px;
line-height: 5px;
padding: 15px;
position: absolute;
bottom: -4px;
font-size: 13px;
font-style: italic;
}
.gallery_image_item .ico_large {
display: block;
width: 16px;
height: 16px;
background: url(//www.fila-groupe.ch/wp-content/themes/autotrader-child/images/icons/icon_enlarge.png) no-repeat;
opacity: 0.7;
filter: alpha(opacity=70);
position: absolute;
right: 15px;
top: 9px;
}
.single-vehicle > .header {
background-image: none !important;
}
.single-vehicle > .header_thin {
padding-top: 0 !important;
} .sml_nameinput,
.sml_emailinput {
width: 178px !important;
} .field-validation-error {
color: #b94a48;
}
.field-validation-valid {
display: none;
}
input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error,
input.invalid {
border: 1px solid #b94a48 !important;
background-color: #ffefe5;
}
input.input-validation-valid,
select.input-validation-valid,
textarea.input-validation-valid {
border: 1px solid #3c763d;
}
input[type='checkbox'].input-validation-error {
border: 0 none;
}
.validation-summary-errors {
color: #b94a48;
}
.validation-summary-valid {
display: none;
}
.alert {
margin-bottom: 10px;
}
.ico-rouge {
color: #ff0000;
} .paddingslider {
text-align: right !important;
padding-top: 40% !important;
}
@media (max-width: 479px) {
#nsu-email-0 {
padding-top: 5px;
margin-left: 39px !important;
} #middle .content {
width: 100%;
float: left;
min-height: 100px;
margin: 0 38px 0 0;
}
.sidebar .widget-container {
padding: 0 !important;
}
.logofooter {
text-align: center;
}
.col-xs-12.col-sm-3.logomarquesmall {
margin-top: -58px;
}
.paddingslider {
padding-left: 0 !important;
}
div#equipe {
padding-bottom: 40px;
}
}
.formessainews {
font-weight: normal;
color: white;
text-transform: uppercase;
background-color: #d50427 !important;
padding: 10px 5px !important;
}
.formessainews:after {
float: right;
content: '';
}
.formoffrenews:after {
float: right;
content: '';
}
.formoffrenews {
font-weight: normal;
color: white;
text-transform: uppercase;
background-color: #d50427 !important;
padding: 10px 5px !important;
}
.toggle_content.boxed > h3 {
margin-top: 10px !important;
}
.post-title > h2 {
color: black !important;
}
.single-post > .header_thin {
padding-top: 0 !important;
}
.single > .full_width > .container > .content > .post-item > .post-title {
display: none;
}
.single > #middle.full_width {
padding-top: 0 !important;
}
@media only screen and (max-width: 989px) and (min-width: 280px) {
#middle.full_width > .container {
width: 90%;
}
#countdown > span {
display: inline-block;
text-align: right;
width: 1.2em;
font-weight: bolder;
font-size: 1.1em;
line-height: 1em;
color: white;
}
.positioncounter {
position: absolute;
z-index: 10;
top: 7%;
width: 100%;
text-align: center;
}
}
.postlist .entry p {
padding: 0 !important;
margin: 0 !important;
text-align: justify;
font-family: 'Open Sans';
color: #404041 !important;
}
.postlist .post-item .showmore {
float: none;
margin: 0;
}
.postlist .post-item .showmore a {
color: white !important;
text-align: center;
text-decoration: none;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-id-10195 > .header.header_thin,
.page-id-10567 > .header.header_thin {
display: none !important;
}
.extras > a > img,
.latest_item > a > img {
*border: 1px solid #d50427;
}
.middle_row.row_black {
background: #000000;
}
.garage-pfooter-header-title,
.service-pfooter-header-title {
font-size: 16px;
font-weight: 300; text-transform: uppercase;
}
.garage-pfooter-header > p {
font-size: 14px;
font-weight: 300;
color: white;
text-transform: uppercase;
}
.menu {
background: #171717 !important;
}
.firstline {
background: #171717 !important;
height: 45px !important;
}
.background-widget-actu img {
}
.latestpostscontainer .bouton-cta.version-2 {
right: 20px;
bottom: 20px;
left: auto;
margin: 0;
}
.latestpostscontainer p {
font-family: 'Open Sans';
margin-bottom: 1rem;
} .dropdown > li > a > span { }
.logo {
padding-top: 20px !important;
padding-bottom: 25px !important;
margin-bottom: 0 !important;
}
.logo img {
max-width: 87% !important;
float: left;
}
div#sml_subscribe_widget {
margin-top: 3px !important;
}
.cart-client-shop svg {
fill: #7a7a7a;
}
hr.style-home {
border: 0 !important;
height: 5px !important;
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 1),
rgba(42, 196, 235, 1),
rgba(0, 0, 0, 1)
);
}
.latest_offers > div > h2 {
margin-bottom: 25px !important;
}
.fixed-right {
position: fixed;
right: 0;
top: 430px;
z-index: 99;
}
.fixed-right > div {
position: absolute;
right: -192px;
width: 241px;
} .fixed-right .title {
color: #fff;
display: block;
font-size: 30px;
font-family: 'Istok Web', sans-serif;
font-weight: 700;
position: relative;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
width: 49px;
}
.title {
float: left;
right: 0;
}
.fixed-right .horaires .title,
.fixed-right .horaires .fixed-cont {
height: 49px;
line-height: 55px;
}
.fixed-right .acces .title,
.fixed-right .acces .fixed-cont {
height: 49px;
line-height: 51px;
}
.fixed-right .contact .title,
.fixed-right .contact .fixed-cont {
height: 163px;
line-height: 120px;
padding-right: 40px;
text-align: center;
}
.fixed-right .fixed-cont > div {
display: inline-block;
font-size: 18px;
line-height: 24px;
vertical-align: middle;
}
.fixed-right .horaires strong {
font-size: 25px;
line-height: 30px;
}
.title .rotate {
display: block;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
.fixed-right .title::after,
.fixed-cont::after {
bottom: 0;
content: ' ';
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: -1;
}
.fixed-right .horaires .title .rotate {
padding: 0 0 0 32px;
}
.fixed-right .horaires .title::after,
.horaires .fixed-cont::after {
background: #d50427 none repeat scroll 0 0;
}
.fixed-right .acces .title .rotate {
padding: 0 0 0 30px;
}
.fixed-right .acces .title::after,
.acces .fixed-cont::after {
background: #d50427 none repeat scroll 0 0;
}
.fixed-right .contact .title .rotate {
padding: 0 0 0 20px;
}
.fixed-right .contact .title::after,
.contact .fixed-cont::after {
background: #d50427 none repeat scroll 0 0;
}
.fixed-right > div,
.fixed-right .fixed-cont {
transition: right 0.4s ease-in 0s;
}
.fixed-right > div.open,
.fixed-right > div.open .fixed-cont {
right: 0;
}
.fixed-right .acces {
top: 54px;
}
.fixed-right .contact {
top: 350px;
}
.fixed-cont img {
display: block;
margin: 10px auto 15px;
}
.fixed-cont .croix {
display: block;
position: absolute;
right: 10px;
top: 0;
}
.acces .fixed-cont span,
.acces .fixed-cont strong {
font-size: 20px;
}
.acces .fixed-cont span {
display: block;
}
.fixed-cont {
padding: 10px;
}
.fixed-cont {
float: right;
position: relative;
right: 0;
width: 200px;
}
.horaires .fixed-cont {
text-align: center;
width: 200px;
}
.mtop30,
.entry p.mtop30 {
margin-top: 30px;
}
.mtop20,
.entry p.mtop20 {
margin-top: 20px;
}
.hr-sep {
margin: 20px 0 !important;
}
.mbot10,
.entry p.mbot10,
.post-detail .entry .flex-center-medium h3.mbot10,
.post-detail .entry .flex-center-medium .h3.mbot10 {
margin-bottom: 10px;
}
.mbot5,
.post-detail .entry .flex-center-medium h3.mbot5,
.post-detail .entry .flex-center-medium .h3.mbot5 {
margin-bottom: 5px;
}
.ptop30,
.entry p.ptop30,
.middle_row .container.ptop30 {
padding-top: 30px;
}
.ptop20,
.entry p.ptop20,
.middle_row .container.ptop20 {
padding-top: 20px;
}
.ptop10,
.entry p.ptop10,
.middle_row .container.ptop10 {
padding-top: 10px;
}
.pbot20,
.entry p.pbot20,
.middle_row .container.pbot20 {
padding-bottom: 20px;
}
.entry p,
.middle_row p,
.text_box p { }
.mtop0,
.post-detail .entry h3.mtop0 {
margin-top: 0;
}
.flex-jcenter {
display: flex;
justify-content: center;
}
.entry h1.ans50 {
font-size: 30px;
text-transform: uppercase;
font-weight: 400;
margin: 0 0 0 0;
line-height: normal;
}
.entry h2.ans50 {
font-size: 24px;
text-transform: uppercase;
font-weight: 400;
margin: 0 0 20px 0;
text-align: left;
line-height: normal;
}
.entry h2.ans50 strong {
color: #fff;
}
.entry p.prix,
.entry .prix {
text-transform: uppercase;
font-size: 22px;
font-weight: bold;
}
.mbot30 .post-detail .entry h3.mbot30,
.post-detail .entry h2.mbot30,
.entry p.mbot30 {
margin-bottom: 30px;
}
.mbot40,
.post-detail .entry h3.mbot40,
.entry p.mbot40 {
margin-bottom: 40px;
}
.mbot0,
.post-detail .entry h3.mbot0,
.entry p.mbot0 {
margin-bottom: 0;
}
.entry p.nomarg,
.post-detail .entry h2.nomarg,
.nomarg,
.post-detail .entry .flex-center-medium h3.nomarg,
.post-detail .entry .flex-center-medium .h3.nomarg {
margin: 0;
}
.entry p.nomargt,
.post-detail .entry h2.nomargt,
.nomargt {
margin-top: 0 !important;
} .entry h2,
.entry h1,
.entry h4 { }
.entry h4 {
font-family: 'Open Sans';
font-weight: bold;
margin-bottom: 3rem;
}
.post-detail .entry .flex-center-medium h2.bg-bleu.rotate {
margin: 0 auto 45px;
transform: rotate(-5deg);
}
.post-detail .entry .flex-center-medium h3 {
color: black !important;
font-family: 'Open Sans';
}
.flex-jcenter {
display: flex;
justify-content: center;
}
ul.checks li {
list-style-type: none;
position: relative;
padding-left: 20px;
}
ul.checks li:before {
content: '\f00c'; font-family: FontAwesome;
display: inline-block;
width: 1.3em; color: #d50427;
position: absolute;
left: 0;
}
ul.checks.checks-circle li:before {
content: '\f058'; }
ul.chevrons {
margin: 10px 0 15px 0;
}
ul.chevrons li {
list-style-type: none;
position: relative;
padding-left: 20px;
margin-bottom: 20px;
}
ul.chevrons li:before {
content: '\f054'; font-family: FontAwesome;
display: inline-block;
width: 1.3em; color: #d50427;
position: absolute;
left: 0;
}
.subtitle {
text-align: center !important;
margin-top: 5px !important;
}
.subtitle strong {
font-size: 22px;
}
div.anchor {
display: block;
position: relative;
top: -66px;
visibility: hidden;
}
.post-detail .entry,
.intro-post {
*font-family: 'Roboto', sans-serif;
font-family: 'Open Sans';
}
.post-detail .entry .intro-post .h1,
.post-detail .entry .intro-post h1,
.intro-post h1 {
font-size: 24px;
font-weight: bold;
}
.post-detail .entry .h2,
.post-detail .entry h2 {
font-family: 'Open Sans';
font-size: 34px;
text-transform: uppercase;
}
.font-normal,
.post-detail .entry .h2.font-normal,
.post-detail .entry h2.font-normal {
font-weight: normal;
}
.post-detail .entry .h2 strong,
.post-detail .entry h2 strong { font-weight: bold;
}
.post-detail .entry .h2 .h1,
.post-detail .entry h2 .h1 {
font-size: 36px;
}
.post-detail .entry .intro-post h1,
.intro-post h1 {
color: black !important;
text-transform: uppercase;
margin: 0 0 5px 0;
text-align: center;
}
.intro-post h1 strong { }
.post-detail .entry .vert .h2 strong,
.post-detail .entry .vert h2,
.post-detail .entry .vert h2 strong,
.vert h1 strong,
.vert ul li,
.postid-126022 .vehicle .price,
.postid-126022 .vehicle .price-ald span,
.postid-126022 .entry a,
.vert .vehicle .price,
.vert .vehicle .price-ald span {
color: #77d904 !important;
}
.vert .bouton-link,
.postid-126022 .entry a.bouton-link {
background: #77d904 !important;
color: #000000 !important;
}
.vert input.wpcf7-form-control.wpcf7-text,
.vert textarea.wpcf7-form-control,
.vert input.wpcf7-form-control.wpcf7-submit {
border-color: #77d904 !important;
}
.vert ul li span {
color: #fff !important;
}
.intro-post p {
font-size: 18px;
} .blue {
color: #d50427;
} .details_form .label_title {
color: #d50427 !important;
}
#offer_contact {
padding-top: 20px;
}
.postlist .post-aside,
.post-detail .post-aside {
border-bottom: 0;
border-left: 15px solid #d50427;
padding: 0;
}
.entry p.blue,
.entry h3.blue {
color: #d50427 !important;
}
.entry h3.upper {
text-transform: uppercase;
}
.postlist .post-title h2 a { display: inline-block;
text-decoration: none;
font-weight: bold;
}
.tf_pagination .page_prev,
.tf_pagination .page_next {
display: none;
}
.middle_row.row_white {
background: #000;
}
.offer_details .offer_price,
.offer_details .offer_data {
text-shadow: none !important;
color: #d50427 !important;
text-align: center;
}
.vehicle .name {
color: #fff !important;
font-size: 20px;
font-family: 'Roboto', sans-serif;
margin-bottom: 10px;
}
.vehicle .price {
font-family: 'Roboto', sans-serif;
}
.vehicle .price-ald {
font-family: 'Roboto', sans-serif;
color: #b7b7b7;
font-size: 18px;
}
.vehicle .price-ald span {
color: #d50427;
}
.vehicle .km {
color: #b7b7b7 !important;
font-style: italic;
font-weight: bold;
font-family: 'Roboto', sans-serif;
}
.minigallery_carousel {
background: transparent;
}
.minigallery_carousel li {
display: block;
float: left;
width: 275px;
height: 275px;
margin: 0;
padding: 10px;
}
.minigallery_carousel li img {
width: auto;
height: auto;
border: 0;
}
.minigallery_carousel .prev,
.minigallery_carousel .next {
height: 275px;
background: none !important;
}
.minigallery_carousel .prev span {
position: relative;
display: block;
height: 100%;
}
.minigallery_carousel .next span {
position: relative;
display: block;
height: 100%;
}
.minigallery_carousel .prev span::before {
position: absolute !important;
top: 0 !important;
left: 0 !important;
background: none !important;
font-family: 'fontawesome' !important;
content: '\f0d9' !important;
color: #d50427 !important;
width: 20px !important;
font-size: 60px;
height: auto;
text-align: center !important;
line-height: 275px;
text-indent: 0px;
}
.minigallery_carousel .next span::after {
position: absolute !important;
top: 0 !important;
left: 0 !important;
background: none !important;
font-family: 'fontawesome' !important;
content: '\f0da' !important;
color: #d50427 !important;
width: 20px !important;
font-size: 60px;
height: auto;
text-align: center !important;
line-height: 275px;
text-indent: 0px;
}
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-date,
textarea.wpcf7-form-control,
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control,
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {
background:  white!important;
border: 1px solid black !important;
font-family: 'Open Sans';
font-weight: normal;
color: #000 !important;
border-radius: 18px !important;
font-weight: 1em !important;
width: 100%;
}
.wpcf7-form p {
line-height: 2;
}
textarea.wpcf7-form-control {
max-height: 204px !important;
}
input.wpcf7-form-control.wpcf7-submit.btn.btn-responsive {
background: #000 !important;
border: 1px solid #d50427 !important;
color: white !important;
}
.forma_white textarea,
.forma_white input[type='date'],
.forma_white input[type='text'],
.forma_white input[type='password'],
.forma_white input[type='email'],
.forma_white input[type='tel'],
.forma_white select.wpcf7-form-control.wpcf7-select {
background: #fff !important;
color: #383838 !important;
font-size: 18px !important;
padding: 10px 15px;
height: auto;
max-width: 100%;
width: 100%;
border-color: #fff !important;
border-radius: 0;
}
.forma_white input.wpcf7-form-control.wpcf7-submit,
.bouton-link {
background: #d50427 !important;
border-color: #d50427 !important;
color: #000000 !important;
font-weight: 600;
*max-width: 250px;
width: auto;
padding: 15px 10px;
text-align: center;
display: inline-block;
height: auto;
font-size: 16px;
margin: auto;
line-height: 16px;
}
.bouton-link.big {
font-size: 20px;
line-height: 20px;
padding: 15px 30px;
}
.entry p.color-blue,
.middle_row p.color-blue,
.text_box p.color-blue {
color: #d50427 !important;
}
.bouton-link,
.entry p .color-white,
.middle_row p.color-white,
.text_box p.color-white {
color: white !important;
}
.bouton-link.color-black,
.entry p.color-black,
.middle_row p.color-black,
.text_box p.color-black {
color: #000 !important;
}
.color-marron,
.intro-post h1 strong.color-marron,
.bouton-link.color-marron,
.entry p.color-marron,
.middle_row p.color-marron,
.text_box p.color-marron {
color: #988254 !important;
}
.bg-marron,
.bouton-link.bg-marron {
background: #988254 !important;
}
.bouton-link:hover { text-decoration: none;
background: #3e3e3e !important;
}
.forma_white label {
color: #ffffff;
font-size: 18px;
display: inline-block;
font-weight: normal;
}
.forma_white label {
display: flex;
}
.forma_white input:checked + label {
background-color: #ab576c;
}
.forma_white input:checked + label::before {
background-color: #fff;
} .forma_white .wpcf7-list-item .wpcf7-list-item-label {
position: relative;
padding: 10px 15px 10px 40px;
}
.forma_white .wpcf7-list-item .wpcf7-list-item-label:before {
content: '';
width: 30px;
height: 30px;
cursor: pointer;
position: absolute;
background: #fff;
top: 5px;
cursor: pointer;
left: 0;
}
.forma_white .wpcf7-list-item .wpcf7-list-item-label:after {
content: '';
width: 19px;
height: 10px;
position: absolute;
top: 12px;
left: 6px;
border: 3px solid #d50427;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
transform: rotate(-45deg);
}
.forma_white .wpcf7-list-item .wpcf7-list-item-label:hover::after {
opacity: 0.5;
}
.forma_white .wpcf7-list-item input[type='radio'] {
visibility: hidden;
width: 30px;
position: absolute;
}
.forma_white
.wpcf7-list-item
input[type='radio']:checked
+ .wpcf7-list-item-label:after {
opacity: 1;
}
.caption.sft.tp-caption.start {
top: 0 !important;
height: 100% !important; }
.header-slick .slick-slider,
.header-slick .slick-slider .caption {
height: 550px;
}
.slick-slider .caption {
padding: 0;
display: flex;
}
.slick-slider .caption .paddingcaption {
display: flex !important;
align-items: center;
justify-content: center;
padding: 60px 50px 50px 30px;
background-color: rgb(0 0 0 / 0.5);
width: 40%;
height: 100%;
}
#slick-slide10 .caption .paddingcaption,
#slick-slide11 .caption .paddingcaption { }
.slick-slider a,
.slick-slider a :hover {
text-decoration: none !important;
}
.slick-slider .bouton-cta {
text-align: left;
}
.header-slick .slick-slider .bouton-cta a {
color: white;
border-color: white;
}
.latestpostscontainer,
.header-slick {
position: relative;
}
.prev_slider,
.next_slider {
top: 50%;
margin-top: -82px;
z-index: 1;
}
#actualites .prev_slider,
#actualites .next_slider {
top: 26% !important;
}
.latest_offers .prev,
.latest_offers .next,
.prev_slider,
.next_slider {
cursor: pointer;
width: 50px;
}
.latest_offers .prev_slider,
.latest_offers .next_slider {
*top: 33% !important;
margin-top: -102px;
} .latest_offers .prev,
.latest_offers .next {
display: block !important;
}
.latest_offers .prev,
.prev_slider {
background: url(https://www.fila-groupe.ch/wp-content/themes/autotrader-child/images/arrow-left.png) center center no-repeat !important;
}
.latest_offers .next,
.next_slider {
background: url(https://www.fila-groupe.ch/wp-content/themes/autotrader-child/images/arrow-right.png) center center no-repeat !important;
} .slotholder > img {
position: relative !important;
}
.footer > .container > .row,
.middle_row > .container > .row {
margin: 0;
}
#latestpostscontainer .latest_offers,
#cellgaragefootercontainer .latest_offers {
display: none;
}
#latestpostscontainer .post-title,
#latestpostscontainer p {
padding-bottom: 0;
margin-bottom: 0;
}
.noupper {
text-transform: none;
}
#responsive-menu-item-131752 > a {
display: none !important;
}
#responsive-menu-item-131752 .responsive-menu-submenu {
display: block !important;
}
#responsive-menu-item-131752
ul.responsive-menu-submenu-depth-2
a.responsive-menu-item-link {
padding-left: 10% !important;
}
@media (max-width: 989px) {
#icl_lang_sel_widget-2 {
margin-right: 50px;
}
button#responsive-menu-button {
top: 7px !important;
}
#middle .container {
width: auto;
}
.noborder-sm {
border: 0;
}
}
@media (max-width: 789px) {
.menu {
background: #000 !important;
}
}
@media (max-width: 1199px) {
.prev_slider,
.next_slider,
.prev_slider::before,
.next_slider::after,
.latest_offers .prev,
.latest_offers .next,
.latest_offers .prev::before,
.latest_offers .next::after {
width: 60px !important;
}
.prepend {
margin: 10px 23px 0 0 !important;
}
.garage-pfooter-header-title,
.service-pfooter-header-title {
font-size: 19px;
}
.btn_black_garage,
.btn_blue_garage {
font-size: 16px;
padding: 0 8px;
}
.btn_black_garage {
margin-right: 16px;
}
}
@media (max-width: 991px) {
.footer {
*padding-top: 20px;
}
p.prefooter-title {
padding-top: 10px;
}
.mailtofooter {
text-align: right;
}
.menu {
display: none;
}
.sml_nameinput,
.sml_emailinput {
width: 150px !important;
}
.dropdown > li > a > span {
font-size: 14px !important; font-weight: bold !important;
}
.prev_slider,
.next_slider,
.prev_slider::before,
.next_slider::after,
.latest_offers .prev,
.latest_offers .next,
.latest_offers .prev::before,
.latest_offers .next::after {
width: 40px !important;
}
.cellgaragefooter_item:last-child {
margin-top: 20px;
}
}
@media (max-width: 1160px) {
button#responsive-menu-button { margin-right: -21px;
position: fixed !important;
left: 18px;
opacity: 0;
z-index: 99997 !important;
top: 0 !important;
}
.responsive-menu-open button#responsive-menu-button {
width: 100%;
height: 100% !important;
}
#responsive-menu-container {
top: 50px !important;
}
.slick-slider .titlecaption {
font-size: 34px;
}
}
@media (max-width: 800px) {
.body_wrap {
padding-top: 53px;
}
.entry h1.ans50 {
font-size: 23px;
}
.entry h2.ans50 {
font-size: 17px;
margin-bottom: 0;
}
#header-logo .container {
width: 100%;
}
#header-logo .row.flex-acenter {
display: block;
}
.col-xs-centered {
text-align: center;
}
.mailtofooter {
padding-top: 30px;
}
.fixed-right {
position: fixed;
right: 0;
top: 230px !important;
z-index: 99;
}
.sml_subscribe {
display: block;
padding: 0 20px;
max-width: 435px;
margin: auto;
}
.sml_subscribe .prepend {
display: block;
margin: 0 0 20px 0 !important;
}
.sml_subscribe input,
#nsu-email-0 {
display: block;
margin: 0 0 10px 25px !important;
width: calc(100% - 65px) !important;
}
.sml_subscribe input.nsu-submit {
float: right;
margin: -40px 0 0 0 !important;
width: auto !important;
}
.logosrow > .container {
padding-bottom: 0;
}
.logos-marque {
justify-content: center;
}
.header-new a.cta-autobritt {
font-size: 14px !important;
}
a.cta-autobritt.v-noire {
background: black !important;
}
.logos-marque > a {
width: 25%; text-align: center;
} .logos-marque > a img {
max-height: 50px;
}
.footer-last {
display: block;
}
.footer_rs {
position: absolute;
right: 20px;
bottom: 20px;
}
.logofooter {
text-align: center;
}
.copyright,
.rdvchronodiv {
text-align: center;
padding-top: 20px;
}
.rdvchronodiv a {
margin: auto;
}
.mailtofooter {
margin: 0;
padding-top: 20px;
text-align: center;
}
.home #middle .container-fluid,
.home #middle .container {
margin: 0;
padding: 0;
}
#latestpostscontainer {
position: relative;
*max-width: 380px;
width: 100% !important;
margin: auto;
padding: 0 !important;
}
#latestpostscontainer .caroufredsel_wrapper {
margin: 0 !important;
}
.latestposts_item {
max-width: 350px;
width: 100% !important;
margin: 0 10px;
padding: 0 !important;
}
#cellgaragefootercontainer {
position: relative;
max-width: 395px;
width: 100% !important;
margin: auto;
padding: 30px 15px !important;
}
#cellgaragefooter {
display: block;
}
#cellgaragefootercontainer .latest_offers .prev,
#cellgaragefootercontainer .latest_offers .next {
top: 220px !important;
}
.cellgaragefooter_item {
max-width: 395px;
width: 100% !important;
height: 437px;
margin: 0;
padding: 0 !important;
}
.cellgaragefooter_item:last-child {
margin-top: 0;
}
#topmenu .dropdown {
display: none !important;
}
#latestpostscontainer .latest_offers,
#cellgaragefootercontainer .latest_offers {
display: block;
}
#latestpostscontainer .latest_offers {
*width: 116%;
*left: -8%;
}
.header-slick .slick-slider,
.header-slick .slick-slider .caption {
height: 350px;
}
.slick-slider .caption .paddingcaption {
max-width: 50%;
padding: 20px;
}
.slick-slider .titlecaption {
font-size: 26px;
}
.textcaption {
font-size: 18px;
}
}
@media (max-width: 767px) {
.row-icon-prefooter > a {
display: flex;
align-items: center;
border-bottom: 1px solid #3b3b3b;
padding: 10px 0;
margin: 0 20px;
}
.row-icon-prefooter > a:last-child {
border-bottom: 0;
}
.linkprefooter {
font-size: 16px !important;
text-transform: initial;
text-align: left;
padding: 0;
}
.linkprefooter br {
display: none;
}
.txt-icon-prefooter-img {
margin-right: 15px;
}
.txt-icon-prefooter-img > img {
height: 24px !important;
width: auto;
margin: 0 5px;
}
.txt-icon-prefooter-img > i {
font-size: 24px;
margin: 0 5px;
}
#latestpostscontainer {
max-width: 500px;
margin: auto;
}
}
@media (max-width: 640px) {
.slick-slider .titlecaption {
font-size: 24px;
}
.slick-slider .textcaption {
font-size: 0.8em !important;
}
.header-slick .bouton-cta {
text-align: center;
margin-top: 10px;
}
.paddingcaption {
padding: 15px !important;
}
}
@media (max-width: 500px) {
button#responsive-menu-button { }
.footer_rs {
right: 0;
bottom: auto;
top: 30px;
}
.footer_rs a {
float: none;
text-align: center;
}
.header-slick .slick-slider,
.header-slick .slick-slider .caption {
height: auto;
background: black;
}
.header-slick .slick-slider .caption {
align-items: flex-end;
}
.header-slick .slick-slider .caption .paddingcaption {
width: 100%;
max-width: 100%;
text-align: center;
}
} .wpcf7-form > h3 {
font-family: 'Open Sans';
} .wpcf7-form > p > span > input,
.wpcf7-form > p > span > textarea,
select.wpcf7-form-control.wpcf7-select { border: 1px solid black !important; }
select.wpcf7-form-control.wpcf7-select {
border: 1px solid black !important;
border-radius: 20px!important;
padding: 0px 10px;
}
.wpcf7-form > p > span > input,
.wpcf7-form > p > span > textarea {
padding: 15px 20px;
}
.wpcf7-form > p > span > input,
.wpcf7-form > p > span > textarea {
padding: 15px 20px;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 1rem 1.5rem;
}
span.wpcf7-list-item-label {
font-weight: normal;
}
span.wpcf7-list-item-label a {
color: #000;
}
.mandatory-field {
font-size: 0.8em;
font-style: italic;
}
.boxed {
background: black !important;
border: 1px solid #d50427 !important;
}
input.wpcf7-form-control.wpcf7-submit {
background: #d50427 !important;
border: 1px solid #d50427 !important;
font-family: 'Open Sans';
font-size: 18px;
width: 250px !important;
border-radius: 50px;
height: 40px;
color: white !important;
transition: 0.4s;
}
input.wpcf7-form-control.wpcf7-submit:hover {
background: #000 !important;
border: 1px solid #000 !important;
}
@media (min-width: 769px) {
a.titlecaption,
a.titlecaption:hover {
color: white !important;
font-size: 36px;
text-transform: uppercase;
text-align: left;
text-decoration: none !important;
}
#accordion-garages, #accordion-garages-footer {
position: absolute;
top: 50%;
margin-left: 20px;
transform: translateY(-50%);
z-index: 2;
left: 0;
width: 410px;
}
}
.textcaption  {
color: white;
font-size: 2em;
font-family: 'Open Sans';
font-weight: bold !important;
text-align: left;
text-transform: uppercase;
}
.slidecontenu  {
font-family: 'Open Sans';
color: white;
text-align: left;
margin-top: 20px;
}
.post-image > a > img {
*border: 1px solid #d50427 !important;
}
.headermarque li a { }
.list_manage .inner {
padding: 30px 20px 30px 20px;
background: #d50427 !important;
border-bottom: 3px solid #fff;
}
.post-type-archive-vehicule .list_manage .inner {
padding-bottom: 0;
}
.list_manage .inner .form_sort {
display: block;
height: auto;
float: none;
}
.form_sort select {
width: 170px;
}
.list_manage .inner .form_sort .cusel {
margin-top: 10px;
margin-left: 10px;
float: none;
}
.manage_title {
display: flex;
color: white !important;
font-family: 'Open Sans';
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 20px !important;
padding-right: 8px;
line-height: 32px;
float: left;
} .tf_pagination,
.tf_pagination .inner {
background: transparent;
border: 0;
}
.bottomcontainer .nsu-field {
background: #000 !important;
border: 1px solid #d50427 !important;
color: white !important;
}
.list_manage .inner {
border-bottom: 0 !important;
}
.list_manage {
padding: 20px 0 0 0;
border: 0 !important;
margin-bottom: 0;
}
.category .list_manage {
margin-bottom: 0;
padding-top: 0;
}
.white_select.cusel { color: black !important;
} @media (max-width: 1024px) {
.home a.post-title {
font-size: 14px;
}
}
@media (max-width: 991px) {
.l2 {
padding-top: 50px;
}
}
@media (max-width: 450px) {
.latestposts_item {
max-width: 310px;
}
#latestpostscontainer {
padding: 0 !important;
}
#middle .container {
padding: 0;
}
}
@media (max-width: 360px) {
.logo img {
min-width: 200px;
}
#icl_lang_sel_widget-2 {
margin-left: 10px;
}
.rdvchrono,
.btntonl,
.rdvchrono:hover,
.btntonl:hover {
min-width: 180px;
background-position: 4px center;
}
.latestposts_item {
max-width: 230px;
}
button#responsive-menu-button {
width: 35px;
height: 35px !important;
}
.header-new .text-number-cars {
display: none !important;
}
.slick-slider .titlecaption,
h1.titre-h1,
h2.titre-h2 {
font-size: 19px;
}
}
h2.marque {
color: #000 !important;
}
.entry h3.h3marque {
margin-bottom: 0px;
margin-top: 0px;
}
.pulse-button {
position: relative;
width: 100px;
height: 100px;
border: none;
box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
border-radius: 50%;
background-color: #e84c3d;
background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/173024/jonathanlarradet_copy.png);
background-size: cover;
background-repeat: no-repeat;
cursor: pointer;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.rdvchrono {
position: relative;
box-shadow: 0 0 0 0 #d50427;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.rdvchrono:hover {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none;
}
@-webkit-keyframes pulse {
to {
box-shadow: 0 0 0 45px rgba(42, 196, 235, 0);
}
}
@-moz-keyframes pulse {
to {
box-shadow: 0 0 0 45px rgba(42, 196, 235, 0);
}
}
@-ms-keyframes pulse {
to {
box-shadow: 0 0 0 45px rgba(42, 196, 235, 0);
}
}
@keyframes pulse {
to {
box-shadow: 0 0 0 45px rgba(42, 196, 235, 0);
}
} hr.rec_blanc {
width: 43px;
height: 8px !important;
margin: 0 auto;
background: #fff !important;
}
.bouton-link.invert {
*color: #000000 !important;
}
.bouton-link.invert:hover {
background: white !important;
color: #d50427 !important;
}
.post-detail .entry h3.mtop10 {
margin-top: 10px;
}
.font14 {
font-size: 14px;
line-height: initial;
}
.color-grey {
color: #b7b7b7;
}
h1 .rotate,
.h1 .rotate {
margin: 20px auto;
padding: 10px;
transform: rotate(-5deg);
display: inline-block;
background: #d50427;
font-size: 34px;
}
.post-detail .entry h1.mbot0 {
margin-bottom: 0;
}
.details_tabs .tabs {
border: 0;
}
.details_tabs .tabs li {
border: 0;
background: none;
}
.details_tabs .tabs li.ui-tabs-active {
background-color: #fff;
}
#latestpostscontainer p {
text-align: center;
background-color: #d50427;
padding: 7px;
margin-bottom: 30px;
}
.surtitre-row {
margin-top: 40px;
text-align: center;
}
.entry .surtitre-row .surtitre {
text-align: center;
background-color: #d50427;
padding: 15px 20px;
font-size: 35px;
line-height: 40px;
display: inline-block;
font-weight: bold;
margin: 0;
text-transform: uppercase;
}
.entry .surtitre-row .surtitre.vert {
background-color: #77d904;
}
#latestpostscontainer p a {
text-decoration: none;
}
.postlist .post-image {
display: block;
text-align: center;
margin: 0;
}
.details_tabs .tabcontent {
border: 0;
border: 0;
}
.postlist .post-aside .entry {
font-size: 14px;
}
iframe {
max-width: 100%;
}
@media (max-width: 1199px) {
h1 .rotate,
.h1 .rotate {
}
.surtitre {
font-size: 30px;
}
}
@media (max-width: 991px) {
h1 .rotate,
.h1 .rotate {
font-size: 35px;
}
.post-detail .entry .intro-post .h1,
.post-detail .entry .intro-post h1,
.intro-post h1,
.surtitre {
font-size: 26px;
}
.font-18 {
font-size: 17px;
}
.font-20 {
font-size: 19px;
}
.flex-acenter-medium {
display: block;
}
.postlist .flex-acenter-medium {
text-align: center;
}
.entry .surtitre-row p.surtitre {
font-size: 30px;
line-height: 36px;
}
#latestpostscontainer p {
margin-bottom: 20px;
}
}
@media (max-width: 900px) {
.wplp_container.default li {
width: 100% !important;
}
}
@media (max-width: 768px) {
h1 .rotate,
.h1 .rotate {
font-size: 30px;
}
.vertnav {
display: none;
}
.post-detail .entry h2 {
margin: 25px 0 20px;
}
.post-detail .entry .intro-post .h1,
.post-detail .entry .intro-post h1,
.intro-post h1 {
font-size: 24px;
}
.font-18 {
font-size: 16px;
}
.font-20 {
font-size: 18px;
}
.entry .surtitre-row p.surtitre {
font-size: 26px;
line-height: 30px;
}
.latest_offers .prev,
.latest_offers .next,
.prev_slider,
.next_slider {
display: block !important;
}
.surtitre-row {
margin-top: 20px;
}
.search-bar-form button[type='submit'] {
display: block;
margin: 10px auto;
}
#accordion-garages h3.ui-state-active span, #accordion-garages-footer h3.ui-state-active span {
border-radius: 24px 0 0 24px;
}
}
@media (max-width: 640px) {
h1 .rotate,
.h1 .rotate {
font-size: 25px;
}
.mtop20,
.entry p.mtop20 {
margin-top: 10px;
}
.entry .surtitre-row p.surtitre {
font-size: 22px;
line-height: 26px;
}
.tp-bullets.simplebullets.round .bullet {
width: 15px !important;
height: 15px !important;
margin-left: 10px !important;
}
.post-detail .entry .intro-post .h1,
.post-detail .entry .intro-post h1,
.intro-post h1 {
font-size: 24px;
}
table tr td img {
max-width: 100% !important;
}
}
@media (max-width: 450px) {
.entry .surtitre-row p.surtitre {
font-size: 20px;
line-height: 24px;
}
.post-detail .entry .intro-post .h1,
.post-detail .entry .intro-post h1,
.intro-post h1 {
font-size: 22px;
}
.row {
margin-right: 0 !important;
margin-left: 0 !important;
}
.form_sort .manage_title {
display: none;
}
.form_sort #marque {    
text-align: center;
}
.list_manage .inner .form_sort .cusel {
width: 100% !important;
}
.tp-bullets.simplebullets.round .bullet {
display: none !important;
}
#accordion-garages h3 img, #accordion-garages-footer h3 img {
width: 30px;
}
#accordion-garages h3, #accordion-garages-footer h3 {
font-size: 15px;
padding: 5px 50px 5px 10px;
}
.latestpostscontainer .widget-actu,
div.listes-vehicules {
width: 100%;
}
}
@media (min-width: 1200px) {
#header-menu .container {
width: 1140px;
}
}
div#google_translate_element {
margin-right: 30px;
}
.texte-archive {
margin-bottom: 30px;
margin-top: -50px;
}
.search.search-results .header.header_thin,
.search.search-results .postlist,
.search.search-results .tf_pagination,
.search.search-results .brand_list {
display: none;
}
ol.ariane-search {
padding-left: 0;
margin-bottom: 0;
}
ol.ariane-search li {
display: inline;
}
ol.ariane-search li a {
color: #232323;
}
ol.ariane-search li:after {
content: '/';
color: #7a7a7a;
margin: 0.3125rem;
}
ol.ariane-search li:last-child:after {
content: '';
}
#offres .latestpostscontainer h3,
.bg-h3 {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
margin: 0;
padding: 10px 15px;
color: #fff;
background: #000;
margin-bottom: 0.5em;
font-size: 22px !important;
}
#offres .latestpostscontainer .bouton-cta.version-2 {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
margin-top: 30px;
margin-bottom: 20px;
margin-bottom: 0.5em;
} @media (max-width: 639px) {
#offres .latestpostscontainer h3 {
text-align: center;
}
#offres .latestpostscontainer h3.titre-superposition {
padding: 0 10px;
}
#offres .latestpostscontainer .bouton-cta.version-2 {
text-align: center !important;
}
#actualites .latestpostscontainer .bouton-cta {
text-align: center !important;
}
}
@media (max-width: 800px) {
#responsive-menu-container
#responsive-menu
ul.responsive-menu-submenu
li.responsive-menu-item
a
.responsive-menu-subarrow {
height: unset !important;
background-color: unset !important;
border-left: unset !important;
}
}
ul.vertnav {
display: none;
} .body_wrap {
padding-top: 0 !important;
font-family: Roboto, sans-serif;
}
.nbrs-vehicules-cart {
position: absolute;
top: 2px;
margin-left: -2px;
background-color: #d50427;
padding: 0 5px;
color: white;
border-radius: 30px;
font-size: 12px;
}
.header-new {
width: 100%;
position: fixed;
z-index: 9999;
background: white;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.11);
height: 66px;
}
.header-new .conteneur-header,
.topbar .conteneur-header {
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto; height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.header-new .conteneur-header.responsive {
display: none;
}
.header-new .logo-header,
.header-new .menu-header,
.header-new .search-header,
.header-new .actions-header {
display: inline-flex;
align-items: center;
color: #4c4b4b;
}
.header-new .actions-header svg {
width: 18px;
}
.header-new .text-number-cars {
display: inherit;
font-size: 14px;
line-height: 14px;
}
.header-new a.cta-autobritt {
color: white !important;
background-color: #d50427;
border: 0;
cursor: pointer;
vertical-align: top;
margin-left: 4px;
margin-top: 5px;
float: right;
}
.copyright {
clear: both;
font-size: 14px;
text-align: center;
display: block;
color: black !important;
}
@media (max-width: 500px) {
.header-new a.cta-autobritt {
padding: 8px 10px 8px 10px;
margin:0;
}
.footer p b {
display: block;
}
.copyright {
font-size: 12px;
}
}
#topmenu {
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
}
.dropdown > li {
padding: 0;
padding-top: 9px;
padding-bottom: 9px;
}
.dropdown > li > a > span {
font-size: 16px;
}
.header-new a.cta-autobritt:hover {
background-color: #3e3e3e;
}
.header-new a.cta-autobritt span {
vertical-align: top;
}
.header-new a.cta-autobritt svg {
width: 18px;
margin-right: 5px;
vertical-align: inherit;
}
.menu-header {
vertical-align: sub;
margin: 0 35px;
}
.search-header {
vertical-align: text-top;
}
.actions-header {
margin-left: 15px;
}
.next-header {
padding-top: 96px;
height: 0;
}
#search-popup {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 9999;
top: 0;
background-color: rgba(255, 255, 255, 0.95);
}
#search-popup #search-content {
position: absolute;
top: 40%;
left: calc((100% - 650px) / 2);
}
.search-widget {
display: inline-block;
}
.search-widget form {
position: relative;
}
.search-widget form input[type='text'] {
border: none;
padding: 10px !important;
min-width: 255px;
color: #7a7a7a;
border: 1px solid rgba(0, 0, 0, 0.25);
height: unset;
}
.search-widget form input[type='text']:focus {
outline: 3px solid #2fb5d2;
color: #232323;
background: #fff;
}
.search-widget form input[type='text']:focus + button .search {
color: #2fb5d2;
}
.search-widget form button[type='submit'] {
position: absolute;
background: none;
border: none;
bottom: 0.3125rem;
right: 0.125rem;
color: #7a7a7a;
height: unset;
}
.search-widget form button[type='submit'] .search:hover {
color: #2fb5d2;
}
#search-popup .search-widget form {
display: inline-flex;
}
#search-popup .search-widget form input[type='text'] {
border: 3px solid #3e3e3e !important;
border-radius: 3px;
background-color: unset;
color: #3e3e3e;
width: 500px;
}
#search-popup .search-widget form input[type='text']::placeholder {
color: black !important;
font-size: 18px;
font-style: normal;
font-weight: bolder;
}
#search-popup .search-widget form input[type='text']:focus {
outline-color: #d50427;
}
#search-popup .search-widget form button[type='submit'] {
position: relative;
background: #d50427;
bottom: 0;
right: 0;
color: white;
margin-left: 30px;
border-radius: 3px;
padding: 0 20px;
cursor: pointer;
}
#search-popup .search-widget form button[type='submit']:hover {
background-color: #3e3e3e;
}
#search-popup .search-widget form button[type='submit'] i.search {
display: none;
}
#search-popup .search-widget form button[type='submit'] span {
display: block !important;
}
ul#top-menu {
position: relative;
}
ul.sub-menu-1,
ul.sub-menu-2,
ul.sub-menu-3 {
display: none;
padding-left: 10px;
}
ul.sub-menu-1 li a {
text-transform: none !important;
}
.sub-menu-1 a.dropdown-item.has-child-menu {
background: url(//www.fila-groupe.ch/images/dropdown_menu.png) 95% center no-repeat;
}
@media (min-width: 1160px) {
ul.sub-menu-1,
ul.sub-menu-2,
ul.sub-menu-3 {
background-color: #f4f4f4 !important;
padding: 5px !important;
position: absolute;
z-index: 99999999;
text-align: left;
}
li.is-sub-menu-1:hover .sub-menu-1,
li.is-sub-menu-2:hover .sub-menu-2,
li.is-sub-menu-3:hover .sub-menu-3 {
display: block;
}
ul.sub-menu-1 {
width: 190px;
top: 40px;
}
ul.sub-menu-2 {
width: 190px;
left: 185px;
margin-top: -45px;
}
ul.sub-menu-3 {
width: 130px;
left: 185px;
margin-top: -45px;
}
ul.sub-menu-1.large,
ul.sub-menu-2.large,
ul.sub-menu-3.large {
width: auto !important;
}
}
@media (max-width: 1244px) {
#header {
background: white;
}
.header-new .topbar.desktop,
.header-new .conteneur-header.desktop {
display: none;
}
.header-new .conteneur-header.responsive {
display: block;
width: 100%;
}
.next-header {
padding-top: 108px;
}
.logo-header {
position: absolute;
left: calc(50% - (222px / 2));
height: 50px;
}
.actions-header {
float: right;
margin-right: 20px;
margin-left: 0;
}
.search-header {
background: #f4f4f4;
height: 60px;
padding-top: 10px;
padding-bottom: 10px;
display: flex !important;
justify-content: center;
}
.header-new .text-number-cars {
display: inline-block;
margin: auto 0 0 0.5em;
}
#menu-header-id {
height: 50px;
}
.menu-burger {
font-size: 42px;
position: absolute;
top: 4px;
left: 20px;
scolor: #d50427;
}
#header .header-top {
padding-top: 10px;
padding-bottom: 0;
display: none;
}
aside#notifications,
section#wrapper,
#footer {
display: block !important;
}
nav.header-nav {
position: fixed;
z-index: 99999;
width: 100%;
padding-bottom: 5px;
}
#header .header-top.menu-sticky {
display: none;
position: fixed;
z-index: 99999;
left: 0;
top: 50px;
width: 50%;
min-width: 300px;
max-width: 500px;
height: 100%;
background-color: #f4f4f4;
}
#header .header-top.menu-sticky > .container {
width: 100%;
}
#header .header-top.menu-sticky .position-static {
width: 100%;
}
#header .header-top.menu-sticky .menu {
width: 100%;
text-align: left;
}
#header .header-top.menu-sticky .menu > ul > li {
display: block;
}
#header .header-top.menu-sticky .menu > ul.top-menu > li {
background: url(//www.fila-groupe.ch/images/dropdown_menu.png) 95% 10px no-repeat;
}
}
@media (max-width: 767px) {
#search-popup #search-content {
left: calc((100% - 450px) / 2);
width: calc(100% - (450px / 2));
text-align: center;
}
#search-popup .search-widget form input[type='text'] {
width: 450px;
}
#search-popup .search-widget form {
display: block;
text-align: center;
}
#search-popup .search-widget form button[type='submit'] {
width: 120px;
padding: 12px;
margin-left: 0;
margin-top: 20px;
text-align: center;
display: block;
margin-left: calc(50% - 60px);
}
}
@media (max-width: 599px) {
.header-new a.cta-autobritt span.responsive,
.header-new a.cta-autobritt .responsive {
display: none;
}
}
@media (max-width: 499px) {
#search-popup #search-content {
left: calc((100% - 300px) / 2);
width: calc(100% - (300px / 2));
}
#search-popup .search-widget form input[type='text'] {
width: 300px;
}
} .language-selector {
padding-right: 20px;
display: inline-block;
}
div#google_translate_element {
display: inline-block;
padding-right: 20px;
}
.goog-te-gadget-simple {
border-radius: 15px;
padding: 4px 8px;
}
.marques-voitures {
text-align: center;
padding: 20px 0;
}
.marques-voitures a {
width: 19%;
display: inline-block;
}
.marques-voitures a img {
width: 100%;
}
footer .mobile {
display: none;
}
footer .footer-svg svg {
width: 18px;
margin-right: 5px;
}
footer .coordonnees .adresse {
padding-left: 5%;
}
@media (max-width: 1259px) {
.center-mobile {
text-align: center;
}
footer .coordonnees .col-md-1,
footer .coordonnees .col-md-3,
footer .coordonnees .col-md-4 {
float: none;
width: 100%;
}
footer .coordonnees .adresse {
padding-left: 0;
}
}
@media (max-width: 991px) {
span.libelle-newsletter {
display: block;
padding-bottom: 20px;
}
footer .mobile {
display: block;
}
footer .desktop {
display: none;
}
} .language-selector {
padding-right: 20px;
display: inline-block;
}
div#google_translate_element {
display: inline-block;
padding-right: 20px;
}
.goog-te-gadget-simple {
border-radius: 15px;
padding: 4px 8px;
}
.marques-voitures {
text-align: center;
padding: 20px 0;
}
.marques-voitures a {
width: 19%;
display: inline-block;
}
.marques-voitures a img {
width: 100%;
}
footer .mobile {
display: none;
}
footer .footer-svg svg {
width: 18px;
margin-right: 5px;
}
footer .coordonnees .adresse {
padding-left: 5%;
}
@media (max-width: 1259px) {
.center-mobile {
text-align: center;
}
footer .coordonnees .col-md-1,
footer .coordonnees .col-md-3,
footer .coordonnees .col-md-4 {
float: none;
width: 100%;
}
footer .coordonnees .adresse {
padding-left: 0;
}
}
@media (max-width: 991px) {
span.libelle-newsletter {
display: block;
padding-bottom: 20px;
}
footer .mobile {
display: block;
}
footer .desktop {
display: none;
}
}
.cta-rdv {
background: url(https://www.autobritt.ch/images/picot-rdv.png) no-repeat 14px
center #d50427;
color: white !important;
border-radius: 15px;
padding: 4px 8px 4px 35px;
display: inline-block;
}
a.cta-rdv:hover {
background-color: #3e3e3e;
}
.copyright-footer a {
color: unset;
}
.copyright-footer a:hover {
text-decoration: underline;
}
footer svg {
width: 18px;
color: #4f4f4f;
margin: 0 5px;
}
footer svg.fa-linkedin-in {
width: 18px;
}
footer svg.fa-facebook-f {
width: 11.5px;
}
.icones-footer svg:hover {
color: #d50427;
}
.logo-footer,
.copyright-footer,
.icones-footer {
text-align: center;
padding: 0 0 15px 0;
}
.logo-footer img {
width: auto;
margin: 0 auto !important;
padding: 0 !important;
}
div#_desktop_user_info,
div#_desktop_cart,
.language-selector li {
display: inline-flex;
padding-top: 5px;
}
.language-selector li:first-child:after {
content: '|';
padding: 0 5px 0 10px;
}
.language-selector li.current {
font-weight: 600;
}
.language-selector li a {
text-transform: uppercase;
color: #000;
}
@media (min-width: 576px) {
.footer .container {
width: 100%;
}
}
.footer p {
margin-bottom: 1rem;
}
#responsive-menu > li > a {
text-transform: uppercase;
}
.dropdown > li > a > span {
color: #4c4b4b !important;
}
a.lien-header-favoris,
a.lien-header-favoris:hover {
color: #232323 !important;
}
#services.titre-h2,
#services.sous-titre {
color: white;
}
#services-list div > .card {
background: #ffffff;
display: flex !important;
align-items: center;
justify-content: center;
margin-top: 1em;
margin-bottom: 2em;
}
@media (max-width: 752px) {
#services-list div > .card {
flex-direction: column-reverse;
}
#services-list .card div {
padding: 1rem;
}
}
#services-list .card div {
display: flex;
flex-direction: column;
align-items: baseline;
justify-content: flex-start;
flex: 1;
height: 100%;
width: 100%;
}
.service-title h3 {
font-size: 2em;
}
.service-title {
display: flex;
align-items: center !important;
flex-direction: row !important;
text-transform: uppercase;
}
.card p {
font-family: 'Open Sans';
}
.card-content {
max-width: 350px;
margin: auto;
}
.service-title img {
max-width: 40px !important;
margin-right: 10px;
}
#services svg {
background-color: #ffffff;
}
#services path {
fill: #222c44;
color: #222c44;
} .fila-icon {
position: relative;
width: 125px;
margin-right: 0.5em;
}
.fila-icon svg {
position: absolute;
top: 0;
z-index: 1;
left: 0;
width: 100%;
} #profil {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#profil .name {
margin-top: 0.5em;
font-size: 23px !important;
margin-bottom: 0;
}
#profil .role {
font-weight: bold;
font-style: italic;
text-transform: uppercase;
font-size: 14px;
line-height: 1;
margin-top: 1rem;
}
#profil .contact p {
margin: 0;
}
#profil .contact {
margin-left: 20px;
}
#profil ul {
margin: 0;
}
#profil ul li {
list-style: none;
}
#profil i {
margin-right: 10px;
} .brands select {
background: #d50427;
border: 2px solid #fff !important;
border-radius: 50px;
color: white;
line-height: 1;
padding: 0px 10px;
} .garage-contact label {
font-family: 'Open Sans';
font-size: 15px;
font-weight: normal;
color: black;
}
@media (max-width: 991px) {
.garage-contact textarea {
width: 72vw !important;
}
}
.garage-contact textarea {
width: 30vw;
} .btn-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-evenly;
max-width: 640px;
margin: 3em auto;
}
.btn-actions .bouton-cta {
margin: 0;
}
@media (max-width: 768px) {
.btn-actions {
margin: 2em 0 1em 0;
}
.btn-actions .bouton-cta {
margin: 0 0 1em 0;
}
.filter h4 {
margin: 10px 0 !important;
font-size: 16px;
}
}
.bouton-cta a {
color: white !important;
} .post-detail .post-meta {
border: 0;
margin: 20px 30px 0 30px;
padding: 5px 0;
}
.post-detail .entry h1 {
margin: 0 0 1em 0;
padding: 0;
font-family: 'Open Sans';
font-size: 36px;
font-weight: 600;
letter-spacing: 1px;
color: black;
}
.post-detail .entry .h2,
.post-detail .entry h2 {
font-family: 'Open Sans';
font-size: 26px;
text-transform: uppercase;
}
h2.big-h2 {
text-align: center;
font-size: 30px !important;
line-height: 40px !important;
}
p.post-discount {
text-align: center;
font-weight: bold;
}
p.post-new-price {
margin-top: 1em !important;
font-family: 'Open Sans';
font-weight: bold;
font-size: 34px;
text-align: center;
color: #d50427 !important;
}
p.post-price {
font-family: 'Open Sans';
font-weight: bold;
font-size: 34px;
text-align: center;
color: #d50427 !important;
line-height: 1.5;
}
p.post-old-price {
font-family: 'Open Sans';
font-size: 26px;
font-weight: bold;
text-align: center;
text-decoration: line-through;
}
.entry .card p {
margin: 0;
}
.entry .card {
margin-bottom: 2em;
} .header-img .h2-page {
font-size: 34px;
}
.h2-page {
font-size: 3rem !important;
text-transform: uppercase;
color: black;
}
.header-icon {
display: flex;
align-items: center;
}
.header-icon img {
margin: 10px 20px 0px 0;
max-width: 60px !important;
}
@media (max-width: 768px) {
.header-img {
text-align: center;
margin-top: 2em;
}
}
@media (min-width: 769px) {
.header-img {
display: flex;
align-items: center;
}
.header-img img {
margin: 10px 35px 0px 0;
padding: 0px 35px 0 0;
border-right: 4px solid #d50427;
}
} @media (min-width: 769px) {
.services-list > div {
padding: 0 2em;
}
}
.service-price {
color: #d50427;
font-weight: bold;
}
.service-logo {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 2em;
margin-bottom: 1em;
}
.service-logo h3 {
margin: 0;
}
.service-logo img {
max-height: 65px;
}
.service-list li {
list-style: none;
display: flex;
align-items: flex-start;
flex: 1;
margin-bottom: 0.8em !important;
}
.services-list.row > div p {
text-align: center;
}
.service-list li i {
color: #fff;
background: #d50427;
border-radius: 50%;
font-size: 10px;
padding: 3px;
margin-top: 0.6em;
margin-right: 10px;
line-height: 1;
}
.entry ul.checks-list li,
.checks-list li {
list-style: none;
display: flex;
align-items: flex-start;
flex: 1;
margin-bottom: 0;
}
.checks-list li i {
color: #fff;
background: #d50427;
border-radius: 50%;
font-size: 10px;
padding: 1px 0 0 1px;
margin-top: 5px;
margin-right: 10px;
line-height: 20px;
text-align: center;
width: 20px;
height: 20px;
content: " ";
}
ul.service-list a {
color: black;
font-family: 'Open Sans';
text-decoration: underline;
text-transform: uppercase;
font-size: 1.2em;
font-weight: normal;
letter-spacing: 0.5px;
} @media (max-width: 767px) {
.price-table table tr {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
}
}
.price-table table {
width: 100%;
}
.price-table table td:nth-child(2) {
text-align: right;
}
.price-table table td:nth-child(2) {
text-align: right;
font-weight: bold;
color: #d50427;
}
.price-table table td {
padding: 5px;
}
.price-table table tr:not(:last-child),
.price-table table tr:first-child {
border-bottom: 1px solid #d50427;
}
.price-table h4 {
font-family: 'Open Sans';
font-size: 3rem;
font-weight: normal;
color: #d50427;
margin-top: 1em;
} .line-through {
text-decoration: line-through;
}
@media (min-width: 991px) {
.l-border {
border-left: 1px solid #000;
margin: 20px 0;
}
.lr-border {
border-left: 15px solid #d50427;
}
.h2-page {
font-size: 4.5rem !important;
text-transform: uppercase;
color: black;
}
button#responsive-menu-button {
display: none !important;
}
.p-6 {
padding-left: 60px;
}
.relative-l {
position: relative;
left: -80px;
}
.ml-3 {
margin-left: 3rem !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mt-1 {
margin-top: 1rem !important;
}
.mt-2 {
margin-top: 2rem !important;
}
.mb-1 {
margin-bottom: 1rem !important;
}
.mb-2 {
margin-bottom: 2rem !important;
}
.mb-3 {
margin-bottom: 3rem !important;
}
.mb-4 {
margin-bottom: 4rem !important;
}
.ps-15 {
padding: 0 15px;
}
.p-0 {
padding: 0 !important;
}  .menu-niveau1 > .submenu-1 {
width: 230px !important;
} .menu-niveau2 > .submenu-1 {
min-width: 171px !important;
left: 230px !important;
} .menu-niveau2 > .submenu-1 .submenu-1 {
left: 171px !important;
min-width: 121px !important;
} #responsive-menu-search-box {
display: none !important;
}
#responsive-menu-container,
#responsive-menu-container
#responsive-menu
li.responsive-menu-current-item
> .responsive-menu-item-link,
#responsive-menu-container #responsive-menu li.responsive-menu-item a {
background: #d50527 !important;
}
#responsive-menu-container #responsive-menu-wrapper {
background: #d50527 !important;
}
#responsive-menu-container
#responsive-menu
> li.responsive-menu-item:first-child
> a {
border-top: 1px solid #d50527 !important;
}
#responsive-menu-container
#responsive-menu
li.responsive-menu-current-item
> .responsive-menu-item-link {
border-color: #d50527 !important;
border-top-color: #d50527 !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {
border-bottom: #d50527 !important;
border-bottom-color: #d50527 !important;
background-color: #d50527 !important;
}
#responsive-menu-container
#responsive-menu
li.responsive-menu-item
a
.responsive-menu-subarrow {
border-left: 1px solid #d50527 !important;
background-color: #d50527 !important;
}
#responsive-menu-container
#responsive-menu
ul.responsive-menu-submenu
li.responsive-menu-item
a
.responsive-menu-subarrow.responsive-menu-subarrow-active {
border-color: #d50527 !important;
border-right-color: #d50527 !important;
border-left-color: #d50527 !important;
background-color: #d50527 !important;
}
#responsive-menu-container
#responsive-menu
ul.responsive-menu-submenu
li.responsive-menu-item
a
.responsive-menu-subarrow {
border-left: none;
background-color: #d50527 !important;
border-color: #d50527 !important;
}
#responsive-menu-container .responsive-menu-item-link {
font-family: 'Open Sans', sans-serif !important;
} .label_newsletter {
font-size: 20px;
margin-right: 150px;
vertical-align: top;
}
.label_newsletter,
.label_newsletter svg {
color: white;
}
.label_newsletter,
#newsletter .cf7sg-container,
.nom_newsletter,
.email_newsletter,
.valide_newsletter {
display: inline-block;
}
.email_newsletter {
margin-left: 20px;
}
.nom_newsletter input.wpcf7-form-control.wpcf7-text,
.email_newsletter input.wpcf7-form-control.wpcf7-text {
width: 250px;
background: white !important;
border: 0 !important;
color: black !important;
font-size: 16px;
}
.valide_newsletter input.wpcf7-form-control.wpcf7-submit {
width: 50px !important;
height: 32px !important;
border-radius: 15px !important;
background: #fff !important;
border: 1px solid #fff !important;
margin: 0 0 0 20px;
color: #d50427 !important;
}
#newsletter div.wpcf7-mail-sent-ok {
background: #398f14;
color: white;
}
#newsletter div.wpcf7-response-output {
color: white;
border-color: black;
background: black;
}
#newsletter span.wpcf7-not-valid-tip {
display: none;
}
@media (max-width: 992px) {
.label_newsletter {
margin-right: 20px;
}
}
@media (max-width: 768px) {
.label_newsletter {
margin-right: 0;
margin-bottom: 20px;
}
.label_newsletter, #newsletter .cf7sg-container, .nom_newsletter, .email_newsletter, .valide_newsletter {
display:block;
}
.valide_newsletter input.wpcf7-form-control.wpcf7-submit {
float:right;
}
}
@media (max-width: 440px) {
.email_newsletter {
margin-left: 0;
}
.nom_newsletter input.wpcf7-form-control.wpcf7-text,
.email_newsletter input.wpcf7-form-control.wpcf7-text {
width: 100%;
}
}
@media (min-width: 1200px) {
.container-lg {
width: 1280px !important;
}
} .radio-container {
display: block;
position: relative;
padding-left: 35px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .radio-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
} .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 50%;
} .radio-container:hover input ~ .checkmark {
background-color: #ccc;
} .radio-container input:checked ~ .checkmark {
background-color: #d50427;
}
span.km-vehicule {
margin-top: 1rem;
} .checkmark:after {
content: '';
position: absolute;
display: none;
} .radio-container input:checked ~ .checkmark:after {
display: block;
} .radio-container .checkmark:after {
top: 9px;
left: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
} .error404 .container {
margin-bottom: 6rem;
}
.error404 li a {
color: black;
font-weight: bold;
text-decoration: underline;
}
.error404 p {
margin-left: 2rem;
margin-bottom: 4rem;
}
.error404 ul {
margin-left: 2rem;
}
.line-seperator {
height: 3px;
background: #000;
margin-bottom: 3.5rem;
}
.cf7sg-container {
*margin-bottom: 2em;
} .offer_specification td:nth-child(2n) {
text-align: right !important;
}
@media (max-width: 768px) {
#services .slick-track > div {
padding: 15px !important;
}
.popmake .btn-actions {
line-height: 2;
}
#votre-garage h1 {
text-align: center;
}
.avcar_listing_offers {
padding: 0 !important;
}
.avcar_listing_item {
padding: 0 !important;
}
span.prix-vehicule,
span.km-vehicule,
.latest_item h3 a {
text-align: center !important;
}
.mobile-reverse {
display: flex !important;
flex-direction: column-reverse;
}
.offer_specification td:nth-child(2n + 1) {
min-width: 50vw;
}
#offres .latestpostscontainer h3 {
font-size: 20px !important;
}
.popmake-title {
margin-top: 5rem;
margin-bottom: 0 !important;
font-size: 2.4rem !important;
text-align: center !important;
}
.offer_aside {
padding: 15px !important;
}
.avcar_listing_text {
padding-bottom: 1rem;
}
}
.offer_aside .btn-actions .bouton-cta {
margin-top: 1rem !important;
}
.garage-pfooter-infos strong {
color: black;
}
.search-header {
flex: 1;
justify-content: space-between;
}
.stocks-header {
display: inline-flex;
align-items: center;
color: #4c4b4b;
align-self: center;
}
.tels-bloc {
display: flex;
margin: 0 0 0 10px;
align-items: center;
flex-wrap: wrap;
align-self: center;
}
.tels-bloc h4 {
color: #3f4b56 !important;
font-weight: bold;
margin: 0 10px 0 0;
padding: 0;
font-size: 16px;
line-height: 16px;
}
.tels-bloc h4 span {
color: #3f4b56 !important;
font-size: 13px;
line-height: 13px;
display: block;
}
.tels-bloc strong {
display: block;
padding: 0;
}
.tels-bloc strong a {
color: #d50427;
}
.offer_aside .btn-actions {
margin-bottom: 10px;
}
.offer_aside .btn-actions a {
font-size: 14px;
padding: 10px;
}
.offer_aside .tels-bloc {
background: #f8f7f7 !important;
padding: 10px;
margin: 0;
justify-content: space-around;
}
.tf_pagination .page-numbers {
background: #e6e6e6;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
color: #000!important;
}
.tf_pagination .current {
color: #d50427!important;
}
.non_contractuelle {
position: absolute;
right: 0;
bottom: 0;
color: #fff;
padding: 1px;
font-size: 10px;
line-height: 11px;
}
@media (max-width: 768px) {
.tels-bloc h4 {
margin: 0 0 10px 0;
}
.search-header {
padding: 10px;
}
}
@media (max-width: 400px) {
.search-header .text-number-cars {
display: none;
}
} .header-new .conteneur-header {
align-items: unset;
}
.menu-header-v1 {
display: none !important;
}
.search-header {
flex: 0;
}
.header-new {
height: auto;
}
.header-new .conteneur-header {
align-items: unset;
height: auto;
}
.header-new .conteneur-header-menu {
height: 60px;
}
.topbar {
background-color:#000000;
padding: 10px 0;
color: #fff;
font-size:16px;
line-height:16px;
}
.topbar .conteneur-header {
justify-content: space-around;
}
.topbar .top-text { color:#fff;
text-transform: none;
}
.topbar a {
color: #fff;
}
.topbar strong.bienne {
margin-left:50px;
}
.topbar strong a {
color: #D50527;
}
.menu-top {
display: flex;
height: 100%;
}
.menu-top .el-menu-top {
position: relative;
padding: 0 10px;
cursor:pointer;
display: flex;
}
.menu-top .titre-menu-top {
color: #4c4b4b;
font-size: 16px;
font-weight: bold;
display: flex;
align-content: center;
justify-content: center;
flex-direction: column;
}
.menu-top .sous-titre-menu-top {
color: #808080;
font-size: 13px;
display: block;
text-align: center;
position: absolute;
width: 100%;
bottom: 7px;
left: 0;
}
.menu-top .el-menu-top:hover .titre-menu-top {
color: #d50427;
}
.menu-top .submenu-top {
position: absolute;
left: 0;
top: 60px;
background: #fff;
padding: 20px 0;
display: none;
z-index: 1;
}
.menu-top .submenu-top#menu-garages {
border-top: 2px solid #808080;
min-width: 660px;
max-height: 515px;
overflow: auto;
height: auto;
}
.menu-top .submenu-top.submenu-top-vehicules {
min-width: 880px;
}
.menu-top .submenu-top.submenu-top-offres {
min-width: 660px;
}
.menu-top .submenu-top.submenu-top-services {
min-width: 630px;
}
#garageselshow {
width: 250px;
background-color:#333333;
color:#fff;
display:none;
}
#garageselshow i {    
font-size: 30px;
}
#garageselshow > a {
display:flex;
align-items:center;
justify-content: end;
width: 100%;
height: 100%;
color:#fff;
text-decoration: none;
}
#garageselshow > a > span {
margin-right: 10px;
}
#garageselshow > a > span:first-child {
margin-left: 10px;
}
#garageselshow > a > span > span {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.menu-top .el-menu-top:hover .submenu-top {
display: block;
}
.menu-top .submenu-top .menu {
display: flex;
background: none !important;
flex-wrap: wrap;
margin: 0;
list-style-type: none;
padding: 0;
}
.menu-top .submenu-top .menu#menu-services > li {
padding:0;
display: flex;
flex-direction: column;
width: 33%;
position: relative;
}
.menu-top .submenu-top .menu.menu-offres > li,
.menu-top .submenu-top .menu#menu-offres > li{
max-width: 16.666%;
padding: 0 10px;
display: flex;
position: relative;
align-items: center;
justify-content: center;
flex-direction: column;
min-width: 100px;
margin-bottom: 20px;
}
.submenu-offres ul > li{
max-width: 33%;
float:left;
}
.submenu-offres ul > li.bouton-cta{
max-width: 100%;
float:none;
clear:both;
}
#responsive-menu-container #responsive-menu .submenu-offres ul.responsive-menu-submenu li.responsive-menu-item a,
.submenu-offres ul > li > a {
color: #fff;
font-size: 14px;
margin: 0;
height: 85px;
text-align: center;
display: flex;
flex-direction: column;
line-height: 20px ;
padding: 10px 0;
}
#responsive-menu-container #responsive-menu .submenu-offres ul.responsive-menu-submenu li.responsive-menu-item.bouton-cta a,
.submenu-offres ul > li.bouton-cta > a {
display: inline-block;
margin-top: 10px;	
}
.menu-top .submenu-top .menu > li > a {
color: #7A7A7A;
font-size: 16px;
font-weight: bold;
margin: 0 20px;
}
.submenu-offres ul > li > a img {
display: block;
max-height: 40px !important;
max-width: 75px !important;
margin: auto !important;
}
.submenu-offres ul > li > a > span {
height: 20px ;
}
.menu-top .submenu-top .menu.menu-offres,
.menu-top .submenu-top .menu#menu-offres {
justify-content: space-between;
padding: 0 10px;
}
.menu-top .submenu-top .garage-horaires-contact .menu.menu-offres {
justify-content:center;
}
.menu-top .submenu-top .menu.menu-offres#choix-marques{
margin-bottom: 20px;
flex-wrap: initial;
}
.menu-top .submenu-top .menu.menu-offres#choix-marques > li {
max-width: 100px;
}
.menu-top .submenu-top .menu.menu-offres > li a,
.menu-top .submenu-top .menu#menu-offres > li a {
margin: 0;
display: flex;
flex-direction: column;
}
.menu-top .submenu-top .menu > li > a > img, .menu-top .submenu-top .menu > li > a > span {
padding: 0;
display: block;
margin: 0 auto;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
}
.menu-top .submenu-top .menu > li > a > span {
position: absolute;
bottom: -27px;
width: 100%;
text-align: center;
left: 0;
color:#9D9D9D;
}
.menu-top .submenu-top .menu > li > a.active > span {
color: #D50527;
}
.menu-top .submenu-top .menu > li > a > img {
max-height:40px !important;
width:auto !important;
max-width: 100% !important;
height: auto !important;
}
.menu-top .submenu-top .menu#menu-offres > li.menu-with-bg,
.menu-top .submenu-top .menu > li.menu-with-bg {
background-size: cover;
height: 109px;
margin: 20px 20px 0;
display: flex;
align-items: center;
justify-content: center;
}
.menu-top .submenu-top .menu#menu-offres > li.menu-with-bg{
margin: 20px 10px 0;
}
.menu-top .submenu-top .menu#menu-vehicules > li.nos-vehicules {
background-image: url(//www.fila-groupe.ch/wp-content/uploads/2021/02/fila-nos-vehicules.jpg);
width: 193px;
height: 158px;
text-align: center;
}
.menu-top .submenu-top .menu#menu-services > li.nos-services {
background-image: url(//www.fila-groupe.ch/wp-content/uploads/2021/02/fila-nos-services.jpg);
width: 100%;
}
.menu-top .submenu-top .menu#menu-services > li.nos-services a span {
display: none !important;
}
.menu-top .submenu-top .menu#menu-services > li.nos-services a img {
max-height: unset !important;
width: 100% !important;
max-width: 307px !important;
}
.menu-top .submenu-top .menu#menu-services > li.nos-services {
background-image: url(//www.fila-groupe.ch/wp-content/uploads/2021/02/fila-nos-services.jpg);
width: 100%;
}
.menu-top .submenu-top .menu > li.nos-offres {
background-image: url(//www.fila-groupe.ch/wp-content/uploads/2021/02/fila-nos-offres.jpg);
width: 100%;
max-width:100% !important;
}
.menu-top .submenu-top .menu > li.menu-with-bg a {
width: 296px;
height: 72px;
background: rgba(0,0,0,0.62);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.menu-top .submenu-top#menu-vehicules .menu > li.menu-with-bg a {
text-align: center;
}
.menu-top .submenu-top .menu > li ul {
padding:10px 30px 0;
}
.menu-top .submenu-top .menu > li:after {
background-color: #DADADA;
content: " ";
width: 1px;
display: block;
position: absolute;
top: 30px;
bottom: 0;
}
.menu-top .submenu-top .menu.menu-offres > li:after,
.menu-top .submenu-top .menu#menu-offres > li:after {
display:none;
}
.menu-top .submenu-top .menu > li:first-child:after,
.menu-top .submenu-top .menu > li:last-child:after {
display:none;
}
.menu-top .submenu-top .menu li ul > li {
padding:3px 0;    
display: flex;
}
.menu-top .submenu-top .menu li ul > li > a {
font-size: 14px;
line-height:20px;
font-weight: 500;
color: #000;
text-transform:uppercase;
display: block;
}
.menu-top .submenu-top .menu li ul > li > a:hover {
}
.menu-top .submenu-top .menu li ul > li:before {
display: block;
font-family: 'Font Awesome 5 Free';
color: #d50427;
font-weight: 900;
content: '\f105';
margin-right: 5px;
font-size: 14px;
line-height: 16px;
}
.menu-top .submenu-top .garage {
font-size: 16px;
display: flex;
align-items: center;
background: transparent;
border-radius: 0 0 0;
padding: 5px 0;
margin: 0 20px;
color: black;
line-height: 24px;
border-top: 2px solid #808080;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.menu-top .submenu-top .garage:first-child {
border-top: 0;
}
.menu-top .submenu-top .garage > div {
padding:5px;
}
.menu-top .submenu-top .garage .garage-num {
font-weight: bold;
padding: 10px 5px 0 0;
*width: 45px;
text-align: right;
}
.menu-top .submenu-top .garage {
counter-increment: number;
}
.menu-top .submenu-top .garage .garage-num span::before {
content: counter(number)" ";
}
.menu-top .submenu-top .garage .garage-num span {
border-right: 2px solid black;
padding:0 7px 0 0;
}
.menu-top .submenu-top .garage .garage-info {
flex:1;
}
.menu-top .submenu-top .garage .garage-title {
}
.menu-top .submenu-top .garage .distance{
float: right;
margin-right:20px;
color: #D50527;
}
.menu-top .submenu-top .garage .garage-adresse {
}
.menu-top .submenu-top .garage .garage-adresse i {
margin-right:20px;
}
.menu-top .submenu-top .garage .garage-state {
font-weight: bold;    
*align-self: flex-start;
}
.menu-top .submenu-top .garage .garage-state.open {
color: #00930A;
}
.menu-top .submenu-top .garage .garage-state.close {
color: #D50527;
}
.menu-top .submenu-top .garage .garage-arrow {
}
.menu-top .submenu-top .garage .garage-arrow i{
font-size: 22px;
line-height: 29px;
}
.menu-top .submenu-top .garage .garage-arrow .garage-arrow-down {
visibility: hidden;
}
.menu-top .submenu-top .garage .garage-arrow .garage-arrow-up {
display:none;
}
.menu-top .submenu-top#menu-garages .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
right: 5px;
margin-top: -11px;
}
.menu-top .submenu-top .garage-horaires-contact {
padding:10px 0 20px;
border: 0;
border-radius: 0;
background: transparent;
border: black;
margin: 0 50px;
}
.menu-top .submenu-top .garage-horaires {
margin-bottom:20px;
}
.menu-top .submenu-top .garage-horaires-contact .garage-title {
margin-bottom:10px;
display: block;
}
.menu-top .submenu-top .garage-horaire {
display: flex;
margin: 0 auto;
justify-content: space-between;
max-width: 340px;
}
.menu-top .submenu-top .garage-horaire .horaire-heure {
width: 220px;
}
.menu-top .submenu-top .garage-horaire.open .horaire-heure {
color :#00930A;
}
.menu-top .submenu-top .garage-contact {
}
.menu-top .submenu-top .garage-contact .boutons-cta {
display: flex;
justify-content: space-between;
}
.menu-top .submenu-top .garage-contact .bouton-cta {
margin: 0 auto;
}
.menu-top .submenu-top .garage-contact .bouton-cta a {
text-transform: none;
}
.pum-theme-2955 .pum-title, .pum-theme-theme-par-defaut .pum-title {
margin-top: 40px;
}
#list_manage_left hr {
display: block;
margin: 20px 30px 30px !important;
}
#list_manage_left .latestpostscontainer .widget-actu {
width: 100%;
}
#list_manage_left .latestpostscontainer .widget-actu .col-33 {
padding: 0;
}
#list_manage_left .latestpostscontainer .widget-actu  h3 {
font-size: 16px !important;
margin: 10px 0;
font-weight: bold;
text-transform: uppercase;
}
#list_manage_left .latestpostscontainer .widget-actu  p {
font-size: 14px;
line-height:20px;
}
#list_manage_left .latestpostscontainer .widget-actu  .bouton-cta {
text-align: center;
}
#list_manage_left .latestpostscontainer .widget-actu  .bouton-cta a {
font-size: 14px;
padding: 5px 10px;
}
#list_manage_left .latestpostscontainer .widget-vente {
margin-top: 20px;
}
#list_manage_left .latestpostscontainer .widget-vente .bouton-cta {
margin-top: 20px;
}
@media (max-width: 993px) {
#list_manage_left hr,
#list_manage_left .manage_title_offres,
#list_manage_left .latestpostscontainer,
#list_manage_left .latestpostscontainer .widget-vente {
display: none;
}
}
#responsive-menu-container #responsive-menu li.bouton-cta {
font-size: 13px !important;   
padding-left: 10%;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a{
text-transform: uppercase;
}
#responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul {
padding-bottom: 20px;
}
#responsive-menu-container #responsive-menu li.bouton-cta > .responsive-menu-item-link {
font-size: 13px !important;
padding: 5px 15px!important;
height: auto !important;
line-height: 20px !important;
display: inline-block;
width: auto !important;
margin-top: 10px;
} .fila-electric-days-fiat h1, h2, h3, h4 {
margin:inherit!important;
}
.fila-electric-days-fiat .elementor-icon-list-item {
align-items: flex-start!important;
}
.fila-electric-days-fiat .elementor-button-link {
color: #ffffff!important;
border-radius: 50px;
width: fit-content;
padding: 0px 40px;
}
.fila-electric-days-fiat .elementor-button-link:hover {
color: #D60329!important;
} .player {
display: flex;
align-items: center;
justify-content: center;
gap:30px;
}
.player audio {
display: none;
}
.player button.play-btn {
width: 200px!important;
margin: 3% 0 15% 0;
background: inherit;
}
.player button.play-btn img {
width:100%!important;
}
.play-text {
font-size: 27px;
font-weight: 700;
max-width: 210px;
text-transform: uppercase;
margin-top: 3%!important;
}
@media (max-width:700px) {
.player button.play-btn {		
margin: 3% 0 37% 0;
}
.player {
flex-direction:column;
}
} .tabBrand .elementor-tabs-wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 25px;
}
.tabBrand .elementor-tab-title {
background-color: #000000;
border-radius: 50px;
padding: 10px 25px!important;
}
.tabBrand .elementor-tab-title.elementor-active {
background-color: #D50527;
}
.tabBrand .elementor-tab-content {
border:none;
}
@media (max-width:700px) {
.tabBrand .elementor-tab-content {
padding-top: 35%!important;
}
.tabBrand .elementor-tab-title {
position:absolute;
width: 100%;
text-align: center;
}
.tabBrand .elementor-tab-title[data-tab="1"] {
top:0;
}
.tabBrand .elementor-tab-title[data-tab="2"] {
top:2%;
}
.tabBrand .elementor-tab-title.elementor-active[data-tab="2"] {
top:3%;
}
}
.container {
max-width: 1650px;
width: calc(100% - 100px)!important;
}
@media (max-width:760px) {
.container {
width:100%!important;
}
}
.wpgb-card-body {
gap:20px;
}
.elementor-icon-list-item > a {
display:none!important;
} #garage-map-footer {
width: 100%;
height: 480px;
} button.gm-ui-hover-effect {
visibility: hidden;
}
@media(min-width:1920px) {
#header-slide-1 {
background-position: top!important;
}
.header-slick .slick-slider, .header-slick .slick-slider .caption {
height:800px;
max-height:800px!important;
}
} @keyframes ctaHeaderJello {
0% {
transform: scale3d(1, 1, 1);
}
5% {
transform: scale3d(1.25, 0.75, 1);
}
10% {
transform: scale3d(0.75, 1.25, 1);
}
20% {
transform: scale3d(1.15, 0.85, 1);
}
35% {
transform: scale3d(0.95, 1.05, 1);
}
45% {
transform: scale3d(1.05, 0.95, 1);
}
47% {
transform: scale3d(1, 1, 1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
.cta-header.promo {
animation: ctaHeaderJello 5s ease 0s infinite normal forwards;
} @media (min-width:768px) {
.contact-button {
bottom: 65%!important;
}
#trp-floater-ls.trp-bottom-left {
bottom:auto;
top:0px;
border-radius: 0px 0px 8px 8px;
}
}