/* 1. RESET (ex skel.css) */
a,abbr,acronym,address,applet,big,blockquote,body,cite,code,del,dfn,div,em,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}

/* 2. STYLE de base */
@font-face {font-family: 'Yanone Kaffeesatz';font-style: normal;font-weight: 200;font-display: swap;src: url('/fonts/yanone-kaffeesatz-v32-latin-200.woff2') format('woff2');}
@font-face {font-family: 'Yanone Kaffeesatz';font-style: normal;font-weight: 300;font-display: swap;src: url('/fonts/yanone-kaffeesatz-v32-latin-300.woff2') format('woff2');}
@font-face {font-family: 'Yanone Kaffeesatz';font-style: normal;font-weight: 400;font-display: swap;src: url('/fonts/yanone-kaffeesatz-v32-latin-regular.woff2') format('woff2');}

#content-wrapper {overflow: hidden;line-height: 1.95; /* Hauteur stable pour tout le contenu interne */ background-color: #f7f7f7; background-image: url('images/background-content.png');}

body{background:#D4D9DD;}
body, input, textarea, select, .titre-bloc {color:#474f51;font-size:13.5pt;font-family:'Yanone Kaffeesatz';line-height:1.8em;}
p,a {font-family:'Helvetica';font-size:15.5px;}

#header .logo {display: inline-block;vertical-align: middle;width: 448px;height: 86px;height: auto !important;}

#content strong{font-weight:bold;}
#content em{font-style:italic;}
#content p{margin:0 0 10px 0;padding-top:0;padding-bottom:0;}
#content h2{line-height:1.5em;margin:0.7em 0;}
.simple-liste li{margin-left:1em;list-style-type:disc;}
.sautdeligne{padding-top:1em;}
.titre-bloc {text-align:center;}
.titre-rubrique{padding-bottom:15px;}

ul, ol, p, dl{margin:0 0 1.5em 0;}
/* Suppression de certains bullets */
#content ul, #content ol, #footer ul, #footer ol {list-style: none !important;padding-left: 0 !important;margin-left: 0 !important;}

a{text-decoration:underline;}
a:hover{text-decoration:none;}
#content a{color:#ED391B;}
#sidebar a{color:#ED391B;}

section >:last-child, .last-child{margin-bottom:0 !important;}

.link-list li{padding:0.2em 0 0.2em 0;}
.link-list li:first-child{padding-top:0 !important;border-top:0 !important;}
.link-list li:last-child{padding-bottom:0 !important;border-bottom:0 !important;}
#content .link-list li{border-bottom:solid 1px #e2e6e8;}
#footer .link-list li{border-top:solid 1px #e0e4e6;border-bottom:solid 1px #b5bec3;}
.quote-list li{padding:1em 0 1em 0;overflow:hidden;}
.quote-list li:first-child{padding-top:0 !important;border-top:0 !important;}
.quote-list li:last-child{padding-bottom:0 !important;border-bottom:0 !important;}
.quote-list li img{float:left; margin-right:10px;}
.quote-list li p{margin:0 0 0 90px;font-style:italic;}
.quote-list li span{display:block;margin-left:90px;font-size:0.9em;font-weight:400;}
#content .quote-list li{border-bottom:solid 1px #e2e6e8;}
#footer .quote-list li{border-top:solid 1px #e0e4e6;border-bottom:solid 1px #b5bec3;}

.check-list li {padding: 0.7em 0 0.7em 35px;font-size: 1em;position: relative;border-bottom: solid 1px #e2e6e8;}
.check-list li::before {content: '✔';position: absolute;left: 0;color: #ed391b;font-size: 1.4em;top: 0.3em;}
.check-list li:first-child{padding-top:10 !important;border-top: !important;background-position:0 0.3em;}
.check-list li:last-child{padding-bottom:10 !important;border-bottom:0 !important;}

#content .check-list li{border-bottom:solid 1px #e2e6e8;}
#footer .check-list li{border-top:solid 1px #e0e4e6;border-bottom:solid 1px #b5bec3;}

.bordered-feature-image{display:block;background:#fff;padding:3px;box-shadow:3px 3px 3px 1px rgba(0,0,0,0.15);}

.button-big{width: 490px;text-align:center;display:inline-block;background:#ed391b;background:linear-gradient(to bottom,#ed391b,#ce1a00);color:#fff;text-decoration:none;font-family:'Yanone Kaffeesatz',sans-serif;font-size:1.75em;font-weight:300;line-height:1.1;padding:12px 0;outline:0;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.75),inset 0 2px 0 0 rgba(255,192,192,.5),inset 0 0 0 2px rgba(255,96,96,.85),3px 3px 3px 1px rgba(0,0,0,.15);text-shadow:-1px -1px 1px rgba(0,0,0,.5);transition:background .2s ease}
.button-big:hover{background:#fd492b;background:linear-gradient(to bottom,#fd492b,#de2a10);text-decoration:none}
.button-big:active{background:#ce1a00;background:linear-gradient(to bottom,#ce1a00,#ed391b)}
.button-big a{color:#fff;text-decoration:none;font-family:inherit;font-size:1em;display:inline;}
.button-big a:hover{text-decoration:underline}

.button-cta{display:inline-block;background:#ed391b;color:#fff;text-decoration:none;font-size:1em;font-weight:300;padding:5px 60px 5px 60px;margin:15px 0 15px 0;outline:0;border-radius:10px;box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);background-image:-moz-linear-gradient(top, #ed391b, #ce1a00);background-image:-webkit-linear-gradient(top, #ed391b, #ce1a00);background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed391b), to(#ce1a00));background-image:-ms-linear-gradient(top, #ed391b, #ce1a00);background-image:-o-linear-gradient(top, #ed391b, #ce1a00);background-image:linear-gradient(top, #ed391b, #ce1a00);text-shadow:-1px -1px 1px rgba(0,0,0,0.5);}
#content .button-cta a{color:#fff;text-decoration:none;font-size:1em;}
#content .button-cta a:hover{text-decoration:underline;}

.inline-center{text-align:center;}

/*
div.contact-fond{width:80%;background-color:#f4f4f4;border:1px solid #287CB1;padding:5px;margin:0px auto;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
div.contact{padding-top:10px;width:100%;}
div.contact span.label{text-align:right;vertical-align:top;}
div.contact span.formw{text-align:left;vertical-align:top;}
textarea{display:block;width:90%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
*/

.box {text-align:center;}
div.box img{max-width:100%;height:auto;margin-left:auto;margin-right:auto;border:0px;border-radius:10px;}

.imgleftfloat img{float:left;margin-right:10px;max-width:100%;}

.villes {text-align:center;}
div.villes p,active{line-height:1em;text-decoration:underline;color:#ED391B;}
div.villes img{max-width:100%;height:auto;margin-left:auto;margin-right:auto;border:0px;border-radius:10px;}
.villes li {padding-bottom:20px;}
.villes li:last-child {padding-bottom:0px;}

#popcontact {position:fixed;bottom:0;right:0;}
.popc-envelop {font-size:1.5em; vertical-align:-0.1em}
.popc-button {display: inline-block; position:relative; padding:0 0.4em 0em 0.4em; text-align:center;}
.popc-button, .popc-button:link, .popc-button:visited, .popc-button:hover, .popc-button:active {text-decoration:none;}
.popc-widget {font-family:Lucida Grande,Arial,sans-serif; font-size:0.75em; border:1px solid #c5dbec; background:#b02b2c; font-weight:bold; color:#ffffff;}
.popc-corner {-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -khtml-border-top-left-radius:5px; border-top-left-radius:5px;}
.popc-corner {-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -khtml-border-top-right-radius:5px; border-top-right-radius:5px;}
.popc-corner {-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -khtml-border-bottom-left-radius:5px; border-bottom-left-radius:5px;}
.popc-corner {-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -khtml-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}



/* 3. RESPONSIVE - DESKTOP */
@media screen and (min-width: 1201px) {
body{min-width:1200px;}
.row {margin-left: -15px !important;}
.row > * {padding-left: 25px !important;}
section:last-child{margin-bottom:0 !important;}
#header-wrapper{background:#3B4346 url('images/background-header.jpg');border-bottom:solid 1px #272d30;box-shadow:inset 0px -1px 0px 0px #51575a;text-shadow:-1px -1px 1px rgba(0,0,0,0.75);}

#content-wrapper{border-top:solid 1px #fff;padding:45px 0 45px 0;}
#footer-wrapper{padding:45px 0 45px 0;text-shadow:1px 1px 1px rgba(255,255,255,1);}

#header{min-height:86px;position:relative;}
#header img{position:absolute;left:0;bottom:0px;}
#header nav{position:absolute;right:0;bottom:25px;font-weight:200;}
#header nav a{color:#c6c8c8;text-decoration:none;font-size:1.1em;margin-left:35px;outline:0;}
#header nav a:hover{color:#f6f8f8;}
#banner{border-top:solid 1px #222628;box-shadow:inset 0px 1px 0px 0px #3e484a;padding:20px 0 20px 0;color:#fff;}
#banner .bordered-feature-image{margin-bottom:0;}
#banner h1{font-size:2em;font-weight:200;line-height:1.25em;padding-right:1em;margin:0 0 1em 0;}

#content section{background:#fff;padding:10px 10px 10px 10px;box-shadow:2px 2px 2px 1px rgba(128,128,128,0.1);margin:0 0 10% 0;}
#content h2,.titre-bloc{font-size:1.6em;color:#373f42;margin:0 0 0.25em 0;line-height:1.2em;}
#content h3{color:#96a9b5;font-size:1.25em;line-height:1.1em;}
#content header{margin:0 0 1em 0;}
#footer{color:#546b76;text-shadow:1px 1px 0px rgba(255,255,255,0.5);}
#footer h2{font-size:1.25em;color:#212f35;margin:0 0 1em 0;}
#footer a{color:#546b76;}
#copyright{border-top:solid 1px #b5bec3;box-shadow:inset 0px 1px 0px 0px #e0e4e7;text-align:center;padding:45px 0 80px 0;color:#8d9ca3;text-shadow:1px 1px 0px rgba(255,255,255,0.5);}
#copyright a{color:#8d9ca3;}
.popc-msg-mobile{display:none;}
}

/* 4. RESPONSIVE - MOBILE / TABLETTE */
@media screen and (max-width: 1200px) {

/* 1. On transforme la ligne en conteneur vertical (Flexbox) */
.row {display: flex !important;flex-direction:column !important;margin-left: 0 !important;}
/* 2. On gère toutes les colonnes Skel (1u à 12u) */
.row > * {width: 100% !important;float: none !important;margin-left: 0 !important;padding-left: 0 !important;padding-top: 0px !important; /* Espace entre les blocs empilés */}
/* 3. On fait remonter le bloc principal (important) tout en haut */
.row > div[class*="important"] {order: -1 !important; margin:10px 0 10px 0 !important;}
/* 4. On s'assure que le conteneur ne dépasse pas de l'écran */
.container {width: 100% !important;max-width: 100% !important;padding: 0 10px !important;}
/* espace entre chaque bloc issus des colonnes */
#content section {margin-bottom:20px!important;}

body, input, textarea, select{font-size:13pt;line-height:1.4em;}

.button-big{width:100%;display: block;font-size:1.5em;padding:10px 35px}
.button-big a {display: block;}
.link-list li{padding:0.75em 0 0.75em 0;}
.quote-list li{}
.quote-list li p{margin-bottom:0.5em;}
.check-list li{font-size:1em;}

#header-wrapper {background: #2E3236; /* secours */ background: linear-gradient(to bottom, #1f262d 0%, #3b4346 70%, #676c6f 100%); /* Effet de relief en bas du header */ box-shadow: inset 0px -1px 0px 0px #272d30; text-shadow: -1px -1px 1px rgba(0,0,0,0.75);}
#header {padding-top: 50px !important; text-align: center; min-height: 150px; /* Espace pour logo + menu mobile */}
#header .logo {width: 390px;max-width: 100%;height: auto !important;margin: 0 auto;display: block;}

#nav{display:none;}

#banner{position:relative;color:#fff;text-align:center;padding:0px 15px 10px 15px;min-height: 175px;}
#banner .bordered-feature-image, .bordered-feature-image-index {display:none;}
#banner h1{font-size:1.25em;font-weight:300;line-height:1.25em;margin:0 0 1em 0;}

#content-wrapper {padding: 5px;}
#content section{background:#fff;box-shadow:inset 0px 0px 0px 1px rgba(128,128,128,0.2);padding:30px 15px 30px 15px;margin:0 0 5px 0;}
#content h2,.titre-bloc{font-size:1.25em;color:#373f42;margin:0 0 0.1em 0;}
#content h3{font-size:1.2em;margin-bottom:0.5em}
#content a{color:#ED391B;}
#content header{margin:0 0 1.25em 0;}

#footer-wrapper{padding:40px 15px 15px 15px;text-shadow:1px 1px 1px rgba(255,255,255,1);}
#footer{color:#546b76;text-shadow:1px 1px 0px rgba(255,255,255,0.5);}
#footer section{margin:0 0 40px 0;}
#footer h2{font-size:1.25em;color:#212f35;margin:0 0 0.75em 0;}
#footer a{color:#546b76;}
#footer .link-list{margin:0 0 30px 0 !important;}

#copyright{border-top:solid 1px #b5bec3;box-shadow:inset 0px 1px 0px 0px #e0e4e7;text-align:center;padding:20px 30px 20px 30px;color:#8d9ca3;text-shadow:1px 1px 0px rgba(255,255,255,0.5);}
#copyright a{color:#8d9ca3;}

#titleBar{color:#fff;background:url('images/background-menu-mobile.jpg');box-shadow:inset 0px -20px 70px 0px rgba(200,220,245,0.1), inset 0px -1px 0px 0px rgba(255,255,255,0.1), 0px 1px 7px 0px rgba(0,0,0,0.6);text-shadow:-1px -1px 1px rgba(0,0,0,0.75);}
#titleBar .title{display:block;text-align:center;font-size:1.2em;font-weight:400;line-height:44px;}
#titleBar .toggle{position:absolute;left:0;top:0;width:80px;height:60px;}
#titleBar .toggle:after{content:'';display:block;position:absolute;top:6px;left:6px;color:#fff;background:rgba(255,255,255,0.025);box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.1), inset 0px 0px 0px 1px rgba(255,255,255,0.05), inset 0px -8px 10px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.25);text-shadow:-1px -1px 1px rgba(0,0,0,1);width:49px;height:31px;border-radius:8px;}
#titleBar .toggle:before{content:'';position:absolute;width:20px;height:30px;background:url('images/mobileUI-site-nav-opener-bg.svg');top:15px;left:20px;z-index:1;opacity:0.25;}
#titleBar .toggle:active:after{background:rgba(255,255,255,0.05);}

#navPanel{background:url('images/background-menu-mobile.jpg');box-shadow:inset -1px 0px 0px 0px rgba(255,255,255,0.25), inset -2px 0px 25px 0px rgba(0,0,0,0.5);text-shadow:-1px -1px 1px rgba(0,0,0,1);}
#navPanel .link{display:block;color:#fff;text-decoration:none;font-size:1.25em;line-height:2em;padding:0.5em 1.5em 0.5em 1.5em;border-top:solid 1px #373d40;border-bottom:solid 1px rgba(0,0,0,0.4);}
#navPanel .link:first-child{border-top:0;}
#navPanel .link:last-child{border-bottom:0;}

#bloc-rubriques,#bloc-facebook,#bloc-depannage-a-distance{display:none;}
div.contact-fond{width:100%;}
.popc-msg-desktop{display:none;}

.imgleftfloat img{float:none;display:block;margin-left:auto;margin-right:auto;}
}