/* Theme Name: Sydney Prevel Motors Template: sydney Version: 1.0.4 Description: Thème enfant de Sydney. Reprend les personnalisations faites dans Sydney 1.31 (CSS, suivi GA4) pour qu'elles survivent aux mises à jour du parent. Author: Exploseo */ h1, h2, h3, h4, h5, h6 { color: #443f3f; font-weight: 600; margin-top: 10px; } button, input[type="button"], input[type="reset"], input[type="submit"] { position: relative; display: inline-block; font-family: "Raleway", sans-serif; font-size: 13px; line-height: 24px; font-weight: 700; padding: 12px 34px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { color: #767676; background-color: #fafafa; border: 1px solid #dbdbdb; height: 38px; padding: 4px 20px; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } textarea { width: 100%; height: 118px; padding: 15px 20px; } textarea, input[type="text"], input[type="submit"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .dropdown-menu, .navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus { -webkit-appearance: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .site-title { font-size: 32px; } .site-header.float-header { background-color: rgba(0, 0, 0, 0.9); padding: 5px; } .site-header.float-header #mainnav>ul>li>a { height: 70px; line-height: 70px; } #mainnav { display: block; float: left; margin-top: 28px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #mainnav ul ul a { width: 250px; font-family: "Source Sans Pro", sans-serif !important; } #mainnav>ul>li:last-child { padding-right: 0; } #mainnav li:hover>ul { opacity: 1; padding-top: 10px; visibility: visible; left: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #mainnav li:hover>ul ul { padding-top: 0; left: 100%; } #mainnav .sub-menu li a { color: #fff; display: block; line-height: 30px; background: #1c1c1c; padding: 0 18px; border-top: 1px solid #252525; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width:380px; } #mainnav .sub-menu li:hover>a { color: #fff; } #mainnav li:hover>.sub-menu>li>a { padding: 8px 18px; } #mainnav-mobi { display: block; margin: 0 auto; width: 100%; position: absolute; top: 28px; background-color: #1c1c1c; z-index: 1000; } #mainnav-mobi ul li { margin: 0; position: relative; text-align: left; border-top: 1px solid #252525; cursor: pointer; } #mainnav-mobi ul>li>a { display: block; text-decoration: none; padding: 10px 50px; color: #fff; } #mainnav-mobi>ul>li>ul>li, #mainnav-mobi>ul>li>ul>li>ul>li { position: relative; border-top: 1px solid #252525; background-color: #222; } #mainnav-mobi>ul>li>ul>li>a { padding-left: 70px !important; } #mainnav-mobi>ul>li>ul>li>ul>li a { padding-left: 90px !important; } #mainnav-mobi ul.sub-menu>li>a { display: block; text-decoration: none; padding: 5px 60px; border-top-color: rgba(255, 255, 255, 0.1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #mainnav-mobi>ul>li>ul>li:first-child a { border-top: none; } #mainnav-mobi ul.sub-menu>li>a:hover, #mainnav-mobi>ul>li>ul>li.active>a { color: #fff; } .btn-menu { float: right; font-size: 28px; font-family: "FontAwesome"; color: #fff; text-align: center; width: 28px; height: 28px; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .header-slider, .owl-carousel { -webkit-transform: translate3d(0, 0, 0); } .home .slide-inner .text-slider { width: fit-content; margin: 0 auto 50px; padding: 10px; background: #dfdfdff2; border-radius: 6px; } .home .slide-inner .text-slider .subtitle { padding-bottom: 0; } .hentry .meta-post span.posted-on:before { content: "\f073"; } .hentry .meta-post span.byline:before { content: "\f007"; } .hentry .meta-post span.comments-link:before { content: "\f086"; } .hentry .meta-post span.cat-links:before { content: "\f114"; top: 4px; } .widget-area .widget-title { font-size: 16px; line-height: normal; color: #443f3f; font-weight: 600; padding-bottom: 24px; margin: 0; } .footer-widgets { padding: 40px 0; background-color: #1c1c1c !important; } .go-top.show { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; bottom: 11px; } .page-id-20123 .panel-row-style { display: flex; align-items: center; color: black; font-size: 20px; } .page-id-20123 .so-widget-sow-image-default-d6014b76747a .sow-image-container .so-widget-image { width: 100%; } .roll-button { position: relative; display: inline-block; font-family: "Raleway", sans-serif; font-size: 13px; line-height: 24px; font-weight: 700; padding: 18px 48px; color: #fff; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .project-filter li a { color: #767676; display: block; font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 600; outline: 0; padding: 10px; } .roll-project .project-item:hover .project-title-wrap, .roll-project .project-item:hover>.item-wrap .project-pop { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.25); -moz-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.25); animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.25); } .roll-project .project-item:hover>.item-wrap .pop-overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .project-title-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; z-index: 2; } .roll-project .project-item:hover>.item-wrap .project-title-wrap { border: 2px solid yellow; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; display: inline; } .roll-progress .name { position: absolute; left: 0; top: 0; } .roll-team .team-item:hover>.team-inner .team-pop { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.2); -moz-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.2); animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.2); } .roll-team .team-item:hover>.team-inner .pop-overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } #mainnav>ul>li>a.active, #mainnav>ul>li>a:hover { color: #08a770; } #mainnav .sub-menu li:hover>a { background-color: #08a770; } .page-id-19607 .panel-grid>div { align-items: center; display: flex; } .page-id-19607 .textwidget { color: black; font-weight: 600; } .red_text .textwidget { color: red; } .green_text .textwidget { color: green; } #panel-1918-4-0-1 p { text-align: center; } #panel-1918-4-0-1 img, #panel-2027-0-0-2 img, #panel-2042-0-0-2 img, #panel-2032-0-0-2 img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } #panel-1918-4-0-1 img:hover, #panel-2027-0-0-2 img:hover, #panel-2042-0-0-2 img:hover, #panel-2032-0-0-2 img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); box-shadow: 2px 1px 14px 3px rgba(119, 119, 119, 0.63); -moz-box-shadow: 2px 1px 14px 3px rgba(119, 119, 119, 0.63); -webkit-box-shadow: 2px 1px 14px 3px rgba(119, 119, 119, 0.63); } .site-header { background-color: rgba(0, 0, 0, 0.9); } #mainnav ul li a { font-size: 20px !important; } #mainnav ul li a:hover { border-bottom: 2px; border-bottom-color: #08A770; border-bottom-style: solid; } .button-slider:hover { background-color: white; } .button-slider { font-size: 20px; } .fp-content-area { margin-top: 10px; } #sydney_action-2 .widget-title { text-align: center; margin-bottom: 50px; position: relative; font-weight: 600; line-height: normal; text-transform: uppercase; padding-bottom: 10px; font-size: 32px; color: #443f3f !important; } #sydney_action-2 .widget-title:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 50px; height: 1px; margin-left: -25px; background-color: #08A770; } #secondary { margin-top: 40px; } .panel-row-style { padding-top: 10px !important; padding-bottom: 20px !important; } .page-wrap { padding-top: 0px !important; padding-bottom: 0px !important; } #content { padding-top: 0px !important; padding-bottom: 0px !important; } #secondary a { color: #08a770 !important; } #secondary a:hover { color: white !important; } .sow-submit { margin-left: 30% !important; font-size: 16px !important; } .so-widget-sow-contact-form-default-3d0d5c070bbd .sow-contact-form { padding: 0; } #imgtel { margin-top: -6px; margin-right: 0px; } .numtel { margin-top: 3px; font-size: 34px; color: #08A770; float: right; } .help { text-align: right; font-size: 24px; color: white; margin-bottom: 14px; } .title-post { text-align: center; border-bottom: 1px solid #08A770; font-size: 36px !important; } #secondary .sow-submit { margin-left: 5% !important; } .sow-submit:hover { background-color: #1FBA7D !important; border-color: #1FBA7D; color: white !important; } #menu-item-1916 { cursor: pointer; } .so-widget-sow-contact-form-default-3d0d5c070bbd .sow-form-field { margin-bottom: 0.6em; } #panel-2027-0-0-2 { margin-top: 20px; } #panel-2027-0-0-2 p { text-align: center; } #panel-2027-0-0-2 img, #panel-2042-0-0-2 img, #panel-2032-0-0-2 img { margin-bottom: 20px; margin-left: 10px; } .site-title { font: 48px/1.1 "Raleway", sans-serif; font-weight: 600; margin-top: 10px; } h2 { font-size: 30px !important; } h3 { font-size: 24px !important; } .maintitle { font-size: 35px !important; } .widget_sow-contact-form .widget-title { font-size: 20px !important; text-align: center; padding-top: 10px; color: #DAA520 !important; padding-bottom: 7px !important; border-bottom: 1px solid #08A770; } .widget_sow-contact-form { background-color: rgba(0, 0, 0, 0.03); padding: 10px; border: solid 2px #08A770; color: #DAA520; } .widget_sow-contact-form form { margin-top: 10px; } .mention { float: right; margin-top: 10px; } footer a:hover { color: #08A770; } #panel-1918-4-0-1 img { margin-left: 20px; margin-bottom: 20px; } #sidebar-footer .sidebar-column { width: 100%; text-align: center; } #panel-19920-0-0-0>div>div { font-size: 25px; text-align: center; line-height: 31px; } #text-3 { padding-top: 0px; } .contentseorow { display: flex; justify-content: space-between; align-items: center; padding-top: 15px; padding-bottom: 10px; } .contentseotxt { width:60%; flex-direction: column; display:flex; align-items:center; } .contentseoimg { display: flex; width: 40%!important; justify-content: center; align-items: center; } .contentseoimg img { width: 90%; } @media only screen and (max-width: 991px) { .parallax { background-size: cover; background-attachment: scroll; background-position: top center !important; } } @media only screen and (max-width: 1024px) { .site-header { position: static; background-color: rgba(0, 0, 0, 0.9); } } @media only screen and (max-width: 780px) { .page-id-19607 .panel-grid>div { display: block; } .panel-grid-cell { padding-left: 15px !important; padding-right: 15px !important; margin-bottom: 15px !important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .parallax { background-size: cover; background-attachment: scroll; background-position: top center !important; } } @media screen and (min-width: 1024px) and (max-width: 1198px) { .col-md-4 { width: 25%; } .col-md-8 { width: 75%; } .numtel { margin-top: 27px; } #mainnav { margin-top: 50px; } } @media screen and (min-width: 250px) and (max-width: 1198px) { #secondary .sow-submit { width: 90%; margin-left: 0% !important; padding: 12px 1px !important; } .sow-submit-wrapper { padding: 12px 1px !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .col-md-4 { width: 35%; } .col-md-8 { width: 65%; } .numtel { margin-top: 27px; float: left; text-align: center; margin-left: auto; } } @media screen and (min-width: 200px) and (max-width: 768px) { .btn-menu { ; } .numtel { margin-top: 15px; display: block; width: 100%; } .help { text-align: center; display: block; } .site-title { font-size: 40px !important; } #mainnav-mobi { top: 135px; } #pg-1918-7 { display: none; } .sow-submit { width: 100% !important; margin-left: 0% !important; font-size: 16px !important; } } @media screen and (min-width: 200px) and (max-width: 990px) { #secondary { padding-top: 20px; border-top: 1px solid #08A770; border-left: none; } } @media screen and (max-width:991px) { #sidebar-footer .sidebar-column .textwidget p:nth-child(2) { white-space: unset !important; line-height: 45px; } } /* 125 regles ajoutees ou modifiees */ /* === Ajustements Sydney 2.68 (03/11/2026) === */ .site-header, .site-header.float-header, .site-header .header-wrap { background-color: #000 !important; } .numtel { line-height: 1.2; } .numtel .help { margin-bottom: 6px; line-height: 1.2; } /* Survol du menu : vert du site, comme en 1.31 (prioritaire sur le CSS généré par Sydney 2.68) */ #mainnav > ul > li > a:hover, #mainnav > ul > li > a:focus, #mainnav .menu > li > a:hover, #mainnav ul li a:hover { color: #08a770 !important; } #mainnav .sub-menu li:hover > a, #mainnav ul ul li:hover > a { background-color: #08a770 !important; color: #fff !important; } /* === Témoignage de l'accueil : ancien Text Slider, figé en texte le 04/11/2026 === */ .cycle-sentinel { position: static; visibility: hidden }/* This stylesheet is used to style the public-facing components of the plugin. */ #text-slider { width: 100%; position: relative; font-family: 'Open Sans'; font-size: 90px; font-weight: 600; line-height: 85px; height:auto; overflow:hidden; } #text-slider article { width:100%; position:absolute; top:0; left:0; } #text-slider span { display: block; } #text-slider-controls { width: auto; height: auto; float:right; margin:3%; /*position: absolute; bottom: 0; right: 0;*/ } /* #text-slider-controls .prev { float: right; } #text-slider-controls .next { float: right; } */ #text-slider-controls a { text-decoration: none; } .nav-color { color: #000; font-size:86px; } .nav-color:hover { color: #eee; } .text-slideshow { line-height:24px; text-align:center; width:70%; margin:auto; } .text-slideshow article span { margin-top: 15px; } #panel-1918-9-0-1, #panel-1918-9-0-2, #panel-1918-9-0-3 { margin-top:40px; } #text-slider-controls { float:none; text-align:center; } #text-slider { line-height:20px; font-size:20px; } #text-slider .text-slideshow article{ font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-weight: 200; font-size: 24px; color: #8c8c8c; } #text-slider .text-slideshow article span { font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-weight: 200; font-size: 18px; color: #ddc733; } .nav-color { color: #969696; font-size: 13px; } .nav-color:hover { color: #ddc133; } /* Témoignage figé : sans le script de l'extension, le bloc garde sa hauteur naturelle */ #text-slider, #text-slider .text-slideshow { display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } /* Témoignage figé : le bloc reprend sa place dans la page (plus de superposition) */ #text-slider, #text-slider .text-slideshow, #text-slider .text-slideshow article { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; } #text-slider { padding: 10px 0 30px; } /* 1.0.2 (04/11/2026) : marges alignees sur la prod (Sydney 1.31) */ .page-wrap .content-wrapper { padding: 30px; } .fp-content-area { padding: 0 15px; } #secondary.widget-area { padding: 0 15px; } .footer-widgets-grid { grid-template-columns: 1fr !important; } .site-info .row > .col-md-6:first-child { width: 100%; } .site-info .row > .col-md-6 + .col-md-6 { display: none; } /* 1.0.3 (04/11/2026) : police du menu comme sur la prod */ #mainnav ul li a { font-family: Raleway, sans-serif; }