/* DEFAULT */
body, div, * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
    --noir:#000000;
    --bleu:#0073B5;
    --blanc:#ffffff;
	--orange:#E7512C;
}
body {
	overflow-x: hidden !important;
}
body #page-container h2, body #page-container h1 {
	padding-bottom: 0px !important;
}
body #page-container .et_pb_text {
	padding-bottom: 0px !important;
} 
body #page-container p {
	font-family: 'Articulat CF', Helvetica, Arial, Lucida, sans-serif !important;
}
/** header **/
body #page-container .header .menu-header .et-menu-nav ul > li.contact-menu > a {
	background-color: var(--bleu);
	padding: 15px 50px 12px 20px !important;
}

body #page-container .header .menu-header .et-menu-nav ul > li.contact-menu {
	right: -164px;
}
body #page-container .header .menu-header .et-menu-nav ul > li.contact-menu > a {
	position: relative;
}
body #page-container .header .menu-header .et-menu-nav ul > li.contact-menu > a:after {
	content: "";
    width: 17px;
    height: 15px;
    background-image: url(/wp-content/uploads/2026/06/fleche-blanc.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 16px;
    top: 15px;
}
body #page-container .header .menu-header .et-menu-nav ul > li > a {
	padding-bottom: 0px !important;
	 font-family: 'Articulat CF', Helvetica, Arial, Lucida, sans-serif !important;
}
body #page-container .header .menu-header .et-menu-nav ul  {
	align-items: center;
}
body #page-container .header .menu-header .et-menu-nav ul > li.current-menu-item  > a {
	text-decoration: underline;
}
body #page-container .header .menu-header .et-menu-nav ul > li:hover  > a {
    text-decoration: underline;
    opacity: 1 !important;
}
body #page-container .header.nav-scroll {
    background: var(--blanc) !important;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important;
}
body #page-container .header.nav-scroll .menu-header .et-menu-nav ul > li > a {
    color: var(--noir);
}
body #page-container .header.nav-scroll .menu-header .et-menu-nav ul > li.current-menu-item  > a {
    text-decoration: underline;
     color: var(--noir) !important;
}
body #page-container .header.nav-scroll .menu-header .et-menu-nav ul > li.contact-menu > a {
   color: var(--blanc) !important;
}
body #page-container .header .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
    top: 33px !important;
}
/** Section **/
.diapo-banner .et-pb-controllers {
	right: 0px !important;
    top: 50%;
    flex-direction: column;
    display: flex;
    gap: 15px;
    width: 10% !important;
    position: absolute;
    left: auto !important;
}
.lignes-menuiserie .items-menuiseries .et_pb_main_blurb_image {
    text-align: left !important;
}
.lignes-menuiserie .items-menuiseries {
    background-color: var(--blanc) !important;
    padding: 50px 25px !important;
    min-height: 360px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.lignes-menuiserie .items-menuiseries .et_pb_blurb_description span {
	max-width: 220px !important;
	display: block;
	min-height: 82px !important;
}
.lignes-menuiserie .items-menuiseries:hover .et_pb_blurb_description  {
	color: var(--blanc) !important;
}
.lignes-menuiserie .items-menuiseries .et_pb_module_header {
   padding-bottom: 25px !important;
}
.lignes-menuiserie .items-menuiseries:hover .et_pb_module_header {
	color: var(--blanc) !important;
	font-size: 30px !important;
	line-height: 38px !important;
}

body.et_pb_button_helper_class #page-container .lignes-menuiserie .items-menuiseries a.btn-cta {
    font-size: 14px !important;
}
body.et_pb_button_helper_class #page-container .lignes-menuiserie .items-menuiseries a.btn-cta:after {
    top: 25px !important;
}
body.et_pb_button_helper_class #page-container .lignes-menuiserie .items-menuiseries .et_pb_button_module_wrapper {
	margin-top: 25px !important;
	display: none;
}
.lignes-menuiserie .slick-slide {
	margin-right: 25px;
}
.lignes-menuiserie  .btn-next-slick {
	position: absolute;
    right: 24px;
    bottom: -60px;
    cursor: pointer;
}
.lignes-menuiserie  .btn-prev-slick {
	position: absolute;
    right: 68px;
    bottom: -60px;
    cursor: pointer;
}
.lignes-menuiserie .items-menuiseries:before {
	content: "";
    width: 100%;
    height: 100%;
    background-color: var(--orange);
    background-blend-mode: overlay;
    top: 99%;
    left: 0;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.45s all;
}
.lignes-menuiserie .items-volets:before {
    background-image: url(/wp-content/uploads/2026/06/volets-1.jpg);
}
.lignes-menuiserie .items-verandas:before {
    background-image: url(/wp-content/uploads/2026/06/verandas.jpg);
}
.lignes-menuiserie .items-portes-entre:before {
    background-image: url(/wp-content/uploads/2026/06/portes-annees.jpg);
}
.lignes-menuiserie .items-garage:before {
    background-image: url(/wp-content/uploads/2026/06/porte-de-garage.jpg);
}
.lignes-menuiserie .items-pergolas:before {
    background-image: url(/wp-content/uploads/2026/06/pergolas-1.jpg);
}
.lignes-menuiserie .items-fenetres:before {
    background-image: url(/wp-content/uploads/2026/06/fenetres.jpg);
}
.lignes-menuiserie .items-carports:before {
    background-image: url(/wp-content/uploads/2026/06/carports.jpg);
}
.lignes-menuiserie .items-portails:before {
    background-image: url(/wp-content/uploads/2026/06/portails.jpg);
}
.lignes-menuiserie .items-menuiseries:hover:before { 
  top: 0%;
  background-color: #0e0e0e5c !important;
}
.lignes-menuiserie .items-menuiseries .et_pb_module {
	z-index: 10;
}
body.et_pb_button_helper_class #page-container .lignes-menuiserie .items-menuiseries:hover .et_pb_button_module_wrapper {
	display: block;
}

.lignes-menuiserie .items-menuiseries .et_pb_main_blurb_image {
	display: block;
	margin-bottom: 40px !important;
}
.lignes-menuiserie .items-menuiseries:hover .et_pb_main_blurb_image {
	display: none;
}
.lignes-menuiserie {
	min-height: 380px;
}

.ligne-confiance .et_pb_module {
    width: calc(16.66% - 10px);
    margin-right: 10px !important;
}
.ligne-confiance .et_pb_column:before {
	content: "";
    width: 100%;
    height: 1px;
    background-color: var(--orange);
    position: absolute;
    top: 12px;
    left: 0px;
}
.color-noir {
	color: var(--noir);
}

.diapo-banner .et-pb-controllers a.et-pb-active-control:before  { 
    content: "";
    width: 20px;
     height: 20px;
    border-radius: 100%;
    border: 1px solid var(--blanc);
    position: absolute;
    cursor: pointer;
    top: -7px;
    left: -8px;
}
.diapo-banner .et-pb-controllers a.et-pb-active-control {
    position: relative;
}

.diapo-banner .et-pb-controllers {
    top: 70% !important;
}
.diapo-banner .et-pb-controllers a {
    background-color: rgb(255 255 255 / 88%) !important;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta:after {
   content: "" !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 18px;
    height: 18px;
    background-image: url(/wp-content/uploads/2026/06/fleche-noire.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 18px;
    top: 27px;
}
body.et_pb_button_helper_class #page-container .et_pb_section a.et_pb_button.btn-cta.btn-blanc:after {
    filter: invert(100%) sepia(0%) saturate(7460%) hue-rotate(315deg) brightness(95%) contrast(113%);
    transition: filter 0.3s ease;
}
body.et_pb_button_helper_class #page-container .et_pb_section a#bouton-light:hover:after {
	filter: invert(0%) !important;
}

.color-bleu {
    color: var(--bleu);
}

/*** traitement retour Hoby ***/
@media screen and (max-width:767px) {
	.img-resp .img-cover {
		height: 300px !important;
		object-fit: cover;
	}
}
@media (max-width: 980px) {
    body #page-container .resp-width .et_pb_gallery_item {
        width: 100% !important;
    }
}
body #page-container .et_pb_blurb_content {
    max-width: 100% !important;
}

/*** traitement demande client google review ***/
body #page-container .slider-outer{
	display:none !important;
}
.repocean-slider-main-v4 .repocean-content-wrapper {
    max-width: 1200px;
    margin: 0 !important;
    padding: 0 !important; 
}
.repocean-slider-main-v4 div.review-link {
    justify-content: flex-start !important;
    padding: 0 !important;
}
.header:not(.nav-scroll) .et_pb_image_1_tb_header{
    background-color: #ffffffab;
    width: fit-content;
    padding: 10px;
    top: -10px;
}

/*** débug menu déroulant ***/
@media screen and (min-width: 1024px) {
    body .header ul li.produits-menu-item {
        padding-bottom: 20px !important;
        position: relative;
        bottom: -10px !important;
    }
}