@charset "UTF-8";
/***!  /templates/spiraleconseils/css/template.css?7c59db  !***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,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,main{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;line-height:1;margin:0 auto}*,*:before,*:after{box-sizing:border-box}ol,ul{list-style:none}blockquote,q{quotes:none}h1,h2,h3,h4,h5,h6,.title{margin:1em 0;font-weight:400;line-height:1.2em;font-family:'Slabo 13px',serif;letter-spacing:0.04em}h1{font-size:2.2em}h2{font-size:1.8em}h3{font-size:1.5em}h4{font-size:1.3em}h5{font-size:1.2em}h6{font-size:1.1em}img{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none}svg{display:block}em,.italic{font-style:italic;font-weight:300}strong,.bold{font-weight:600}p{line-height:1.2em;margin:1.2em auto}.petit{font-size:0.8em}h1 .petit,h2 .petit,h3 .petit,h4 .petit,h5 .petit{font-family:'Open Sans',sans-serif;font-size:16px}.upper{text-transform:uppercase}.slabo,#homePage .blc2 .blocTxtWrap .blocTxt a,#homePage .blc3 .fullWidthTxt a{font-family:'Slabo 13px',serif;font-weight:400}body{background:#fff;color:#000}svg{fill:#000;fill:currentColor}.blueBG,.blocTitle>*::before{background-color:rgba(146,165,165,0.95);color:#fff}.darkBlueBG,.alert{background-color:rgba(123,144,144,.95);color:#fff}.pinkBG,#homePage .blc4 .blocTxt{background-color:rgba(105,69,89,0.90);color:#fff}.pink{color:rgba(105,69,89,1)}#page{max-width:100%;overflow:hidden}.wide{max-width:800px;width:100%}.narrow{max-width:500px;width:100%}.fullWidth{width:100%}#system-message-container{margin:0 10%;padding-top:10%}.alert{padding:40px}.alert .close{display:none}.alert h4{margin-top:0}#system-message-container+article .articleBody .fullWidthIntro{margin-top:0}article ul{list-style-type:none;line-height:1.2em;margin:1.2em auto 1.2em 1.2em}article ul li,.menu>li{position:relative;list-style-type:none;line-height:1.2em;margin:.5em auto}article ul li::before,.menu>li::before{content:'';position:absolute;left:0;top:0;width:.4em;height:0.7em;margin:0 .5em 0 -1.2em;border-bottom:1px solid}article ul.boussole li,.menu>li{font-size:1.2em;margin:1em auto}article ul.boussole li::before,article ul li::before,.menu>li::before{content:url('https://www.spiraleconseils.fr/templates/spiraleconseils/images/boussole.svg');width:1em;height:1em;margin:.1em .5em 0 -1.2em;border-bottom:none}article ul li::before{content:url('https://www.spiraleconseils.fr/templates/spiraleconseils/images/spirale.svg')}.menu>li::before{content:url('https://www.spiraleconseils.fr/templates/spiraleconseils/images/boussole_pink.svg')}.underline::after,#homePage .blc4 h2::after{content:'';display:block;width:150px;border-bottom:1px solid}.bouton{font-size:1.2em;margin:1.8em auto}.bouton a,button.bouton{position:relative;display:block;width:100%;max-width:500px;padding:20px 50px;text-transform:uppercase;text-align:center;z-index:1}.bouton a::before,button.bouton::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://www.spiraleconseils.fr/templates/spiraleconseils/images/button.png');background-size:cover;z-index:-1;opacity:0.9;transition:transform .2s,opacity .2s;transform-origin:0 50%}.bouton a:hover::before{transform:scale(1.01,1);opacity:1}#menu{position:fixed;top:40px;left:40px;margin-top:1.28em;height:40px;background:#fff;z-index:150;display:flex;align-items:center}#menu .logo{position:relative;margin:0.4em 20px 0 0;z-index:5}#burger{position:relative;width:25px;font-size:8px;text-align:center;margin:0 20px;z-index:5}#burger div{width:100%;border-top:1px solid}#burger .middle{margin:5px 0}#burger span{display:block;margin:5px 0 -5px}#menu .logo svg{width:250px;height:60px}#menuSlide{position:absolute;left:0;top:0;background:inherit;visibility:hidden;opacity:0;z-index:2;padding:50px 20px 20px;background-image:url('https://www.spiraleconseils.fr/templates/spiraleconseils/images/menu_bg.png');background-size:auto 100%;background-position:center;background-repeat:no-repeat;box-shadow:5px 5px 30px 0 rgba(0,0,0,.6);-webkit-transition:opacity .5s;transition:opacity .5s}#menuSlide.visible{visibility:visible}#menuSlide.open{opacity:1}.menu>li{margin-left:1em}.menu>li>a,.menu>li>span{font-family:'Slabo 13px',serif;font-weight:400}.menu>li>ul{font-size:0.8em;line-height:1.2em}.menu>li>ul>li{margin:0.25em auto}.menu .item-102{margin-bottom:0.25em}.menu .item-108{margin-top:0.25em}#page{position:relative}article p a{position:relative}article p:not(.bouton) a::after{content:'';position:absolute;bottom:0;right:0;width:100%;height:3px;background-color:rgba(105,69,89,0.5)}.homeScreen{position:relative;display:flex;flex-direction:column;justify-content:center;height:80vh;overflow:hidden}.homeScreen img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.homeScreen h2{margin:0;position:relative;z-index:2;color:#fff;margin-left:50%;margin-bottom:1.1em;line-height:.9em}.homeScreen h2.underline::after{width:60px;border-bottom-width:2px;margin-top:0.3em;opacity:0.8}.homeScreen::after{content:'';height:20vh}#homePage .blocTitle>*{font-size:2.3em}#homePage .blc2{align-items:stretch}#homePage .blc2 .blocTitle>*{margin-left:45%;width:40%}#homePage .blc2 .blocImg{width:50%}#homePage .blc2 .blocTxtWrap{margin-left:-5%;width:40%}#homePage .blc2 .blocTxtWrap .blocTxt{height:100%}#homePage .blc2 .blocTxtWrap .blocTxt a{font-size:1.3em}#homePage .blc3{overflow:hidden}#homePage .blc3 .blocTitle>*{text-align:right}#homePage .blc3 .blocTxtWrap .blocTxt{font-size:1.2em;text-align:justify}#homePage .blc3 .blocImg img{position:absolute}#homePage .blc3 .fullWidthTxt{position:relative;margin:40px auto;font-size:1.2em;z-index:5}#homePage .blc4{align-items:center}#homePage .blc4 .blocImg{width:70%;margin:0}#homePage .blc4 .blocTxtWrap{width:40%;margin-left:-25%;font-size:1.2em}#homePage .blc4 h2{line-height:0.7em}#homePage .blc4 h2::after{width:50px;margin-top:0.3em;border-bottom-width:2px;opacity:0.8}.bloc{margin:80px auto;display:flex;flex-wrap:wrap;align-items:flex-start;clear:both}.blocTitle{position:relative;width:100%}.blocTitle>*{position:relative;margin:0;padding:20px 50px;margin-left:30%}.blocTitle>*::before{content:'';position:absolute;width:100%;left:0;top:-40px;bottom:0;z-index:-1}.blocTxtWrap{position:relative;width:70%;display:flex;align-items:flex-start;z-index:2}.blocTxt{padding:40px 50px}.blocTxt>*:first-child,.blocTxt>ul:first-child>li{margin-top:0}.blocImg{position:relative;width:30%;z-index:1}.blocImg:first-child{margin-top:5em}.blocImg .quote{position:absolute;left:0;top:0;margin:40px 50px;font-size:1.5em;max-width:22em;padding-left:3em;color:#fff}.blocImg .quote::before{content:'"';font-size:5em;position:absolute;left:0;top:0;line-height:0.7em}.blocImg .quoteAuth{display:flex;align-items:center;margin-top:1em;font-style:normal;font-size:0.5em}.blocImg .quoteAuth::before{content:'';flex:1;margin-right:1.5em;border-bottom:1px solid;opacity:0.5}.fullWidthTxt{width:100%}.fullWidthTxt>*{width:100%;max-width:700px;margin:50px auto}.blocOdd .blocTxtWrap{width:calc(50% + 40px)}.blocOdd .blocTxtWrap .blocTxt,.blocOdd .blocTitle>*{width:100%;max-width:700px;margin-left:auto}.blocOdd .blocImg{position:relative;width:calc(50% - 40px);z-index:1}.blocOdd .blocImg img{max-width:110%;margin-left:-10%}.blocOdd .blocTitle{display:flex;justify-content:flex-end;padding-right:calc(50% - 40px)}.blocOdd .blocTxtWrap{justify-content:flex-end}.introFullText>*:first-child{margin-top:0}.defaultIntro{margin-top:40px}.defaultIntro .blocTxt{display:flex;flex-wrap:wrap}.defaultIntro .introIntroText{width:100%;margin:0;font-size:1.2em}.defaultIntro .introIntroText::after{content:'';display:block;width:150px;border-bottom:1px solid;margin:30px 0}.defaultIntro .introFullText{max-width:70%}.defaultIntro .secondImg{width:30%;padding-left:40px}.defaultIntro .secondImg img{max-width:160%}.fullWidthIntro{margin:10% auto 4% 35%;flex-direction:column}.fullWidthIntro .blocTitle{padding:0}.fullWidthIntro .blocTitle>*::before{content:none;display:none}.fullWidthIntro .blocTitle>*{padding:0;margin:0}.fullWidthIntro .introIntroText{max-width:750px;font-size:1.6em;margin:0 0 1.2em}.fullWidthIntro .blocTxtWrap{width:auto;max-width:750px}.fullWidthIntro .blocImg{position:absolute;top:0;left:0;width:100%;max-height:700px;z-index:-1;overflow:hidden}#contact-form legend{display:none}#contact-form .field-spacer .text{display:none}#contact-form .star{display:none}.form-validate .input,.form-validate .control-group{display:flex;position:relative}.form-validate .input label,.form-validate .control-label{width:150px;line-height:1.8em;padding:0.1em 0;margin:0.2em 0}.form-validate .controls{flex:1}.form-validate input,.form-validate textarea{flex:1;padding:0 5px;background:transparent;color:inherit;font:inherit;border:1px solid #ccc;line-height:1.8em;padding:0.1em 0.5em;margin:0.2em 0;width:100%}.form-validate input:focus,.form-validate textarea:focus{border-color:#fff}.has-danger form-validate input,.has-danger .form-validate textarea{border-color:rgba(105,69,89,1)}.form-validate .control-group .form-control-feedback{position:absolute;right:0;top:0;height:100%;font-size:.8em;color:rgba(105,69,89,1);display:flex;align-items:center;pointer-events:none}.form-validate .control-group #jform_contact_message-lbl .form-control-feedback{align-items:flex-start;top:.5em}.form-validate button[type="submit"]{margin:0.5em 0 0.5em 150px;padding:.5em 1em;line-height:1em;max-width:none;width:auto;font:inherit;color:#fff;background-color:rgba(105,69,89,0.90);cursor:pointer;border:none;outline:none;box-shadow:none}@media screen and (max-width:490px){.form-validate .control-group{display:block}.form-validate .control-group .form-control-feedback{align-items:flex-start;top:.2em;height:auto}.form-validate .input label,.form-validate .control-label{width:100%}.form-validate button[type="submit"]{margin-left:0}}#footer{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;max-width:1000px;margin:10% auto 0;clear:both}.footerTitle{position:relative;width:100%;height:35px;display:flex;justify-content:space-between;align-items:center;margin:0 0 2em 0}.footerTitle>svg{width:300px;height:72px}.footerTitle>em{width:50%;font-size:1.2em}.footerTitle::after{content:'';position:absolute;bottom:0;left:0;right:-300%;border-bottom:1px solid}.footerInfo p:first-child{margin-bottom:2em}.footerInfo>*,.footerMenu>li{margin:0.25em 0}.footerInfo{font-size:1.1em}.footerMenu{width:50%}.footerMenu>li{margin-left:1em}.footerMenu>li:nth-child(2){margin-bottom:1em}.footerBottom{width:100%;margin-top:3%;;padding:.5em;text-align:center}.footerBottom>*{display:inline-block;margin:0 0.5em}