.elementor-15 .elementor-element.elementor-element-716f462{--display:flex;--min-height:90vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:5.375rem;--padding-right:5.375rem;}.elementor-15 .elementor-element.elementor-element-66bfa5d{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-45c5a20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:16.5rem;--padding-right:0rem;}.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-15 .elementor-element.elementor-element-1800627 .elementor-button{background-color:#FFFFFF;font-family:"JetBrainsMono", Sans-serif;font-size:1.5rem;font-weight:400;fill:#000000;color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-radius:0px 0px 0px 0px;padding:1rem 1.25rem 1rem 1.25rem;}.elementor-15 .elementor-element.elementor-element-1800627 .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-1800627 .elementor-button:focus{background-color:#000000;color:var( --e-global-color-primary );border-color:#000000;}.elementor-15 .elementor-element.elementor-element-1800627 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-15 .elementor-element.elementor-element-1800627 .elementor-button .elementor-button-content-wrapper{gap:1rem;}.elementor-15 .elementor-element.elementor-element-1800627 .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-1800627 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-53c278e{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-15 .elementor-element.elementor-element-53c278e:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-53c278e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://tommydesignvisuals.fr/wp-content/uploads/2025/05/fond-2-mobile.png") 50% 50%;background-size:cover;}.elementor-15 .elementor-element.elementor-element-e6b3e21{--display:flex;--min-height:10vh;--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 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-fbac4df{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-15 .elementor-element.elementor-element-a71f662{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Mundial", Sans-serif;font-size:1rem;font-weight:400;}.elementor-15 .elementor-element.elementor-element-a71f662 a{color:#000000;}.elementor-15 .elementor-element.elementor-element-a71f662 a:hover, .elementor-15 .elementor-element.elementor-element-a71f662 a:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-f1f704b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Mundial", Sans-serif;font-size:1rem;font-weight:400;}.elementor-15 .elementor-element.elementor-element-f1f704b a{color:#000000;}.elementor-15 .elementor-element.elementor-element-f1f704b a:hover, .elementor-15 .elementor-element.elementor-element-f1f704b a:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-ac01b8e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Mundial", Sans-serif;font-size:1rem;font-weight:400;}.elementor-15 .elementor-element.elementor-element-ac01b8e a{color:#000000;}.elementor-15 .elementor-element.elementor-element-ac01b8e a:hover, .elementor-15 .elementor-element.elementor-element-ac01b8e a:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-c28bbfb{--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:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-b5064d1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-15 .elementor-element.elementor-element-41d548b{--display:flex;--min-height:54.375rem;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:5.375rem;--padding-right:5.375rem;}.elementor-15 .elementor-element.elementor-element-41d548b:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-41d548b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}.elementor-15 .elementor-element.elementor-element-22a063d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20.75rem 20.75rem;--row-gap:20.75rem;--column-gap:20.75rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-157637c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-157637c .elementor-heading-title{font-family:"Mundial", Sans-serif;font-size:8rem;font-weight:400;}.elementor-15 .elementor-element.elementor-element-8fb719e{width:var( --container-widget-width, 72rem );max-width:72rem;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:72rem;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-3e2188b{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-15 .elementor-element.elementor-element-602b1eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-4a28cc9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5.375rem;--padding-bottom:3.375rem;--padding-left:5.375rem;--padding-right:5.375rem;}.elementor-15 .elementor-element.elementor-element-d353789{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0rem 0rem 5.375rem 0rem;}.elementor-15 .elementor-element.elementor-element-d353789 .elementor-heading-title{font-family:"Mundial", Sans-serif;font-size:8rem;font-weight:400;color:var( --e-global-color-text );}.elementor-15 .elementor-element.elementor-element-2262991{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--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-15 .elementor-element.elementor-element-07ac907{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-9a5efd0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-d69e3bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-4a278b1{--display:grid;--min-height:4rem;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-8a2b6b4{padding:0rem 0rem 0rem 0rem;}.elementor-15 .elementor-element.elementor-element-8a2b6b4 .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:1rem;font-weight:400;color:#000000;}.elementor-15 .elementor-element.elementor-element-8a2b6b4 .elementor-heading-title a:hover, .elementor-15 .elementor-element.elementor-element-8a2b6b4 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-d39e7e6 .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:1rem;font-weight:400;color:#000000;}.elementor-15 .elementor-element.elementor-element-d39e7e6 .elementor-heading-title a:hover, .elementor-15 .elementor-element.elementor-element-d39e7e6 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-f801caf .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:1rem;font-weight:400;color:#000000;}.elementor-15 .elementor-element.elementor-element-f801caf .elementor-heading-title a:hover, .elementor-15 .elementor-element.elementor-element-f801caf .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-b5b0aca{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-b6c4fb0{--display:grid;--min-height:4rem;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-0d19af9 .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:1rem;font-weight:400;color:#000000;}.elementor-15 .elementor-element.elementor-element-0d19af9 .elementor-heading-title a:hover, .elementor-15 .elementor-element.elementor-element-0d19af9 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-76945d4 .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:1rem;font-weight:400;color:#000000;}.elementor-15 .elementor-element.elementor-element-76945d4 .elementor-heading-title a:hover, .elementor-15 .elementor-element.elementor-element-76945d4 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-ddb482d .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:1rem;font-weight:400;color:#000000;}.elementor-15 .elementor-element.elementor-element-ddb482d .elementor-heading-title a:hover, .elementor-15 .elementor-element.elementor-element-ddb482d .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-6bb7a30{--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;--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-be21885{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-1f0c904{--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-15 .elementor-element.elementor-element-44b9405{--display:flex;--min-height:50rem;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10rem;--padding-bottom:10rem;--padding-left:5.375rem;--padding-right:5.375rem;}.elementor-15 .elementor-element.elementor-element-587eb1c{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-fc45323{padding:0rem 0rem 7.25rem 0rem;}.elementor-15 .elementor-element.elementor-element-fc45323 .elementor-heading-title{font-family:"Mundial", Sans-serif;font-size:3rem;font-weight:400;color:var( --e-global-color-text );}.elementor-15 .elementor-element.elementor-element-568bd17{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-1d904ec{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0rem 0rem 0rem 0rem;}@media(max-width:1600px){.elementor-15 .elementor-element.elementor-element-716f462{--padding-top:0rem;--padding-bottom:0rem;--padding-left:2.5rem;--padding-right:2.5rem;}.elementor-15 .elementor-element.elementor-element-45c5a20{--padding-top:0rem;--padding-bottom:00rem;--padding-left:05.375rem;--padding-right:5.375rem;}.elementor-15 .elementor-element.elementor-element-b5064d1{font-size:var( --e-global-typography-primary-font-size );}.elementor-15 .elementor-element.elementor-element-41d548b{--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;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2.5rem;--padding-right:2.5rem;}.elementor-15 .elementor-element.elementor-element-22a063d{--gap:10rem 10rem;--row-gap:10rem;--column-gap:10rem;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-15 .elementor-element.elementor-element-2262991{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-4a278b1{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-b5b0aca{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-b6c4fb0{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-44b9405{--padding-top:0rem;--padding-bottom:0rem;--padding-left:2.5rem;--padding-right:2.5rem;}.elementor-15 .elementor-element.elementor-element-fc45323{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-716f462{--min-height:51rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2.5rem;--padding-right:2.5rem;}.elementor-15 .elementor-element.elementor-element-66bfa5d{--min-height:40vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-45c5a20{--min-height:20rem;--justify-content:flex-end;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;--z-index:9;}.elementor-15 .elementor-element.elementor-element-16b2721{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-16b2721.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-53c278e{--min-height:40vh;}.elementor-15 .elementor-element.elementor-element-e6b3e21{--min-height:10vh;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-fbac4df{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15 .elementor-element.elementor-element-b5064d1{font-size:var( --e-global-typography-primary-font-size );}.elementor-15 .elementor-element.elementor-element-41d548b{--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:2.5rem;--padding-bottom:2.5rem;--padding-left:2.5rem;--padding-right:2.5rem;}.elementor-15 .elementor-element.elementor-element-22a063d{--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;--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-15 .elementor-element.elementor-element-157637c .elementor-heading-title{font-size:6rem;}.elementor-15 .elementor-element.elementor-element-8fb719e{--container-widget-width:72rem;--container-widget-flex-grow:0;width:var( --container-widget-width, 72rem );max-width:72rem;}.elementor-15 .elementor-element.elementor-element-4a28cc9{--padding-top:2.5rem;--padding-bottom:2.5rem;--padding-left:2.5rem;--padding-right:2.5rem;}.elementor-15 .elementor-element.elementor-element-d353789 .elementor-heading-title{font-size:6rem;}.elementor-15 .elementor-element.elementor-element-2262991{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-4a278b1{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-b5b0aca{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-b6c4fb0{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-6bb7a30{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-be21885{padding:0rem 0rem 0rem 0rem;}.elementor-15 .elementor-element.elementor-element-44b9405{--min-height:26.6875rem;--padding-top:5rem;--padding-bottom:05rem;--padding-left:2.5rem;--padding-right:02.5rem;}.elementor-15 .elementor-element.elementor-element-fc45323{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0rem 0rem 3.87rem 0rem;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-716f462{--min-height:0vh;--justify-content:center;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-15 .elementor-element.elementor-element-66bfa5d{--min-height:40vh;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-45c5a20{--min-height:14rem;--justify-content:center;--z-index:9;}.elementor-15 .elementor-element.elementor-element-16b2721.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-1800627 .elementor-button{font-size:1rem;}.elementor-15 .elementor-element.elementor-element-53c278e{--min-height:40vh;--z-index:1;}.elementor-15 .elementor-element.elementor-element-e6b3e21{--min-height:3rem;}.elementor-15 .elementor-element.elementor-element-fbac4df{--min-height:10vh;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-b5064d1{font-size:var( --e-global-typography-primary-font-size );}.elementor-15 .elementor-element.elementor-element-41d548b{--min-height:30rem;--justify-content:center;--padding-top:2rem;--padding-bottom:2rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-15 .elementor-element.elementor-element-157637c{text-align:left;}.elementor-15 .elementor-element.elementor-element-157637c .elementor-heading-title{font-size:4rem;}.elementor-15 .elementor-element.elementor-element-d353789{text-align:left;}.elementor-15 .elementor-element.elementor-element-d353789 .elementor-heading-title{font-size:4rem;}.elementor-15 .elementor-element.elementor-element-2262991{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-4a278b1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-b5b0aca{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-b6c4fb0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-1f0c904{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-b3a53a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-44b9405{--padding-top:2.70rem;--padding-bottom:2.70rem;--padding-left:1.35rem;--padding-right:1.35rem;}.elementor-15 .elementor-element.elementor-element-fc45323{padding:0rem 0rem 1.81rem 0rem;}.elementor-15 .elementor-element.elementor-element-fc45323 .elementor-heading-title{font-size:1.5rem;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-45c5a20{--width:50%;}.elementor-15 .elementor-element.elementor-element-53c278e{--width:50%;}.elementor-15 .elementor-element.elementor-element-fbac4df{--width:50%;}.elementor-15 .elementor-element.elementor-element-c28bbfb{--width:50%;}.elementor-15 .elementor-element.elementor-element-22a063d{--width:60%;}.elementor-15 .elementor-element.elementor-element-3e2188b{--width:40%;}}@media(max-width:1600px) and (min-width:768px){.elementor-15 .elementor-element.elementor-element-22a063d{--width:50%;}.elementor-15 .elementor-element.elementor-element-3e2188b{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-15 .elementor-element.elementor-element-45c5a20{--width:100%;}.elementor-15 .elementor-element.elementor-element-53c278e{--width:100%;}.elementor-15 .elementor-element.elementor-element-22a063d{--width:100%;}.elementor-15 .elementor-element.elementor-element-3e2188b{--width:100%;}}@media(min-width:2400px){.elementor-15 .elementor-element.elementor-element-b5064d1{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-15 .elementor-element.elementor-element-2262991{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-4a278b1{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-8a2b6b4{padding:0rem 0rem 0rem 1rem;}.elementor-15 .elementor-element.elementor-element-d39e7e6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0rem 0rem 0rem 1rem;}.elementor-15 .elementor-element.elementor-element-f801caf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0rem 0rem 0rem 1rem;}.elementor-15 .elementor-element.elementor-element-b5b0aca{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-b6c4fb0{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-0d19af9{padding:0rem 0rem 0rem 1rem;}.elementor-15 .elementor-element.elementor-element-76945d4{padding:0rem 0rem 0rem 1rem;}.elementor-15 .elementor-element.elementor-element-ddb482d{padding:0rem 0rem 0rem 1rem;}}/* Start custom CSS for html, class: .elementor-element-16b2721 */.webdesigner {
  font-family: 'Mundial', sans-serif;
  font-weight: 600;
  font-size: 3rem;
}

.and {
  font-family: 'Mundial', sans-serif;
  font-weight: 300;
  font-size: 3rem;
}

.graphiste {
  font-family: 'Mundial', sans-serif;
  font-weight: 600;
  font-size: 3rem;
}

.sur {
  font-family: 'Mundial', sans-serif;
  font-weight: 300;
  font-size: 3rem;
}

.lyon {
  font-family: 'Mundial', sans-serif;
  font-weight: 600;
  font-size: 3rem;
}

@media (max-width: 1366px) {
  .webdesigner,
  .and,
  .graphiste,
  .sur,
  .lyon {
    font-size: 2.25rem; 
    text-align: center;
  }
  
  #web{
      text-align: center;
  }
}

@media (max-width: 767px) {
  .webdesigner,
  .and,
  .graphiste,
  .sur,
  .lyon {
    font-size: 1.75rem; 
    text-align: center;
  }
  
  #web{
      text-align: center;
  }
 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1800627 */#boutonhero {
    font-family: 'Jetbrains Mono',  !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53c278e */.elementor-15 .elementor-element.elementor-element-53c278e .elementor-background-video-container {
  transform: scale(1.2); /* Zoom à 120% */
  transform-origin: center center;
}

/* Sur les petits écrans mobiles */
@media (max-width: 767px) {
    .elementor-15 .elementor-element.elementor-element-53c278e:not(.elementor-motion-effects-element-type-background),
    .elementor-15 .elementor-element.elementor-element-53c278e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background: url(https://tommydesignvisuals.fr/wp-content/uploads/2025/05/fond-2-mobile.png) no-repeat; /* Assurez-vous que l'URL est correcte */
        background-size: contain; /* Ajuste à 100% sur les écrans mobiles */
        background-position: center center; /* Centre l'image */
        
        
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66bfa5d */.container-parent {
    position: relative; /* Nécessaire si l'élément à l'intérieur utilise position absolute */
    overflow: hidden;  /* Empêche tout dépassement du contenu du container */
    border: 2px solid #000;  /* Bordure autour du container */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fb719e */.texte-presentation {
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #ffffff;
  margin-bottom: 1.5rem;
  font-family: mundial;
}

.gras {
  font-weight: 600;
}

/* Responsive tablette */
@media (max-width: 1024px) {
  .texte-presentation {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .texte-presentation {
    font-size: 1rem;
    line-height: 1.8;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-602b1eb */.cards3D-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  perspective: 1800px;
  margin: 0;
  padding: 0;
  transform: scale(1.4);
}




.cards3D {
  background-color: #fff;
  background-blend-mode: overlay;
  border-radius: 15px;
  box-shadow: 0px 10px 20px 20px rgba(0,0,0,0.17);
  display: inline-block;
  padding: 30px 35px;
  perspective: 1800px;
  text-align: left;
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  transform: rotateX(11deg) rotateY(16.5deg);
  min-width: 595px;
}

.card {
  border-radius: 15px;
  box-shadow: 5px 5px 20px -5px rgba(0,0,0,0.6);
  display: inline-block;
  height: 250px;
  overflow: hidden;
  perspective: 1200px;
  position: relative;
  transform-style: preserve-3d;
  transform: translateZ(35px);
  transition: transform 200ms ease-out;
  width: 175px;
  text-align: center;
  margin-right: 30px;
}

.card:last-child {
  margin-right: 0;
}

.card__img {
  position: relative;
  height: 100%;
  z-index: 1;
}

.card__bg {
  bottom: -50px;
  left: -50px;
  position: absolute;
  right: -50px;
  top: -50px;
  transform-origin: 50% 50%;
  transform: translateZ(-50px);
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.card__one .card__img {
  top: 14px;
  right: -10px;
  height: 110%;
}
.card__one .card__bg {
  background-image: url('https://tommydesignvisuals.fr/wp-content/uploads/2025/05/Background-1.png');
}

.card__two .card__img {
  top: 25px;
}
.card__two .card__bg {
  background-image: url('https://tommydesignvisuals.fr/wp-content/uploads/2025/05/blue-sky-clouds-600nw-771007483.webp');
}

.card:hover {
  transform: translateZ(35px) translateY(-10px);
}

.card__three .card__img {
  top: 5px;
  left: -4px;
  height: 110%;
}
.card__three .card__bg {
  background-image: url('https://tommydesignvisuals.fr/wp-content/uploads/2025/05/Background-3.png');
}

.card__text {
  align-items: center;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 70px;
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 2;
font-family: 'JetBrains Mono', monospace;
}

.card__title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 3px;
}

.card:hover .card__title {
  transform: scale(1.1);
}


@media (max-width: 2500px){
  .cards3D-wrapper {
    transform: scale(1.1);
    perspective: 1400px;
  }

  .cards3D {
    padding: 25px 30px;
    min-width: 500px;
    transform: rotateX(9deg) rotateY(14deg);
  }

  .card {
    width: 150px;
    height: 220px;
    margin-right: 25px;
    transform: translateZ(30px);
  }

  .card:last-child {
    margin-right: 0;
  }

  .logo1 {
    width: 40px;
  }

  .card__one .card__img,
  .card__three .card__img {
    height: 105%;
  }

  .card__img {
    height: 100%;
  }

  .card:hover {
    transform: translateZ(30px) translateY(-8px);
  }

  .card__text {
    height: 60px;
  }

  .card__title {
    font-size: 16px;
  }

  .card:hover .card__title {
    transform: scale(1.08);
  }
}

@media (max-width: 1024px) {
  .cards3D-wrapper {
    transform: scale(1); /* Réduction de l'échelle globale */
    padding: 10px;
  }

  .cards3D {
    padding: 20px 25px;
    transform: rotateX(8deg) rotateY(12deg);
    min-width: auto;
  }

  .card {
    width: 140px;
    height: 200px;
    margin-right: 20px;
  }

  .card__img {
    height: 100%;
  }

  .card__one .card__img,
  .card__three .card__img {
    height: 105%;
  }

  .card__text {
    height: 60px;
  }

  .card__title {
    font-size: 16px;
  }

  .logo1 {
    width: 40px;
  }
}


@media (max-width: 1024px) {
  .cards3D-wrapper {
    transform: scale(1); /* Réduction de l'échelle globale */
    padding: 10px;
  }

  .cards3D {
    padding: 20px 25px;
    transform: rotateX(8deg) rotateY(12deg);
    min-width: auto;
  }

  .card {
    width: 140px;
    height: 200px;
    margin-right: 20px;
  }

  .card__img {
    height: 100%;
  }

  .card__one .card__img,
  .card__three .card__img {
    height: 105%;
  }

  .card__text {
    height: 60px;
  }

  .card__title {
    font-size: 16px;
  }

  .logo1 {
    width: 40px;
  }
}

@media (max-width: 1650px) {
  .cards3D-wrapper {
    transform: scale(1); /* Réduction de l'échelle globale */
    padding: 10px;
  }

  .cards3D {
    padding: 20px 25px;
    transform: rotateX(8deg) rotateY(12deg);
    min-width: auto;
  }

  .card {
    width: 140px;
    height: 200px;
    margin-right: 20px;
  }

  .card__img {
    height: 100%;
  }

  .card__one .card__img,
  .card__three .card__img {
    height: 105%;
  }

  .card__text {
    height: 60px;
  }

  .card__title {
    font-size: 16px;
  }

  .logo1 {
    width: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2262991 */.grille1 a,
.grille1 a:focus,
.grille1 a:hover,
.grille1 a img {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be21885 */.button-container {
  display: flex;
  justify-content: center;
  gap: 6rem;
  margin: 4rem 0;
}

.toggle-button {
  background-color: transparent;
  color: #333;
  padding: 10px 20px;
  font-size: 1.5rem;
  font-family: 'Mundial', sans-serif;
  font-weight: 300;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.toggle-button.selected {
  background-color: #9672FC;
  color: white;
  border-color: #9672FC;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

.toggle-button:hover {
  border-color: #9672FC;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

/* =======================================================
   Section principale (image + contenu)
======================================================= */
.section-container {
  display: flex;
  width: 100%;
  height: 43.25rem;
  overflow: hidden;
}

/* Image à gauche */
.left-container {
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.left-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Contenu à droite */
.right-container {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 4rem;     /* Décalé depuis la gauche */
  padding-right: 4rem;    /* Plus d'espace à droite */
  background: #000 url('https://tommydesignvisuals.fr/wp-content/uploads/2025/05/background-4-scaled.png') center/cover no-repeat fixed;
}

.right-container .content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 48rem; /* Plus large pour réduire les retours à la ligne */
  width: 100%;
}

.right-container h2 {
  font-size: 4rem;
  font-family: 'Mundial', sans-serif;
  font-weight: 400;
  color: white;
  margin: 0;
  text-align: left;
}

.right-container p {
  font-size: 1.5rem;
  font-family: 'Mundial', sans-serif;
  font-weight: 300;
  line-height: 1.6;
  color: white;
  margin: 0;
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* =======================================================
   Responsive - Tablette
======================================================= */
@media (max-width: 1024px) {
  .section-container {
    flex-direction: column;
    height: auto;
  }

  .left-container {
    display: none;
  }

  .right-container {
    width: 100%;
    height: auto;
    padding-left: 2.6875rem;
    padding-right: 2rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    justify-content: flex-start;
  }

  .right-container .content {
    max-width: 100%;
  }

  .right-container h2 {
    font-size: 3rem;
  }

  .right-container p {
    font-size: 1.2rem;
  }

  .button-container {
    gap: 2rem;
    margin: 2rem;
    padding: 0 1.5rem;
  }

  .toggle-button {
    font-size: 1.2rem;
    padding: 8px 16px;
  }
}

/* =======================================================
   Responsive - Mobile
======================================================= */
@media (max-width: 480px) {
  .right-container {
    padding-left: 1.34375rem;
    padding-right: 1.34375rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .right-container h2 {
    font-size: 2rem;
  }

  .right-container p {
    font-size: 1rem;
    line-height: 1.4;
  }

  .button-container {
    gap: 1.5rem;
    margin: 1rem;
    padding: 0 1rem;
  }

  .toggle-button {
    font-size: 1rem;
    padding: 6px 12px;
  }
}


@media (max-width: 1600px) {


  .right-container h2 {
    font-size: 3rem;
  }

  .right-container p {
    font-size: 1.2rem;
  }

  .button-container {
    gap: 2rem;
    margin: 2rem;
    padding: 0 1.5rem;
  }

  .toggle-button {
    font-size: 1.2rem;
    padding: 8px 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b3a53a0 */.swiper {
  width: 100%;
  height: 100%;
}

.swiper-wrapper {
  display: flex;
  
}

div.swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 400px;
  width: 100%;
  font-family: 'mundial', sans-serif;
  font-size: 2rem;
  color: white;
  background-color: #0A0A0A;
  padding: 2rem 2rem;
}


.slide-description {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5;
  color: white;
  font-family: 'mundial', sans-serif;
  text-align: center;       /* Centre le contenu texte */
  width: 100%;
  padding: 0 1rem;          /* Espace intérieur au lieu des margins */
  box-sizing: border-box;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  color: white;
  font-size: 20px !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #20FFD0 !important; /* Ou la couleur de ton choix */
}

#creation-site::before {
  content: ''; /* Création d'un pseudo-élément */
  position: absolute; /* Positionné absolument pour recouvrir le fond */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://tommydesignvisuals.fr/wp-content/uploads/2025/05/Omok-fond.png');
  background-size: cover;
  background-position: center;
  filter: blur(5px); /* Applique le flou uniquement sur l'image de fond */
  z-index: -1; /* Place l'image floutée en dessous du contenu */
}

#identite-visuelle::before {
  content: ''; /* Création d'un pseudo-élément */
  position: absolute; /* Positionné absolument pour recouvrir le fond */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://tommydesignvisuals.fr/wp-content/uploads/2025/05/13993065cfe25f2fc49a4e8d4844f580.jpg');
  background-size: cover;
  background-position: center;
  filter: blur(8px); /* Applique le flou uniquement sur l'image de fond */
  z-index: -1; /* Place l'image floutée en dessous du contenu */
}

#interface-ui-ux::before {
  content: ''; /* Création d'un pseudo-élément */
  position: absolute; /* Positionné absolument pour recouvrir le fond */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://tommydesignvisuals.fr/wp-content/uploads/2025/05/800e4d2c76a1130d5384728775403c83.jpg');
  background-size: cover;
  background-position: center;
  filter: blur(5px); /* Applique le flou uniquement sur l'image de fond */
  z-index: -1; /* Place l'image floutée en dessous du contenu */
}

#referencement::before {
  content: ''; /* Création d'un pseudo-élément */
  position: absolute; /* Positionné absolument pour recouvrir le fond */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://tommydesignvisuals.fr/wp-content/uploads/2025/05/55155a7b28ea38dee8f8fcdf979f547b.jpg');
  background-size: cover;
  background-position: center;
  filter: blur(5px); /* Applique le flou uniquement sur l'image de fond */
  z-index: -1; /* Place l'image floutée en dessous du contenu */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d904ec */details div {
    border-bottom: 2px solid #000;
    padding: 1.5em;
    font-size: 1.5rem;
}


summary {
    list-style: none;
}

summary::-webkit-details-marker {
    display: none;
}

summary {
    border-bottom: 2px solid #000;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 4em;
    cursor: pointer;
    position: relative;
}

details[open] summary {
    background-color: #eee;
}

summary:hover {
    background-color: #0A0A0A;  /* Couleur de fond en survol */
    color: white;               /* Texte blanc */
}

a {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 1px 0 0;
}

a:hover {
    box-shadow: 0 3px 0 0;
}

code {
    font-family: monospace;
    font-weight: 600;
}

.mundial-font {
    font-family: 'Mundial', sans-serif;
    font-size: 2rem;
}

.semi-bold {
    font-weight: 600; /* Semi-bold (plus gras que normal, mais moins que bold) */
}

details summary::after {
    content: '';
    position: absolute;
    right: 10px;  /* Positionne le "+" tout à droite */
    top: 50%;     /* Centré verticalement */
    transform: translateY(-50%); /* Ajuste le centrage exact */
    padding: 30px;
    border: 1px solid black; /* Bordure autour du "+" */
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="black" stroke-width="2" d="M6 12h12M12 6v12"/%3E%3C/svg%3E') no-repeat center center;
    background-size: contain;
    cursor: pointer; /* Change le curseur pour signaler l'interaction */
}

details[open] summary::after {
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="black" stroke-width="2" d="M4 12h16"/%3E%3C/svg%3E') no-repeat center center; /* Icône - */
    background-size: contain; /* Assure que le fond est bien redimensionné */
    background-position: center center; /* Centre bien l'icône - dans son conteneur */
    border: 1px solid black; /* Change la bordure en blanc lors de l'ouverture */
}

summary:hover::after {
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="white" stroke-width="2" d="M6 12h12M12 6v12"/%3E%3C/svg%3E') no-repeat center center;
    background-size: contain;
    border: 1px solid white; /* Change la bordure en blanc lors du survol */
}

* {
    user-select: none;
}

@media (max-width: 1024px) {
    /* Adjust details and summary for tablet */
    details div {
        padding: 1em; /* Reduced padding for smaller screens */
        font-size: 1.3rem; /* Slightly smaller font size */
    }

    details + details {
        margin-top: 0.5rem; /* Space between details */
    }

    summary {
        padding-top: 0.8em;
        padding-bottom: 0.8em;
        font-size: 1.4rem; /* Adjust font size */
    }

    details[open] summary {
        background-color: #ddd; /* Lighter background for open state */
    }

    /* Adjust the icon size in the summary */
    details summary::after {
        padding: 20px; /* Smaller padding for icon */
    }

    details[open] summary::after {
        padding: 20px; /* Adjust icon size for open state */
    }

    summary:hover {
        background-color: #333; /* Darker hover background */
    }

    /* Modify the link appearance for smaller screens */
    a {
        font-size: 1.1rem; /* Increase font size for better readability */
    }

    /* Adjust the code element styling */
    code {
        font-size: 1rem; /* Slightly smaller font size for code */
    }

    /* Adjust the mundial-font for readability */
    .mundial-font {
        font-size: 1.5rem; /* Reduced font size */
    }
}

@media (max-width: 768px) {
    /* Ajuster les détails et le résumé pour les petits écrans */
    details div {
        padding: 0.8em; /* Réduire le padding pour les écrans plus petits */
        font-size: 1.2rem; /* Taille de police encore plus petite */
    }

    details + details {
        margin-top: 0.4rem; /* Espacement entre les détails */
    }

    summary {
        padding-top: 0.6em;
        padding-bottom: 0.6em;
        font-size: 1.3rem; /* Ajuster la taille de police */
    }

    details[open] summary {
        background-color: #ccc; /* Arrière-plan plus clair pour l'état ouvert */
    }

    /* Ajuster la taille de l'icône dans le résumé */
    details summary::after {
        padding: 15px; /* Réduire encore plus le padding de l'icône */
    }

    details[open] summary::after {
        padding: 15px; /* Ajuster la taille de l'icône en état ouvert */
    }

    summary:hover {
        background-color: #222; /* Fond plus sombre lors du survol */
    }

    /* Modifier l'apparence des liens pour les petits écrans */
    a {
        font-size: 1rem; /* Taille de police légèrement plus petite */
    }

    /* Ajuster le style des éléments de code */
    code {
        font-size: 0.9rem; /* Taille de police plus petite pour le code */
    }

    /* Ajuster la police mundial pour une meilleure lisibilité */
    .mundial-font {
        font-size: 1.3rem; /* Réduire la taille de police */
    }
}

@media (max-width: 480px) {
    /* Ajustements supplémentaires pour les très petits écrans (téléphones) */
    details div {
        padding: 0.6em; /* Moins de padding sur les très petits écrans */
        font-size: 1.1rem; /* Taille de police encore plus petite */
    }

    details + details {
        margin-top: 0.3rem; /* Espacement réduit */
    }

    summary {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        font-size: 1.2rem; /* Ajuster la taille de la police */
    }

    details[open] summary {
        background-color: #bbb; /* Couleur de fond plus claire pour l'état ouvert */
    }

    details summary::after {
        padding: 10px; /* Padding très petit pour l'icône */
    }

    details[open] summary::after {
        padding: 10px; /* Ajuster l'icône encore plus petite */
    }

    summary:hover {
        background-color: #111; /* Fond encore plus sombre lors du survol */
    }

    a {
        font-size: 0.9rem; /* Réduire la taille des liens */
    }

    code {
        font-size: 0.8rem; /* Taille de police très petite pour le code */
    }

    .mundial-font {
        font-size: 1.1rem; /* Taille de police minimale sur téléphone */
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'JetBrainsMono';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://tommydesignvisuals.fr/wp-content/uploads/2025/10/JetBrainsMono-SemiBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */