body {
	  margin: 0;
	  padding: 0;
	  background-color: #FFFFFF;	  
	}

	footer {
		background-color:#0061AC;
	}
	
	#footer-logo {
		max-width:300px;
	}
	
	.color1 {
		color:#0091D6;
	}
	.color2 {
		color:#0061AC;
	}
	
	/* FONTS */
	.barlow-thin {
	  font-family: "Barlow", sans-serif;
	  font-weight: 100;
	  font-style: normal;
	}

	.barlow-extralight {
	  font-family: "Barlow", sans-serif;
	  font-weight: 200;
	  font-style: normal;
	}

	.barlow-light {
	  font-family: "Barlow", sans-serif;
	  font-weight: 300;
	  font-style: normal;
	}

	.barlow-regular {
	  font-family: "Barlow", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	}

	.barlow-medium {
	  font-family: "Barlow", sans-serif;
	  font-weight: 500;
	  font-style: normal;
	}

	.barlow-semibold {
	  font-family: "Barlow", sans-serif;
	  font-weight: 600;
	  font-style: normal;
	}

	.barlow-bold {
	  font-family: "Barlow", sans-serif;
	  font-weight: 700;
	  font-style: normal;
	}

	.barlow-extrabold {
	  font-family: "Barlow", sans-serif;
	  font-weight: 800;
	  font-style: normal;
	}

	.barlow-black {
	  font-family: "Barlow", sans-serif;
	  font-weight: 900;
	  font-style: normal;
	}

	.barlow-thin-italic {
	  font-family: "Barlow", sans-serif;
	  font-weight: 100;
	  font-style: italic;
	}

	.barlow-extralight-italic {
	  font-family: "Barlow", sans-serif;
	  font-weight: 200;
	  font-style: italic;
	}

	.barlow-light-italic {
	  font-family: "Barlow", sans-serif;
	  font-weight: 300;
	  font-style: italic;
	}

	.barlow-regular-italic {
	  font-family: "Barlow", sans-serif;
	  font-weight: 400;
	  font-style: italic;
	}

	.barlow-medium-italic {
	  font-family: "Barlow", sans-serif;
	  font-weight: 500;
	  font-style: italic;
	}

	.barlow-semibold-italic {
	  font-family: "Barlow", sans-serif;
	  font-weight: 600;
	  font-style: italic;
	}

	.barlow-bold-italic {
	  font-family: "Barlow", sans-serif;
	  font-weight: 700;
	  font-style: italic;
	}

	.barlow-extrabold-italic {
	  font-family: "Barlow", sans-serif;
	  font-weight: 800;
	  font-style: italic;
	}

	.barlow-black-italic {
	  font-family: "Barlow", sans-serif;
	  font-weight: 900;
	  font-style: italic;
	}

	.fond-home{
		width: 100%;
		background-image: url('/assets/images/fond-home.jpg');
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.parallax-section-1 {
		  position: relative;
		  overflow: hidden;
	}
	
	.flocon-img {
		filter: invert(1);
		opacity: 0.1;
	}
	
	.flocon1 {
	  position: absolute;
	  left:-40px;
	  top: 10px;
	  transform: rotate(45deg);
	}

	.flocon2 {
	  position: absolute;
	  right:10%;
	  top: 100px;
	}

	.flocon3 {
	  position: absolute;
	  transform: rotate(-45deg);
	  right:40%;
	  top: 10px;
	}

	.flocon4 {
	  position: absolute;
	  left:30px;
	  top: 100px;
	  transform: rotate(45deg);
	}

	.flocon5 {
	  position: absolute;
	  left:100px;
	  bottom: 30px;
	  transform: rotate(45deg);
	}

	.flocon6 {
	  position: absolute;
	  transform: rotate(-45deg);
	  right:10%;
	  top: 200px;
	}
	
	.flocon7 {
	  position: absolute;
	  left:-40px;
	  top: 10px;
	  z-index:9;
	}

	.flocon8 {
	  position: absolute;
	  right:10%;
	  top: 10px;
	  z-index:9;
	}

	.flocon9 {
	  position: absolute;
	  right:40%;
	  top: 10px;
	  transform: rotate(45deg);
	  z-index:9;
	}

	.flocon10 {
	  position: absolute;
	  left:30px;
	  top: 80px;
	  z-index:9;
	}

	#bloc-haut {
		gap:350px;
	}
	
	#trait-soustitre {
		margin-top:-20px;
	}
	#titre {
		border-radius:20px;
		background-color:#0091D6;
	}
	
	#bloc-haut-logo {
		max-width:300px;
	}
	
	#bloc-haut-ampoule {
		max-width:100px;
	}
	
	#bloc-orange {
		position:absolute;
		left:-20px;
		top:125px;
		z-index:0;
		width:95%;
		height:500px;
		border-radius:20px;
		background-color:#FFAC2D;
	}
	

	
	#image-gauche {
		height:600px;
		border-bottom-left-radius:200px;
		border-top-left-radius:20px;
		border-bottom-right-radius:20px;
		border-top-right-radius:20px;
	}
	
	.trait{
		width:150px;
		transition: transform 0.3s ease;
	}

	#bloc-gamme-1 {
		background-color:#0061AC;
		border-radius:10px;
		height:280px;
		padding-top:100px;
	}
	
	#bloc-gamme-2 {
		background-color:#0091D6;
		border-radius:10px;
		height:280px;
		margin-top:40px;
		padding-top:100px;
	}
	
	#bloc-gamme-1:hover .trait, #bloc-gamme-2:hover .trait{
		transform: scale(1.2) translateX(10px);
	}

	.word-cloud{
		margin-top:120px;
		position:relative;
		width:100%;
		height:200px;
		overflow:hidden;
		border-radius:12px;
	}

	.word-cloud span{
		position:absolute;
		white-space:nowrap;
		color:#0091D6;
		opacity:.45;
		pointer-events:none;
		user-select:none;
		font-weight:600;
		transition:opacity 2s linear;
		filter:blur(.3px);
	}

	@media (max-width: 992px){
		.fond-home{
			background-image: url('/assets/images/fond-home-2.jpg');
		}
		.word-cloud {
			margin-top:0;
		}
		#bloc-haut {
			gap:50px;
		}
	}