.origine {
	height: 1080px;
	position: relative;
	margin-top: 50px;
}
.partenaireOffre {
	width: 60%;
	position: absolute;
	right: 50px;
	bottom: 50px;
	display: flex;
	align-items: flex-end;
	justify-content: space-around;
}
.contentOrigine {
	position: absolute;
	width: 40%;
	right: 50px;
	top: 50%;
	transform: translateY(-50%);
}
.titreOrigine {
	font-size: 2.7em;
	color: #164983;
	font-family: 'semibold';
	margin-bottom: 7px;
}
.textOrigine {
	color: #2c3e50;
	font-family: 'semibold';
	line-height: 55px;
}
.textOrigine1 {
	font-size: 3.5em;
}
.textOrigine2 {
	font-size: 3em;
}
.imgOrigine {
	position: absolute;
	left: 15%;
	top: 50px;
	max-width: 40%;
}

/* Création */

.creation {
	background: #2c3e50;
	padding: 50px 80px;
	position: relative;
}
.creation .titre_article {
	margin: 0;
}
.creation .titreBottom {
	color: #fff;
	margin-bottom: 100px;
}
.lineCrea {
	display: flex;
	justify-content: flex-start;
	position: relative;
}
.lineCrea2 {
	justify-content: flex-end;
}
.contentCrea {
	padding: 50px 130px 50px 50px;
	text-align: right;
	position: relative;
		z-index: 2;
}
.lineCrea2 .contentCrea{
	padding: 50px 50px 50px 130px;
}
.lineCrea2 .contentCrea {
	text-align: left;
}
.titreCrea {
	font-family: 'semibold';
	letter-spacing: 2px;
} 
.titreCrea span {
	font-family: 'semibold';
}
.titreCreaDarker {
	position: relative;
	z-index: 1;
	color: #f08200;
	padding-right: 50px;
	font-size: 3em;
	line-height: 40px;
}
.lineCrea2 .titreCreaDarker {
	padding-right: unset;
}
.titreCreaDarker span {
	right: -50px;
	font-size: 0.9em;
	color: #f08200;
	position: relative;
}
.titreCreaB {
	position: relative;
	z-index: 1;
	font-size: 3.5em;
	color: #ffa52b;
	line-height: 45px;
}
.titreCreaB span {
	color: #ffa52b;
	font-size: 0.9em;
}
.textCrea {
	font-size: 1.2em;
	color: #fff;
	margin-top: 20px;
	width: 90%;
	margin-left: auto;
}
.lineCrea2 .textCrea {
	margin-left: unset;
	margin-right: auto;
}
.titreCreaB2 {
	line-height: 55px;
}
.titreCreaB2 span {
	color: #f08200;
}
.lineCrea:nth-child(6) .titreCreaB {
	padding-left: 70px;
}
.lineCrea:nth-child(7) .titreCreaB {
	padding-right: 70px;
}
.lineCrea:nth-child(7) .titreCreaDarker {
	padding-right: 0;
}
.lineCrea:nth-child(8) .titreCreaDarker {
	padding-left: 100px;
}
.lineCrea:nth-child(9) .titreCreaB {
	padding-right: 100px;
}
.lineCrea:nth-child(9) .titreCreaB span {
	position: relative;
	z-index: -30px;
}
.lineCrea:nth-child(10) .titreCreaDarker {
	padding-left: 70px;
}
.imgCrea1 {
	max-width: 33%;
	position: absolute;
	right: -50px;
	top: -30px;
}
.imgCrea2 {
	position: absolute;
	left: 40%;
	top: -100px;
	max-width: 33%;
}
.imgCrea3 {
	position: absolute;
	left: 50px;
	top: -50px;
	max-width: 33%;
}
.imgCrea4 {
	position: absolute;
	left: 40%;
	top: 50%;
	max-width: 25%;
	transform: translate(-50%,-50%);
}
.imgCrea5 {
	position: absolute;
	left: 45%;
	top: 50%;
	max-width: 20%;
	transform: translate(-50%,-50%);
}
.imgCrea6 {
	position: absolute;
	right: 70px;
	top: -170px;
	max-width: 55%;
}
.serpentin {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 55%;
	width: 12%;
	height: 80%;
	transform: translate(-50%,-50%);
}
.cls-1 {
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 14px;
  stroke: url(#Dégradé_sans_nom);
  stroke-dasharray: 7000;
  	stroke-dashoffset: 7000;
}

.cls-2 {
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 14px;
  stroke: url(#Dégradé_sans_nom_35);
  stroke-dasharray: 7000;
  stroke-dashoffset: 7000;
}
.ombreSerpent {
	position: absolute;
	left: 20px;
	top: 30px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.serpentin svg,
.ombreSerpent svg {
	height: 100%;
}


/* Together page offre */

.togetherOffre .titreBottom {
	margin-bottom: 10px;
}
.titreTogether {
	font-size: 2.5em;
	margin-bottom: 70px !important;
}

/* Website */
.website {
	padding: 50px 0;
	background-color: #eff0ef;
}
.website .titreBottom {
	color: #2c5a8e;
}
.textWebsite {
	color: #2c5a8e;
	font-size: 1.3em;
	margin-bottom: 100px;
}
.circleWebsite {
	position: relative;
	width: 80%;
	margin: 0 auto;
}
.circleWebsite:after {
	content: '';
	display: block;
	padding-bottom: 100%;
}
.orangeCircle {
	background-color: #f08200;
	border-radius: 50%;
	position: absolute;
	width: 220px;
	font-family: 'medium';
	letter-spacing: 1px;
	font-size: 1.7em;
  -webkit-animation-duration: inherit;
  -webkit-animation-direction: reverse;
  -webkit-animation-timing-function: inherit;
  -webkit-animation-iteration-count: inherit;
  -webkit-animation-name: inherit;
}
.orangeCircle:after {
	content: '';
	padding-bottom: 100%;
	display: block;
}
.rotateCircle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	animation: move 90s infinite linear;
}
.circle1 {
	top: 0%;
	left: 0%;
}
.circle2 {
	top: 0%;
	left: 75%;
}
.circle3 {
	top: 75%;
	left: 75%;
}
.circle4 {
	top: 75%;
	left: 0%;
}
.textCircle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

@keyframes move {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
.divWhiteCircle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*z-index: 1;*/
	animation: move2 200s infinite linear;
}
@keyframes move2 {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(-360deg);
	}
}
.whiteCircle {
	position: absolute;
	opacity: 0.8;
	border-radius: 50%;
	background-color: #fff;
	-webkit-animation-duration: inherit;
	-webkit-animation-direction: reverse;
	-webkit-animation-timing-function: inherit;
	-webkit-animation-iteration-count: inherit;
	-webkit-animation-name: inherit;
}
.textWhiteCircle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #f08200;
	font-size: 1.3em;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.whiteCircle:after {
	content: '';
	display: block;
	padding-bottom: 100%;
}
.divWhiteCircle .whiteCircle:nth-child(1) {
	width: 25%;
	top: 4%;
	left: 16%;
}
.divWhiteCircle .whiteCircle:nth-child(2) {
	width: 23%;
	top: 1%;
	left: 55%;
}
.divWhiteCircle .whiteCircle:nth-child(3) {
	width: 25%;
	top: 33%;
	left: 7%;
}
.divWhiteCircle .whiteCircle:nth-child(4) {
	width: 14%;
	top: 25%;
	left: 45%;
}
.divWhiteCircle .whiteCircle:nth-child(5) {
	width: 19%;
	top: 28%;
	left: 70%;
}
.divWhiteCircle .whiteCircle:nth-child(6) {
	width: 25%;
	top: 55%;
	left: 25%;
}
.divWhiteCircle .whiteCircle:nth-child(7) {
	width: 25%;
	top: 47%;
	left: 55%;
}
.divWhiteCircle .whiteCircle:nth-child(8) {
	width: 17%;
	top: 75%;
	left: 47%;
}
.website .container {
	padding: 60px 0 120px 0;
}

/* Sommaires 2 */
.sommaires3 {
	min-height: unset;
	padding-bottom: 0;
}
.sommaires3 .slick-list {
	padding: 0;
}
.sommaire3 {
	padding: 10px;
	height: auto;
}
.divSom3 {
	background-color: #f6f4f1;
	padding: 20px;
	height: 100%;
	position: relative;
}
.titreSom3 {
	color: #35617a;
	font-family: 'medium';
	margin-bottom: 40px;
	font-size: 1.6em;
}
.descSom3 {
	font-size: 1.1em;
	margin-bottom: 70px;
}
.descSom3 * {
	color: #191919;
}
.slick-track {
	display: flex;
	flex-wrap: wrap;
}
.leftCenter2 .titre_article {
	display: none;
}
.titreLeftCenter2 {
	margin-bottom: 20px;
	color: #ff8901;
	font-size: 3em;
	position: relative;
	font-family: 'semibold';
	font-weight: normal;
	line-height: 60px;
}
.sommaires3 .slick-prev,
.sommaires3 .slick-next {
	display: none !important;
}
.descSom3 li {
	position: relative;
}
.descSom3 li:after {
	position: absolute;
	left: -1px;
	top: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	content: '';
	background-color: #ff8901;
}
.leftCenter2 .contenu_article p {
	color: #6d6d6d;
	font-size: 1.2em;
	font-family: 'medium';
}
.leftCenter2 .contenu_article .offreDecli {
	color: #35617a;
	font-size: 1.6em;
	font-family: 'semibold';
}
.titreOffre {
	margin-top: 30px;
	color: #35617a;
	font-size: 2.5em;
	line-height: 50px;
	margin-bottom: 20px;
}
.sommaire3 .plus2 {
	position: absolute;
	margin-bottom: 0;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}
.toAnim.appears {
	animation: appears 2.5s ease-in;
}

@keyframes appears {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


@media (max-width: 1600px) {
	section .leftCenter2  {
		padding: 30px;
		padding-left: 70px;
	}
	.sommaire3 .plus2 {
		width: 70%;
	}
	.creation {
		padding: 50px;
	}
	.textCrea {
		width: 100%;
	}
	.lineCrea2 .contentCrea {
		padding: 25px 0px 25px 130px;
	}
	.contentCrea {
		padding: 25px 130px 25px 0;
	}
	.serpentin {
		top: 55%;
		width: 270px;
	}
}
@media (max-width: 1400px) {
	section .leftCenter2 {
		padding-left: 45px;
	}
	.titreOffre {
		font-size: 2.2em;
	}
	.partenaireOffre {
		width: 65%;
	}
	.textWebsite {
		font-size: 1.2em;
	}
}
@media (max-width: 1200px) {
	.titreLeftCenter2 {
		font-size: 2.2em;
		line-height: 45px;
	}
	.contentOrigine {
		width: 50%;
		top: 55%;
	}
	.lineCrea:nth-child(7) .titreCreaB {
		padding-right: 0;
	}
	.lineCrea2 .contentCrea {
		padding: 0;
		padding-left: 100px;
	}
	.textCrea {
		font-size: 1.1em;
	}
	.titreCreaB {
		font-size: 2.8em;
	}
	.titreCreaDarker {
		font-size: 2.2em;
	}
	.contentCrea {
		padding: 0;
		padding-right: 100px;
	}
	.creation  {
		padding: 50px 40px;
	}
	.serpentin {
		width: 180px;
		top: 52%;
	}
}
@media (max-width: 992px) {
	.textOrigine2 {
		font-size: 2.2em;
	}
	.textOrigine1 {
		font-size: 2.8em;
	}
	.imgOrigine {
		width: 35%;
		left: 10%;
	}
	.origine {
		height: 750px;
	}
	.textWhiteCircle {
		font-size: 1.1em;
	}
	.orangeCircle  {
		width: 145px;
		font-size: 1.2em;
	}
	.contentCrea {
		padding: 30px 0;
		padding-right: 50px;
	}
	.lineCrea2 .contentCrea {
		padding: 30px 0;
		padding-left: 50px;
	}
	.serpentin {
		display: none;
	}
	.imgCrea6 {
		right: 0;
		top: -90px;
	}
}
@media (max-width: 767px) {
	.titreOffre {
		font-size: 1.5em;
		line-height: 40px;
	}
	.descSom3 {
		font-size: 1em;
	}
	.contentOrigine {
		width: 100%;
		text-align: center;
		right: 0;
		top: 50%;
	}
	.partenaireOffre {
		width: 100%;
		flex-wrap: wrap;
		right: 0;
		bottom: 20px;
	}
	.partenaire {
		width: 40%;
	}
	.creation {
		padding: 50px 30px;
	}
	.contentCrea {
		padding-right: 0;
	}
	.lineCrea2 .contentCrea {
		padding-left: 0;
	}
	.textWebsite {
		font-size: 1.1em;
	}
	.textWhiteCircle {
		font-size: 0.7em;
	}
	.orangeCircle {
		font-size: 1em;
		width: 105px;
	}
	.website .container {
		padding: 50px 0;
	}
	.textWebsite {
		margin-bottom: 0;
	}
}
@media (max-width: 500px) {
	.textWhiteCircle {
		font-size: 0.6em;
	}
	.divWhiteCircle .whiteCircle:nth-child(2) {
		width: 25%;
	}
	.divWhiteCircle .whiteCircle:nth-child(4) {
		width: 20%;
	}
	.divWhiteCircle .whiteCircle:nth-child(8) {
		width: 24%;
	}
}