:root { --bg-color:#2a9e25; --txt-color:#fff;}
html{background-color:var(--bg-color);background-image:url('images/Fonds1.jpg');background-position:top;background-repeat:no-repeat;background-size:cover;height:100vh;}
body {min-height:100vh;}
#pageSite, #suiteSite, #finSite {max-width:1200px;}
#pageSite {min-height:100vh;position:relative;padding-bottom:40px;color:var(--txt-color);}
#finSite {position:absolute;bottom:0;width:100%;max-width:1200px;}
#suiteSite {min-height:100vh;background-color:var(--txt-color);display:none;text-align:center;margin:auto;opacity:0.7;}
#suiteSite i {padding-top:10vw;font-size:10vw !important;color:var(--bg-color);}
.titre {background-color:var(--bg-color) !important;color:var(--txt-color) !important;}
.w3-hover-theme {transition:background-color 1s;}
.w3-theme-sel, .w3-hover-theme:hover, button.w3-hover-theme:hover {color:var(--bg-color) !important;background-color:var(--txt-color) !important;opacity:1.2 !important;}
.w3-theme-ptr {cursor:pointer}
h1 {text-align:center;}
h4 {color:var(--bg-color) !important;background-color:var(--txt-color) !important;padding-left:16px;}
.faq-sec {padding:0;margin:0;color:var(--txt-color);list-style:none;}
.faq-sec li {margin:15px 0px;}
.faq-sec [type="checkbox"] {position:absolute;left:-9999px;}
.faq-sec [type="checkbox"] + label {position:relative;padding-left:75px;cursor:pointer;font-weight:bold;}
.faq-sec [type="checkbox"] + label:before {text-align:center;font-weight:bold;font-size:20px;line-height:28px;position:absolute;color:var(--txt-color);left:0;top:-3px;width:30px;height:30px;background:var(--bg-color);border-radius:10px;transition:background-color .2s;}
.faq-sec [type="checkbox"]:not(:checked) + label:before {content:'+';}
.faq-sec [type="checkbox"]:checked + label:before {background:var(--txt-color);content:'-';color:var(--bg-color);}
.faq-sec [type="checkbox"]:focus + label:before {box-sizing:border-box;margin-top:-1px;}
.faq-sec [type="checkbox"] + label + div {padding-left:76px;}
.faq-sec [type="checkbox"]:not(:checked) + label + div {display:none;}
.faq-sec [type="checkbox"]:checked + label + div {display:block;}
form label {display:inline-block!important;width:200px;}
.w3-round-large{border:1px solid var(--txt-color);}