body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure, ul, li { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; border:none; }
table { border-collapse:collapse; border-spacing:0; }
a, a:hover, a:focus { text-decoration:none; cursor:pointer; }
fieldset, img, iframe { border:0; }
img { width:100%; display:block; }
* { box-sizing:border-box; }
div { clear:both; }
@font-face { font-family:"Font Awesome 6 Brands"; font-style:normal; src:url("/fonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fa-brands-400.ttf") format("truetype"); }
@font-face { font-family:"Font Awesome 6 Free"; font-style:normal; src:url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.ttf") format("truetype"); }
@font-face { font-family:"Font Awesome 6 Free"; font-style:normal; src:url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.ttf") format("truetype"); }
body { min-width:260px; max-width:1080px; margin:auto; font:0.9rem "Helvetica Neue",Helvetica,Arial,sans-serif; text-align:left; color:#3C3C3C; background:no-repeat url("/media/BASE-SCHEMA-3.webp"); background-position:center; background-attachment:fixed; background-size:cover; }
hr { background:#1395AD; border:1px solid #1395AD; }
@media all and (min-width:800px) {
   body { font-size:1.1rem; }
}
.contain { margin:0.2rem 0.2rem; }
.ital { font-style:italic; }
.bold { font-weight:bold; }
header img { border-radius:20px; }
.menu { position:fixed; background:#3C3C3C; width:220px; height:100%; top:0; z-index:1000; left:-220px; transition:all 0.25s; }
.menu .butn { display:block; color:#1395AD; font-size:1.2rem; padding:12px 16px; transition:all 0.25s; }
.menu .butn:hover, menu a:active { color:#FF6600; transition:all 0.25s; }
.menu-open { left:0px; }
.menu-push { overflow-x:hidden; position:relative; left:0; transition:all 0.25s; }
.menu-push-to-right { left:220px; }
.menu-push-to-left { left:-220px; }
#show-left-push { float:right; font-family:"Font Awesome 6 Free"; font-size:1.8rem; margin:10px 20px; cursor:pointer; transition:all 0.25s; }
#show-left-push:after { content:"\f0c9"; color:#1395AD; }
#show-left-push:hover:after { color:#FF6600; transition:all 0.25s; }
#show-left-push #text-menu { float:left; padding-right:0.5rem; padding-top:13px; font:0.8rem "Helvetica Neue",Helvetica,Arial,sans-serif; color:#8F8F8F; }
.social { float:left; margin-left:10px; }
.social ul li { list-style:none; display:inline-block; padding-top:12px; }
.social ul li a { color:#1395AD; }
.social ul li a:hover { color:#FF6600; }
.social .icon-inst:after { content:"\f16d"; }
.social .icon-tktk:after { content:"\e07b"; }
.social .icon-fcbk:after { content:"\f09a"; }
.social .icon-whap:after { content:"\f232"; }
.social .icon-rdvs:after { content:"\f133"; }
.social .icon-inst, .social .icon-tktk, .social .icon-fcbk, .social .icon-whap { font:1.6rem "Font Awesome 6 Brands"; display:inline-block; margin-right:0.8rem; }
.social .icon-rdvs { font:1.6rem "Font Awesome 6 Free"; display:inline-block; margin-right:0.8rem; }
.social .icordv { font-weight:bold; color:#FF6600; }
.home { min-width:260px; max-width:1080px; margin:auto; }
#accueil { padding:1rem 0; text-align:justify; text-indent:2em; }
#conception h1 { background:#3C3C3C; text-align:center; padding:1rem 0; border-radius:20px; color:#1395AD; margin-bottom:2rem; }
#conception p { text-indent:0; text-align:justify; }
#conception ul { margin-left:2rem; }
#conception .galerie { max-width:100%; line-height:0; display:flex; flex-wrap:wrap; justify-content:space-around; }
#conception .item { width:49%; }
#conception .item img { max-width:100%; height:auto; border-radius:20px; }
#conception .item img:hover { cursor:pointer; }
#conception .modal { display:none; z-index:10; }
#conception .modal:target { display:block; position:fixed; top:0; left:0; width:100vw; height:100%; display:flex; background-color:rgba(0,0,0,0.6); }
#conception .imagen { margin:auto; width:100%; display:flex; justify-content:center; align-items:center; }
#conception .imagen a { margin:0 4px; }
#conception .imagen img { max-width:100%; width:80vw; height:auto; border:8px solid #FFFFFF; animation:zoom 0.5s ease-in-out; position:relative; }
#conception .imagen a:nth-child(2)::after {content:"X"; width:40px; height:40px; line-height: 40px; text-align:center; font-size:2em; border-radius:50%; background:#1395AD; color:#FFFFFF; position:absolute; top:2vh; left:2vw; z-index:20; }
#conception .imagen a:hover:nth-child(2)::after { color:#FF6600; }
#conception .imagen a:nth-child(2) { margin:0; height:100%; }
#conception .ant, #conception .sig { width:0px; height:0px; border:20px solid transparent; }
#conception .ant { border-right:20px solid #1395AD; }
#conception .sig { border-left:20px solid #1395AD; }
#conception .ant:hover { border-right:20px solid #FF6600 ; }
#conception .sig:hover { border-left:20px solid #FF6600 ; }
#conception #tleft, #conception #tright { display:inline-block; width:49%; font-size:0.8rem; text-align:center; }
#conception div#comparison { width:100%; height:60vw; max-width:1080px; max-height:650px; overflow:hidden; border-radius:20px; margin:2em 0; }
#conception div#comparison figure { background-image:url(/media/010.webp); background-size:cover; position:relative; font-size:0; width:100%; height:100%; margin:0; }
#conception div#comparison figure > img { position:relative; width:100%; }
#conception div#comparison figure div { background-image:url(/media/011.webp); background-size:cover; position:absolute; width:50%; overflow:hidden; bottom:0; height:100%; border-right:3px solid #1395AD; }
#conception div#comparison input[type=range] { -webkit-appearance:none; -moz-appearance:none; position:relative; top:-50%; left:-6px; background-color:rgba(255,255,255,0); width:102%; }
@media all and (min-width:800px) {
   #conception div#comparison input[type=range] { left:-12px; }
}
#conception div#comparison input[type=range]:focus { outline:none; }
#conception div#comparison input[type=range]:active { outline:none; }
#conception div#comparison input[type=range]::-moz-range-track { -moz-appearance:none; height:15px; width:98%; background-color:rgba(255,255,255,0); position:relative; outline:none; }
#conception div#comparison input[type=range]:active { border:none; outline:none; }
#conception div#comparison input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:30px; height:30px; background:#1395AD; border-radius:50%; }
#conception div#comparison input[type=range]::-moz-range-thumb { -moz-appearance:none; width:30px; height:30px; background:#1395AD; border-radius:50%; border:none; } 
#conception #desc { display:block; text-align:center; font-size:0.8rem; margin-top:-1.5rem; padding-bottom:1.5rem; }
#conception .galerie2 { max-width:100%; line-height:0; display:flex; flex-wrap:wrap; justify-content:space-around; }
#conception .item2 { width:49%; }
#conception .item2 img { max-width:100%; height:auto; border-radius:20px; }
#conception .item2 img:hover { cursor:pointer; }
#conception .modal2 { display:none; z-index:10; }
#conception .modal2:target { display:block; position:fixed; top:0; left:0; width:100vw; height:100%; display:flex; background-color:rgba(0,0,0,0.6); }
#conception .imagen2 { margin:auto; width:100%; display:flex; justify-content:center; align-items:center; }
#conception .imagen2 a { margin:0 4px; }
#conception .imagen2 img { max-width:100%; width:80vw; height:auto; border:8px solid #FFFFFF; animation:zoom 0.5s ease-in-out; position:relative; }
#conception .imagen2 a:nth-child(2)::after {content:"X"; width:40px; height:40px; line-height: 40px; text-align:center; font-size:2em; border-radius:50%; background:#1395AD; color:#FFFFFF; position:absolute; top:2vh; left:2vw; z-index:20; }
#conception .imagen2 a:hover:nth-child(2)::after { color:#FF6600; }
#conception .imagen2 a:nth-child(2) { margin:0; height:100%; }
#conception .ant2, #conception .sig2 { width:0px; height:0px; border:20px solid transparent; }
#conception .ant2 { border-right:20px solid #1395AD; }
#conception .sig2 { border-left:20px solid #1395AD; }
#conception .ant2:hover { border-right:20px solid #FF6600 ; }
#conception .sig2:hover { border-left:20px solid #FF6600 ; }
#conception #tleft2 { display:block; width:100%; font-size:0.8rem; text-align:center; padding-top:0.5rem; }
#conception #vue3d { margin:auto; text-align:center; }
#conception #vue3d span { display:block; margin:2em 0 2em 0; }
#conception #vue3d a { padding:0.5rem 1rem; border-radius:20px; background-color:#FF6600; color:#FFFFFF; font-weight:bold; }
#conception #vue3d a:hover { background-color:#1395AD; }
#renovation { padding-bottom:2rem; }
#renovation h1 { background:#3C3C3C; text-align:center; padding:1rem 0; border-radius:20px; color:#1395AD; margin-bottom:2rem; }
#renovation p { text-indent:0; text-align:justify; }
#renovation ul { margin-left:2rem; }
#renovation div#comparison1 { width:100%; height:60vw; max-width:1080px; max-height:650px; overflow:hidden; border-radius:20px; margin-top:1em; }
#renovation div#comparison1 figure { background-image:url(/media/IMG-20230819-WA0007.webp); background-size:cover; position:relative; font-size:0; width:100%; height:100%; margin:0; }
#renovation div#comparison1 figure > img { position:relative; width:100%; }
#renovation div#comparison1 figure div { background-image:url(/media/IMG-20230819-WA0005.webp); background-size:cover; position:absolute; width:50%; overflow:hidden; bottom:0; height:100%; border-right:3px solid #1395AD; }
#renovation div#comparison1 input[type=range] { -webkit-appearance:none; -moz-appearance:none; position:relative; top:-50%; left:-6px; background-color:rgba(255,255,255,0); width:102%; }
@media all and (min-width:800px) {
   #renovation div#comparison1 input[type=range] { left:-12px; }
}
#renovation div#comparison1 input[type=range]:focus { outline:none; }
#renovation div#comparison1 input[type=range]:active { outline:none; }
#renovation div#comparison1 input[type=range]::-moz-range-track { -moz-appearance:none; height:15px; width:98%; background-color:rgba(255,255,255,0); position:relative; outline:none; }
#renovation div#comparison1 input[type=range]:active { border:none; outline:none; }
#renovation div#comparison1 input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:30px; height:30px; background:#1395AD; border-radius:50%; }
#renovation div#comparison1 input[type=range]::-moz-range-thumb { -moz-appearance:none; width:30px; height:30px; background:#1395AD; border-radius:50%; border:none; }  
#renovation #desc1 { display:block; text-align:center; font-size:0.8rem; padding-top:0.5rem; }
#renovation div#comparison2 { width:100%; height:60vw; max-width:1080px; max-height:650px; overflow:hidden; border-radius:20px; margin-top:1em; }
#renovation div#comparison2 figure { background-image:url(/media/IMG_20231122_140706.webp); background-size:cover; position:relative; font-size:0; width:100%; height:100%; margin:0; }
#renovation div#comparison2 figure > img { position:relative; width:100%; }
#renovation div#comparison2 figure div { background-image:url(/media/IMG_20231122_140620.webp); background-size:cover; position:absolute; width:50%; overflow:hidden; bottom:0; height:100%; border-right:3px solid #1395AD; }
#renovation div#comparison2 input[type=range] { -webkit-appearance:none; -moz-appearance:none; position:relative; top:-50%; left:-6px; background-color:rgba(255,255,255,0); width:102%; }
@media all and (min-width:800px) {
   #renovation div#comparison2 input[type=range] { left:-12px; }
}
#renovation div#comparison2 input[type=range]:focus { outline:none; }
#renovation div#comparison2 input[type=range]:active { outline:none; }
#renovation div#comparison2 input[type=range]::-moz-range-track { -moz-appearance:none; height:15px; width:98%; background-color:rgba(255,255,255,0); position:relative; outline:none; }
#renovation div#comparison2 input[type=range]:active { border:none; outline:none; }
#renovation div#comparison2 input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:30px; height:30px; background:#1395AD; border-radius:50%; }
#renovation div#comparison2 input[type=range]::-moz-range-thumb { -moz-appearance:none; width:30px; height:30px; background:#1395AD; border-radius:50%; border:none; } 
#renovation #desc2 { display:block; text-align:center; font-size:0.8rem; padding-top:0.5rem; }
#renovation div#comparison3 { width:100%; height:60vw; max-width:1080px; max-height:650px; overflow:hidden; border-radius:20px; }
#renovation div#comparison3 figure { background-image:url(/media/3-IMG_20240620_185010.webp); background-size:cover; position:relative; font-size:0; width:100%; height:100%; margin:0; }
#renovation div#comparison3 figure > img { position:relative; width:100%; }
#renovation div#comparison3 figure div { background-image:url(/media/5-IMG_20240604_083038.webp); background-size:cover; position:absolute; width:50%; overflow:hidden; bottom:0; height:100%; border-right:3px solid #1395AD; }
#renovation div#comparison3 input[type=range] { -webkit-appearance:none; -moz-appearance:none; position:relative; top:-50%; left:-6px; background-color:rgba(255,255,255,0); width:102%; }
@media all and (min-width:800px) {
   #renovation div#comparison3 input[type=range] { left:-12px; }
}
#renovation div#comparison3 input[type=range]:focus { outline:none; }
#renovation div#comparison3 input[type=range]:active { outline:none; }
#renovation div#comparison3 input[type=range]::-moz-range-track { -moz-appearance:none; height:15px; width:98%; background-color:rgba(255,255,255,0); position:relative; outline:none; }
#renovation div#comparison3 input[type=range]:active { border:none; outline:none; }
#renovation div#comparison3 input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:30px; height:30px; background:#1395AD; border-radius:50%; }
#renovation div#comparison3 input[type=range]::-moz-range-thumb { -moz-appearance:none; width:30px; height:30px; background:#1395AD; border-radius:50%; border:none; } 
#renovation #desc3 { display:block; text-align:center; font-size:0.8rem; padding-top:0.5rem; }
#renovation .galerie1 { max-width:100%; line-height:0; display:flex; flex-wrap:wrap; justify-content:space-around; }
#renovation .item1 { width:49%; }
#renovation .item1 img { max-width:100%; height:auto; border-radius:20px; }
#renovation .item1 img:hover { cursor:pointer; }
#renovation .modal1 { display:none; z-index:10; }
#renovation .modal1:target { display:block; position:fixed; top:0; left:0; width:100vw; height:100%; display:flex; background-color:rgba(0,0,0,0.6); }
#renovation .imagen1 { margin:auto; width:100%; display:flex; justify-content:center; align-items:center; }
#renovation .imagen1 a { margin:0 4px; }
#renovation .imagen1 img { max-width:100%; width:80vw; height:auto; border:8px solid #FFFFFF; animation:zoom 0.5s ease-in-out; position:relative; }
#renovation .imagen1 a:nth-child(2)::after {content:"X"; width:40px; height:40px; line-height: 40px; text-align:center; font-size:2em; border-radius:50%; background:#1395AD; color:#FFFFFF; position:absolute; top:2vh; left:2vw; z-index:20; }
#renovation .imagen1 a:hover:nth-child(2)::after { color:#FF6600; }
#renovation .imagen1 a:nth-child(2) { margin:0; height:100%; }
#renovation .ant1, #renovation .sig1 { width:0px; height:0px; border:20px solid transparent; }
#renovation .ant1 { border-right:20px solid #1395AD; }
#renovation .sig1 { border-left:20px solid #1395AD; }
#renovation .ant1:hover { border-right:20px solid #FF6600 ; }
#renovation .sig1:hover { border-left:20px solid #FF6600 ; }
#renovation #tleft1, #renovation #tright1 { display:inline-block; width:49%; font-size:0.8rem; text-align:center; }
#tarifs h1 { background:#3C3C3C; text-align:center; padding:1rem 0; border-radius:20px; color:#1395AD; margin-bottom:2rem; }
#tarifs p { text-indent:0; text-align:justify; }
#tarifs .titro { text-align:center; color:#FF6600; font-weight:bold; }
#tarifs .ceterh { text-align:center; }
#tarifs .ceterl { text-align:left; font-size:0.7rem; color:#8F8F8F; }
#contact { padding-top:1rem; }
#contact h1 { background:#3C3C3C; text-align:center; padding:1rem 0; border-radius:20px; color:#1395AD; margin-bottom:2rem; }
#contact p { text-align:center; text-indent:0; }
#contact p a { font-size:1.2rem; font-weight:bold; color:#1395AD; }
#contact p a:hover { color:#FF6600; }
#contact .icon-fone:after { content:"\f095"; }
#contact .icon-mail:after { content:"\f0e0"; }
#contact .icon-fone, #contact .icon-mail { font:1.6rem "Font Awesome 6 Free"; display:inline-block; margin-right:0.8rem; }
#contact .alert { color:#FF6600; font-weight:bold; text-align:center; text-indent:0; margin-top:0.5rem; }
#contact .sociaux { text-align:center; text-indent:0; }
#contact .sociaux a { color:#1395AD; }
#contact .sociaux a:hover { color:#FF6600; }
#contact .sociaux .icon-inst:after { content:"\f16d"; }
#contact .sociaux .icon-tktk:after { content:"\e07b"; }
#contact .sociaux .icon-fcbk:after { content:"\f09a"; }
#contact .sociaux .icon-whap:after { content:"\f232"; }
#contact .sociaux .icon-inst, #contact .sociaux .icon-tktk, #contact .sociaux .icon-fcbk, #contact .sociaux .icon-whap { font:2rem "Font Awesome 6 Brands"; display:inline-block; margin:1rem; }
.contact div { border-radius:20px; }
.contact iframe { width:100%; height:500px; border-radius:20px; }
#mention h1 { background:#3C3C3C; text-align:center; padding:1rem 0; border-radius:20px; color:#1395AD; margin-bottom:1rem; }
#mention h2 { margin:1rem; color:#1395AD; }
#mention p { text-indent:0; }
#mention ul { margin-left:2rem; }
#mention fieldset { border-radius:20px; border:1px solid #FF6600; padding:1em 0; background-color:rgba(255,102,0,0.2); }
#mention a { color:#FF6600; font-weight:bold; }
#mention a:hover { color:#1395AD; }
#mention #personne p { text-indent:2rem; }
#mention #faker { color:#3C3C3C; cursor:text; font-weight:normal; }
#rdv { padding-top:1rem; text-align:center; }
footer { margin-top:1rem; text-align:center; color:#3C3C3C; font-size:0.8rem; }
footer a { color:#1395AD; }
footer a:hover { transition:all 0.25s; color:#FF6600; }
@media all and (min-width:800px) {
   footer { font-size:1rem; }
}
.docs { min-width:260px; max-width:1080px; margin:auto; text-align:center; padding:1rem 0; }
.docs img { width:200px; border:solid 1rem #3C3C3C; margin:1rem auto; border-radius:20px; }
.docs p { margin-top:1rem; }
.docs a { color:#FF6600; }
.docs a:hover { transition:all 0.25s; color:#1395AD; }