/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*GENERAL*/

#main.expertises {
	width: 100%;
	max-width: inherit;
	padding: 0 0 0 0 !important;
}

#main.expertises > div {
	max-width: 100%;
}

#expertises-bloc-1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

#expertises-bloc-1 > div:first-of-type {
	width: calc(50% + 50px);
	min-height: 480px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-image: url(/wp-content/uploads/2020/06/vague_transparent.png), url(/wp-content/uploads/2020/06/gif_pub.gif);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 100%, cover;
	background-position: center right, center center;
}

#expertises-bloc-1 > div:first-of-type img {
	display: none;
}

#expertises-bloc-1 > div:last-of-type {
	width: calc(50% - 50px);
	min-height: 480px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: white;
	
    background-repeat: no-repeat;
    background-size: auto 100%;
	background-position: center left;
	padding: 30px;
}

#expertises-bloc-1 > div:last-of-type > div {
	width: 100%;
	max-width: 550px;
}

#main.expertises h1 {
    font-size: 2.5em;
	line-height: 125%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: #1ca18f;
	padding: 10px 0;
    margin: 0;
}

#main.expertises h2 {
    font-size: 2.5em;
	line-height: 125%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: #51ebdf;
	font-style: italic;
	/* padding: 20px 10px; */
    margin: 0;
}

#main.expertises h3 {
    font-size: 1.5em;
	line-height: 150%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: #51ebdf;
	padding: 0;
    margin: 0;
	margin-right: 15px;
}

#main.expertises #expertises-bloc-3 li:nth-child(1) h3 {
	font-size: 2em;
	text-align: right;
	font-family: 'gloss_and_bloom', sans-serif;
	color: #06dab6 !important;
}

#main.expertises #expertises-bloc-3 li:nth-child(2) h3 {
	font-size: 2em;
	font-family: 'gloss_and_bloom', sans-serif;
	color: #13aa8a !important;
}

#main.expertises #expertises-bloc-3 li:nth-child(3) h3 {
	font-size: 2em;
	text-align: right;
	font-family: 'gloss_and_bloom', sans-serif;
	color: #1c7685 !important;
}

#main.expertises #expertises-bloc-3 li:nth-child(1) h4 {
	text-align: right;
	font-size: 2.5em !important;
	line-height: 150%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	margin: 10px 0;
}

#expertises-bloc-3-gif h4,
#expertises-bloc-3-gif p {
	text-align: left !important;
}

#expertises-bloc-3-gif img {
	margin: 20px 0 0 0;
}

#process {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
#process iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#main.expertises #expertises-bloc-3 li:nth-child(2) h4 {
	font-size: 2.5em !important;
	line-height: 150%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	margin: 10px 0;
}

#main.expertises #expertises-bloc-3 li:nth-child(3) h4 {
	text-align: right;
	font-size: 2.5em !important;
	line-height: 150%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	margin: 10px 0;
}

#expertises-bloc-1 form p:last-of-type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* #main.expertises #expertises-bloc-3 li:nth-child(1) > div > p,
#main.expertises #expertises-bloc-3 li:nth-child(3) > div > p {
	text-align: right;
} */

#main.expertises p {
	font-size: 1.2em !important;
    font-weight: 800;
    line-height: 150% !important;
	margin: 10px 0 !important;
}

#main.chatbot #expertises-bloc-3 > ul > li:nth-child(2) > div.chbt-b3-text > p,
#main.chatbot #expertises-bloc-3 p {
    font-weight: 400 !important; 
	line-height: 150%;
} 

#main.expertises #expertises-bloc-3 p {
    font-weight: 400 !important;
	line-height: 150%;
}

#expertises-bloc-1 > div:last-of-type > div > div {
	padding: 10px 0;
}

#expertises-bloc-1 > div:last-of-type > div > div > button,
#expertises-bloc-5 button,
#expertises-bloc-6 button {
	font-size: 1.2em;
    font-weight: 800;
    line-height: 150%;
	background: #36dbc3;
	border: 0;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	        box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	padding: 10px 20px;
}

#main.expertises .modal-content {
	width: 100% !important;
    max-width: 500px;
    background: #f4f4f5;
    border-radius: 20px;
	border: 0;
    -webkit-box-shadow: 0 1px 6px 6px rgba(32, 33, 36, .28);
    box-shadow: 0 1px 6px 6px rgba(32, 33, 36, .28);
    min-height: 500px;
}

#main.expertises .modal-header {
	height: 60px;
}

#main.expertises .close {
	font-size: 30px;
}

#main.expertises label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
    font-size: 15px;
}

#main.expertises label span {
	width: 100%;
}

#main.expertises input, 
#main.expertises textarea {
    background: #f4f4f5;
    border: 0 !important;
    border-bottom: 1px solid #00d6cd !important;
}

#main.expertises #envoyer-message {
	width: 100%;
	max-width: 240px;
}

#main.expertises input[type="submit"] {
	font-family: 'Montserrat', sans-serif;
    font-size: 0.7em;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 20px !important;
}

#expertises-bloc-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-image: url(/wp-content/uploads/2020/05/bg-expertises-bloc-2.png);
    background-repeat: no-repeat;
	background-size: 100% 100%;
}

#expertises-bloc-2 > div {
	width: 100%;
    max-width: 1600px;
    /*background-image: url(/wp-content/uploads/2020/05/Site-Brief-Trait-3px-blanc.png);*/
    background-repeat: no-repeat;
    background-position: 8% 0%;
    background-size: 3px 50px;
    padding: 30px;
}

#expertises-bloc-2 > div > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#expertises-bloc-2 > div > ul > li {
	float: left;
	width: calc( 100% / 3);
	padding: 20px;
	min-height: 125px;
}

#expertises-bloc-2 ul ul {
	padding: 0 10px 0 20px;
	margin: 0;
}

#expertises-bloc-2 ul ul li {
	font-size: 1.2em;
	color: white;
    font-weight: 400;
    line-height: 150%;
	padding: 0;
	margin: 0;
}

#expertises-bloc-3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	/* padding : 30px; */
}

#expertises-bloc-3 > div {
	width: 100%;
    max-width: 1200px;
    /*background-image: url(/wp-content/uploads/2019/12/Site-Brief-Trait-3px.png);*/
    background-repeat: no-repeat;
    background-position: 8% 0%;
    background-size: 3px 50px;
    padding: 30px;
}

#expertises-bloc-3-titre {
	width: 100%;
	max-width: 1200px !important;
}

#expertises-bloc-3 h2 {
	color: black !important;
}

#expertises-bloc-3 h3 {
	color: #00d6cd !important;
}

#expertises-bloc-3 > ul {
	width: 100%;
	max-width: 1200px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#expertises-bloc-3 li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#expertises-bloc-3 li:nth-child(odd) > div > div  {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

#expertises-bloc-3 li:nth-child(even) > div > div  {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

#expertises-bloc-3 li > div {
	width: 50%;
	padding : 30px;
}

#expertises-bloc-3-gif > div {
	width: 100% !important;
}

#expertises-bloc-3 .expertises-bloc-3-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#expertises-bloc-3 .expertises-bloc-3-img > img:first-child {
	margin-left: 13px;
}

#expertises-bloc-3 .expertises-bloc-3-img iframe {
	width: 100% !important;
}

#expertises-bloc-3 .clipboard {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: right;
	width: 100%;
    max-width: 400px;
	font-size: 1.2em;
	color: white;
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
            box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    font-weight: 800;
    line-height: 150%;
	padding: 5px 20px;
	margin: 20px 0 !important;
}

.urd #expertises-bloc-3 .clipboard {
	padding: 15px 20px;
}

#expertises-bloc-3 li:nth-child(1) .clipboard {
	background: #06dab6;
}

#expertises-bloc-3 li:nth-child(2) .clipboard {
	text-align: right;
	background: #13aa8a;
}

#expertises-bloc-3 li:nth-child(3) .clipboard {
	background: #1c7685;
}

#expertises-bloc-3 .clipboard i {
	font-size: 30px;
}

#expertises-bloc-4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-image: url(/wp-content/uploads/2020/06/bg-expertises-bloc-4.png);
    background-repeat: no-repeat;
	background-size: 100% 100%;
}

#expertises-bloc-4 > div {
	width: 100%;
    max-width: 1600px;
    /*background-image: url(/wp-content/uploads/2019/12/Site-Brief-Trait-3px.png);*/
    background-repeat: no-repeat;
    background-position: 8% 0%;
    background-size: 3px 50px;
    padding: 30px;
}

#expertises-bloc-4 > div > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#expertises-bloc-4 > div > ul > li {
	float: left;
	width: calc( 100% / 3);
	padding: 20px;
}

#expertises-bloc-4 ul ul {
	padding: 0 0 0 20px;
	margin: 0;
}

#expertises-bloc-4 ul ul li {
	font-size: 1.2em;
    font-weight: 800;
    line-height: 150%;
	padding: 0;
	margin: 0;
}

#expertises-bloc-5 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
}

#expertises-bloc-5 > div,
#expertises-bloc-5 > ul {
    width: 100%;
    max-width: 1200px;
	padding: 30px;
}

#expertises-bloc-5 > div:first-of-type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#expertises-bloc-5 > div:first-of-type p {
	font-size: 1.4em !important;
	color: red;
	margin: 10px 20px !important;
}

#expertises-bloc-5 > div:first-of-type p a {
	color: red;
}

#expertises-bloc-5 > div:first-of-type button {
	margin: 10px 20px !important;
}

#expertises-bloc-5 ul {
	padding: 0 0 0 18px;
	margin: 0;
}

#expertises-bloc-6 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
}

#expertises-bloc-6 > div {
	width: 100%;
	max-width: 1200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding: 30px;
}

#expertises-bloc-6 > div > div:first-of-type {
	width: 50%;
	min-height: 250px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	border-right: 1px solid #1c7685;
}

#expertises-bloc-6 > div > div:first-of-type img {
	max-width: 285px;
	padding: 10px 0 0 0;
}

#expertises-bloc-6 > div > div:last-of-type {
	width: 50%;
	min-height: 250px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	border-left: 1px solid #1c7685;
}

#expertises-bloc-6 > div > div > div {
	min-width: 50%;
}

#main.expertises #expertises-bloc-6 > div > div:first-of-type h3 {
	position: relative;
	margin: 0 0 20px 20px;
}

#main.expertises #expertises-bloc-6 > div > div:last-of-type h3 {
	position: relative;
	margin: 0 0 20px 0;
}

#main.expertises #expertises-bloc-6 p {
    font-weight: 800 !important;
	margin: 5px 0 !important;
}

#expertises-bloc-6 > div > div p a {
    color: black;
    font-weight: 800 !important;
}

#expertises-bloc-6 i {
	margin: 0 10px 0 0;
}

#expertises-bloc-6 button {
	margin: 15px 0 0 0;
}

/*CONTENT*/

.brief-content #expertises-bloc-1 {
	height: 500px;
	padding: 30px 0;
	display: flex;
    justify-content: center;
}

.brief-content #expertises-bloc-1 .banner__video {
	position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-size: cover;
    overflow: hidden;
}

.brief-content #expertises-bloc-1 .expertises-bloc-1-content {
	padding: 0;
	width: 90%;
	align-items: flex-start;
}

.brief-content #expertises-bloc-1 .expertises-bloc-1-content ul li#elipse2 {
	left: 57%;
}

.brief-content #expertises-bloc-1 .expertises-bloc-1-content .expertises-bloc-1-texte {
	width: 40%;
	position: relative;
}

.brief-content #expertises-bloc-1 .expertises-bloc-1-content .expertises-bloc-1-texte h2 {
	font-style: normal !important;
}

.brief-content #expertises-bloc-1 .expertises-bloc-1-content .expertises-bloc-1-texte p {
	font-weight: normal !important;
	font-family: "Montserrat";
}

.brief-content #expertises-bloc-1 div:first-of-type {
	background-image: none;
	z-index: 1;
	display: flex;
	flex-direction: column;
}

.brief-content #expertises-bloc-1 h2, .brief-content #expertises-bloc-1 p {
	color: white;
}

.brief-content #expertises-bloc-1 div:last-of-type {
	background: none;
}

.brief-content #expertises-bloc-1 > div:last-of-type > div {
	max-width: 700px;
}

.brief-content #expertises-bloc-2 {
	position: relative;
	background: white;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 0 0 0;
}

.brief-content #expertises-bloc-2 img {
	position: absolute;
	top: 0;
	right: 0;
}

.brief-content #expertises-bloc-2 .expertises-bloc-2.content {
	background: inherit;
	width: 90%;
}

.brief-content #expertises-bloc-2 .expertises-bloc-2-texte {
	width: 60%;
}

.brief-content #expertises-bloc-2 .expertises-bloc-2-texte h2 {
	font-style: normal;
	color: #DC278B !important;
}

.brief-content #expertises-bloc-2 > div {
	width: 90%;
	max-width: none;
	padding: 0px;
}

.brief-content #expertises-bloc-2 .expertises-bloc-2-content .expertises-bloc-2-texte ul {
	list-style: none;
	padding: 20px 30px 20px 0;
	margin: 0;
	width: 100%;
	display: flex;
    flex-wrap: wrap;
}

.brief-content #expertises-bloc-2 .expertises-bloc-2-content .expertises-bloc-2-texte h2 {
	color: #40B0AE;
}

.brief-content #expertises-bloc-2 > .expertises-bloc-2-content > .expertises-bloc-2-texte > ul > li {
	float: left;
	width: calc( 100% / 2);
	min-height: 125px;
	padding: 0;
    list-style-type: none;
	font-family: "Montserrat"
}

.brief-content #expertises-bloc-2 ul ul li {
    color: black;
}

.brief-content #expertises-bloc-2 .expertises-bloc-2-content .expertises-bloc-2-texte .expertises-bloc-2-plus {
	font-weight: bold;
	font-size: 1.4em;
	color: #DC278B;
	margin-right: 5px;
}

.brief-content #expertises-bloc-2 .expertises-bloc-2-content .expertises-bloc-2-texte ul li ul li {
	display: flex;
}

.brief-content #expertises-bloc-3 .expertises-bloc-3-texte {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width: 50%;
}

.brief-content #expertises-bloc-3 .expertises-bloc-3-img {
	width: 50%;
}

.brief-content #expertises-bloc-3 .expertises-bloc-3-texte h1 {
	color: #DC278B;
	font-size: 3.4em;
	padding: 0;
	text-align: left;
}

.brief-content #expertises-bloc-3 .expertises-bloc-3-texte h2 {
	font-style: normal;
}

.brief-content #expertises-bloc-3 .expertises-bloc-3-texte p {
	font-family: "Montserrat";
	margin: 19px 0 !important;
	text-align: left;
	width: 90%;
}

.brief-content #expertises-bloc-3 > ul {
	margin: 30px 0;
	width: 90%;
	max-width: none;
}

.brief-content #expertises-bloc-3 li {
	height: 450px;
    margin: 20px 0;
}

.brief-content #expertises-bloc-3 li > div {
	padding: 30px 0;
}

@media screen and (max-width: 1300px) {
	.brief-content #expertises-bloc-1 > div:first-of-type {
		min-height: auto;
	}
	
	.brief-content #expertises-bloc-1 .expertises-bloc-1-content {
		background-color: rgb(0, 0, 0, 0.5) !important;
		padding: 30px;
    	margin: 0 auto;
	}
	
	.brief-content #expertises-bloc-1 .expertises-bloc-1-content .expertises-bloc-1-texte {
		width: 100%;
	}
}

/* .brief-content #expertises-bloc-1 > div:first-of-type {
	background-image: url(/wp-content/uploads/2020/06/vague_transparent.png), url(/wp-content/uploads/2020/07/anim_contenu-1.gif);
} */

/*PUB*/

.pub #expertises-bloc-1 p:last-of-type {
	color: #1c7685;
}

/*MOTION*/

/* .motion #expertises-bloc-1 > div:first-of-type {
	background-image: url(/wp-content/uploads/2020/06/vague_transparent.png), url(/wp-content/uploads/2020/06/motion.gif);
} */

.motion #expertises-bloc-1 {
	background: black;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0;
}

.motion #expertises-bloc-1 .expertises-bloc-1-sub {
	background: inherit;
}

.motion #expertises-bloc-1 video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.motion #expertises-bloc-1 .expertises-bloc-1-content {
	background: inherit;
	width: 90%;
}

.motion #expertises-bloc-1 > div:last-of-type {
	padding: 0;
}

.motion #expertises-bloc-1 > div:last-of-type > div {
	max-width: none;
}

.motion #expertises-bloc-1 .expertises-bloc-1-texte {
	/* min-height: 480px; */
	width: 50%;
	display: flex;
	flex-direction: column;
}

.motion #expertises-bloc-1 .expertises-bloc-1-texte h2 {
	font-style: normal;
	text-align: left;
}

.motion #expertises-bloc-1 .expertises-bloc-1-video {
	background: black;
	width: 50%;
	/* min-height: 480px; */
}

.motion #expertises-bloc-1 .expertises-bloc-1-texte p {
	color: white;
	font-family: "Montserrat"
}

.motion #expertises-bloc-1 p:nth-child(2) {
	font-weight: 400;
	font-size: 1.5em;
	margin: 20px 0;
}

.motion #expertises-bloc-1 p:nth-child(2) {
	margin: 20px 0 !important;
}

.motion #expertises-bloc-1 p:nth-child(2) span {
	font-size: 1.2em;
}


.motion #expertises-bloc-2 {
	position: relative;
	background: white;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 0 0 0;
}

.motion #expertises-bloc-2 img {
	position: absolute;
	top: 0;
	right: 0;
}

.motion #expertises-bloc-2 .expertises-bloc-2.content {
	background: inherit;
	width: 90%;
}

.motion #expertises-bloc-2 .expertises-bloc-2-texte {
	width: 60%;
}

.motion #expertises-bloc-2 .expertises-bloc-2-texte h2 {
	font-style: normal;
}

.motion #expertises-bloc-2 > div {
	width: 90%;
	max-width: none;
	padding: 0px;
}

.motion #expertises-bloc-2 .expertises-bloc-2-content .expertises-bloc-2-texte ul {
	list-style: none;
	padding: 20px 30px 20px 0;
	margin: 0;
	width: 100%;
	display: flex;
    flex-wrap: wrap;
}

.motion #expertises-bloc-2 .expertises-bloc-2-content .expertises-bloc-2-texte h2 {
	color: #40B0AE;
}

.motion #expertises-bloc-2 > .expertises-bloc-2-content > .expertises-bloc-2-texte > ul > li {
	float: left;
	width: calc( 100% / 2);
	min-height: 125px;
	padding: 0;
    list-style-type: none;
	font-family: "Montserrat"
}

.motion #expertises-bloc-2 ul ul li {
    color: black;
}

.motion #expertises-bloc-2 .expertises-bloc-2-content .expertises-bloc-2-texte .expertises-bloc-2-plus {
	font-weight: bold;
	font-size: 1.4em;
	color: #40B0AE;
	margin-right: 5px;
}

.motion #expertises-bloc-2 .expertises-bloc-2-content .expertises-bloc-2-texte ul li ul li {
	display: flex;
}

.motion #expertises-bloc-3 .expertises-bloc-3-texte {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width: 50%;
}

.motion #expertises-bloc-3 .expertises-bloc-3-img {
	width: 50%;
}

/* .motion #expertises-bloc-3 .expertises-bloc-3-img iframe {
	height: 100%;
} */

.motion #expertises-bloc-3 .expertises-bloc-3-texte h1 {
	font-size: 3.4em;
	padding: 0;
	text-align: left;
}

.motion #expertises-bloc-3 .expertises-bloc-3-texte h2 {
	font-style: normal;
}

.motion #expertises-bloc-3 .expertises-bloc-3-texte p {
	font-family: "Montserrat";
	margin: 19px 0 !important;
	text-align: left;
	width: 90%;
}

.motion #expertises-bloc-3 > ul {
	width: 90%;
	max-width: none;
}

.motion #expertises-bloc-3 li {
	height: 450px;
    margin: 20px 0;
}

.motion #expertises-bloc-3 li > div {
	padding: 30px 0;
}


/*DIGITAL*/

.digital #expertises-bloc-1 > div:first-of-type {
	background-image: url(/wp-content/uploads/2020/06/vague_transparent.png), url(/wp-content/uploads/2020/06/Expertise_digital.gif);
}

.digital #expertises-bloc-1 > div:last-of-type {
	padding: 50px 30px;
}

.digital #expertises-bloc-2 > div > ul > li {
	min-height: 300px;
}

#main.expertises .digital #expertises-bloc-4 h2 {
	color: #005d70;
}

.digital #expertises-bloc-4 li span {
	color: #13aa8a;
}

.digital #expertises-bloc-4 > div > ul > li:nth-child(7) {
	width: 100%;
	padding: 20px 10px 0px 10px;
}

.digital #expertises-bloc-4 > div > ul > li:nth-child(7) > p.clipboard {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    width: 100%;
    max-width: 380px;
	background: #13aa8a;
    font-size: 1.2em;
    color: white;
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    font-weight: 800;
    line-height: 150%;
    padding: 15px 20px;
    margin: 20px 0 0 0 !important;
}

.digital #expertises-bloc-4 i {
	font-size: 30px;
}

/*RAPPORT*/

#main.expertises .rapport h2 {
	padding: 20px 0;
}

.rapport #expertises-bloc-1 > div:first-of-type {
	background-image: url(/wp-content/uploads/2020/06/vague_transparent.png), url(/wp-content/uploads/2020/06/gif_page_rapport.gif);
}

.rapport #expertises-bloc-2 > div > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.rapport #expertises-bloc-2 > div > div > p {
	width: calc(100% / 3);
	color: white;
}

.rapport #expertises-bloc-2 > div > div > ul {
	list-style: none;
	width: calc((100% / 3) * 2);
	margin: 10px 0;
}

.rapport #expertises-bloc-2 > div > div > ul > li {
	float: left;
	width: 50%;
}

/*MARKETING*/

#main.expertises .marketing #expertises-bloc-4 h2 {
	color: #005d70;
}

.marketing #expertises-bloc-1 > div:first-of-type {
    width: calc(60% + 50px);
    min-height: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: none;
	padding: 30px;
}

.marketing #expertises-bloc-1 > div:last-of-type {
    width: calc(40% - 50px);
}

.marketing #expertises-bloc-1 img {
	display: block !important;
}

.marketing #expertises-bloc-1 > div > div > button {
    font-size: 1.2em;
    font-weight: 800;
    line-height: 150%;
    background: #36dbc3;
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    padding: 10px 20px;
	margin: 10px 0;
}

.marketing #expertises-bloc-4 li span {
	color: #13aa8a;
}

/*COMMUNITY*/

#main.expertises .community h1,
#main.expertises .community #expertises-bloc-2 h2 {
	color: white;
}

.community .community-divider {
	width: 100%;
	max-width: 100px;
    height: 5px;
	padding: 0 !important;
	margin: 0 0 20px 18px !important;

}

.community #expertises-bloc-1 .community-divider,
.community #expertises-bloc-2 .community-divider {
    background: white;
}

.community #expertises-bloc-community .community-divider {
    background: white;
}

.community #expertises-bloc-1 {
	min-height: 625px;
	background-image: url(/wp-content/uploads/2021/08/background-sc-1.png);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
}

.community #expertises-bloc-1 p {
	color: white;
	max-width:500px;
	font-weight : 400;
}

.community #expertises-bloc-2 {
	background-image: url(/wp-content/uploads/2021/09/background-sc-2.png);
	background-size: cover;
	background-repeat: no-repeat;
}

/*
.community #expertises-bloc-2 > div > * {
	width: 50%;
}
*/

.community #expertises-bloc-2 > div > div > div > ul > li {
	width: calc( 100% / 2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.community #expertises-bloc-2 > div > ul ul {
	list-style: none;
	padding: 0;
}

.community #expertises-bloc-4 {
	background-image: url(/wp-content/uploads/2021/01/FOND_PICTO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.community #expertises-bloc-4 ul {
	width: 100%;
    max-width: 1000px;
	list-style: none;
	padding: revert;
	margin: 0;
}

.community #expertises-bloc-4 li {
	float: left;
	width: calc( 100% / 9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 20px;
}

#expertises-bloc-community {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

/* SOCIAL MEDIA MODIFS */ 

.content.community #expertises-bloc-community {
	background-image: url(/wp-content/uploads/2021/08/background-sc-3.png);
}


.content.community #expertises-bloc-community p {
	font-weight : 400;
	color : white;
}

.content.community #expertises-bloc-2 > div > div.exp-b2-1 > div > h2{
	font-style: normal;
	color: #860f6c !important;
	padding : 20px 0;
}

.content.community #expertises-bloc-2 > div > div.exp-b2-1 > div > ul {
	padding: 0;
}

.content.community .fa, .content.community .fas {
	color :  #860f6c;
}

.content.community #expertises-bloc-2 ul ul li {
	color : black;
	list-style : none;
}
.content.community #expertises-bloc-2 {
	-webkit-box-pack : normal;
	    -ms-flex-pack : normal;
	        justify-content : normal;
}

.content.community #expertises-bloc-community h2,
.content.community #expertises-bloc-community h3
{
	color : white;
	margin: 0;
}


.content.community #expertises-bloc-community ul:first-of-type {
	text-align : right;
}

/*
.content.community #expertises-bloc-2 > div
{
	width : 50%;
}
*/

.content.community #expertises-bloc-2 > div > div.exp-b2-1 {
	/* width: 50%; */
}

.content.community #expertises-bloc-2 > div > div.exp-b2-2 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
}

.content.community #expertises-bloc-2 > div > div.exp-b2-1 > div{
	width: 100%;
    max-width: 550px;
    margin: 0 auto;
}

.content.community #expertises-bloc-2 > div {
	width: 100%;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    justify-content: flex-start;
}

.content.community  #expertises-bloc-1 > div:nth-child(1) > div {
	max-width: 550px;
    margin: 0 auto;
}

.content.community  #expertises-bloc-2 div > div > ul > li {
   float: left;
   width: calc( 100% / 2);
   min-height: 125px;
}


.content.community #expertises-bloc-1 > div {
  	width: 100%;
    max-width: 1200px;
    background: transparent;
    margin: 0 auto;
	display: flex;
    flex-direction: row;
    align-items: center;
}

.content.community #expertises-bloc-1 > div:first-of-type img {
	display : initial;
	width: 80%;
    float: right;
}

.content.community #expertises-bloc-1 > div > div:nth-child(1) > div {
	display: flex;
    flex-direction: column;
}

/*
.content.community #expertises-bloc-1 {
	background: transparent;
	background-image: none !important;
}
*/

.community #expertises-bloc-1 > div > div{
	width: 50%;
	/* padding : 30px; */
	align-items: center;
}

.community #expertises-bloc-2 > div > div.exp-b2-1 > div > ul > li > h3 {
	margin-right : initial;
}

div.filter-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width : 33%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px;
    text-align: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

div.filter-box video {
	margin : 20px 0 !important;
	width : 100%;
}

#main.expertises div.filter-box h3 {
	font-weight : 800;
	color: #AF1EB1;
	margin-bottom : 20px;
	max-width : 350px;
}

#main.expertises div.filter-box p{
	font-weight : 400;	
}

div.expertises-filter-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    padding: 30px;
	max-width: 1200px;
	margin : 0 auto;
}

#expertises-bloc-4 > ul img {
	width : 80%;
}

#expertises-bloc-community > div {
	width: 100%;
    max-width: 1200px;
    padding: 30px;
}

#expertises-bloc-community h2 {
	text-align: center;
	color: #860f6c;
	font-style: initial !important;
}

#expertises-bloc-community > div > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 0 30px 0;
}

#expertises-bloc-community ul {
	width: 50%;
	list-style: none;
	padding: 20px 40px;
	margin: 0;
}

#expertises-bloc-community ul:first-of-type {
	border-right: 1px solid white;
}

#expertises-bloc-community ul:last-of-type {
	border-left: 1px solid #860f6c;
}

#expertises-bloc-community li {
	min-height: 125px;
}

#expertises-bloc-community li * {
	color : #860f6c;
}

#expertises-bloc-community button.btn {
    font-size: 1.2em;
    font-weight: 800;
    line-height: 150%;
    background: white;
	color: #860f6c;
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
    padding: 10px 20px;
	margin: 20px 0;
}

/*URD*/

.urd #expertises-bloc-1 > div:last-of-type {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#main.expertises .urd h3,
#main.expertises .urd h3 a {
	color: #1c7685;
}

.urd #expertises-bloc-1 p {
	font-size: 1.5em !important;
	font-weight: 400 !important;
}

.urd #expertises-bloc-1 > div:first-of-type {
	background-image: url(/wp-content/uploads/2020/06/vague_transparent.png), url(/wp-content/uploads/2020/07/urd.png);
}

.urd #expertises-bloc-2 ul ul li {
	font-size: 1.5em !important;
}

#main.expertises .urd #expertises-bloc-3 li h4 {
	font-size: 1.8em !important;
}

.urd #expertises-bloc-5 ul li {
	color: #1c7685;
}

.urd #expertises-bloc-5 ul p {
	color: #1c7685;
	font-weight: 400 !important;
	font-style: italic;
}

.urd #expertises-bloc-5 ul p a {
	color: #1c7685;
	font-weight: 800 !important;
	font-style: normal;
}

.urd #expertises-bloc-6 h3 span {
	position: absolute;
	top: -150px;
}

/* CHATBOT GENERAL*/

#main.chatbot {
	display : contents;
	font-family: 'Montserrat', sans-serif;
}

/*CHATBOT SECTION 1*/

#expertises-bloc-1 > div:nth-child(2) > div > img {
	width : 100%;
}

.chatbot section#expertise-bloc-3{
	position : relative;	
}

.chatbot section#expertises-bloc-1 {
	background: -o-linear-gradient(224.67deg, #00A19A 3.6%, #0079B0 121.18%);
	background: linear-gradient(225.33deg, #00A19A 3.6%, #0079B0 121.18%);
	-webkit-box-shadow: inset 0px 3px 52px rgba(0, 0, 0, 0.25);
	        box-shadow: inset 0px 3px 52px rgba(0, 0, 0, 0.25);
    width: 100%;
}

.chatbot #chatbot-hr {	
	border: 2px solid #FFFFFF;
	width : 115px;
	float:left;
}


.chatbot section#expertises-bloc-1 h1 {
	font-family: Montserrat, sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 125%; /* or 1.25*/
	color: #FFFFFF;
	padding : 10px 0;
	margin : 0;
	max-width : 610px;
}

#main.chatbot div.chbt-s1-container {
	background: transparent;
	background-image: none !important;
	max-width : 1200px;
	width : 100%;
	margin : 0 auto;
}

#main.chatbot .chbt-s1-container div {
	width : 50%;
	float: right;
	position: relative;
}

#main.chatbot #chatbot-gif1 {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	max-width : none;
	float : right;
	height :auto;
}

#main.chatbot div#chtb-b1-1 {
	width : 100%;
	margin: 0 auto;
	position: relative;
}

div.box-chatbot2{
	position: relative;
}

.chatbot section#expertises-bloc-1 p {
	font-family: Montserrat;
	font-style: normal;
	font-size: 1.2em;
	color: #FFFFFF;
	line-height: 150%;
	max-width : 620px;
}

 /*CHATBOT SECTION 2*/

/* #expertises-bloc-3 > ul > li:nth-child(3) > div.chbt-b3-text > h1 {
	margin-bottom	: 15px;
} */

.chatbot #expertises-bloc-3 .expertises-bloc-3-img {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-start;
}

.chatbot #expertises-bloc-3 > ul > li:nth-child(2) > div.expertises-bloc-3-img  {
	-webkit-box-pack : start;
	    -ms-flex-pack : start;
	        justify-content : start;
}

ul.chatbot-bloc-2-ul {
	width : 80%;
	list-style : none;
	padding : 0;
	margin : 0;
}

#expertises-bloc-3 > ul > li:nth-child(2) {
	-webkit-box-pack : end;
	    -ms-flex-pack : end;
	        justify-content : flex-end;
}

.chbt-b3-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    text-align: left;
    max-width: 590px;
    line-height: 150%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    
}

.chbt-b3-text p {
	font-family: Montserrat;
	font-style: normal;
	color: black;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	font-size: 1.2em;
	white-space: pre-line;
	display: flex;
	flex-direction: column;
}

.chbt-b3-text span {
	font-weight : 700;
}

.chbt-b3-text h1 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 900;
	font-size: 35px;
	line-height: 124.4%;
	color: #0079B0;
	padding: 10px 0;
}

div#last.expertises-bloc-3-img img {
	margin-bottom : 80px;
}

.chatbot #expertises-bloc-3 > ul {
	margin-top : 50px;
}

/*CHATBOT SECTION 3*/

#chatbot-img[src*="Desktop"] {
	border-style: none;
	max-width: 60%;
	
}

#chatbot-img[src*="DESK"] {
	overflow : hidden;
}

#chatbot-img[src*="IPHONE"] {
	border-style : none;
	max-width: 55%;
}

h1#chatbot-s3-title{
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-size : 35px;
	font-weight: 800;
	max-width : 500px;
	padding: 10px 0;
}

#chatbot-section-3 {
	background-image: -o-linear-gradient(left, #8D1DB0 35%, rgba(175, 30, 177, 0.12) 80%), url(/wp-content/uploads/2021/08/font.png);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, #8D1DB0), color-stop(80%, rgba(175, 30, 177, 0.12))), url(/wp-content/uploads/2021/08/font.png);
	background-image: linear-gradient(90deg, #8D1DB0 35%, rgba(175, 30, 177, 0.12) 80%), url(/wp-content/uploads/2021/08/font.png);
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
	width: 100%;
	height : auto;
	min-height: auto;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 50px 50px;
	background-position-x: center;
	background-position-y: bottom;
}


#chatbot-section-3 > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
	padding : 30px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
	
}

div#s3-d2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
    justify-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
	width : 50%;
	line-height: 150%;
}


#s3-d2 > p {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	color: #FFFFFF;
	font-size : 1.2em;
	line-height : 150%;
	margin-bottom: 40px;
	max-width : 520px;
}

div.s3-r-1 {
	/*margin: 0 auto;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    justify-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
}

#chatbot-s3-title {
	line-height : 150%;
}


.chatbot-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	background-color : rgb(65,217,169);
  	color: #ffffff;
	width: 75%;
	height: 60px;
	-webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
	        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
	border-radius: 120px;
	text-align : center;
	margin : 20px 0;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-size: 1.2em;
	border : none;
	cursor: pointer;
}

.chatbot-btn:hover {
	color: #b5007c;
}

.chatbot-btn p {
    font-weight: 600;
}

p.chatbot-btn {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
}


.chatbot-btn:active,  
.chatbot-btn:hover
{
	color: #922CA5;
	background-color: #ffffff;
	border-radius: 120px;
}

#main.chatbot .chatbot-btn a:active,  
#main.chatbot .chatbot-btn a:hover
{
	color: #862DA8 !important;
	background-color: #ffffff;
	border-radius: 120px;
    overflow: hidden;
}

#main.chatbot .chatbot-btn a:before,  
#main.chatbot .chatbot-btn a:after
{
	-webkit-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
    -webkit-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-timing-function: unset;
         -o-transition-timing-function: unset;
            transition-timing-function: unset;
}



div#chatbot-s3-2.chb-s3-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    justify-items: center;
    width: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

#chatbot-s3-2 ul {
	list-style: none;
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    padding: 0;
}

#chatbot-s3-2 li {
	margin-bottom: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 0.8em;
    word-break: keep-all;
    white-space: nowrap;
    margin: auto;
    color: white;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        /*justify-content: space-around;*/
}

#chatbot-s3-2 li #Borne,
#chatbot-s3-2 li #alexa,
#chatbot-s3-2 li #googleH,
#chatbot-s3-2 li #ga-icon
{
	opacity: 50%;
}

#chatbot-s3-2 li img
{
	margin : 0 10px 0 10px !important;
}

#chatbot-s3-2 li p
{
	margin : 0 10px 0 0 !important;
}

#chatbot-s3-2 li:active, 
#chatbot-s3-2 li:hover 
{
	background-color : #ffffff;
	border-radius : 10px;
	color : black;
}



/*CHATBOT SECTION 4*/

.chatbot #expertises-bloc-2 {
	background-image:-o-linear-gradient(204.79deg, rgba(118, 196, 224, 0.9) -1.04%, rgba(0, 121, 176, 0.9) 87.72%), url(/wp-content/uploads/2021/08/brooke-cagle-RnDGGnMEOao-unsplash-scaled.jpg);
	background-image:linear-gradient(245.21deg, rgba(118, 196, 224, 0.9) -1.04%, rgba(0, 121, 176, 0.9) 87.72%), url(/wp-content/uploads/2021/08/brooke-cagle-RnDGGnMEOao-unsplash-scaled.jpg);
	height:auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;    
	width : 100%;
	min-height : 750px !important;
	-webkit-box-pack : center;
	    -ms-flex-pack : center;
	        justify-content : center;
	background-position-y : center;
	background-size : cover;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-line-pack: distribute;
	    align-content: space-around;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch; 
	-webkit-hyphens : auto; 
	    -ms-hyphens : auto; 
	        hyphens : auto;
}

.chatbot #expertises-bloc-2 > div {
	margin : 0 auto;
}

div#chbt-s4-center {
	max-width : 1200px;
	margin : 0 auto;
	padding: 0;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-orient : vertical;
	-webkit-box-direction : normal;
	    -ms-flex-direction : column;
	        flex-direction : column;
}

h1#chatbot-s4-title {
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-size : 2.5em;
	font-weight: 800;
	margin: 0;
	text-align: center;
	padding: 20px 0;
}

div.chtb-box-container {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-orient : horizontal;
	-webkit-box-direction : normal;
	    -ms-flex-direction : row;
	        flex-direction : row;
	margin : auto;
}

div.chtb-box{
	width : 33.3%;
	text-align : center;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-pack : start;
	    -ms-flex-pack : start;
	        justify-content : flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient : vertical;
	-webkit-box-direction : normal;
	    -ms-flex-direction : column;
	        flex-direction : column;
	font-family: 'Montserrat', sans-serif;
	color : #ffffff;
	word-break : keep-all;
	-webkit-hyphens : initial;
	    -ms-hyphens : initial;
	        hyphens : initial;
	line-height : 150%;
	word-spacing: initial;
}

#chbt-s4-center > div.chtb-box-container > div:nth-child(1)
{
	margin : 0 50px 0 0;
}

#chbt-s4-center > div.chtb-box-container > div:nth-child(2) {
	margin : 0 50px;
}

#chbt-s4-center > div.chtb-box-container > div:nth-child(3){
	margin : 0 0 0 50px;
}

div.chtb-box span {
	font-weight : bold; 
}

#main.chatbot div.chtb-box h2{
	font-family: Montserrat;
	font-size: 1.3em;
	font-style: normal;
	font-weight: 800;
	color : #FFFFFF
}

div.chtb-box img {
	margin-bottom : 20px;
}

.chatbot #expertises-bloc-2 hr#chatbot-hr {
	border: 2px solid #FFFFFF;
	width : 115px;
	float:left;
}

#main.chatbot #expertises-bloc-2 #chatbot-hr {
	width: 60px;
}

/* EXTRA LARGE SCREEN */
@media screen and (min-width: 1600px) {
	.motion #expertises-bloc-1, .motion #expertises-bloc-2, .motion #expertises-bloc-3 {
		padding: 60px 350px 0 350px;
	}
	
	.brief-content #expertises-bloc-1, .brief-content #expertises-bloc-2, .brief-content #expertises-bloc-3 {
		padding: 60px 350px 0 350px;
	}
}


/*ELIPSE*/
.chatbot .expertises-bloc-3-img, .chbt-b3-text {
	position : relative;
}

.chatbot .expertises-bloc-3-img img, .chbt-b3-text p {
	z-index : 1;
}

@media screen and (max-width: 1350px) {
	.chatbot li#elipse3 {
		width : 250px;
		height: 250px;
	}
}

li#elipse1 {
	list-style : none;
	position : absolute;
	width: 180px;
	height: 180px;
	left: -21%;
	top : -15%;
	z-index : 0;
	background: rgba(0 161 154 / 2%);
	-webkit-box-shadow: inset 12.2667px -12.2667px 12.2667px rgba(0, 122, 117, 0.149), inset -12.2667px 12.2667px 12.2667px rgba(255, 255, 255, 0.149);
	        box-shadow: inset 12.2667px -12.2667px 12.2667px rgba(0, 122, 117, 0.149), inset -12.2667px 12.2667px 12.2667px rgba(255, 255, 255, 0.149);
	border-radius: 120px;
}

li#elipse2 {
	list-style : none;
	position: absolute;
	width: 160px;
	height: 160px;
	left: 66%;
	top: 46%;
	background: rgba(0 161 154 / 8%);
	-webkit-box-shadow: inset 12.2667px -12.2667px 12.2667px rgba(0, 122, 117, 0.149), inset -12.2667px 12.2667px 12.2667px rgba(255, 255, 255, 0.149);
	        box-shadow: inset 12.2667px -12.2667px 12.2667px rgba(0, 122, 117, 0.149), inset -12.2667px 12.2667px 12.2667px rgba(255, 255, 255, 0.149);
	border-radius: 120px;
	-webkit-backdrop-filter: blur(6px);
	        backdrop-filter: blur(6px);
}

li#elipse3 {
	list-style : none;
	position : absolute;
	width: 300px;
	height: 300px;
	left: 45%;
	top : 19%;
	z-index : 0;
	background: rgba(0 161 154 / 8%);
	-webkit-box-shadow: inset 12.2667px -12.2667px 12.2667px rgba(0, 122, 117, 0.149), inset -12.2667px 12.2667px 12.2667px rgba(255, 255, 255, 0.149);
	        box-shadow: inset 12.2667px -12.2667px 12.2667px rgba(0, 122, 117, 0.149), inset -12.2667px 12.2667px 12.2667px rgba(255, 255, 255, 0.149);
	border-radius: 200px;
	overflow: hidden;
}

li#elipse4 {
	list-style : none;
	position : absolute;
	width: 120px;
	height: 120px;
	left: -4%;
	top : 17%;
	z-index : 0;
	background: rgba(0 161 154 / 8%);
	-webkit-box-shadow: inset 12.2667px -12.2667px 12.2667px rgba(0, 122, 117, 0.149), inset -12.2667px 12.2667px 12.2667px rgba(255, 255, 255, 0.149);
	        box-shadow: inset 12.2667px -12.2667px 12.2667px rgba(0, 122, 117, 0.149), inset -12.2667px 12.2667px 12.2667px rgba(255, 255, 255, 0.149);
	border-radius: 120px;
}

li#elipse5 {
	list-style : none;
	position : absolute;
	width: 140px;
	height: 140px;
	left: -9%;
	top : 65%;
	z-index : 0;
	background: rgba(0 161 154 / 2%);
	-webkit-box-shadow: inset 12.2667px -12.2667px 12.2667px rgba(0, 122, 117, 0.149), inset -12.2667px 12.2667px 12.2667px rgba(255, 255, 255, 0.149);
	        box-shadow: inset 12.2667px -12.2667px 12.2667px rgba(0, 122, 117, 0.149), inset -12.2667px 12.2667px 12.2667px rgba(255, 255, 255, 0.149);
	border-radius: 120px;
}

/*RESPONSIVE*/

@media screen and (max-width: 1300px) {
	
	.urd #expertises-bloc-2 > div > ul > li {
		min-height:125px;
	}
		.chatbot li#elipse2 {
		left: 66%;
		top: 47%;
		height: 120px;
		width: 120px;
	}

	.chatbot #chatbot-gif1 {
		width: 80%;
	}

	#main.chatbot div#chtb-b1-1 {
		max-width: 600px;
	}
	
	.chatbot li#elipse3 {
		width : 200px;
		height: 200px;
	}
}

@media screen and (max-width: 1024px) {	
	#expertises-bloc-2 > div > ul > li,
	#expertises-bloc-4 > div > ul > li {
    	width: calc( 100% / 2);
	}
	
	.urd #expertises-bloc-2 > div > ul > li {
		min-height:auto;
	}
	
}

@media screen and (max-width : 1150px) {
	.chatbot #chatbot-section-3 > div {
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		    -ms-flex-direction : column;
		        flex-direction : column;
		-webkit-box-align : normal;
		    -ms-flex-align : normal;
		        align-items : normal;
	}
	
	.chatbot div.s3-r-1 {
		text-align : left;
	}
	
	.chatbot div#s3-d2 {
		width : 100%;
	}
	
	div#chatbot-s3-2.chb-s3-2 {
		width: 80%;
    	margin: 0 auto;
	}
	
	.chatbot div#chatbot-s3-2.chb-s3-2 {
		width : 100%;
		-webkit-box-orient : vertical;
		-webkit-box-direction : reverse;
		    -ms-flex-direction : column-reverse;
		        flex-direction : column-reverse;
		margin-top : 80px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	
	.chatbot #chatbot-s3-2 ul {
		padding : revert;
	}
	
	#chatbot-img[src*="DESK"] {
    margin-left: none;
    overflow: hidden;
	}
	
	#chatbot-s3-2 li {
		white-space : initial;
	}
	
}

@media screen and (max-width: 1000px) {
	#main.chatbot div.chbt-s1-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.chatbot li#elipse2, li#elipse1,
	#main.chatbot #chatbot-gif1 {
		display: none;
	}

	#main.chatbot div#chtb-b1-1 {
		text-align: initial;
		margin-bottom: 50px;
	}
	
	#main.chatbot h1.fusion-responsive-typography-calculated {
		--fontSize: 20.8;
	}
	
	div.expertises-filter-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	#main.expertises div.filter-box h3{
		max-width: initial;
	}
	
	.chatbot li#elipse3, li#elipse4, li#elipse5 {
		display : none;
	}
	
	div.filter-box {
		width : 100%;
	}
	div.filter-box video {
		width : 60%;
	}
	
	#expertises-bloc-2 .expertises-2-container {
		flex-direction: column;
		align-items: center;
	}
	
	.content.community #expertises-bloc-2 > div > div.exp-b2-2 {
		display: none;
	}
	
	.brief-content #expertises-bloc-2 {
		flex-direction: column;
	}
	
	.brief-content #expertises-bloc-2 .expertises-bloc-2-texte {
		width: 100%;
	}
	
	.brief-content #expertises-bloc-2 img {
		display: none;
	}

}

@media screen and (max-width: 900px) {
	.chatbot section#expertises-bloc-2 {
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		    -ms-flex-direction : column;
		        flex-direction : column;
	}
}

@media screen and (max-width: 850px) {	
	.chatbot #expertises-bloc-2 div.chtb-box-container {
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		    -ms-flex-direction : column;
		        flex-direction : column;
		-webkit-box-align :center;
		    -ms-flex-align :center;
		        align-items :center;
		-webkit-hyphens : auto;
		    -ms-hyphens : auto;
		        hyphens : auto; 
	}	
	.chatbot #expertises-bloc-2 div.chtb-box{
		margin-bottom : 80px;
		width : 100%;
	}
	
	.chatbot #chbt-s4-center > div.chtb-box-container > div:nth-child(1),
	.chatbot #chbt-s4-center > div.chtb-box-container > div:nth-child(2),
	.chatbot #chbt-s4-center > div.chtb-box-container > div:nth-child(3) {
		margin : 0 0 50px 0;
	}
	
	.motion #expertises-bloc-1 .expertises-bloc-1-content {
		flex-direction: column;
	}
	
	.motion #expertises-bloc-1 .expertises-bloc-1-texte {
		width: 100%;
	}
	
	.motion #expertises-bloc-1 .expertises-bloc-1-video {
		width: 100%;
		min-height: auto;
		padding: 0 !important:
	}
	
	.motion #expertises-bloc-2 .expertises-bloc-2-texte {
		width: 100%;
	}
	
	.motion #expertises-bloc-2 img {
		display: none;
	}
	
	.motion #expertises-bloc-2 .expertises-bloc-2-content .expertises-bloc-2-texte ul {
		padding: 20px 0px 20px 0;
	}
	
	.motion #expertises-bloc-2 > .expertises-bloc-2-content > .expertises-bloc-2-texte > ul > li {
		width: calc(100%);
		min-height: 80px;
	}
	
}

@media screen and (max-width: 768px) {	
	#main.expertises h1,
	#main.expertises h2 {
    	font-size: 1.8em;
	}
	
	#main.expertises #expertises-bloc-3 li:nth-child(1) h3,
	#main.expertises #expertises-bloc-3 li:nth-child(2) h3,
	#main.expertises #expertises-bloc-3 li:nth-child(3) h3,
	#main.expertises #expertises-bloc-3 li:nth-child(1) h4,
	#main.expertises #expertises-bloc-3 li:nth-child(2) h4,
	#main.expertises #expertises-bloc-3 li:nth-child(3) h4 {
		font-size: 1.5em !important;
	}
	
	#main.expertises p,
	#expertises-bloc-2 ul ul li,
	#expertises-bloc-4 ul ul li {
		font-size: 1em !important;
	}
	
	#expertises-bloc-1 {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	#expertises-bloc-1 > div:first-of-type,
	#expertises-bloc-1 > div:last-of-type,
	#expertises-bloc-1 > div:last-of-type > div,
	#expertises-bloc-3 li > div {
		width: 100%;
		max-width: initial;
		min-height: 0;
	}
	
	#expertises-bloc-1 > div:first-of-type {
		background-image: none;
	}

	#expertises-bloc-1 > div:first-of-type img {
		display: block;
	}
	
	#expertises-bloc-1 > div:last-of-type {
		background-image: none;
	}
	
	#expertises-bloc-1 > div:last-of-type > div > div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	
	#expertises-bloc-2 > div > ul > li,
	#expertises-bloc-4 > div > ul > li  {
    	width: calc( 100% / 1);
		padding: 10px 20px;
	}
	
	.motion #expertises-bloc-3 li {
		height: auto;
	}
	
	.digital #expertises-bloc-2 > div > ul > li {
		min-height: 0;
	}
	
	#expertises-bloc-2 > div,
	#expertises-bloc-4 > div {
    	background-image: none;
	}
	
	.motion #expertises-bloc-3 .expertises-bloc-3-texte {
		width: 100%
	}
	
	.motion #expertises-bloc-3 .expertises-bloc-3-img {
		width: 100%;
		position: relative;
		padding-top: 50%;
	}
	
	.motion #expertises-bloc-3 .expertises-bloc-3-img iframe {
		position: absolute;
    	top: 0;
    	left: 0;
	}
	
	#expertises-bloc-3 > div {
    	background-image: none;
    	padding: 0 30px;
	}
	
	#expertises-bloc-3 .expertises-bloc-3-img {
		display: inherit !important;
		padding: 0 30px;
	}
	
	#expertises-bloc-3 li:nth-child(odd) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin: 40px 0;
	}
	
	#expertises-bloc-3 li:nth-child(even) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	#expertises-bloc-3 li:nth-child(odd) > div > div,
	#expertises-bloc-3 li:nth-child(even) > div > div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	
	.digital #expertises-bloc-4 > div > ul > li:nth-child(7) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	
	.marketing #expertises-bloc-1 > div:first-of-type,
	.marketing #expertises-bloc-1 > div:last-of-type {
    	width: 100%;
		min-height: 0;
	}
	
	.rapport #expertises-bloc-2 > div > div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column
	}

	.rapport #expertises-bloc-2 > div > div > p {
		width: 100%;
	}

	.rapport #expertises-bloc-2 > div > div > ul {
		width: 100%;
		padding: 0;
	}

	.rapport #expertises-bloc-2 > div > div > ul > li {
		width: 100%;
	}
	
	#expertises-bloc-5 > div:first-of-type {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	
	#expertises-bloc-5 > div:first-of-type p {
		text-align: center;
	}
	
	#expertises-bloc-6 > div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	#expertises-bloc-6 > div > div:first-of-type {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #1c7685;
		padding: 0 0 20px 0;
	}
	
	#expertises-bloc-6 > div > div:last-of-type {
		width: 100%;
		border-left: 0;
		border-top: 1px solid #1c7685;
		padding: 20px 0 0 0;
	}
	
	#expertises-bloc-6 > div > div > div {
		min-width: inherit;
	}
	
	
	.community #expertises-bloc-2 > div > * {
    	width: 100%;
		padding: 10px 0px;
	}

	
	#expertises-bloc-community ul {
		width: 100%;
    	max-width: 500px;
		padding: 20px 0;
	}
	
	#expertises-bloc-community li {
		min-height: 0;
	}
	
	.community #expertises-bloc-4 li {
		padding: 10px;
	}
	
	.community #expertises-bloc-2 > div > div > ul > li,
	#expertises-bloc-community li {
		padding: 10px 0;
	}
	
	#expertises-bloc-community > div > div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	
	#expertises-bloc-community ul:first-of-type {
		border-right: 0;
		border-bottom: 1px solid #860f6c;
	}

	#expertises-bloc-community ul:last-of-type {
		border-left: 0;
		border-top: 1px solid white;
	}
	.community #expertises-bloc-1 {
    background-image: url(/wp-content/uploads/2021/02/Fond-Header-mob.png);
	}
	.content.community #expertises-bloc-2 > div > div {
		width : initial;
	}
	.community #expertises-bloc-4 {
		background-image: url(/wp-content/uploads/2021/02/FONDPICTOS-mob.png);
	}
	.chatbot #expertises-bloc-3 img {
		display: none;
	}
	.content.community #expertises-bloc-community ul:first-of-type {
		text-align: left;
	}
    .content.community #expertises-bloc-2 div > div > ul > li {
        float: unset;
        width: initial;
		min-height: initial;
    }
	.content.community #expertises-bloc-1 > div {
		flex-direction: column;
	}
	
	.brief-content #expertises-bloc-3 li {
		height: auto;
	}
	
	.brief-content #expertises-bloc-3 .expertises-bloc-3-texte {
		width: 100%;
	}
	
	.brief-content #expertises-bloc-3 .expertises-bloc-3-img {
		width: 100%;
	}
}

@media screen and (max-width: 620px) {
	.chatbot #chatbot-s3-2 ul {
		-webkit-column-count: 3;
		   -moz-column-count: 3;
		        column-count: 3;
	}
	.chatbot div.s3-r-1 {
		width : 100%;
	}
	
	.chatbot #chatbot-section-3 {
		padding: 30px 30px 30px;
	}
}

@media screen and (max-width: 600px) {
	
	#expertises-bloc-3 iframe {
		width: 100%;
	}
	
	.community #expertises-bloc-2 > div > div > ul > li {
		width: calc( 100% / 1);
		min-height: 0;
	}
	
	.chatbot #expertises-bloc-3 {
		padding : initial;
	}

}

@media screen and (max-width: 550px) {
	.chatbot #chatbot-s3-2 ul {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
		padding : initial;
	}

	.chatbot .chatbot-btn {
		width: 100%;
		margin: 20px 0;
	}
	
	#chatbot-section-3 > div {
		padding : initial;
	}

} 

@media screen and (max-width: 450px) {	
	.chatbot #expertises-bloc-2  {
		padding : 0;
	}
	
	.brief-content #expertises-bloc-2 .expertises-bloc-2-content .expertises-bloc-2-texte ul {
		padding: 20px 0px 20px 0;
	}
}