<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&amp;display=swap');

@font-face {font-family: "Dala";
  src: url("webfont/title.eot"); /* IE9*/
  src: url("webfont/title.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("webfont/title.woff2") format("woff2"), /* chrome、firefox */
  url("webfont/title.woff") format("woff"), /* chrome、firefox */
  url("webfont/title.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("webfont/title.svg#Dala") format("svg"); /* iOS 4.1- */
}

html {
	scroll-behavior: smooth;
}

img {
	max-width: 100%;
}

body {
  	margin: 0;
  	padding: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 1px;
	font-size: 15px;
}

h1 {
	font-family: "Dala", "serif";
	color: #f26d6f;
	font-weight: 400;
	font-size:60px;
	line-height: 1;
	margin: 0;
}

h2 {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 22px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}

strong {
	font-weight: 700;
}

a {
	color: #000;
	text-decoration: none;
	text-transform: none;
}

header {
	position: absolute;
	display: flex;
    justify-content: space-between;
    align-items: center;
    width:90%;
	padding:10px 5%;
}

header svg path {
	fill:#f26d6f;
}

.rose {
	color:#f26d6f
}

#tarteaucitronBack,
#tarteaucitronRoot #tarteaucitronAlertBig,
#menu_top {
    background: rgba(242,111,113,1); /* rose */
	opacity: 1!important;
}

#menu_top {
	width:100%;
	height: 100%;
	position:fixed;
    top:0;
	left:0;
	text-align: center;
	display: none;
	z-index: 9;
	}
	
#menu_top ul {
	text-align: center;
	margin: 0 auto;
	width:80%;
	padding:0 10%;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	}
	
#menu_top ul li {
	list-style-type: none;
	display: block;
	width: 100%;
	text-align: center;
	line-height:50px;
	padding:20px 0;
	margin: 0;
	}
	
#menu_top ul li a {
	font-family: "Dala", "serif";
	color: #FFF;
	font-size: 45px
	}
	
#menu_top ul li a:hover {
	border-bottom: 1px solid #FFF;
	}
	
#menu_top .close {
	position: absolute;
	top: 20px;
	right: 50px;
	color: #FFF;
	font-size: 30px
	}

header .burger {
	color: #FFF;
	font-size:30px;
	font-weight:400;
}

header .burger a {
	color: #FFF;
}

.minilogo {
	display: none;
	margin-top: 10px;
}

.floatable {
    background: rgba(255,255,255,1);
    text-align: center;
    height: auto!important;
	position: fixed;
	z-index: 1000;
}

.floatable .minilogo {
    display: block!important;
}

.floatable .burger a {
    color:#f26d6f;
}

.reseaux a:hover {
	border: none;
}

section {
	display: flex;
	text-align: center;
	width: 100%;
}

section ul {
	margin: 0 0 0 50px;
	padding: 0;
	list-style-type: none;
}

section ul li {
	padding: 10px 0 0 0;
}

section ul li:before {
	content:'//';
	position: absolute;
	margin-left: -25px;
	font-weight: 600;
	color: #f26d6f;
}

section .title {
	z-index: 1
}

section .title img {
	width: 850px;
	position: absolute;
    left: 50%;
    transform: translate(-50%,100px);
}

section .title h1 {
	display: none;
}

section .split-image, 
section .split-text {
	width:50%;
}

section .split-text {
	text-align: left;
}

section  .split-image {
	background-size: cover;
	background-position: right center;
	color: #FFF;
}

section  .split-image a {
	color: #FFF;
}

.content {
	padding: 20% 10%;
}

#home {
	height:99vh;
}

#home h1 {
	display: none
}

#home #logo {
	position: absolute;
	width: 850px;
	margin: 25vh auto 0 auto;
	top:10%;
    left:50%;
    transform: translate(-50%,-50%)!important;
}

#home .split-text, #home .split-image {
	display: flex;
    align-items: flex-end;
}

#home .split-image {
	background-image: url("../images/danseuse-classique.jpg");
	text-align: right;
    justify-content: flex-end;
	font-family: "Dala", "serif";
	font-size: 38px;
	line-height: 50px
}

#home .split-text {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 18px;
	line-height: 55px;
	padding-bottom: 10px
}

#home .scroll {
	position:absolute;
	padding: 20px 5%
}

#mission .split-text, #apropos .split-text, #collab .split-text {
	padding-top:200px;
}

#mission .split-image {
	background-image: url("../images/pink-flow.jpg");
	display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

#mission .split-image .popup #flow {
	display: none
}

.split-image .popup {
	background:#FFF;
	padding:50px;
	text-align: left;
	color: #000;
	cursor: pointer
}

h3 {
	padding: 0;
	margin: 0;
	
}

.popup h3 {
	font-family: "Dala", "serif";
	color: #f26d6f;
	font-size: 45px;
	line-height: 1;
	font-weight: normal;
}

em {
	font-family: "Dala", "serif";
	color: #f26d6f;
	font-size: 22px;
	line-height: 1;
	display: inline;
	font-style: normal
}

#prestations a {
	width: calc(100% / 3);
    display: flex;
	color: #FFF;
}

#prestations .content {
	background: rgba(112,36,38,0.7);
	height: 650px;
    width: 100%;
}

#prestations .title {
	margin-top: 600px;
}

#prestations .title img {
    left: 10%;
    transform: translate(0);
}

#prestations .content:hover {
	background: rgba(112,36,38,0)
}

.split-clarifier h1, .split-activer h1, .split-engager h1 {
	margin-top:150px;
}

#clarifier h1, #activer h1, #engager h1, .split-clarifier h1, .split-activer h1, .split-engager h1 {
	color: #FFF;
}

.icone-presta {
	width: 115px;
	margin: 30px 0 20px 0
}

#prestations .split-clarifier, #clarifier .split-image {
	background:url("../images/montagne.jpg") left;
	background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

#prestations .split-activer, #activer .split-image {
	background:url("../images/superman.jpg") right;
	background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

#prestations .split-engager, #engager .split-image {
	background:url("../images/explosion.jpg") center;
	background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

#engager .rose img {
	float: left;
	max-height: 120px;
	margin: 0 20px 0 0
}

#apropos .split-image {
	background-image: url("../images/dahlia.jpg");
	display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

#adn {
	text-align: left;
	display: none;
}

#adn img {
	width: 50px;
	margin-bottom: -15px;
}

#apropos .split-text figure {
	float: right;
	width:150px;
}

#apropos .split-text figure img {
	border-radius: 50%;
}

#contact .split-image {
	background-image: url("../images/pots.jpg");
	display: flex;
    align-items: flex-end;
    justify-content: flex-end;
	text-align: right
}

#contact .split-text {
	padding-top:350px;
	text-align: right;
}

#contact .split-image .content {
	line-height: 1.2;
}

#mentions {
	display: none;
}

#collab .split-image {
	background-image: url("../images/pamplemousses.jpg");
	display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

#collab h3 {
	margin: 35px 0 -10px 25px;
}

#collab h3:before {
	content:'//';
	position: absolute;
	margin-left: -25px;
	font-weight: 600;
	color: #f26d6f;
}

#collab article {
	display: flex;
    align-items: center;
	margin: 20px 0;
}

#superplatform, #antrop, #retail {
	display: none;
}

#collab article figure {
	margin: 0 30px -10px 0;
	padding: 0;
    width: 200px;
}

#collab article .plus {
	font-size: 30px;
	font-weight: bold;
	padding-left: 20px;
}

#collab article p {
	width: 100%
}

#collab article figure img {
	border: 1px solid #F3F3F3;
	width: 200px;
	max-width: 200px;
}

#ref {
	display: block;
	padding: 5%;
	width: 90%;
	overflow: hidden
}

#ref h1 {
	float: left;
	font-size: 100px;
}

.slideshow {
	width: calc(100% - 220px);
	float: right
}

#ref img {
	border: 1px solid #F3F3F3;
	margin-right: 30px
}

.slick-prev, .slick-next {
	height: 50px!important;
}

.slick-track {
	padding-left: 20px;
}

.slick-prev:before, .slick-next:before {
    font-family: 'Nanum Myeongjo', serif!important;
    font-size: 50px!important;
    color: #CCC!important;
	opacity: 1!important;
    line-height:0.7!important;
}

.slick-prev:before {
	content:'&lt;'!important;
} 

.slick-next:before {
	content:'&gt;'!important;
} </pre></body></html>