.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7767 .elementor-element.elementor-element-028e1db{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.27;}.elementor-7767 .elementor-element.elementor-element-028e1db:not(.elementor-motion-effects-element-type-background), .elementor-7767 .elementor-element.elementor-element-028e1db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.renostyles.com/wp-content/uploads/2024/11/fond-fenetre.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-7767 .elementor-element.elementor-element-028e1db::before, .elementor-7767 .elementor-element.elementor-element-028e1db > .elementor-background-video-container::before, .elementor-7767 .elementor-element.elementor-element-028e1db > .e-con-inner > .elementor-background-video-container::before, .elementor-7767 .elementor-element.elementor-element-028e1db > .elementor-background-slideshow::before, .elementor-7767 .elementor-element.elementor-element-028e1db > .e-con-inner > .elementor-background-slideshow::before, .elementor-7767 .elementor-element.elementor-element-028e1db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7767 .elementor-element.elementor-element-cfd5bda{text-align:center;}.elementor-7767 .elementor-element.elementor-element-cfd5bda .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:3.2rem;font-weight:600;text-transform:uppercase;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:var( --e-global-color-astglobalcolor5 );stroke:var( --e-global-color-astglobalcolor5 );text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-7767 .elementor-element.elementor-element-8c68bfb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7767 .elementor-element.elementor-element-e3ba2bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-7767 .elementor-element.elementor-element-1d42b03{text-align:center;}.elementor-7767 .elementor-element.elementor-element-1d42b03 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;text-transform:uppercase;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7767 .elementor-element.elementor-element-6ad068f{text-align:center;}.elementor-7767 .elementor-element.elementor-element-1f1f318{text-align:center;}.elementor-7767 .elementor-element.elementor-element-9a6d266{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7767 .elementor-element.elementor-element-a4849df{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-7767 .elementor-element.elementor-element-a4849df:not(.elementor-motion-effects-element-type-background), .elementor-7767 .elementor-element.elementor-element-a4849df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-7767 .elementor-element.elementor-element-273abb5 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-7767 .elementor-element.elementor-element-273abb5{text-align:center;}.elementor-7767 .elementor-element.elementor-element-273abb5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;text-transform:uppercase;color:var( --e-global-color-astglobalcolor5 );}.elementor-7767 .elementor-element.elementor-element-68e3fb7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7767 .elementor-element.elementor-element-0db6b95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-6d68761{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-bcb3eaa{color:#FFFFFF;}.elementor-7767 .elementor-element.elementor-element-9e53c7d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-spacer .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-spacer .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7767 .elementor-element.elementor-element-c234e34{--spacer-size:20px;}.elementor-7767 .elementor-element.elementor-element-433cbc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-aea599d{text-align:center;}.elementor-7767 .elementor-element.elementor-element-aea599d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;text-transform:uppercase;}.elementor-7767 .elementor-element.elementor-element-74e3e17{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7767 .elementor-element.elementor-element-83121eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image-box .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image-box .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image-box .elementor-image-box-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image-box .elementor-image-box-description{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7767 .elementor-element.elementor-element-1866b9b .elementor-image-box-wrapper{text-align:left;}.elementor-7767 .elementor-element.elementor-element-1866b9b.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-7767 .elementor-element.elementor-element-1866b9b.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-7767 .elementor-element.elementor-element-1866b9b.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-7767 .elementor-element.elementor-element-1866b9b .elementor-image-box-img img{transition-duration:0.3s;}.elementor-7767 .elementor-element.elementor-element-f20b803{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-31c9f97 .elementor-image-box-wrapper{text-align:left;}.elementor-7767 .elementor-element.elementor-element-31c9f97.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-7767 .elementor-element.elementor-element-31c9f97.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-7767 .elementor-element.elementor-element-31c9f97.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-7767 .elementor-element.elementor-element-31c9f97 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-7767 .elementor-element.elementor-element-31c9f97 .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-7767 .elementor-element.elementor-element-b3272e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-d36cbc6 .elementor-image-box-wrapper{text-align:left;}.elementor-7767 .elementor-element.elementor-element-d36cbc6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-7767 .elementor-element.elementor-element-d36cbc6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-7767 .elementor-element.elementor-element-d36cbc6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-7767 .elementor-element.elementor-element-d36cbc6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-7767 .elementor-element.elementor-element-d36cbc6 .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-7767 .elementor-element.elementor-element-aa3d6c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-749865a .elementor-image-box-wrapper{text-align:left;}.elementor-7767 .elementor-element.elementor-element-749865a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-7767 .elementor-element.elementor-element-749865a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-7767 .elementor-element.elementor-element-749865a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-7767 .elementor-element.elementor-element-749865a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-7767 .elementor-element.elementor-element-749865a .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-7767 .elementor-element.elementor-element-b335487{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7767 .elementor-element.elementor-element-a402d93 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-7767 .elementor-element.elementor-element-4c84dd7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-d3226f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-b3d6a04{text-align:center;}.elementor-7767 .elementor-element.elementor-element-b3d6a04 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;text-transform:uppercase;}.elementor-7767 .elementor-element.elementor-element-7d57ecd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-edb5441{--display:flex;}.elementor-widget-uael-image-gallery .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-uael-image-gallery .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-uael-image-gallery .uael-gallery-parent .uael-masonry-filters .uael-masonry-filter,.elementor-widget-uael-image-gallery .uael-img-gallery-tabs-dropdown .uael-filters-dropdown-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-uael-image-gallery .uael-img-gallery-tabs-dropdown .uael-filters-dropdown-button, .elementor-widget-uael-image-gallery .uael-gallery-parent .uael-masonry-filters .uael-masonry-filter{color:var( --e-global-color-accent );}.elementor-widget-uael-image-gallery .uael-gallery-parent .uael-masonry-filters .uael-masonry-filter:hover, .elementor-widget-uael-image-gallery .uael-gallery-parent .uael-masonry-filters .uael-current{background-color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-7767 .elementor-element.elementor-element-ef3bf8f .uael-img-gallery-wrap .uael-grid-item{padding-right:calc( 14px/2 );padding-left:calc( 14px/2 );}.elementor-7767 .elementor-element.elementor-element-ef3bf8f .uael-img-gallery-wrap{margin-left:calc( -14px/2 );margin-right:calc( -14px/2 );}.elementor-7767 .elementor-element.elementor-element-ef3bf8f .uael-grid-img-thumbnail img{transform:scale(1);opacity:1;}.elementor-7767 .elementor-element.elementor-element-ef3bf8f .uael-grid-gallery-img:hover .uael-grid-img-thumbnail img{opacity:1;}.elementor-7767 .elementor-element.elementor-element-95faf93{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-1c5963e{text-align:center;}.elementor-7767 .elementor-element.elementor-element-1c5963e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;text-transform:uppercase;}.elementor-7767 .elementor-element.elementor-element-de4aa65{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7767 .elementor-element.elementor-element-4792557{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-0323a90.elementor-position-right .elementor-image-box-img{margin-left:3px;}.elementor-7767 .elementor-element.elementor-element-0323a90.elementor-position-left .elementor-image-box-img{margin-right:3px;}.elementor-7767 .elementor-element.elementor-element-0323a90.elementor-position-top .elementor-image-box-img{margin-bottom:3px;}.elementor-7767 .elementor-element.elementor-element-0323a90 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-7767 .elementor-element.elementor-element-0323a90 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-7767 .elementor-element.elementor-element-8056ae9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-c517a88.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-7767 .elementor-element.elementor-element-c517a88.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-7767 .elementor-element.elementor-element-c517a88.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-7767 .elementor-element.elementor-element-c517a88 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-7767 .elementor-element.elementor-element-c517a88 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-7767 .elementor-element.elementor-element-67a78cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-d8ea30f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-7767 .elementor-element.elementor-element-d8ea30f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-7767 .elementor-element.elementor-element-d8ea30f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-7767 .elementor-element.elementor-element-d8ea30f .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-7767 .elementor-element.elementor-element-d8ea30f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-7767 .elementor-element.elementor-element-03a237a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-500b5df{text-align:center;}.elementor-7767 .elementor-element.elementor-element-500b5df .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;text-transform:uppercase;}.elementor-7767 .elementor-element.elementor-element-e09b94d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-6a21155{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7767 .elementor-element.elementor-element-45b18df{--display:flex;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:767px){.elementor-7767 .elementor-element.elementor-element-1866b9b .elementor-image-box-img{margin-bottom:15px;}.elementor-7767 .elementor-element.elementor-element-31c9f97 .elementor-image-box-img{margin-bottom:15px;}.elementor-7767 .elementor-element.elementor-element-d36cbc6 .elementor-image-box-img{margin-bottom:15px;}.elementor-7767 .elementor-element.elementor-element-749865a .elementor-image-box-img{margin-bottom:15px;}.elementor-7767 .elementor-element.elementor-element-0323a90 .elementor-image-box-img{margin-bottom:3px;}.elementor-7767 .elementor-element.elementor-element-c517a88 .elementor-image-box-img{margin-bottom:15px;}.elementor-7767 .elementor-element.elementor-element-d8ea30f .elementor-image-box-img{margin-bottom:15px;}}@media(min-width:768px){.elementor-7767 .elementor-element.elementor-element-e3ba2bd{--width:70%;}.elementor-7767 .elementor-element.elementor-element-9a6d266{--width:30%;}.elementor-7767 .elementor-element.elementor-element-0db6b95{--width:20%;}.elementor-7767 .elementor-element.elementor-element-6d68761{--width:80%;}.elementor-7767 .elementor-element.elementor-element-83121eb{--width:50%;}.elementor-7767 .elementor-element.elementor-element-f20b803{--width:50%;}.elementor-7767 .elementor-element.elementor-element-b3272e7{--width:50%;}.elementor-7767 .elementor-element.elementor-element-aa3d6c9{--width:50%;}.elementor-7767 .elementor-element.elementor-element-7d57ecd{--content-width:1980px;}.elementor-7767 .elementor-element.elementor-element-4792557{--width:50%;}.elementor-7767 .elementor-element.elementor-element-8056ae9{--width:50%;}.elementor-7767 .elementor-element.elementor-element-67a78cc{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-91f1c77 */.product-selection {
display: grid;
grid-template-columns: repeat(7, 1fr); /* 7 colonnes */
gap: 20px; /* Espacement entre les produits */
}
.product-item {
position: relative;
display: inline-block;
cursor: pointer;
text-align: center;
}
.product-item img {
width: 100%;
border: 2px solid #ddd;
border-radius: 10px;
transition: transform 0.2s ease;
}
.product-item input[type="checkbox"] {
display: none; /* Masquer la case à cocher */
}
.product-item .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); /* Overlay noir transparent */
opacity: 0;
transition: opacity 0.2s ease;
border-radius: 10px;
}
.product-item .checkmark {
color: white;
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
}
.product-item input[type="checkbox"]:checked + img {
transform: scale(1.1); /* Zoom léger sur l'image sélectionnée */
border-color: #4CAF50; /* Changer la couleur de la bordure pour indiquer la sélection */
}
.product-item input[type="checkbox"]:checked ~ .overlay {
opacity: 1; /* Affiche l'overlay lorsque la case est cochée */
}
.product-item input[type="checkbox"]:checked ~ .overlay .checkmark {
display: block; /* Affiche la coche */
}
/* Style pour les boutons */
button,
input[type="submit"] {
background-color: #F19605; /* Couleur de fond */
color: white; /* Texte en blanc */
border: none; /* Pas de bordure */
padding: 15px; /* Ajout d'un peu de padding pour le confort */
font-size: 16px; /* Taille du texte */
width: 100%; /* Prendre toute la largeur de la div parent */
cursor: pointer; /* Curseur en forme de main pour indiquer un bouton cliquable */
display: block; /* Forcer le bloc pour occuper la largeur */
text-align: center; /* Centrer le texte */
border-radius: 0; /* Angles droits */
}
button:hover,
input[type="submit"]:hover {
background-color: #d97f03; /* Couleur plus sombre au survol */
}
button:disabled {
background-color: #ddd; /* Couleur grise lorsque le bouton est désactivé */
cursor: not-allowed; /* Curseur d'interdiction pour montrer que le bouton n'est pas cliquable */
}
/* Réactivité mobile */
@media (max-width: 768px) {
.product-selection {
grid-template-columns: repeat(2, 1fr); /* Passer à 2 colonnes sur les petits écrans */
gap: 10px; /* Réduire l’espace entre les éléments pour un affichage compact */
}
button,
input[type="submit"] {
padding: 10px; /* Réduire le padding pour le confort sur mobile */
font-size: 14px; /* Taille de police légèrement réduite */
}
}
/* Animation pour la transition fade-in et fade-out */
.fade-out {
animation: fadeOut 0.5s forwards;
}
.fade-in {
animation: fadeIn 0.5s forwards;
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}/* End custom CSS */