#header-qsn h1{color:#e5007e;padding-bottom:8px}#header-qsn .paragraph{max-width:550px;padding-bottom:16px}@media screen and (max-width: 768px){#header-qsn .paragraph{max-width:100%}}#header-qsn .column{min-width:350px}#header-qsn .images{position:relative}#header-qsn .images .rellax{position:absolute;width:170px;height:170px}#header-qsn .images .rellax img{width:100%;height:100%;object-fit:cover;border-radius:8px}@media screen and (max-width: 768px){#header-qsn .images .rellax img{border-radius:6px}}#header-qsn .images .rellax.first{top:20%;left:0%}@media screen and (max-width: 992px){#header-qsn .images .rellax.first{top:0%;left:0%}}#header-qsn .images .rellax.second{left:40%;bottom:0%}@media screen and (max-width: 768px){#header-qsn .images .rellax{width:120px;height:120px}#header-qsn .images .rellax.first{left:7%}#header-qsn .images .rellax.second{left:unset;right:7%;bottom:0%}}#header-qsn .images .primary{padding-bottom:50px;padding-left:50px}#header-qsn .images .primary img{display:block;margin-left:auto;width:100%;max-width:547px;max-height:428px;object-fit:cover;border-radius:8px}@media screen and (max-width: 768px){#header-qsn .images .primary img{border-radius:6px}}@media screen and (max-width: 992px){#header-qsn .images .primary{padding-top:50px}}@media screen and (max-width: 768px){#header-qsn .images .primary{padding-left:0;width:100%}#header-qsn .images .primary img{max-width:100%}}@media screen and (max-width: 480px){#header-qsn .images .primary img{max-height:300px}}@media screen and (max-width: 768px){#header-qsn .images{margin-top:24px}}#revolution h2{text-align:center;max-width:880px}#revolution .two-columns{gap:64px}#revolution .two-columns .column{flex:1 1 calc(50% - 32px)}#revolution .two-columns .image img{display:block;width:100%;height:100%;max-height:300px;object-fit:cover;border-radius:8px}@media screen and (max-width: 768px){#revolution .two-columns .image img{border-radius:6px}}@media screen and (max-width: 992px){#revolution .two-columns .image img{max-height:100%}}#revolution .two-columns .paragraph{display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 768px){#revolution .two-columns{gap:48px}}#revolution .second-title{max-width:1100px;text-align:center}#revolution .avantages{width:100%}#revolution .avantages .swiper-wrapper{justify-content:space-between}#revolution .avantages .avantage{max-width:360px}#revolution .avantages .avantage .avantage-title{padding-bottom:8px}#revolution .avantages .avantage .avantage-title:before{content:"";display:inline-block;vertical-align:middle;margin-right:8px;height:3px;width:24px;border-radius:5px}#revolution .avantages .avantage .avantage-title.rose{color:#e5007e}#revolution .avantages .avantage .avantage-title.rose:before{background-color:#e5007e}#revolution .avantages .avantage .avantage-title.bleu{color:#02adef}#revolution .avantages .avantage .avantage-title.bleu:before{background-color:#02adef}@media screen and (max-width: 992px){#revolution .avantages .avantage{padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;background-color:hsla(0,0%,100%,.3);border:1px solid #e7e7e7;border-radius:8px;max-width:70%}}@media screen and (max-width: 992px)and (max-width: 768px){#revolution .avantages .avantage{border-radius:6px}}@media screen and (max-width: 992px){#revolution .avantages .avantage .avantage-title:before{display:none}}#pourquoi h2{text-align:center}#pourquoi .sub-title{font-size:19px;font-weight:500;max-width:820px;text-align:center}#pourquoi .qualites{gap:16px;display:flex;flex-direction:column}#pourquoi .qualites .qualite .heading-4{margin-top:32px}#pourquoi .qualites .qualite .image img{display:block;width:100%;height:100%;max-height:340px;object-fit:cover;border-radius:8px}@media screen and (max-width: 768px){#pourquoi .qualites .qualite .image img{border-radius:6px}}#pourquoi .qualites .qualite .box,#pourquoi .qualites .qualite h3{transition:.3s}#pourquoi .qualites .qualite:nth-child(even){flex-direction:row-reverse}#pourquoi .qualites .qualite:nth-child(even) .box:hover{background-color:#def3ff}#pourquoi .qualites .qualite:nth-child(even) .box:hover h3{color:#02adef}#pourquoi .qualites .qualite .box:hover{background-color:#ffe4f7}#pourquoi .qualites .qualite .box:hover h3{color:#e5007e}#engagements h2{max-width:1000px;text-align:center}#engagements h3.rose{color:#e5007e}#engagements h3.bleu{color:#02adef}#engagements .image img{width:100%;max-height:300px;object-fit:cover;border-radius:8px}@media screen and (max-width: 768px){#engagements .image img{border-radius:6px}}
