.elementor-54 .elementor-element.elementor-element-bdb370e{--display:flex;--min-height:80vh;--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;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-bdb370e:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-bdb370e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/11/agent-factory-karrousel-1.webp");}.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-54 .elementor-element.elementor-element-bdac760{text-align:center;}.elementor-54 .elementor-element.elementor-element-bdac760 .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:60px;font-weight:700;text-transform:uppercase;color:#6EC1E400;}.elementor-54 .elementor-element.elementor-element-6f89816{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-54 .elementor-element.elementor-element-6f89816 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:600;color:#FCF4E3;}.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-54 .elementor-element.elementor-element-c636d78 .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-c636d78 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-c636d78 .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-c636d78{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-c636d78 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-c636d78 .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-38bff12{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-8d3395b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-54 .elementor-element.elementor-element-0355c14{--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-54 .elementor-element.elementor-element-81b8920{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-54 .elementor-element.elementor-element-81b8920 .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:#E30613;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.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-54 .elementor-element.elementor-element-e12709f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Work Sans", Sans-serif;font-size:18px;font-weight:400;color:#E30613;}.elementor-54 .elementor-element.elementor-element-381fe96{--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;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-381fe96:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-381fe96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E30613;}.elementor-54 .elementor-element.elementor-element-92d9d0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-54 .elementor-element.elementor-element-92d9d0a .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:65px;font-weight:700;color:#FCF4E3;}.elementor-54 .elementor-element.elementor-element-25f100a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-25f100a:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-25f100a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E30613;background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/10/bandes-fond-activites-white.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-54 .elementor-element.elementor-element-a3d2c73{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-2a80e7d{--display:flex;--min-height:400px;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-54 .elementor-element.elementor-element-2a80e7d:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-2a80e7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/11/soft-play-1.webp");background-size:100% auto;}.elementor-54 .elementor-element.elementor-element-75bac96{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-75bac96.e-con{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-39ddf88{text-align:start;}.elementor-54 .elementor-element.elementor-element-39ddf88 .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:30px;font-weight:800;color:#FCF4E3;}.elementor-54 .elementor-element.elementor-element-9e10c44{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-29a3d2d .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-29a3d2d .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-29a3d2d .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-29a3d2d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-29a3d2d .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-29a3d2d .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-a7f3f77{--display:flex;--min-height:400px;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-54 .elementor-element.elementor-element-a7f3f77:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-a7f3f77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/11/shuffle-card.webp");background-size:cover;}.elementor-54 .elementor-element.elementor-element-0f63c70{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-0f63c70.e-con{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-b0eafec{text-align:center;}.elementor-54 .elementor-element.elementor-element-b0eafec .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:34px;font-weight:800;color:#FCF4E3;}.elementor-54 .elementor-element.elementor-element-1ad8da6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-cdbb877 .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-cdbb877 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-cdbb877 .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-cdbb877{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-cdbb877 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-cdbb877 .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-793adbb{--display:flex;--min-height:400px;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-54 .elementor-element.elementor-element-793adbb:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-793adbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/11/card-flechette.webp");background-size:100% auto;}.elementor-54 .elementor-element.elementor-element-e67dcb9{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-e67dcb9.e-con{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-234ca49{text-align:center;}.elementor-54 .elementor-element.elementor-element-234ca49 .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:34px;font-weight:800;color:#FCF4E3;}.elementor-54 .elementor-element.elementor-element-8692ba5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-275ba70 .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-275ba70 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-275ba70 .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-275ba70{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-275ba70 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-275ba70 .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-c544188{--display:flex;--min-height:400px;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-54 .elementor-element.elementor-element-c544188:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-c544188 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/11/agent-factory.webp");background-size:100% auto;}.elementor-54 .elementor-element.elementor-element-202ecda{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-202ecda.e-con{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-1888e8c .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:34px;font-weight:800;color:#FCF4E3;}.elementor-54 .elementor-element.elementor-element-6a97c03{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-aff8bf3 .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-aff8bf3 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-aff8bf3 .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-aff8bf3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-aff8bf3 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-aff8bf3 .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-68479bc .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-68479bc .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-68479bc .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-68479bc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-68479bc .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-68479bc .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-5c69469{--display:flex;--min-height:400px;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-54 .elementor-element.elementor-element-5c69469:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-5c69469 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/11/card-escalade-1.webp");}.elementor-54 .elementor-element.elementor-element-d65a038{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-d65a038.e-con{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-cbe798d .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:34px;font-weight:800;color:#FCF4E3;}.elementor-54 .elementor-element.elementor-element-cd9ee64{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-71997cf .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-71997cf .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-71997cf .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-71997cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-71997cf .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-71997cf .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-7bc8491 .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-7bc8491 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-7bc8491 .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-7bc8491{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-7bc8491 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-7bc8491 .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-88df131{--display:flex;--min-height:400px;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-54 .elementor-element.elementor-element-88df131:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-88df131 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/11/card-trampoline.webp");}.elementor-54 .elementor-element.elementor-element-61c9824{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-61c9824.e-con{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-8dfb9d8 .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:34px;font-weight:800;color:#FCF4E3;}.elementor-54 .elementor-element.elementor-element-f20d452{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-24674de .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-24674de .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-24674de .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-24674de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-24674de .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-24674de .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-c2fa622 .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-c2fa622 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-c2fa622 .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-c2fa622{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-c2fa622 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-c2fa622 .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-cea634d{--display:flex;--min-height:400px;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-54 .elementor-element.elementor-element-cea634d:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-cea634d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/11/quiz.webp");background-size:100% auto;}.elementor-54 .elementor-element.elementor-element-178e5bb{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-178e5bb.e-con{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-f763431 .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:34px;font-weight:800;color:#FCF4E3;}.elementor-54 .elementor-element.elementor-element-3fcf77d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-bb44d8d .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-bb44d8d .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-bb44d8d .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-bb44d8d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-bb44d8d .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-bb44d8d .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-8c108dc .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-8c108dc .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-8c108dc .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-8c108dc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-8c108dc .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-8c108dc .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-402b94d{--display:flex;--min-height:400px;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-54 .elementor-element.elementor-element-402b94d:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-402b94d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/11/shuffle.webp");background-size:100% auto;}.elementor-54 .elementor-element.elementor-element-4ff0c63{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-4ff0c63.e-con{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-01b76bb .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:34px;font-weight:800;color:#FCF4E3;}.elementor-54 .elementor-element.elementor-element-9a2bc60{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-b043df7 .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-b043df7 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-b043df7 .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-b043df7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-b043df7 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-b043df7 .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-34ff6fe .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-34ff6fe .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-34ff6fe .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-34ff6fe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-34ff6fe .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-34ff6fe .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-3fdf0b8{--display:flex;--min-height:400px;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-54 .elementor-element.elementor-element-3fdf0b8:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-3fdf0b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/11/laser-game-1.webp");background-size:100% auto;}.elementor-54 .elementor-element.elementor-element-1153645{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-1153645.e-con{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-160628c .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:34px;font-weight:800;color:#FCF4E3;}.elementor-54 .elementor-element.elementor-element-119e346{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-ce6bec2 .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-ce6bec2 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-ce6bec2 .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-ce6bec2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-ce6bec2 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-ce6bec2 .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-e570c03 .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-e570c03 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-e570c03 .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-e570c03{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-e570c03 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-e570c03 .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-e6f0f51{--display:flex;--min-height:400px;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-54 .elementor-element.elementor-element-e6f0f51:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-e6f0f51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/11/card-karting.webp");background-size:100% auto;}.elementor-54 .elementor-element.elementor-element-de6567e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-de6567e.e-con{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-6b098a9 .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:34px;font-weight:800;color:#FCF4E3;}.elementor-54 .elementor-element.elementor-element-58458af{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-3f528fa .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-3f528fa .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-3f528fa .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-3f528fa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-3f528fa .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-3f528fa .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-6935395 .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-6935395 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-6935395 .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-6935395{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-6935395 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-6935395 .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-81db674{--display:flex;--min-height:400px;--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-54 .elementor-element.elementor-element-81db674:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-81db674 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.karrousel.fr/wp-content/uploads/2025/11/card-bowling.webp");background-size:cover;}.elementor-54 .elementor-element.elementor-element-7368474{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-7368474.e-con{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-4f0a12a .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:34px;font-weight:800;color:#FCF4E3;}.elementor-54 .elementor-element.elementor-element-7fae559{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-dcb9d26 .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-dcb9d26 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-dcb9d26 .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-dcb9d26{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-dcb9d26 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-dcb9d26 .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-17159e7 .elementor-button{background-color:#61CE7000;font-family:"All rounded", Sans-serif;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0202FC;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-17159e7 .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-17159e7 .elementor-button:focus{background-color:#F9E0E2;color:#D64C43;border-color:#E23125;}.elementor-54 .elementor-element.elementor-element-17159e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14% 14% 14% 14%;}.elementor-54 .elementor-element.elementor-element-17159e7 .elementor-button:hover svg, .elementor-54 .elementor-element.elementor-element-17159e7 .elementor-button:focus svg{fill:#D64C43;}.elementor-54 .elementor-element.elementor-element-3575050{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#FCF4E3;--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-dots-normal-color:#FCF4E3;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:30px;}.elementor-54 .elementor-element.elementor-element-3575050 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:9px;--swiper-pagination-bullet-vertical-gap:9px;}.elementor-54 .elementor-element.elementor-element-f758544{--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;--justify-content:center;--align-items:center;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-0e48666{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-54 .elementor-element.elementor-element-0e48666 .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:#E30613;}.elementor-54 .elementor-element.elementor-element-109cdc9{--display:flex;border-style:none;--border-style:none;}.elementor-54 .elementor-element.elementor-element-69a5800{font-family:"Work Sans", Sans-serif;font-size:18px;font-weight:400;color:#E30613;}.elementor-54 .elementor-element.elementor-element-bb36836{--display:flex;border-style:none;--border-style:none;}.elementor-54 .elementor-element.elementor-element-57dc80d{font-family:"Work Sans", Sans-serif;font-size:18px;font-weight:400;color:#E30613;}.elementor-54 .elementor-element.elementor-element-2e72471{--display:flex;border-style:none;--border-style:none;}.elementor-54 .elementor-element.elementor-element-01bc45a{font-family:"Work Sans", Sans-serif;font-size:18px;font-weight:400;color:#E30613;}.elementor-54 .elementor-element.elementor-element-49dd7c4{--display:flex;border-style:none;--border-style:none;}.elementor-54 .elementor-element.elementor-element-659c9a9{font-family:"Work Sans", Sans-serif;font-size:18px;font-weight:400;color:#E30613;}.elementor-54 .elementor-element.elementor-element-6f51de5{--display:flex;border-style:none;--border-style:none;}.elementor-54 .elementor-element.elementor-element-5b5acc6{font-family:"Work Sans", Sans-serif;font-size:18px;font-weight:400;color:#E30613;}.elementor-54 .elementor-element.elementor-element-6bc2441{--display:flex;border-style:none;--border-style:none;}.elementor-54 .elementor-element.elementor-element-3aee217{font-family:"Work Sans", Sans-serif;font-size:18px;font-weight:400;color:#E30613;}.elementor-54 .elementor-element.elementor-element-ece7fd7{--n-accordion-title-font-size:20px;width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#E30613;--n-accordion-title-hover-color:#F1C64B;--n-accordion-title-active-color:#E30613;--n-accordion-icon-size:15px;}.elementor-54 .elementor-element.elementor-element-ece7fd7 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:#E30613;}:where( .elementor-54 .elementor-element.elementor-element-ece7fd7 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Work Sans", Sans-serif;font-weight:500;}.elementor-54 .elementor-element.elementor-element-21f5d51{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-ff5ce71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-54 .elementor-element.elementor-element-ff5ce71 .elementor-heading-title{font-family:"All rounded", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:#E30613;}.elementor-54 .elementor-element.elementor-element-5094845{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;font-family:"Work Sans", Sans-serif;font-size:18px;font-weight:400;color:#E30613;}.elementor-54 .elementor-element.elementor-element-1f21472{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}body.elementor-page-54:not(.elementor-motion-effects-element-type-background), body.elementor-page-54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCF4E3;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-54 .elementor-element.elementor-element-8d3395b{--width:50%;}.elementor-54 .elementor-element.elementor-element-0355c14{--width:50%;}}@media(max-width:1024px){.elementor-54 .elementor-element.elementor-element-c636d78 .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-25f100a:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-25f100a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:initial;}.elementor-54 .elementor-element.elementor-element-25f100a{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-54 .elementor-element.elementor-element-29a3d2d .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-cdbb877 .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-275ba70 .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-aff8bf3 .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-68479bc .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-71997cf .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-7bc8491 .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-24674de .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-c2fa622 .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-bb44d8d .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-8c108dc .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-b043df7 .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-34ff6fe .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-ce6bec2 .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-e570c03 .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-3f528fa .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-6935395 .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-dcb9d26 .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-17159e7 .elementor-button{font-size:14px;}.elementor-54 .elementor-element.elementor-element-3575050{--e-n-carousel-swiper-slides-to-display:2;}.elementor-54 .elementor-element.elementor-element-0e48666{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}}@media(max-width:767px){.elementor-54 .elementor-element.elementor-element-bdac760 .elementor-heading-title{font-size:45px;}.elementor-54 .elementor-element.elementor-element-c636d78 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-81b8920{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-81b8920 .elementor-heading-title{font-size:30px;}.elementor-54 .elementor-element.elementor-element-e12709f{width:initial;max-width:initial;}.elementor-54 .elementor-element.elementor-element-92d9d0a .elementor-heading-title{font-size:44px;}.elementor-54 .elementor-element.elementor-element-25f100a:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-25f100a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:initial;}.elementor-54 .elementor-element.elementor-element-25f100a{--padding-top:50px;--padding-bottom:50px;--padding-left:015px;--padding-right:15px;}.elementor-54 .elementor-element.elementor-element-29a3d2d .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-cdbb877 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-275ba70 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-aff8bf3 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-68479bc .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-71997cf .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-7bc8491 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-24674de .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-c2fa622 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-bb44d8d .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-8c108dc .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-b043df7 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-34ff6fe .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-ce6bec2 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-e570c03 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-3f528fa .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-6935395 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-dcb9d26 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-17159e7 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-54 .elementor-element.elementor-element-3575050{--e-n-carousel-swiper-slides-to-display:1;}.elementor-54 .elementor-element.elementor-element-0e48666{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-0e48666 .elementor-heading-title{font-size:30px;}.elementor-54 .elementor-element.elementor-element-ece7fd7{width:initial;max-width:initial;}.elementor-54 .elementor-element.elementor-element-ff5ce71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-ff5ce71 .elementor-heading-title{font-size:30px;}.elementor-54 .elementor-element.elementor-element-5094845{width:initial;max-width:initial;}}/* Start custom CSS for heading, class: .elementor-element-bdac760 */.titre-contour { font-size: 48px !important; color: transparent !important; /* Intérieur transparent */ -webkit-text-stroke: 2.2px #FCF4E3 !important; /* Contour couleur #FCF4E3 */ background: transparent !important; /* Fond transparent */ font-weight: bold !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c636d78 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute-experience a.elementor-button, .elementor-element.bouton-biseaute-experience .elementor-button, .elementor-element.bouton-biseaute-experience a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute-experience a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute-experience a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute-experience a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute-experience a.elementor-button.elementor-size-xl { --btn-w: 240px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute-experience .elementor-button-content-wrapper, .elementor-element.bouton-biseaute-experience .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute-experience a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute-experience a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute-experience a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute-experience a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute-experience.elementor-widget-button, .bouton-biseaute-experience.elementor-element, .bouton-biseaute-experience .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8d3395b */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29a3d2d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a80e7d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdbb877 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7f3f77 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-275ba70 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-793adbb */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aff8bf3 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68479bc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c544188 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71997cf *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7bc8491 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c69469 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24674de *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2fa622 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88df131 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb44d8d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c108dc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cea634d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b043df7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ff6fe *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-402b94d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ce6bec2 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e570c03 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3fdf0b8 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f528fa *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6935395 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6f0f51 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dcb9d26 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-17159e7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81db674 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29a3d2d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a80e7d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdbb877 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7f3f77 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-275ba70 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-793adbb */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aff8bf3 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68479bc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c544188 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71997cf *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7bc8491 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c69469 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24674de *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2fa622 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88df131 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb44d8d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c108dc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cea634d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b043df7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ff6fe *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-402b94d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ce6bec2 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e570c03 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3fdf0b8 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f528fa *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6935395 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6f0f51 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dcb9d26 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-17159e7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81db674 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29a3d2d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a80e7d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdbb877 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7f3f77 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-275ba70 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-793adbb */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aff8bf3 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68479bc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c544188 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71997cf *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7bc8491 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c69469 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24674de *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2fa622 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88df131 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb44d8d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c108dc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cea634d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b043df7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ff6fe *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-402b94d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ce6bec2 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e570c03 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3fdf0b8 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f528fa *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6935395 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6f0f51 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dcb9d26 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-17159e7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81db674 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29a3d2d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a80e7d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdbb877 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7f3f77 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-275ba70 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-793adbb */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aff8bf3 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68479bc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c544188 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71997cf *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7bc8491 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c69469 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24674de *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2fa622 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88df131 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb44d8d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c108dc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cea634d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b043df7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ff6fe *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-402b94d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ce6bec2 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e570c03 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3fdf0b8 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f528fa *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6935395 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6f0f51 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dcb9d26 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-17159e7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81db674 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29a3d2d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a80e7d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdbb877 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7f3f77 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-275ba70 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-793adbb */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aff8bf3 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68479bc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c544188 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71997cf *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7bc8491 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c69469 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24674de *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2fa622 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88df131 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb44d8d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c108dc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cea634d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b043df7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ff6fe *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-402b94d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ce6bec2 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e570c03 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3fdf0b8 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f528fa *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6935395 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6f0f51 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dcb9d26 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-17159e7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81db674 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29a3d2d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a80e7d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdbb877 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7f3f77 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-275ba70 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-793adbb */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aff8bf3 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68479bc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c544188 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71997cf *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7bc8491 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c69469 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24674de *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2fa622 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88df131 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb44d8d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c108dc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cea634d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b043df7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ff6fe *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-402b94d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ce6bec2 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e570c03 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3fdf0b8 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f528fa *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6935395 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6f0f51 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dcb9d26 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-17159e7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81db674 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29a3d2d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a80e7d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdbb877 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7f3f77 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-275ba70 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-793adbb */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aff8bf3 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68479bc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c544188 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71997cf *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7bc8491 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c69469 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24674de *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2fa622 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88df131 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb44d8d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c108dc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cea634d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b043df7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ff6fe *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-402b94d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ce6bec2 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e570c03 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3fdf0b8 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f528fa *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6935395 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6f0f51 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dcb9d26 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-17159e7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81db674 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29a3d2d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a80e7d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdbb877 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7f3f77 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-275ba70 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-793adbb */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aff8bf3 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68479bc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c544188 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71997cf *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7bc8491 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c69469 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24674de *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2fa622 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88df131 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb44d8d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c108dc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cea634d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b043df7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ff6fe *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-402b94d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ce6bec2 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e570c03 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3fdf0b8 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f528fa *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6935395 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6f0f51 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dcb9d26 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-17159e7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81db674 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29a3d2d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a80e7d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdbb877 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7f3f77 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-275ba70 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-793adbb */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aff8bf3 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68479bc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c544188 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71997cf *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7bc8491 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c69469 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24674de *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2fa622 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88df131 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb44d8d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c108dc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cea634d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b043df7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ff6fe *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-402b94d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ce6bec2 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e570c03 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3fdf0b8 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f528fa *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6935395 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6f0f51 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dcb9d26 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-17159e7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81db674 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29a3d2d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a80e7d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdbb877 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7f3f77 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-275ba70 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-793adbb */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aff8bf3 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68479bc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c544188 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71997cf *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7bc8491 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c69469 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24674de *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2fa622 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88df131 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb44d8d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c108dc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cea634d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b043df7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ff6fe *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-402b94d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ce6bec2 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e570c03 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3fdf0b8 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f528fa *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6935395 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6f0f51 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dcb9d26 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-17159e7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81db674 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29a3d2d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a80e7d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdbb877 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7f3f77 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-275ba70 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-793adbb */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aff8bf3 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68479bc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c544188 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71997cf *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7bc8491 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c69469 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24674de *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2fa622 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88df131 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb44d8d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c108dc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cea634d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b043df7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ff6fe *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-402b94d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ce6bec2 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e570c03 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3fdf0b8 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f528fa *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6935395 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6f0f51 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dcb9d26 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-17159e7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81db674 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29a3d2d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a80e7d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cdbb877 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7f3f77 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-275ba70 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-793adbb */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aff8bf3 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68479bc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c544188 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71997cf *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7bc8491 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c69469 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24674de *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2fa622 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88df131 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb44d8d *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c108dc *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cea634d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b043df7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ff6fe *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-402b94d */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ce6bec2 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e570c03 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3fdf0b8 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3f528fa *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6935395 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6f0f51 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dcb9d26 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-17159e7 *//* ===== UNIFORMISATION ABSOLUE (même largeur/hauteur/épaisseur) ===== */ .elementor-element.bouton-biseaute a.elementor-button, .elementor-element.bouton-biseaute .elementor-button, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xs, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-sm, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-md, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-lg, .elementor-element.bouton-biseaute a.elementor-button.elementor-size-xl { --btn-w: 140px; /* Largeur identique */ --btn-h: 48px; /* Hauteur identique */ --pad-x: 36px; /* Espacement interne horizontal visuel (texte) */ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--btn-w) !important; height: var(--btn-h) !important; padding: 0 var(--pad-x) !important; line-height: 1 !important; white-space: nowrap !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #FCF4E3 !important; /* couleur du texte et contour */ } /* texte au-dessus des pseudo-éléments */ .elementor-element.bouton-biseaute .elementor-button-content-wrapper, .elementor-element.bouton-biseaute .elementor-button-text { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ===== Contour biseauté identique (SVG encodé, couleur #FCF4E3) ===== */ .elementor-element.bouton-biseaute a.elementor-button::before { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='none' stroke='%23FCF4E3' stroke-width='5'/%3E%3C/svg%3E") !important; } /* ===== Remplissage au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button::after { content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; opacity:0 !important; transition:opacity .25s ease !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpolygon points='28,2 332,2 352,26 352,64 332,88 28,88 8,64 8,26' fill='%23FCF4E3' stroke='%23FCF4E3' stroke-width='4'/%3E%3C/svg%3E") !important; } .elementor-element.bouton-biseaute a.elementor-button:hover::after { opacity: 1 !important; } /* ===== Couleur texte au hover ===== */ .elementor-element.bouton-biseaute a.elementor-button:hover { color: #E30613 !important; } /* Le widget colle à la taille du bouton (pas de boîte plus grande) */ .bouton-biseaute.elementor-widget-button, .bouton-biseaute.elementor-element, .bouton-biseaute .elementor-button-wrapper { display:inline-block !important; width:auto !important; margin:0 !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81db674 */.elementor-element.bg-chanfrein { --cut: 6%; position: relative; overflow: hidden; clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut) ); }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'All rounded'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Bold_1.eot'); src: url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Bold_1.eot?#iefix') format('embedded-opentype'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Bold.woff2') format('woff2'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Bold.woff') format('woff'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Bold.ttf') format('truetype'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Bold.svg#Allrounded') format('svg'); } @font-face { font-family: 'All rounded'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Book_2.eot'); src: url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Book_2.eot?#iefix') format('embedded-opentype'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Book.woff2') format('woff2'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Book.woff') format('woff'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Book.ttf') format('truetype'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Book.svg#Allrounded') format('svg'); } @font-face { font-family: 'All rounded'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Medium_4.eot'); src: url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Medium_4.eot?#iefix') format('embedded-opentype'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Medium.woff2') format('woff2'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Medium.woff') format('woff'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Medium.ttf') format('truetype'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Medium.svg#Allrounded') format('svg'); } @font-face { font-family: 'All rounded'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Demi_3.eot'); src: url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Demi_3.eot?#iefix') format('embedded-opentype'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Demi.woff2') format('woff2'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Demi.woff') format('woff'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Demi.ttf') format('truetype'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_Demi.svg#Allrounded') format('svg'); } @font-face { font-family: 'All rounded'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_XLig_5.eot'); src: url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_XLig_5.eot?#iefix') format('embedded-opentype'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_XLig.woff2') format('woff2'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_XLig.woff') format('woff'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_XLig.ttf') format('truetype'), url('https://www.karrousel.fr/wp-content/uploads/2025/10/All_Round_Gothic_XLig.svg#Allrounded') format('svg'); } /* End Custom Fonts CSS */