body.c-espace-client .ec-logo, footer .brand {
	-ms-filter: "alpha(opacity=90)";
	opacity: .9
}

.ref, .row.carte, .videobg, section#map {
	overflow: hidden
}

.row.carte, .tri-sec.percentage, section#team, span.window-ctrl {
	box-sizing: border-box
}

.team-member:hover .team-job, .team-name {
	text-indent: 20px
}

.first, .last, .ref, .seemore, .seemore p, .swipe-arr {
	vertical-align: top
}

.progressbar li, footer ul li, ul.tabs {
	list-style: none
}

.div-ecommerce .single-choose .single-choose-right h3, .form-title, .motEnValeur, .statut h5, p.hashtag {
	text-transform: uppercase
}

@keyframes slideBackground {
	from {
		left: 0
	}
	to {
		left: -1400px
	}
}

@-webkit-keyframes trail {
	0%, 100% {
		background: #d0d0d0
	}
	50% {
		background: #f8f8f8
	}
}

@keyframes trail {
	0%, 100% {
		background: #d0d0d0
	}
	50% {
		background: #f8f8f8
	}
}

@-webkit-keyframes color {
	0%, 100% {
		background: #add
	}
	10% {
		background: #aad
	}
	20% {
		background: #dad
	}
	30% {
		background: #daa
	}
	40% {
		background: #dda
	}
	50% {
		background: #ada
	}
	60% {
		background: #aaa
	}
	70% {
		background: #ddd
	}
	80% {
		background: #fff
	}
	90% {
		background: #bada55
	}
}

@keyframes color {
	0%, 100% {
		background: #add
	}
	10% {
		background: #aad
	}
	20% {
		background: #dad
	}
	30% {
		background: #daa
	}
	40% {
		background: #dda
	}
	50% {
		background: #ada
	}
	60% {
		background: #aaa
	}
	70% {
		background: #ddd
	}
	80% {
		background: #fff
	}
	90% {
		background: #bada55
	}
}

@-webkit-keyframes bubbles {
	0%, 100% {
		margin-top: 0
	}
	50% {
		margin-top: 10px
	}
}

@keyframes bubbles {
	0%, 100% {
		margin-top: 0
	}
	50% {
		margin-top: 10px
	}
}

@keyframes coin {
	from {
		opacity: 0;
		-ms-filter: "alpha(opacity=0)";
		-webkit-transform: rotate3d(0, 1, 0, 50deg);
		transform: rotate3d(0, 1, 0, 50deg)
	}
	to {
		opacity: 1;
		-ms-filter: "alpha(opacity=100)";
		-webkit-transform: rotate3d(0);
		transform: rotate3d(0)
	}
}

@-webkit-keyframes coin {
	from {
		opacity: 0;
		-ms-filter: "alpha(opacity=0)";
		-webkit-transform: rotate3d(0, 1, 0, 20deg);
		transform: rotate3d(0, 1, 0, 20deg)
	}
	to {
		opacity: 1;
		-ms-filter: "alpha(opacity=100)";
		-webkit-transform: rotate3d(0);
		transform: rotate3d(0)
	}
}

@-webkit-keyframes megaphoneArrow {
	0%, 100% {
		padding-top: 20px
	}
	50% {
		padding-top: 0
	}
}

@keyframes megaphoneArrow {
	0%, 100% {
		padding-top: 20px
	}
	50% {
		padding-top: 0
	}
}

@-webkit-keyframes breathe {

0
,
100
%
{
	opacity: .4
;
	-ms-filter: "alpha(opacity=40)"
}
50
%
{
	opacity: .1
;
	-ms-filter: "alpha(opacity=10)"
}
}
@keyframes breathe {
	0%, 100% {
		opacity: .4;
		-ms-filter: "alpha(opacity=40)"
	}
	50% {
		opacity: .1;
		-ms-filter: "alpha(opacity=10)"
	}
}

@-webkit-keyframes megaphone {
	from {
		top: 150px;
		-webkit-transform: rotate(40deg);
		transform: rotate(40deg)
	}
	to {
		top: 100px;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes megaphone {
	from {
		top: 150px;
		-webkit-transform: rotate(40deg);
		transform: rotate(40deg)
	}
	to {
		top: 100px;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@-webkit-keyframes slideBackground {
	from {
		left: 0;
		top: 150px;
		-webkit-transform: rotate(40deg);
		transform: rotate(40deg)
	}
	to {
		left: -1400px;
		top: 100px;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes videoTitle {
	from {
		padding-top: 60px;
		color: rgba(255, 255, 255, 0)
	}
	to {
		padding-top: 40px;
		color: #fff
	}
}

@-webkit-keyframes videoTitle {
	from {
		padding-top: 60px;
		color: rgba(255, 255, 255, 0)
	}
	to {
		padding-top: 40px;
		color: #fff
	}
}

@-webkit-keyframes wiggle {

0
,
100
%
{
	top: 0
}
50
%
{
	top: -8px
}
}
@keyframes wiggle {
	0%, 100% {
		top: 0
	}
	50% {
		top: -8px
	}
}

#recrutementForm .captcha-wrapper, .mt20 {
	margin-top: 20px
}

.container.valeurs .row, .mt-30, .mt30 {
	margin-top: 30px
}

.card_com img, .d_colored_items .d_item .d_item-icon, .mb-30, .mb30 {
	margin-bottom: 30px
}

.pt30 {
	padding-top: 30px !important
}

.pb30 {
	padding-bottom: 30px !important
}

.couleur_orga h3, .motEnValeur {
	font-weight: 700
}

.txtDeveloppement {
	color: #fd7e4e
}

.footer-contact-us .btn-contact-footer a:hover i, .secteurs_section .list_secteurs li a:hover, .secteurs_section .list_secteurs li:hover a, .siteweb_section1.site_blog .blog .h5 a, .txtWebmarketing {
	color: #0080be
}

.bgDeveloppement {
	background-color: #fd7e4e;
	-webkit-transition: .5s;
	transition: .5s
}

.bgWebmarketing {
	background-color: #0080be;
	-webkit-transition: .5s;
	transition: .5s
}

.btn-secondary, .plus-img, .top-btn, div#sidenav li {
	cursor: pointer
}

#map h5, #valeurs .section-title h2, .card.promo .card-header, .check, .container.valeurs h4, footer a:hover, section.dark-icons h4 {
	color: #fff
}

#title h2, .navbar-brand.weare:focus p, .navbar-brand.weare:hover p, a, section a {
	color: inherit
}

#grid, #grid > div, #myCarousel .caption-content-wrapper, .avantages .avant_carousel, .back, .f_colored_items .f_item, .map-quote i, .map-shadow, .map-wrapper, .our-projects, .position-relative, .progressbar li, .row, .secteurs_in, .service-refe .service .service-images, .stripes_animated, .wh-we, .window, .window-body, a.blog-tag, p.hashtag, p.hashtag:after, section#map, section.hasvideo {
	position: relative
}

.sidenav-header i, p i, section#titles a.toggle-dot i {
	margin-right: 5px
}

.top-navbar .navbar-nav > .active > a.nav-link, b, strong {
	font-weight: 600
}

.btn-primary {
	background-color: #fd7e33;
	cursor: pointer
}

.btn-primary:hover {
	background-color: #fd8e4e
}

.btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus {
	background-color: #fc6b17
}

.date-wrapper .blog-day, .white-btn.white-bg {
	background: #fff;
	color: #0080b6
}

.top-navbar .navbar-nav > li > a.nav-link:focus, .top-navbar .navbar-nav > li > a.nav-link:hover {
	color: #fd8e4e
}

.navbar-nav .dropdown-menu {
	border-color: #fd8e4e
}

nav i {
	margin-right: 8px
}

.btn-transparent {
	border: 2px solid #fd7e33
}

.bg_orangeF, .dropdown-menu > li > a:focus, .hr, .listeAvantages div:hover, .listville .dropdown-menu > li > a:hover, .sk-cube-grid .sk-cube, .small-hr {
	background-color: #fd7e33
}

.navbar-nav > li > a:after {
	display: block;
	position: absolute;
	bottom: 8px;
	content: '';
	width: 0;
	height: 2px;
	-webkit-transition: .5s;
	transition: .5s;
	border: 0;
	margin-left: 0
}

.paralaxbg [class^=icon-], .service-content-wrapper span {
	display: block;
	border-radius: 50%;
	color: #fd7e33;
	text-align: center
}

.top-navbar .navbar-nav > .active > a.nav-link, .top-navbar .navbar-nav > .active > a.nav-link:focus, .top-navbar .navbar-nav > .active > a.nav-link:hover {
	color: #fd8e4e;
	background-color: transparent
}

.seo-audit-section {
	background: #fd7e33;
	padding: 46px 0 50px;
	margin-top: 0 !important
}

.service-content-wrapper span {
	width: 80px;
	height: 80px;
	font-size: 40px;
	margin: 30px auto;
	line-height: 82px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.paralaxbg [class^=icon-] {
	font-size: 50px;
	width: 90px;
	height: 90px;
	background: rgba(0, 0, 0, .42);
	margin: 0 auto 20px;
	line-height: 92px
}

a.navbar-brand img {
	height: 65px;
	padding: 5px 0 5px 70px
}

#espace-client-link, #form-title, #map.full .map-quote, #map.full .section-title-1, #sidenav .elements li:nth-child(2):after, #sidenav .plus, #sidenav.closed .minus, .carousel-indicators, .dot-content, .ec-back, .ec-back.mob, .ec-logo, .ec-title, .fil_ariane ul li:last-child:after, .listville .dropdown:hover > .dropdown-menu, .logiciel .single-promo .plus-fermer, .logiciel .single-promo.L-active .plus-details, .navbar-nav > li > a.btn:after, .page_banner .banner-text .titre-header.no-after:after, .show-resp, .wh-we_v1 .our_services .our_services-icon.revers span, body.c-espace-client .ec-back.mob, body.c-espace-client .social-links, body.c-espace-client a.espace-client, body.c-espace-client button.navbar-toggler, body.c-espace-client footer .col-md-2, body.c-espace-client footer .col-md-3, body.c-espace-client header nav .navbar-brand:first-child, body.c-espace-client section.seo-audit-section.get-in-touch-section, body.c-rgpd section.seo-audit-section.get-in-touch-section, div#sidenav.closed .list-group {
	display: none
}

.first, .yau-text{
	color: #fd7e33 !important;
}

p.youareunique span.last{
	color: white !important;
}

.carousel-background {
	display: block;
	position: absolute;
	width: 3000px;
	height: 100%;
	z-index: 0;
	top: 0;
	left: 0;
	background-size: cover;
	-webkit-animation: 80s forwards slideBackground;
	animation: 80s forwards slideBackground
}

.overlay, section#team {
	background: rgba(0, 0, 0, .68)
}

p.youareunique {
	letter-spacing: 3px;
	font-size: 42px;
	margin-bottom: 33px;
	line-height: 16px
}

p.youareunique span {
	display: inline-block;
	position: relative
}

.actu_item .actu_title:hover a, .b_orange, .card-body ul li i, .form__checkbox ~ a:hover, .get-a-touch-modal .form-control.white-btn-lg, .home_section4 .g_colored_items .g_item:hover p:first-child a, .left-info-contact p span, .link-orange, .modal-body h3, .modal-body ul li i, .overlay-title, .quote-title, .scata_item:hover p, .seo-audit-section .form-control.white-btn-lg, .seo_item:hover p, .siteweb_section1 .seo_item p, .start-project .btn, .theme-color1, .vertical-tab .nav-tabs li a.active, p.youareunique span.last {
	color: #fd7e33
}

.seemore {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	color: #fff
}

.nomargin, .seemore p, .tri-sec.last p {
	margin: 0
}

.banner-text p, .seemore i, p.big {
	font-size: 20px
}

.seemore p:first-child {
	margin-bottom: 2px;
	position: relative;
	-webkit-animation: 2s ease-in-out infinite wiggle;
	animation: 2s ease-in-out infinite wiggle
}

.btn-primary.more {
	background: 0 0;
	border: 2px solid
}

.espace-client, .social-links, form#loginForm {
	border-radius: 0 0 10px 10px;
	background: #fff
}

.btn-primary.more:hover {
	background: #fd7e33;
	border-color: #fd7e33
}

.blog-img-thumb a, .blog-img-thumb img, .float-left.split-image img, .ref.focus .container, img.img-responsive {
	width: 100%
}

.inner-banner-wrapper .overlay.lighter {
	background: rgba(0, 0, 0, .48)
}

.paralaxbg .overlay {
	position: static;
	padding: 50px 0 36px
}

.green-box-wrapper .tri {
	min-height: 200px;
	padding: 50px 15px;
	text-align: center;
	color: #fff
}

.float-left.tri-middle {
	background: #0080b6;
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	-webkit-transition: .5s;
	transition: .5s
}

.float-left.tri-left {
	background: #006f9e;
	-webkit-transition: .5s;
	transition: .5s
}

.float-left.tri-right {
	background: #038dc7;
	-webkit-transition: .5s;
	transition: .5s
}

.float-left.tri-last {
	background: #149fd9
}

.float-left.tri-middleO {
	background: #fd7e33;
	opacity: 1
}

#map.full .dot, #map.full .map-img, #sidenav .elements li:after, #team .team-member, .card.site.slideup, .dot.half i, .log-circle.fadeout, .team-desc, .team-job, .team-name, .team-quote, .tri-content, .tri.slideup, .tri:hover .tri-icon, .window.slideup, div#content, div#megaphone .arrow, div#megaphone .bubble-img, div#megaphone .megaphone-img, div.swipe.swiped, div.swipe.swiped .swipe-text {
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"
}

#map.full .dot.full, #sidenav .elements li.visited:after, #team .team-member:hover .team-desc, .card.site, .section-title .bi-title, .team-member.clicked .team-quote, .tri-icon, .tri:hover .tri-content, .window, div#content.up, div#megaphone.up .arrow, div#megaphone.up .bubble-img, div#megaphone.up .megaphone-img {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)"
}

.float-left.tri-leftO, .log-circle.orange:not(.focus) .log-content:hover {
	background: #ff9a5f
}

.float-left.tri-rightO, .seo-audit-section .form-control.white-btn-lg:hover {
	background: #e06014
}

.card.site.slideup, .tri.slideup {
	margin-top: 90px
}

#latestBlog .more-btn-wrapper a.btn, #sidenav .elements li.visited:before, .bgBleu, .blog-soical-link li span, .blue.log-circle .log-content > div:after, .card.promo, .date-wrapper .blog-month, .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover, .float-left.dark-green, .log-circle.blue .log-content, .service-content-wrapper:after, .service-content-wrapper:hover span, .slick-dots li.slick-active button:before {
	background: #0080b6
}

.float-left.darker-green {
	background: #006f9e
}

.float-left.light-green {
	background: #038dc7
}

.tri {
	height: 280px
}

.tri-content {
	padding: 0 30px;
	-webkit-transition: .5s;
	transition: .5s
}

.tri:hover .tri-icon {
	margin-top: -150px
}

.tri-icon span {
	font-size: 70px
}

.tri-icon {
	margin-top: 0;
	padding-top: 20px;
	-webkit-transition: .3s;
	transition: .3s
}

.blue, .service-content-wrapper:hover a h4, .single-blog h4 a:hover, .slick-next:before, .slick-prev:before, .white-btn.active, .white-btn:active, .white-btn:active:focus, .white-btn:active:hover, .white-btn:focus, .white-btn:hover {
	color: #0080b6
}

.espace-client, .social-links {
	float: right;
	padding: 5px 10px;
	font-size: 10px;
	color: #000;
	position: relative;
	z-index: 1
}

.section-title {
	margin-top: 60px;
	margin-bottom: 20px
}

section.pretty {
	border-bottom: 5px solid #0080b6
}

section.pretty:after {
	content: "";
	display: block;
	position: relative;
	width: 100%;
	height: 14px;
	background: #2ca2d3;
	top: 19px;
	border-bottom: 8px solid #82cff0
}

section.pretty-orange {
	border-color: #fd7e33
}

section.pretty-orange:after {
	background: #f89357;
	border-color: #ffba91
}

section.pretty-grey {
	border-color: #868e96
}

section.pretty-grey:after {
	background: #c5c5c5;
	border-color: #dcdcdc
}

section#espaceclient {
	padding-top: 60px;
	padding-bottom: 150px
}

.footer-contact-us.hide_topfooter, .secteurs_div button.dropdown-toggle::after, body.c-espace-client div#navbarSupportedContent, div.no_after:after, div.no_before:before, section.no_after:after, section.no_before:before {
	display: none !important
}

.list-group-item.active {
	background: #fff;
	color: #0080b6;
	border-width: 1px 1px 1px 5px;
	border-color: #c5dae2 #c5dae2 #c5dae2 #0080b6
}

a.list-group-item.list-group-item-action.list-group-item-dark {
	background: #f7f7f7
}

a.list-group-item.list-group-item-action.list-group-item-dark:last-child {
	border-radius: 0 0 5px 5px
}

body.c-espace-client header nav.top-navbar {
	background: #f7f7f7;
	border-bottom: 1px solid #dcdcdc;
	min-height: 60px;
	height: 60px;
	box-shadow: none
}

body.c-espace-client span.ec-title {
	display: inline-block;
	color: #a2a2a2;
	font-size: 17px
}

body.c-espace-client .ec-logo {
	display: inline-block;
	padding: 15px
}

body.c-espace-client header#top {
	height: 25px
}

a.ec-back {
	color: #b0b0b0;
	font-size: 15px
}

.check input[type=checkbox], a.ec-back i, a.plus i, span.job-type i {
	margin-right: 10px
}

body.c-espace-client footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px 0 20px
}

body.c-espace-client {
	background: #fbfbfb
}

.bi-title p.one, .g-recaptcha, .list-objectif li .item .contenu, body.c-espace-client .ec-back, p.two {
	display: inline-block
}

.espace-client {
	right: 25px;
	top: 0;
	clear: both
}

.espace-client.logged {
	top: 222px
}

.espace-client:before, .social-links:before {
	width: 0;
	display: block;
	content: "";
	border-style: solid;
	border-width: 0 9px 20px 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	left: -8px;
	top: 0
}

.espace-client:after, .social-links:after {
	width: 0;
	display: block;
	content: "";
	border-style: solid;
	border-width: 19px 9px 0 0;
	border-color: #fff transparent transparent;
	position: absolute;
	right: -8px;
	top: 0
}

.social-links {
	width: auto;
	right: 35px;
	top: 0
}

.social-links a {
	padding: 5px
}

.social-links a:hover {
	background: #ececec;
	color: inherit
}

div#client-login {
	position: absolute;
	width: 100%;
	top: -222px;
	z-index: 2;
	-webkit-transition: .2s;
	transition: .2s
}

div#client-login.show {
	top: 0;
	-webkit-transition: .2s;
	transition: .2s
}

.vertical-tab .tab-content, .window-text, form#loginForm {
	padding: 20px
}

#loginForm .input-group {
	margin: 10px 0
}

header nav.top-navbar {
	background: rgba(0, 0, 0, .3)
}

#valeurs .go-to-content-wrapper:hover span {
	color: #0080b6;
	font-size: 38px
}

#valeurs .go-to-content-wrapper span {
	-webkit-transition: .2s;
	transition: .2s
}

.b_coloredCarousel .owl-stage-outer, .blog-page.blog-content-1, .quote-wrapper {
	padding: 50px 0
}

.blog-content-1 .blog-post-sm > .blog-post-content > .blog-post-title a {
	font-size: 18px;
	font-weight: 400;
	line-height: .5em
}

.get-a-touch-modal .input-group-addon, .seo-audit-section .input-group-addon {
	background-color: #e06014
}

.get-a-touch-modal .form-control, .seo-audit-section .form-control {
	border-color: #e06014
}

.get-a-touch-modal .form-control.white-btn-lg:focus, .get-a-touch-modal .form-control.white-btn-lg:hover, .seo-audit-section .form-control.white-btn-lg:active, .seo-audit-section .form-control.white-btn-lg:focus, .seo-audit-section .form-control.white-btn-lg:hover, .start-project .btn:focus, .start-project .btn:hover {
	background: #01658f;
	border-color: #01658f
}

.form-control::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .3)
}

.form-control:-moz-placeholder {
	color: rgba(0, 0, 0, .3)
}

.form-control::-moz-placeholder {
	color: rgba(0, 0, 0, .3)
}

.form-control:-ms-input-placeholder {
	color: rgba(0, 0, 0, .3)
}

.form-control::-ms-input-placeholder {
	color: rgba(0, 0, 0, .3)
}

.captcha-wrapper {
	text-align: center;
	margin-bottom: 15px
}

#social a, #successMsg, .align_center, .arrow p, .back, .click, .click p, .col-md-7.social-round, .log-content > div, .log-content > div p, .log-title, .map-wrapper .dot, .progressbar li, .progressbar li:before, .service_2 .service-content .content .content-bottom, .switch, .team-quote, .titresLogiciels, .titresLogiciels .fa, .valeur_icon ul li .box, .window-details, .window-title, a.plus, b.keywords, span.swipe-text {
	text-align: center
}

.e_colored_items .e_item.e_item-revers .e_item-content p, .last span, .quote-wrapper, .sectionLogiciel .green-box-wrapper p {
	text-align: left
}

.paralaxbg {
	background-image: url(../images/fond-paralax.jpg)
}

.paralaxbg2 {
	background-image: url(../images/fond-paralax2.jpg)
}

.paralaxbg3 {
	background-image: url(../images/studio_1.jpg)
}

.darker {
	background: #f1f1f1
}

.section-title .bi-title.animate {
	margin-left: 80px;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	-webkit-transition: .2s;
	transition: .2s
}

.section-title .bi-title {
	position: relative;
	height: 1.5em;
	text-align: center;
	margin-bottom: 40px;
	margin-left: 0;
	-webkit-transition: .2s;
	transition: .2s
}

p.one {
	font-size: 2em
}

p.two {
	top: 35px;
	position: relative;
	left: -44px;
	color: #0080b6;
	font-size: 1.5em
}

section#motto {
	padding: 20px 0 70px;
	position: relative
}

.container.cleartext, .container.mesure {
	text-align: justify;
	font-size: 15px;
	font-weight: 100;
	position: relative
}

.container.separator:before, .separator:before {
	content: "";
	display: block;
	position: relative;
	top: 0;
	height: 3px;
	width: 200px;
	margin: auto auto 20px;
	background: #0080b6
}

.container.valeurs:before, .home_under-banner.under-banner .p_under-banner:before, .ref .container.separator:before, .scata_item:hover, .window, .words_items .words_item:hover, a.https-link:hover, div#content, header.inner_page nav.top-navbar.is-sticky, section#map {
	background: #fff
}

#valeurs .section-title {
	margin: 65px 0 20px
}

section#valeurs {
	padding: 50px 0 80px;
	background: #212a36;
	color: #fff
}

section#motto.animate:after {
	left: -150px
}

section#motto:after {
	content: "";
	display: block;
	width: 72%;
	background: url(../images/ruban-blanc.png) 0 0/100% no-repeat;
	bottom: -36px;
	position: absolute;
	z-index: 8;
	height: 63px;
	left: 0;
	-webkit-transition: 1.1s;
	transition: 1.1s
}

.split-wrapper .float-left {
	width: 50%;
	min-height: 200px
}

.split-wrapper .split-text {
	padding: 50px 30px
}

.red {
	color: #e21e25
}

.purple {
	color: #7251a2
}

.green {
	color: #bed431
}

.green1 {
	color: #28a745
}

.yellow {
	color: #f6c715
}

.pink {
	color: #f11aa8
}

.orange {
	color: #fe4419
}

.tri-sec {
	padding: 0 0 30px
}

#social .col-md-3, #social a, .no_padding, .nopadding, .tri-sec.last {
	padding: 0
}

.tri-sec i {
	font-size: 50px;
	font-style: normal
}

.map-quote, .quote p, .team-quote {
	font-style: italic
}

.tri-sec p {
	padding: 0 20px
}

.tri-sec.percentage.outline {
	background: 0 0;
	box-shadow: none;
	border: 4px solid #fff;
	font-size: 6px;
	padding: 1rem 0;
	width: 250px;
	height: 250px;
	border-radius: 250px;
	font-style: normal
}

.percentage {
	width: 230px;
	height: 230px;
	margin: auto;
	border-radius: 230px;
	color: #fff;
	padding: 20px
}

.percentage-bg, section#titles {
	padding: 20px 0
}

.percentage p {
	font-weight: 200;
	font-size: 13px
}

.percentage-bg {
	background-image: url('../images/ampoule.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	margin: 20px 0;
	border-radius: 5px
}

.tri-sec.percentage {
	padding: 40px 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
	background-color: rgba(0, 0, 0, .5)
}

.percentage.yellow {
	background: #ffc107
}

.percentage.red {
	background: #dc3545
}

.percentage.blue {
	background: #3598dc
}

.percentage.green {
	background: #28a745
}

.e_colored_items .e_item .e_item-content p, .quote-author {
	text-align: right
}

.videobg {
	position: absolute;
	top: 0;
	z-index: -1;
	right: 0;
	left: 0;
	bottom: 0
}

.videobg video {
	position: absolute;
	z-index: 0;
	background: url(mel.jpg) 0 0/100% 100% no-repeat;
	top: -70%;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto
}

section.hasvideo {
	background: 0;
	overflow: hidden
}

.blog-img-thumb img {
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover
}

.my-blog-post-foot {
	border-top: 1px solid #f0f1f2;
	padding-top: 20px
}

.my-blog-post-foot ul {
	list-style-type: none;
	display: block;
	float: left
}

.my-blog-post-foot .blog-post-tags li a {
	background-color: #f4f6f8;
	color: #a0a9b4;
	font-size: 11px;
	font-weight: 600;
	padding: 7px 10px
}

.my-blog-post-foot .blog-post-tags a:hover {
	background-color: #d9534f;
	color: #fff;
	text-decoration: none
}

.my-blog-post-foot .blog-post-meta {
	float: right
}

.my-blog-post-foot .blog-post-meta a {
	color: #a0a9b4
}

.my-blog-post-foot .blog-post-meta a:hover {
	text-decoration: none
}

.blog-content-1 .blog-post-content {
	padding: 20px;
	background-color: #fff
}

.blog-tags {
	padding: 15px 0 20px
}

a.blog-tag {
	display: inline-block;
	background: #0080b6;
	padding: 5px 10px 5px 5px;
	color: #fff;
	margin: 0 10px;
	font-size: 10px
}

a.blog-tag:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-width: 12px 12px 12px 0;
	border-color: transparent #0080b6 transparent transparent;
	position: absolute;
	left: -12px;
	border-style: solid;
	top: 0
}

.blog-content-1 .blog-post-sm > .blog-post-content > .blog-post-title {
	line-height: 25px;
	min-height: 80px
}

.corner-img.reseau {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	min-height: 500px;
	z-index: 5;
	background-image: url(../images/fondreseau.png);
	background-position: bottom right;
	background-size: auto;
	background-repeat: no-repeat
}

.avantages .avant_carousel .owl-nav .owl-next, .row.carte {
	right: 15px
}

#map .map-wrapper p {
	color: #ffffffeb
}

#map .tri-sec.percentage {
	padding: 0 5px
}

#map strong {
	color: #fff;
	font-size: 102%
}

.blog-content-1 .blog-post-content > .blog-post-desc {
	color: #a0a9b4;
	font-size: 14px;
	margin: 15px 0;
	min-height: 100px;
	height: auto
}

section#jobs {
	padding: 50px 0 0
}

#jobs .card, #recrutementForm .input-group, .blog-post-content, .service-refe .service .service-content .content .content-bottom .desc, .ul_styleCheck {
	margin-bottom: 20px
}

span.job-type {
	margin-right: 15px
}

#recrutementForm .input-group.file, .screen-content p {
	margin-bottom: 10px
}

#recrutementForm .btn {
	margin: auto
}

.clearbottom {
	margin-bottom: -80px
}

section.small-banner {
	height: 250px
}

.small-banner .banner-text {
	padding: 60px 0
}

.inner-banner-wrapper {
	min-height: 320px;
	position: relative
}

.inner-banner-wrapper.parallax-nav {
	min-height: 85px
}

.card.site, .wh-we.wh-we_v2 .b_colored_items .b_item {
	min-height: 100%
}

.banner-text {
	padding: 120px 0 80px
}

.btn-blue {
	background: #0080b6;
	color: #fff;
	cursor: pointer
}

.btn-blue:hover {
	background: #18a1da;
	color: #fff
}

section.numbers .paralaxbg {
	height: inherit
}

section#numbers .overlay {
	background: rgba(0, 0, 0, .69)
}

section.dark-icons {
	padding: 50px 0;
	background: #404d5f;
	color: #fff
}

footer .form-control:-moz-placeholder, footer .form-control:-ms-input-placeholder, footer .form-control::-moz-placeholder, footer .form-control::-ms-input-placeholder, footer .form-control::-webkit-input-placeholder {
	color: #fff
}

.blog-share a.btn {
	color: #fff;
	cursor: pointer;
	margin-right: 5px
}

.blog-share a.btn:hover {
	color: #e4e4e4
}

.blog-content {
	font-weight: 300;
	font-size: 15px
}

.back, footer .des {
	font-weight: 100
}

.small-banner.blog h2 {
	font-size: 2em;
	margin-bottom: 0
}

.footer-social-icon-list li a.fb:hover {
	background-color: #2d4da7;
	border: 1px solid #2d4da7;
	color: #fff
}

.footer-social-icon-list li a.gplus:hover {
	background-color: #dd4c3b;
	border: 1px solid #dd4c3b;
	color: #fff
}

.footer-social-icon-list li a.twitter:hover {
	background-color: #22a1f0;
	border: 1px solid #22a1f0;
	color: #fff
}

.footer-social-icon-list li a.linkedin:hover {
	background-color: #007ab9;
	border: 1px solid #007ab9;
	color: #fff
}

.footer-social-icon-list li a.yt:hover {
	background-color: #fe0000;
	border: 1px solid #fe0000;
	color: #fff
}

.footer-social-icon-list li a.insta:hover {
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
	border: 1px solid #3c4550;
	color: #fff
}

#social a.fb, .col-md-7.social-round a.fb {
	background-color: #2d4da7
}

#social a.google, #social a.yt, .col-md-7.social-round a.google, .col-md-7.social-round a.yt {
	background-color: #dd4c3b
}

#social a.linkedin, .col-md-7.social-round a.linkedin {
	background-color: #007ab9
}

#social a.twitter, .col-md-7.social-round a.twitter {
	background-color: #22a1f0
}

#map.instagram, #social a.twitter, .col-md-7.social-round a.insta, .dot.instagram {
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

#map .h5, #map .tri-sec i, #owl-demo .single-work p, #owl-demo .single-work:hover h3, .card-title.h5, .card.site h5, .d_colored_items .d_item .d_item-content, .d_colored_items .d_item .d_item-content p, .fil_ariane ul li a, .first, .listeAvantages h5:hover, .log-content > div h3, .log-title h3, .map-details h1, .map-details h2, .map-details h3, .map-details h4, .map-details h5, .navbar-brand.weare:focus, .navbar-brand.weare:hover, .ref .sub-title, .ref h2, .ref h3, .service_2 .service-content .content .content-bottom .desc p, .single-work:hover p, .social-round a, .titresLogiciels, .titresLogiciels h3, h3.titre-accueil, section#logiciels .banner-text {
	color: #fff
}

.card.site, .card.site .card-text {
	color: #003c55
}

#social a {
	display: block;
	width: 100%;
	margin: 0;
	line-height: 60px;
	font-size: 25px;
	-webkit-transition: .1s;
	transition: .1s;
	color: #fff
}

.card.site, .window {
	-webkit-transition: .3s
}

#social a:hover {
	opacity: .8;
	-ms-filter: "alpha(opacity=80)"
}

footer .h5, footer h5, footer ul li .h5, footer ul li h5 {
	color: #afafaf
}

.blocInfosDyn i {
	color: #fd8e4e;
	font-size: 35px;
	margin-right: 30px
}

section#sites {
	padding: 50px 0 370px;
	height: 800px
}

section#dev {
	padding: 50px 0 370px;
	height: 950px
}

section#sites .col-md-3 {
	padding: 0 10px
}

.card.site {
	border: 0;
	border-radius: 2px 2px 0 0;
	background: #0080b6;
	background: -webkit-linear-gradient(top, #0080b6 32%, #0080b6 32%, #78bcd8 99%);
	background: linear-gradient(to bottom, #0080b6 32%, #0080b6 32%, #78bcd8 99%);
	height: 100%;
	transition: .3s
}

.strategie .site-col {
	margin-bottom: 325px
}

#team .team-member, .team-quote, a.plus, div#sidenav {
	-webkit-transition: .2s
}

#dev .card.site {
	min-height: 480px
}

.card.site:after {
	content: "";
	display: block;
	width: 100%;
	height: 319px;
	position: absolute;
	bottom: -319px;
	-webkit-animation: 10s infinite pulse1;
	animation: 10s infinite pulse1
}

.card.site.odd:after {
	background: url('../images/pixelbottom3.png') no-repeat
}

.card.site.even:after {
	background: url('../images/pixelbottom_diff.png') no-repeat
}

a.plus {
	color: #e6eef2;
	padding: 15px 0;
	border-top: 1px solid #76bddc;
	transition: .2s
}

a.nav-link.site-plus {
	border-color: #d8d8d8 #d8d8d8 transparent;
	background: #f7f7f7
}

.card.site .card-body {
	border-bottom: 1px solid #488ca9
}

a.plus:hover {
	background: rgba(255, 255, 255, .1)
}

.details .nav-tabs .nav-link {
	-webkit-transition: none;
	transition: none
}

.titresLogiciels .fa {
	font-size: 45px;
	margin: auto
}

.bgBleu, .bgOrange {
	padding-top: 50px;
	min-height: 250px
}

.bgOrange, .log-circle.orange .log-content, .logiciel .plus-details, .orange.log-circle .log-content > div:after, .secteurs_in.show button.dropdown-toggle, .section-title-2 .separator-in-3.orange, .section-title-2 .separator-in-3.orange:after, .section-title-2 .separator-in-3.orange:before {
	background: #fd7e33
}

.listeAvantages div {
	background-color: transparent;
	-webkit-transition: .5s;
	transition: 1s
}

.log-content > div p, .log-title i, .sectionLogiciel .green-box-wrapper i {
	font-size: 45px
}

.sectionLogiciel .green-box-wrapper h5 {
	margin-bottom: 35px
}

.sectionLogiciel .float-left.tri-left, .sectionLogiciel .float-left.tri-leftO, .sectionLogiciel .float-left.tri-middle, .sectionLogiciel .float-left.tri-middleO, .sectionLogiciel .float-left.tri-right, .sectionLogiciel .float-left.tri-rightO {
	min-height: 550px
}

section#logiciels {
	background-size: cover;
	background-image: url("../images/fond-logiciels.jpg");
	height: 1025px
}

.window {
	box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
	left: 50px;
	border-radius: 5px;
	top: 327px;
	margin-top: 0;
	transition: .3s
}

.window-body {
	border: 1px solid #a5a5a5;
	border-radius: 0 0 5px 5px
}

span.window-ctrl, span.window-ctrl:after, span.window-ctrl:before {
	width: 15px;
	border-radius: 15px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2) inset;
	padding: 0;
	position: absolute;
	height: 15px
}

.window-title {
	background: #e7e5e7;
	background: -webkit-linear-gradient(top, #e7e5e7 0, #d4d2d4 100%);
	background: linear-gradient(to bottom, #e7e5e7 0, #d4d2d4 100%);
	height: 40px;
	line-height: 40px;
	border-radius: 5px 5px 0 0;
	border-width: 1px 1px 0;
	border-color: #a5a5a5;
	border-style: solid
}

span.window-ctrl {
	background: #f6bf50;
	left: 48px;
	top: 13px
}

p.bg-video1, p.bg-video2, p.bg-video3, section#title {
	background-size: cover
}

div#megaphone .bubble-img, p.bg-video1, p.bg-video2, p.bg-video3 {
	background-repeat: no-repeat
}

span.window-ctrl:before {
	background: #ea5143;
	left: -25px;
	top: 0;
	content: ""
}

span.window-ctrl:after {
	background: #62c454;
	left: 25px;
	top: 0;
	content: ""
}

.window:first-child {
	top: -50px;
	left: 20px;
	width: 70%
}

.window:nth-child(2) {
	top: -70px;
	width: 70%;
	left: 33%
}

.window:nth-child(3) {
	top: -80px;
	left: -50px;
	width: 70%
}

.window:nth-child(4) {
	top: -90px;
	width: 70%;
	left: 34%
}

.window:nth-child(5) {
	top: -100px;
	left: 10px;
	width: 70%
}

.window:nth-child(6) {
	top: -110px;
	width: 70%;
	left: 25%
}

.window.slideup {
	margin-top: 90px;
	-webkit-transition: .3s;
	transition: .3s
}

.window-details {
	float: left;
	height: 100%;
	background: #f1f1f1;
	width: 25%;
	display: block;
	top: 0;
	bottom: 0;
	position: absolute;
	padding: 10px 0
}

.window.details-left .window-details {
	left: 0;
	border-right: 1px solid #c7c7c7
}

.window.details-right .window-details {
	right: 0;
	border-left: 1px solid #c7c7c7
}

.window.details-left .window-text {
	padding-left: calc(25% + 20px)
}

.window.details-right .window-text {
	padding-right: calc(25% + 20px)
}

.window-details img {
	width: 90%;
	margin: auto;
	border: 5px solid #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	cursor: pointer
}

#map .rs_item p > strong > i, p.filename {
	margin-top: 5px
}

p.filename {
	color: grey;
	font-weight: 200
}

div#sidenav {
	position: fixed;
	top: 200px;
	right: -2px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .15);
	border-radius: 5px 0 0 5px;
	min-width: 250px;
	z-index: 9;
	transition: .2s
}

#myCarousel .carousel-caption, #sidenav .elements li:after, .arrow p, .dot.half .dot-content, .google-map-wrapper .overlay, .log-center, .log-circle, .log-close, .log-content, .log-content > div, .logo, .map-details, .map-quote, .map-wrapper .dot, .outer-screen, .prepend, .progressbar li:after, .ref, .row.carte, .screen, .secteurs_section .pins, .shapes2-bis, .shapes2-ter, .stripes2, .switch, .team-desc, .team-job, .team-name, .team-quote, .team-quote:after, .top-glare, b.keywords, div#content, div#megaphone .bubble-img, div#megaphone.up .arrow, img.map-img, span.swipe-text {
	position: absolute
}

div#sidenav li:first-child {
	border-radius: 0
}

.sidenav-header {
	background: #efefef;
	padding: 5px 10px;
	border-radius: 5px 0 0;
	border-width: 1px 1px 0;
	border-color: #c7c7c7;
	border-style: solid;
	cursor: pointer;
	-webkit-transition: .2s;
	transition: .2s
}

#sidenav.closed .plus {
	display: inline
}

.list-group-item:last-child {
	border-radius: 0 0 0 5px
}

div#sidenav.closed .sidenav-header {
	padding: 10px;
	border-bottom: 1px solid #c7c7c7;
	border-radius: 5px 0 0 5px
}

div#sidenav.closed {
	margin-right: -100px
}

#sidenav .elements li:before {
	display: inline-block;
	content: "";
	width: 20px;
	height: 20px;
	background: #cfcfcf;
	margin-right: 15px;
	vertical-align: middle;
	border-radius: 20px;
	border: 5px solid #fff;
	box-shadow: 0 0 1px grey;
	-webkit-transition: .2s;
	transition: .2s
}

#sidenav .elements li:after {
	display: inline-block;
	left: 28px;
	height: 0;
	top: -18px;
	width: 4px;
	background: #0080b6;
	content: "";
	z-index: 9;
	-webkit-transition: .2s;
	transition: .2s
}

#sidenav .elements li.visited:after {
	height: 38px
}

p.bg-video {
	padding-top: 60px;
	padding-left: 20px;
	height: 80px;
	color: rgba(255, 255, 255, 0);
	font-size: 20px;
	-webkit-animation: .5s .5s forwards videoTitle;
	animation: .5s .5s forwards videoTitle;
	border-radius: 4px
}

p.bg-video i {
	margin-right: 6px
}

p.bg-video1 {
	background-image: url('../images/titre-video-1.jpg')
}

p.bg-video2 {
	background-image: url('../images/titre-video-2.jpg')
}

p.bg-video3 {
	background-image: url('../images/titre-video-3.jpg')
}

.gallery img {
	height: 130px;
	border: 5px solid #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.gallery a {
	margin-right: 20px
}

.pb-60, section#gallery {
	padding-bottom: 60px
}

.btn i.right {
	margin-left: 5px
}

p.hashtag {
	color: #0080b6;
	font-size: 38px;
	opacity: .5;
	-ms-filter: "alpha(opacity=50)";
	margin-bottom: 0;
	margin-left: 20px
}

p.hashtag:after {
	content: "";
	display: block;
	background: #0080b6;
	height: 2px;
	width: 82px;
	left: -20px;
	top: -10px
}

section#title {
	padding: 140px 0 50px;
	color: #fff;
	background-image: url('../images/fond_bureau.jpg')
}

section#map {
	padding: 0;
	z-index: 1;
	-webkit-transition: background .2s;
	transition: background .2s
}

#map.full {
	-webkit-transition: background .5s .1s;
	transition: background .5s .1s
}

#map.full .map-wrapper {
	background: inherit
}

.map-wrapper {
	background: #d2d2d2;
	width: 80%;
	display: block;
	margin: auto;
	height: 666px;
	z-index: 0
}

img.map-img {
	width: 100%;
	z-index: 1
}

.map-shadow {
	width: 200px;
	height: 200px;
	background: #bfbfbf94;
	border-radius: 200px;
	z-index: 0;
	display: block;
	box-shadow: 0 0 100px #bfbfbf
}

.back, .map-wrapper .dot {
	border-radius: 50px;
	display: block
}

.back {
	display: flex;
	align-items: center;
	justify-content: center
}

.map-wrapper .dot {
	width: 60px;
	height: 60px;
	z-index: 9;
	color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	line-height: 60px;
	font-size: 23px;
	-webkit-transition: -webkit-transform .2s;
	transition: transform .2s, -webkit-transform .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

#map.twitter, .dot.twitter {
	background: #389fce
}

#map.facebook, .dot.facebook {
	background: #3a5898
}

#map.linkedin, .dot.linkedin {
	background: #0076b5
}

#map.pinterest, #map.youtube, .dot.pinterest, .dot.youtube {
	background: red
}

#map.email, #map.snapchat, .dot.email, .dot.snapchat {
	background: #f7c632
}

#map.sms, .dot.sms {
	background: #74af30
}

.map-wrapper .dot:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	cursor: pointer;
	z-index: 10
}

.map-wrapper .dot.half:hover {
	-webkit-transform: scale(5);
	transform: scale(5)
}

.map-wrapper .dot.full {
	-webkit-transform: scale(50);
	transform: scale(50);
	color: transparent;
	box-shadow: none;
	z-index: 10;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.map-details {
	z-index: 10;
	color: #fff;
	width: 100%
}

.back {
	width: 50px;
	height: 50px;
	border: 3px solid #fff;
	line-height: 44px;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	z-index: 11
}

#owl-demo .green-box-content p b, .map-details p, .service-refe .service .service-content .content .content-bottom .desc p {
	font-size: 16px
}

hr.map {
	border: 2px solid #fff
}

.back:hover {
	background: rgba(255, 255, 255, .25);
	cursor: pointer
}

.dot.half {
	-webkit-transform: scale(5);
	transform: scale(5);
	font-size: 5px
}

.dot.half i {
	height: 0;
	display: block
}

.dot.half .dot-content {
	top: 0;
	bottom: 0;
	padding: 10px 5px;
	display: block
}

section#titles .row .col-md-4 {
	border-right: 1px solid #000;
	display: block;
	padding: 0;
	-webkit-transition: .2s;
	transition: .2s
}

section#titles .row .col-md-4:last-child {
	border: 0
}

section#titles .row .col-md-4:hover {
	background: #e4e4e4
}

section#titles a.toggle-dot {
	display: block;
	padding: 10px 0
}

.map-quote {
	bottom: 93px;
	left: 95px;
	width: 360px;
	font-size: 25px;
	z-index: 1;
	color: #b5b5b5
}

.map-quote i {
	top: -20px;
	font-size: 31px;
	display: inline-block
}

.progressbar {
	counter-reset: step;
	width: 100%
}

.progressbar li {
	display: inline-block;
	width: 18%;
	cursor: pointer
}

.progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ddd;
	border-radius: 100%;
	display: block;
	margin: 0 auto 10px;
	background-color: #fff
}

a.https-link, div#content {
	border-radius: 5px;
	display: block
}

.progressbar li:after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ddd;
	top: 15px;
	left: -50%;
	z-index: -1
}

.progressbar li:first-child:after {
	content: none
}

.progressbar li.active {
	color: green
}

.progressbar li.active:before {
	border-color: green
}

.progressbar li.active + li:after {
	background-color: green
}

div#megaphone {
	min-height: 800px;
	background: #cae9ff
}

div#megaphone .megaphone-img {
	width: 25%;
	height: 100%;
	left: -50px;
	top: 12%;
	position: absolute;
	background-image: url('../images/megaphone.png');
	background-size: 200%;
	background-position: top left;
	background-repeat: no-repeat;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-transition: top 1s, opacity .5s, -webkit-transform 1s;
	transition: top 1s, transform 1s, opacity .5s, -webkit-transform 1s
}

div#megaphone.up:hover .megaphone-img {
	cursor: pointer;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transform: rotate(-1deg);
	transform: rotate(-1deg)
}

div#megaphone.up:active .megaphone-img {
	background-position: top right;
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg)
}

div#megaphone.up .megaphone-img {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: center left;
	transform-origin: center left;
	z-index: 1
}

div#megaphone .bubble-img {
	background-image: url('../images/bulle.png');
	background-size: contain;
	background-position: top left;
	left: 22%;
	width: 16%;
	top: 15%;
	z-index: 0;
	height: 100%;
	-webkit-transition: opacity 1s 1s;
	transition: opacity 1s 1s
}

div#megaphone .arrow {
	-webkit-transition: opacity .5s 1s;
	transition: opacity .5s 1s
}

div#megaphone.up .arrow {
	display: inline-block;
	color: #82b6da;
	left: 0;
	top: 50px;
	z-index: 976;
	-webkit-animation: 1s infinite megaphoneArrow;
	animation: 1s infinite megaphoneArrow;
	-webkit-transition: opacity .5s 1s;
	transition: opacity .5s 1s;
	font-size: 2.5vw;
	text-indent: 3.5vw;
	cursor: pointer
}

.arrow p {
	font-size: 14px;
	left: 32%;
	white-space: nowrap;
	top: -18px
}

div#content {
	width: 58%;
	left: 38%;
	top: 50px;
	-webkit-transition: opacity 1s 1s;
	transition: opacity 1s 1s;
	padding: 30px
}

.avantages2, .mb-40, h3.separator {
	margin-bottom: 40px
}

h3.separator:after {
	content: "";
	display: block;
	height: 2px;
	width: 50%;
	background: #006f9e;
	margin: auto;
	top: 15px;
	position: relative
}

.parlx p, h1.titre-header {
	color: #fff;
	font-weight: 600
}

a.https-link {
	background: #e8ffce;
	padding: 10px 20px;
	color: #86a067;
	border: 1px solid #86a067;
	float: right
}

.col-md-7.social-round a, .log-content > div:after {
	border-radius: 50px;
	line-height: 50px;
	background: red;
	width: 50px;
	height: 50px
}

section.youtube {
	background-image: url('../images/youtube.png');
	background-size: 92px;
	background-color: #ff3a3a
}

section.web {
	background-image: url('../images/web.png');
	background-size: 92px;
	background-color: #fd7e33
}

section.web.fixfooter, section.youtube.fixfooter {
	color: #fff;
	padding: 30px 0
}

section.web h3, section.youtube h3 {
	display: inline;
	color: #fff;
	line-height: 40px;
	vertical-align: middle
}

.contact-us-section2 .row.carte {
	position: relative;
	height: 750px;
	width: 100%;
	right: 0;
	margin: 0
}

.row.carte iframe {
	width: 100%;
	height: 100%;
	border: none
}

.google-map-wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.google-map-wrapper .overlay {
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 10;
	background: 0 0
}

.contact, .z-index_2 {
	z-index: 2
}

.contact .seo-audit-section {
	top: -40px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	position: absolute;
	z-index: 2
}

.ref-left {
	background: #0080b6;
	color: #fff;
	z-index: 0;
	left: -10%
}

.ref-left.focus {
	left: 0
}

.ref-right .ref-content {
	background: #fd7e33;
	color: #fff;
	margin-left: 100px;
	height: 100%
}

.ref {
	width: 100%;
	min-width: 100%;
	-ms-flex: 0 0 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%;
	-webkit-transition: 1s;
	transition: 1s;
	height: 850px
}

.ref .container {
	width: 200%;
	display: block
}

.prepend {
	top: -11px;
	left: 46px;
	width: 92px;
	background: #fd7e33;
	bottom: -10px;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
	box-shadow: -6px 0 9px rgba(0, 0, 0, .2);
	z-index: 20
}

.ref-wrapper, .section_bg, div.swipe {
	position: relative;
	overflow: hidden
}

.ref-wrapper {
	min-height: 850px;
	max-width: 100%
}

.switch {
	top: 45%;
	width: 80px;
	height: 80px;
	background: #fff;
	left: 9px;
	color: #fd7e33;
	border-radius: 80px;
	line-height: 80px;
	font-size: 40px;
	cursor: pointer;
	-webkit-transition: .2s;
	transition: .2s;
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
	z-index: 30
}

.list-objectif li .item .icon img, .swipe-arr {
	width: 40px
}

.switch:hover {
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg)
}

.switch.blue {
	-webkit-transform: rotate(165deg);
	transform: rotate(165deg);
	color: #0080b6
}

.ref.ref-right {
	left: 70%
}

.ref.ref-right.focus {
	left: 25%;
	z-index: 20
}

.ref-content {
	padding: 20px 30% 20px 75px
}

.slick-dots li button:before {
	border-color: #0080b6
}

.bottom-tp:after, .bottom-tp:before {
	width: 0;
	border-bottom: 14px solid #777
}

div.swipe {
	margin-top: -40px;
	margin-bottom: -30px;
	display: block;
	bottom: -10px;
	-webkit-transition: 1s;
	transition: 1s;
	max-height: 100px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.form-title, .form__checkbox + label {
	user-select: none
}

span.swipe-text {
	line-height: 100px;
	left: 0;
	right: 0;
	font-size: 20px;
	-webkit-transition: .2s;
	transition: .2s
}

.swipe-arr {
	background: url(../images/swipe.png) 0 0/cover;
	display: inline-block;
	height: 100px;
	opacity: .4;
	-ms-filter: "alpha(opacity=40)";
	-webkit-animation: 2s infinite breathe;
	animation: 2s infinite breathe;
	-webkit-transition: opacity 2s;
	transition: opacity 2s
}

.swipe .swipe-arr:first-child {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.swipe .swipe-arr:nth-child(2) {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.swipe .swipe-arr:nth-child(3) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.swipe .swipe-arr:nth-child(4) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.swipe .swipe-arr:nth-child(5) {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.swipe .swipe-arr:nth-child(6) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.swipe .swipe-arr:nth-child(7) {
	-webkit-animation-delay: .7s;
	animation-delay: .7s
}

.swipe .swipe-arr:nth-child(8) {
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}

div.swipe.swiped .swipe-text {
	left: 50%;
	right: -50%
}

.col-md-7.social-round a {
	display: inline-block;
	margin-right: 5px;
	margin-top: 59px
}

img.ssl {
	margin-right: 10px;
	height: 21px
}

div.fred {
	background-image: url(../images/team/fred_.jpg)
}

div.emilie {
	background-image: url(../images/team/emilie_.jpg)
}

div.jeanne {
	background-image: url(../images/team/jeanne1_.jpg)
}
div.romain {
	background-image: url(../images/team/romain1_.jpg)
}

div.marc {
	background-image: url(../images/team/marc1_.jpg)
}

div.bryan {
	background-image: url(../images/team/bryan_.jpg)
}
div.you {
	background-image: url(../images/team/you_.jpg)
}

div.dylan {
	background-image: url(../images/team/dylan.jpg)
}

div.samira {
	background-image: url(../images/team/samira.jpg)
}

div.liam {
	background-image: url(../images/team/liam.jpg)
}

div.lamiaa {
	background-image: url(../images/team/lamiaa.jpg)
}

div.hugo {
	background-image: url(../images/team/hugo.jpg)
}

div.pierrick {
	background-image: url(../images/team/pierrick.jpg)
}
div.thomas {
	background-image: url(../images/team/thomas-h.jpg)
}
div.pauline {
	background-image: url(../images/team/pauline.jpg)
}

#team .team-member {
	background-size: 100%;
	-webkit-transform: rotate3d(0);
	transform: rotate3d(0);
	-webkit-animation: 1s forwards coin;
	animation: 1s forwards coin;
	transition: .2s
}

#team .team-member:hover {
	background-position: 0 100%;
	cursor: pointer;
	background-size: 130%
}

#team .team-member.kevin:hover {
	background-position: 50% 114% !important;
	background-size: 100%
}

.team-quote {
	top: 0;
	left: 5px;
	right: 5px;
	background: #fff;
	color: #333;
	padding: 10px 20px;
	border-radius: 5px;
	transition: .2s;
	box-shadow: 0 0 5px rgba(0, 0, 0, .25)
}

.team-desc, .team-name {
	-webkit-transition: .2s;
	bottom: 0
}

.team-member.clicked .team-quote {
	top: -20px
}

.team-quote:after {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
	content: "";
	display: block;
	left: calc(50% - 20px);
	top: 100%
}

.bottom-tp, .bottom-tp:after {
	border-left: 16px solid transparent
}

.team-desc {
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	transition: .2s
}

.team-name {
	font-size: 27px;
	transition: .2s
}

.team-job {
	background: #0080d6;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 40px;
	text-indent: 0;
	-webkit-transition: .2s;
	transition: .2s
}

.log-circle, .log-circle.focus .log-content > div:after, .log-trail, .team-member:hover .team-job, .team-member:hover .team-name {
	-ms-filter: "alpha(opacity=100)";
	opacity: 1
}

.log-center, .log-content > div:after {
	-webkit-transition: .5s;
	display: block
}

.team-member:hover .team-name {
	bottom: 42px
}

b.keywords {
	bottom: 65px;
	left: 20px;
	right: 20px
}

.log-wrapper {
	position: relative;
	left: 0;
	right: 0;
	height: 600px;
	top: 150px
}

.log-center {
	left: calc(50% - 200px);
	width: 20%;
	height: 200px;
	top: 36%;
	transition: .5s
}

.log-circle {
	height: 80%;
	top: 20%;
	width: 20%;
	left: 40%;
	-webkit-transition: .5s, opacity 1s;
	transition: .5s, opacity 1s;
	z-index: 0
}

.log-content > div:after {
	font-family: FontAwesome;
	content: "\f00d";
	position: absolute;
	top: 50px;
	font-size: 20px;
	transition: .5s;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"
}

#owl-demo .single-work:hover .work-content-wrap, .log-circle.focus .log-content > div:after, .log-wrapper.log-bottom.focus .log-circle {
	top: 0
}

.log-content {
	width: 300px;
	height: 300px;
	left: calc(50% - 150px);
	border-radius: 300px;
	top: -300px;
	z-index: 999;
	-webkit-transition: .5s;
	transition: .5s
}

.log-circle.log-topleft, .log-topright .log-content > div, .log-wrapper.log-topleft .log-circle {
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg)
}

.log-circle.log-midleft, .log-midright .log-content > div, .log-wrapper.log-midleft .log-circle {
	-webkit-transform: rotate(-120deg);
	transform: rotate(-120deg)
}

.log-bottom .log-content > div, .log-circle.log-bottom, .log-wrapper.log-bottom .log-circle {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.log-circle.log-midright, .log-midleft .log-content > div, .log-wrapper.log-midright .log-circle {
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg)
}

.log-circle.log-topright, .log-topleft .log-content > div, .log-wrapper.log-topright .log-circle {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg)
}

.log-circle.log-top, .log-top .log-content > div, .log-wrapper.log-top .log-circle {
	-webkit-transform: none;
	transform: none
}

.log-wrapper.focus .log-center {
	-webkit-transform: scale(2);
	transform: scale(2)
}

.log-content > div {
	top: 0;
	height: 100%;
	padding: 25% 8%;
	color: #fff;
	width: 100%;
	cursor: pointer
}

.log-circle.focus, .outer-screen {
	z-index: 999
}

#owl-demo.logiciel .owl-next, #owl-demo.logiciel .owl-prev, .log-wrapper.log-top.focus .log-circle {
	top: 35%
}

.log-circle.blue:not(.focus) .log-content:hover {
	background: #23a5dc
}

.log-topleft .screen-content {
	padding: 20px 20px 20px 50px
}

.log-topright .screen-content {
	padding: 10px 65px 20px 15px
}

.log-midright .screen-content {
	padding: 20px 50px 20px 20px
}

.screen-container {
	position: relative;
	width: 400px;
	height: 300px;
	background: rgba(0, 0, 0, 0);
	margin: auto
}

.outer-screen {
	width: 340px;
	height: 200px;
	background: #222;
	left: 30px;
	top: 20px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.screen {
	width: 310px;
	height: 170px;
	background: #add;
	top: 15px;
	left: 15px;
	-webkit-animation: 15s linear infinite color;
	animation: 15s linear infinite color
}

.top-glare {
	width: 336px;
	height: 2px;
	top: 2px;
	left: 2px;
	background: #666;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px
}

.bottom-bt, .bottom-tp, .bottom-tp:after, .bottom-tp:before, .keyboard {
	height: 0;
	position: absolute
}

.bottom-bt, .bottom-tp {
	width: 372px;
	left: 14px
}

#btn-ville, .bottom-bt, .bottom-tp, .keyboard, header.inner_page nav.top-navbar {
	background: 0 0
}

.bottom-tp {
	border-bottom: 14px solid #333;
	border-right: 16px solid transparent;
	box-shadow: 0 2px 2px -2px #555;
	top: 220px;
	z-index: 2
}

.bottom-tp:after {
	content: '';
	border-right: 6px solid transparent;
	left: -16px
}

.bottom-tp:before {
	content: '';
	border-left: 6px solid transparent;
	border-right: 16px solid transparent;
	right: -16px
}

.bottom-bt {
	border-top: 8px solid #2f2f2f;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	top: 234px
}

.keyboard {
	width: 290px;
	border-bottom: 8px solid #000;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	top: 0;
	left: 15px
}

.glare {
	width: 0;
	border-top: 146px solid rgba(255, 255, 255, .2);
	border-left: 219px solid transparent;
	right: 45px;
	position: absolute;
	top: 35px;
	bottom: 67%
}

.screen-content {
	font-size: 50%;
	padding: 20px;
	overflow: hidden;
	max-height: 100%;
	z-index: 1001;
	position: absolute;
	width: 100%
}

.log-trail, .log-trail:after, .log-trail:before {
	position: absolute;
	width: 8px;
	height: 8px;
	z-index: 1;
	border-radius: 20px
}

.screen-content h1 {
	font-size: 150%
}

.click {
	padding-top: 14%
}

.click p {
	margin: 0;
	font-size: 250%
}

.log-wrapper:not(.focus) .log-content {
	-webkit-animation: 2s infinite bubbles;
	animation: 2s infinite bubbles
}

.log-trail {
	top: 1%;
	left: 50%;
	background: #d0d0d0;
	-webkit-animation: 1s linear .2s infinite trail;
	animation: 1s linear .2s infinite trail;
	-webkit-transition: opacity .5s .6s;
	transition: opacity .5s .6s
}

.log-top .log-trail {
	top: 11.5%
}

.log-bottom .log-trail {
	top: 13%
}

.log-trail:after, .log-trail:before {
	content: "";
	display: block
}

.log-trail:before {
	margin-top: 350%;
	-webkit-animation: 1s linear 0 infinite trail;
	animation: 1s linear 0 infinite trail
}

.log-trail:after {
	margin-top: -350%;
	-webkit-animation: 1s linear .4s infinite trail;
	animation: 1s linear .4s infinite trail
}

.log-wrapper.focus .log-trail {
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	-webkit-transition: opacity .1s;
	transition: opacity .1s
}

.log-responsive {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	min-height: 100%;
	background: #fff;
	z-index: 9999;
	overflow: auto;
	display: none
}

.last span, .log-responsive.show, .logiciel .single-promo.L-active .plus-fermer {
	display: block
}

.log-title {
	background: #0080b6;
	color: #fff;
	padding: 20px
}

#owl-demo .single-work .work-content-wrap .work-content, .log-text {
	padding: 30px
}

.log-text {
	font-size: 16px;
	position: fixed;
	top: 135px;
	bottom: 0;
	overflow: scroll
}

.log-close {
	top: 20px;
	right: 29px;
	color: #fff;
	font-size: 25px
}

.log-midleft .screen-content {
	padding: 20px 20px 20px 60px
}

.logo {
	background: url(../images/logo-mcn-2.png) 0 0/cover;
	width: 66px;
	height: 60px;
	opacity: 0;
	transition: opacity .5s;
	top: 12px
}

.logo.step1 {
	opacity: 1;
	transition: none;
	background-position: left;
	z-index: 1
}

.logo.step2 {
	background-position: center;
	z-index: 2
}

.logo.step3 {
	background-position: right;
	z-index: 3
}

.logo.show {
	opacity: 1;
	transition-delay: 0s
}

.navbar-brand.weare {
	color: #fff;
	margin-left: 65px
}

.navbar-brand.weare div.name {
	height: 1.2em;
	overflow: hidden
}

.navbar-brand.weare div {
	height: 1.2em
}

.listeEtapes p:nth-child(2n):before, .listeEtapes p:nth-child(odd):before {
	content: counter(section);
	border-radius: 50%;
	padding: 5px;
	height: 30px;
	width: 30px;
	background-color: #006f9e;
	font-size: 110%;
	text-align: center;
	color: #fff
}

.carousel-item {
	background: url(../images/bg-equipe-2023.webp) 0 0/cover;
	animation: 7s forwards traveling
}

.navbar-brand.weare div.name > div {
	transition: .5s;
	color: #1f759a
}

.navbar-brand.weare.step1 div.name > div {
	margin-top: 0;
	color: #1f759a
}

.navbar-brand.weare.step2 div.name > div {
	margin-top: -1.2em;
	color: #ffe045
}

.navbar-brand.weare.step3 div.name > div {
	margin-top: -2.4em;
	color: #80f64e
}

.navbar-brand.weare div.name p {
	margin: 0;
	line-height: 1.2em
}

.navbar-brand.weare > div:first-child {
	font-size: 17px
}

@keyframes traveling {
	from {
		background-size: auto 150%
	}
	to {
		background-size: auto 120%
	}
}

@-webkit-keyframes traveling {
	from {
		background-size: auto 150%
	}
	to {
		background-size: auto 120%
	}
}

.first, .last {
	display: inline-block;
	height: 1em;
	overflow: hidden;
	line-height: 1.2em;
	font-size: 3em
}

.last {
	margin-left: -3px;
	color: inherit;
	transition: .2s
}

.youareunique {
	margin-top: -20px;
	transition: .2s
}

.youareunique.step1 {
	color: white;
	border-color: #fd7e33;
	padding-left: 50px
}

.youareunique.step2, .youareunique.step3 {
	color: white;
	border-color: #fd7e33;
	padding-left: 15px
}

.youareunique:after {
	content: "";
	height: 10px;
	width: 200px;
	margin: auto auto 10px;
	display: block;
	border-bottom: 2px solid;
	border-color: inherit;
	left: -25px;
	position: relative;
	transition: .2s
}

.youareunique.step2:after, .youareunique.step3:after {
	left: -7px
}

.last span:first-child {
	transition: margin .5s
}

.step1 .last span:first-child {
	margin-top: 0
}

.step2 .last span:first-child {
	margin-top: -1.2em
}

.step3 .last span:first-child {
	margin-top: -2.4em
}

.rgpd {
	height: 400px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #000
}

.rgpd:after {
	height: 17px;
	width: 100%;
	position: absolute;
	background: #fff;
	display: block;
	content: "";
	bottom: 0
}

body.c-rgpd .inner-banner-wrapper {
	min-height: 345px
}

.duo p {
	text-align: justify
}

div.listeEtapes {
	width: 550px;
	margin: auto
}

.listeEtapes p {
	border-top: 2px dashed;
	border-color: #006f9e !important;
	margin: 0;
	padding: 30px;
	counter-increment: section;
	position: relative
}

.listeEtapes p b {
	font-size: 17px;
	color: #20769a
}

.listeEtapes p:nth-child(2n):before {
	right: 101%;
	margin-right: -20px;
	position: absolute
}

.listeEtapes p:nth-child(odd):before {
	left: 101%;
	margin-left: -20px;
	position: absolute
}

.listeEtapes p:nth-child(2n) {
	border-left: 2px dashed;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	margin-right: 30px;
	padding-right: 0
}

.listeEtapes p:nth-child(odd) {
	border-right: 2px dashed;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	margin-left: 30px;
	padding-left: 0
}

.listeEtapes p:first-child {
	border-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.listeEtapes p:last-child {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.newsletter-section {
	top: 20px !important;
	background: #149fd9 !important
}

.newsletter-section .input-group-addon {
	background: #006f9e !important
}

.newsletter-section .form-control {
	border-color: #006f9e !important
}

.newsletter-section .text-blue {
	color: #006f9e !important
}

.valeur_icon ul {
	padding-left: 20px;
	list-style-type: none
}

.valeur_icon ul li {
	padding: 20px;
	background-color: #fff;
	border: 1px solid #f5bea9;
	border-radius: 10px;
	display: inline-block;
	margin-left: 15px;
	width: 18%
}

.valeur_icon ul li .box .icon {
	background-color: #e6f4fb;
	display: inline-block;
	line-height: 1;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	color: #818a91;
	font-size: 40px;
	border-radius: 50%;
	padding: 13px;
	margin-bottom: 10px
}

#owl-demo .owl-next, #owl-demo .owl-prev {
	position: absolute;
	top: 40%;
	display: block !important;
	border: 0 solid #000;
	width: 15px
}

.valeur_icon ul li .box .title h3 {
	margin-bottom: 0;
	font-weight: 400;
	font-size: 20px;
	color: #0080be
}

.mb-60 {
	margin-bottom: 60px
}

#owl-demo .green-box-content {
	padding: 30px 18%;
	height: 380px
}

#owl-demo .green-box-content span {
	font-size: 50px;
	color: #fff
}

#owl-demo .green-box-content .h5 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 15px
}

#owl-demo .green-box-content p {
	color: #fff;
	text-align: center;
	font-size: 16px
}

.bginformatique {
	background-color: #cd161a
}

#owl-demo .owl-prev {
	height: 48px;
	margin-left: 10px
}

#owl-demo .owl-next {
	height: 100px;
	right: 15px
}

#owl-demo .owl-next i, #owl-demo .owl-prev i {
	color: #ffffff80;
	font-size: 60px !important
}

#owl-demo .green-box-content {
	max-width: 100%;
	margin: 0 auto
}

#owl-demo .white-btn {
	background: 0 0;
	border: 2px solid #fff;
	color: #fff;
	line-height: 18px;
	margin-top: 20px
}

.logiciel .single-promo {
	transform: translateY(-10px);
	box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
	transition: .2s ease-out;
	will-change: transform;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .12);
	border-radius: 1.5rem !important;
	padding: 40px 20px;
	margin: 40px
}

.logiciel .plus-details, .logiciel .plus-fermer {
	margin: 0 auto;
	width: 29%;
	height: 35px;
	box-shadow: 0 0 12px 3px rgba(0, 0, 0, .1);
	line-height: 35px;
	left: 0;
	font-size: 20px;
	bottom: -15px;
	border-radius: 6px;
	position: absolute;
	right: 0;
	text-align: center;
	color: #fff;
	cursor: pointer
}

.logiciel .single-promo h3 {
	font-size: 24px;
	color: #20769a;
	font-weight: 700
}

.logiciel .single-promo .content-3lines-ellipsis {
	-webkit-box-orient: vertical;
	display: block;
	display: -webkit-box;
	height: 70px;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis
}

.logiciel .single-promo.L-active {
	height: auto
}

.logiciel .single-promo.L-active .content-3lines-ellipsis {
	-webkit-box-orient: initial;
	display: block;
	height: auto;
	-webkit-line-clamp: initial;
	overflow: auto;
	text-overflow: initial
}

.logiciel .plus-fermer {
	background: #8c847f
}

.pt-40 {
	padding-top: 40px
}

.site_blog {
	padding: 100px 0;
	background-color: #f7f7f7
}

.site_blog .blog .icon {
	font-size: 45px;
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fd7e33;
	border: 5px solid #fff;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
	border-radius: 50%;
	line-height: 1;
	transition: .3s;
	margin: 0;
	position: absolute;
	top: 0;
	left: 50%;
	color: #fff;
	opacity: 0;
	z-index: 1;
	transform: translate(-50%, -50%);
	opacity: 1;
	visibility: visible
}

.site_blog .blog .icon img {
	width: 50px
}

.site_blog .blog .contenu {
	position: relative;
	background-color: #fff;
	box-shadow: 0 10px 50px 0 rgba(53, 82, 99, .09);
	border: 0;
	padding: 60px 30px 30px;
	text-align: center;
	transition: .3s;
	min-height: 275px;
	margin-bottom: 80px
	max-width: 335px
}

.site_blog .blog .icon:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	transition: .3s;
	opacity: 0;
	visibility: hidden
}

.site_blog .blog .contenu .h5 {
	font-family: Poppins, sans-serif !important;
	color: #20769a;
	margin-bottom: 10px;
	transition: .3s;
	line-height: 25px
}

.b_colored_items .b_item .b_item-title .h4, .h1, .h2, .h3, .h4, .h5, .h6, .title-bold.h1, h1, h2, h3, h4, h5, h6 {
	font-family: Raleway, sans-serif
}

.pt-60 {
	padding-top: 60px
}

.our-numbers .numbers_item .numbers_icon, .pb-20 {
	padding-bottom: 20px
}

.pt-100 {
	padding-top: 100px !important
}

.site_blog .blog .contenu p {
	margin: 0;
	transition: .3s
}

.blog-act .blog-post-desc, .mb-0 {
	margin-bottom: 0
}

#owl-demo .single-work {
	margin-bottom: 30px;
	text-align: center;
	position: relative;
	overflow: hidden;
	height: 350px
}

#owl-demo .single-work img {
	display: block;
	width: 100%;
	height: 100%
}

#owl-demo .single-work .work-title {
	background-color: #20769a;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	padding: 20px;
	max-width: 446px;
	margin: auto;
	position: absolute;
	color: #fff;
	bottom: 10px;
	left: 0;
	right: 0;
	font-weight: 700;
	-webkit-transition: .5s;
	transition: .5s
}

#owl-demo .single-work .work-title i {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #fd7e33;
	border-radius: 50%;
	color: #fff;
	margin-right: 20px
}

#owl-demo.logiciel .owl-next i, #owl-demo.logiciel .owl-prev i {
	color: #20769a;
	font-size: 60px !important
}

#owl-demo .owl-prev #owl-demo .single-work .work-content-wrap {
	background-color: #20769a;
	opacity: .9;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-transition: .5s;
	transition: .5s
}

#owl-demo .single-work .work-content-wrap .work-content h3 {
	margin-bottom: 15px;
	font-size: 25px;
	font-weight: 700;
	color: #fff
}

#owl-demo .single-work:hover .work-title {
	bottom: -100%
}

#map .rs_item p > strong, .b_coloredCarousel.owl-carousel .owl-stage, .bloc-logiciel .bloc, .vertical-tab, .why-we_2 .shapes {
	display: flex
}

.bloc-logiciel .bloc .icon-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 60px;
	height: 60px;
	background: #fd7e33;
	border-radius: 7px;
	box-shadow: 0 -3px 15px 0 rgba(0, 0, 0, .3);
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 30px;
	color: #fff
}

.bloc-logiciel .col-md-3 {
	padding-left: 10px;
	padding-right: 10px
}

.bloc-logiciel .h5 {
	font-size: 17px;
	margin-bottom: 0;
	line-height: 25px
}

.bloc-logiciel .bloc .contenu {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	padding-top: 0;
	margin: auto auto auto 20px
}

.a_colored_items, .mt-50 {
	margin-top: 50px
}

.service-refe .service {
	background: #fff;
	margin-bottom: 30px
}

.service-refe .service .service-images .gallery .item-image img {
	border: 0;
	vertical-align: top;
	max-width: 100%;
	height: auto
}

.service-refe .service .service-content {
	border: 1px solid #e8e8e8;
	border-top: 0;
	text-align: center;
	background: #fff;
	height: 206px
}

.service-refe .service .service-content .content {
	background: #fff;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: -20px;
	padding: 30px 20px;
	position: relative;
	z-index: 9
}

.service-refe .service .service-content .content:before {
	background: #fd7e33;
	left: 0;
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	z-index: 1
}

.service-refe .service .service-content .content:after {
	background: #20769a;
	right: 0;
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	z-index: 1
}

.service-refe .service .service-content .content .content-bottom h3.title {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: 700;
	letter-spacing: -.96px;
	text-transform: uppercase
}

.mt-20, .mt-30 {
	margin-top: 30px !important
}

.mt-100 {
	margin-top: 100px !important
}

.go-to-content-wrapper .h4, .go-to-content-wrapper h4 {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	margin: 7px 0
}

.h2, h2 {
	font-size: 1.9rem
}

.green-box-wrapper .h5 {
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 15px
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 15px
}

.quote p {
	font-size: 26px;
	color: #fd7e33;
	text-align: center
}

p.card-text {
	font-size: 14px
}

.list-objectif {
	padding-left: 0;
	margin-bottom: 0
}

.list-objectif li {
	display: table-cell;
	width: 19.77%;
	margin: auto;
	vertical-align: middle;
	padding: 20px;
	height: 110px
}

.list-objectif li .item .icon {
	border: 5px solid #fff8dc;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	background: #fff;
	line-height: 58px;
	text-align: center;
	margin-left: 13px
}

.list-objectif li .item .icon i {
	font-size: 30px
}

.list-objectif li .item .contenu p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	color: #fff;
	font-weight: 700
}

.blog-act .blog-post-sm > .blog-post-content > .blog-post-title a, .fonction-ecommerce .article .contenu p b, .statut ul li {
	font-size: 15px
}

.bg-red {
	background: rgb(255 156 54 / .8)
}

.bg-orange {
	background: rgb(253 126 51 / .8)
}

.bg-yellow {
	background: rgb(109 182 225 / .8)
}

.bg-blue-ciel {
	background: rgb(33 151 221 / .8)
}

.bg-blue {
	background: rgb(28 128 186 / .8)
}

ol, ul {
	list-style-type: none;
	padding-left: 0
}

.dot.half p {
	font-size: 3.5px;
	margin: 0;
	line-height: 4px
}

.dot.half .dot-title {
	font-size: 5px;
	margin: 0;
	color: #fff
}

.mt-60 {
	margin-top: 60px
}

.dot.snapchat1 {
	background: #f7c632 !important
}

.div-ecommerce {
	padding-top: 100px;
	padding-bottom: 100px
}

.div-ecommerce .single-choose {
	overflow: hidden;
	min-height: 100px;
	text-align: left;
	margin-bottom: 30px;
	box-shadow: 0 0 38px rgba(0, 0, 0, .11);
	background: rgb(253 126 51 / .7)
}

.div-ecommerce .single-choose .single-choose-left, .div-ecommerce .single-choose .single-choose-right {
	float: left;
	display: inline-block;
	padding: 25px 15px
}

.div-ecommerce .single-choose .single-choose-left img {
	padding-top: 4px;
	padding-left: 16px;
	width: 70px
}

.div-ecommerce .single-choose .single-choose-right h3 {
	line-height: 29px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0
}

.click-list li {
	display: inline-block;
	width: 19.7%
}

ul.tabs {
	margin: 0;
	padding: 0
}

ul.tabs li {
	background: 0;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer
}

.fonction-list .item .img-icon img {
	width: 60px;
	margin: auto
}

.fonction-list .item h6 {
	font-size: 20px;
	color: #000;
	margin-top: 20px
}

.fonction-list #owl-demo .owl-next i, .fonction-list #owl-demo .owl-prev i {
	color: #fd7e33;
	font-size: 60px !important
}

.fonction-list .owl-carousel .owl-dots.disabled, .fonction-list .owl-carousel .owl-nav.disabled {
	display: block !important
}

.fonction-list #owl-demo .owl-next, .fonction-list #owl-demo .owl-prev {
	top: 10%
}

.fonction-ecommerce .article {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, .15) 0 10px 51px 3px;
	min-height: 400px;
	height: auto;
	padding: 50px 25px 40px;
	margin-bottom: 40px;
	position: relative
}

.fonction-ecommerce .article .contenu button {
	position: absolute;
	bottom: 30px;
	left: 31%
}

.modal-header {
	font-size: 25px;
	font-weight: 700;
	color: #12688c
}

.fonction-ecommerce .article .contenu h3 {
	font-size: 22px;
	text-transform: capitalize;
	font-weight: 700;
	color: #4c4c4c;
	margin-top: 10px
}

.statut {
	background: #f4f8fd;
	padding: 20px;
	margin-bottom: 20px
}

.d_colored_items .row_bg, .parallax {
	background-size: cover;
	background-repeat: no-repeat
}

.statut h5 {
	font-size: 25px;
	color: #146a8e
}

.connect_item div p, .statut ul li {
	margin-bottom: 5px
}

.statut ul li i {
	font-size: 17px;
	color: #fd7e33
}

.pt-20 {
	padding-top: 20px
}

.mb-50 {
	margin-bottom: 50px
}

.click-list li .single-category-box {
	box-shadow: 5px 5px #efad87;
	border: 1px solid #fd7e33;
	border-radius: 5px;
	position: relative;
	transition: var(--transition);
	text-align: center;
	background-color: var(--whiteColor);
	padding: 25px 14px;
	margin: 10px
}

.click-list li .single-category-box .icon {
	margin-bottom: 15px;
	width: 70px;
	height: 70px;
	line-height: 65px;
	color: var(--mainColor);
	border-radius: 50%;
	transition: var(--transition);
	background-color: #ededed;
	display: inline-block;
	font-size: 27px
}

.click-list li .single-category-box .icon img {
	width: 35px
}

.click-list li .single-category-box .h3 {
	font-size: 18px;
	margin-bottom: 6px
}

.seo-audit-title .h3 {
	color: #fff;
	font-size: 25px;
	margin-bottom: 10px
}

.inner-banner-wrapper .titre-header {
	font-size: 30px;
	font-weight: 700
}

.title-bold.h1 {
	font-size: 35px;
	text-transform: initial;
	line-height: 40px;
	margin-bottom: 20px;
	color: #fd7e33;
	font-weight: 700
}

.listville .dropdown-menu {
	width: 100%;
	display: none;
	margin: 0;
	font-size: 1rem;
	text-align: center;
	background-color: #ff;
	max-height: 344px;
	overflow: auto;
	padding: 0;
	border-radius: 0;
	z-index: 31;
	position: relative
}

.listville .caret {
	border-top: 4px solid #8ab40e
}

.listville .dropdown-menu li {
	border-bottom: 1px solid #5c5c5c;
	font-size: 15px
}

.listville .dropdown-menu li:hover {
	background-color: #fff
}

.listville .dropdown-menu li:hover a {
	color: #fffffd !important
}

#btn-ville {
	border-color: #fd7e33 !important;
	width: 100%;
	font-size: 14px;
	padding: 10px 30px;
	border: 1px solid;
	color: #12688c !important;
	font-weight: 700;
	outline: 0
}

.listville .dropdown-menu > li > a {
	display: block;
	padding: 8px 25px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap
}

.dropdown-menu.show {
	display: block;
	position: relative !important;
	transform: translate3d(0, 0, 0) !important
}

html {
	width: 100% !important;
	overflow-x: hidden !important
}

.liste_style {
	padding: 10px 10%;
	line-height: 45px
}

.parallax {
	background-image: url(../images/banniere_site_vitrine.jpg);
	min-height: 400px;
	background-attachment: fixed;
	background-position: center
}

.flex_arrangement {
	display: flex;
	text-align: center;
	justify-content: space-evenly;
	flex-wrap: wrap;
	padding: 20px 20%
}

.flex_arrangement div {
	height: 350px;
	padding: 20px;
	margin: 0 15px;
	border-radius: 20px;
	box-shadow: 7px 7px 10px grey;
	min-width: 40%
}

.flex_arrangement div span {
	font-size: 2em;
	font-weight: 700;
	color: #fff;
	background-color: #00d5fc;
	padding: 10px 25px;
	border-radius: 250px
}

.flex_arrangement div p, .our-numbers .pt-50 {
	padding-top: 50px
}

.bg_orange {
	background-color: #fd7e33;
	padding: 30px 0;
	color: #fff
}

#possesion, .bleu_clair {
	background-color: #00d5fc
}

.possession_liste {
	color: #fd7e33;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	text-align: center
}

.possession_liste li {
	border: 2px solid #00d5fc;
	border-radius: 50px;
	width: 30%;
	margin: 20px;
	padding: 30px 10px;
	min-height: 150px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center
}

.bloc_bleu li, .difference li, .possession_liste2 li {
	padding: 30px;
	display: flex
}

.possession_liste2 {
	color: #fff;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	text-align: center
}

.possession_liste2 li {
	background-color: #636363;
	align-items: center;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 320px;
	width: 35%;
	margin: 20px 5px;
	box-shadow: 5px 5px 7px grey
}

.possession_liste2 li b {
	color: #fd7e33;
	margin-bottom: 20px
}

.border_center {
	padding: 0 20%;
	text-align: center
}

.pourquoi_why {
	color: #00d5fc;
	font-size: 1.2em
}

.height_grand li {
	min-height: 440px
}

.duo_couleur {
	display: flex;
	align-items: baseline;
	flex-direction: row;
	justify-content: center;
	text-align: center;
	margin-top: 50px
}

.couleur_orga {
	min-height: 720px
}

.bleu_clair {
	padding: 50px 20% 50px 30px
}

.bleu_fonce {
	background-color: #20769a;
	color: #fff;
	padding: 50px 30px 50px 20%;
	line-height: 30px
}

.text_orange {
	text-align: center;
	color: #fd7e33
}

.text_bleu {
	text-align: center;
	color: #20769a
}

.bloc_bleu, .block_flex_blueu {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap
}

.bloc_bleu li {
	background-color: #d8e5eb;
	width: 40%;
	margin: 10px;
	min-height: 190px;
	border-radius: 30px;
	align-items: center;
	justify-content: center;
	text-align: center
}

.difference {
	flex-direction: column;
	width: 50%
}

.difference li {
	width: 92%;
	text-align: justify;
	align-items: center;
	justify-content: center;
	margin: 0
}

.duo_change {
	display: flex;
	align-items: flex-start;
	flex-direction: row
}

.bg_gris_vrai {
	background-color: #f3f3f3
}

.a_colored_items .a_item {
	background-color: #f77125;
	height: 100%;
	position: relative
}

.a_colored_items .a_item .a_item-title {
	background: #fff;
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	top: 35px
}

.a_colored_items .a_item .a_item-title .h3 {
	font-family: Raleway, sans-serif;
	font-weight: 700;
	font-size: 26px;
	color: #f77125;
	margin: 0;
	padding: 10px
}

.a_colored_items .a_item .a_item-content {
	padding: 100px 65px 30px
}

.a_colored_items .a_item .a_item-content p, .avant_item p {
	text-align: justify;
	color: #fff
}

.a_colored_items .a_item.a_item-2 {
	background-color: #0271a1
}

.a_colored_items .a_item.a_item-3, .bg_greenF, .shapes3 {
	background-color: #4ec276
}

.a_colored_items .a_item.a_item-2 .a_item-title .h3 {
	color: #0271a1
}

.a_colored_items .a_item.a_item-3 .a_item-title .h3 {
	color: #4ec276
}

.b_colored_items, .f_colored_items, .services_block {
	margin-top: 50px;
	margin-bottom: 50px;
	justify-content: center
}

.b_colored_items .b_item {
	background-color: #fff;
	padding: 30px 25px;
	min-height: 290px;
	position: relative;
	border-radius: 30px;
	cursor: pointer;
	box-shadow: 0 0 80px rgba(0, 0, 0, .06);
	margin-bottom: 20px
}

.b_colored_items .b_item .b_item-icon {
	background: #b7e3f3;
	border-radius: 100%;
	height: 80px;
	width: 80px;
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center
}

.b_colored_items .b_item .b_item-title .h4 {
	font-weight: 700;
	font-size: 18px;
	color: #0271a1;
	margin: 10px 0 0;
	padding: 10px
}

.b_colored_items .b_item.b_item-2 .b_item-title .h4 {
	color: #82ca9c
}

.b_colored_items .b_item.b_item-3 .b_item-title .h4 {
	color: #e39120
}

.b_colored_items .b_item.b_item-2 .b_item-icon {
	background: #82ca9c
}

.b_colored_items .b_item.b_item-3 .b_item-icon {
	background: #fccf9f
}

.c_colored_items .c_item {
	padding-bottom: 10px
}

.c_colored_items .c_item .c_item-icon {
	padding-right: 15px
}

.c_colored_items .c_item .c_item-content .c_item-title {
	margin-bottom: 8px;
	color: #e39120
}

.c_colored_items .c_item .c_item-title {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 15px !important
}

.c_colored_items .c_item-content p[id^=cllp-].collapse:not(.in) {
	display: block;
	height: 80px !important;
	overflow: hidden;
	transition: .3s
}

.c_colored_items .c_item-content p[id^=cllp-].collapsing {
	height: 80px
}

.c_colored_items .c_item-content a.collapsed::after {
	content: '+'
}

.c_colored_items .c_item-content a:not(.collapsed)::after {
	content: '-'
}

.d_colored_items .row_bg {
	margin-top: 50px;
	background-image: url('../images/bg1.jpg');
	background-position: center center;
	padding: 0
}

.stripes1, .stripes_animated:before {
	content: '';
	border-radius: 100%;
	background-image: linear-gradient(45deg, rgba(0, 132, 178, .8) 22%, transparent 15%, transparent 47%, rgba(0, 132, 178, .8) 50%, rgba(0, 132, 178, .8) 70%, transparent 75%, transparent);
	animation: .5s linear infinite stripes
}

.stripes1, .stripes_animated:before, .why-we_2 .shapes .shape1 {
	transition: opacity .3s;
	background-size: 30px 30px
}

.d_colored_items .d_item {
	position: relative;
	padding: 50px 35px;
	margin-bottom: 30px
}

.our-numbers {
	padding: 50px 0;
	position: relative;
	overflow: hidden
}

.stripes1 {
	height: 230px;
	width: 230px;
	right: -8%;
	top: -8%;
	position: absolute;
	transform: translateX(-50%) rotate(351deg)
}

.our-numbers .numbers_item .numbers_icon .numbers-counter {
	color: #0271a1;
	font-size: 50px;
	position: relative;
	line-height: 1;
	margin-left: 15px;
	font-family: Arimo, sans-serif;
	font-weight: 700
}

.our-numbers .numbers_item .numbers_content p {
	font-family: Arimo, sans-serif;
	font-weight: 500
}

.our-numbers .numbers_item {
	margin: 0 20px;
	padding-bottom: 20px
}

.our-numbers .numbers_item .numbers_icon .numbers_content p {
	color: #3b3b3b
}

.stripes_animated:before {
	height: 280px;
	width: 280px;
	left: 0;
	bottom: 10%;
	position: absolute;
	transform: translateX(-50%) rotate(170deg)
}

.stripes_animated.exception1:before {
	bottom: auto;
	top: -20%
}

.shapes2 {
	position: absolute;
	right: -200px;
	top: 50%;
	z-index: 1
}

.shapes3, .shapes4, .shapes5, .shapes5_modif, .shapes6, .shapes6_modif {
	top: 0;
	position: absolute
}

.radial-circle, .radial-circle2 {
	height: 400px;
	width: 400px;
	position: relative;
	overflow: hidden;
	border-radius: 20px
}

.shapes3, .shapes4 {
	width: 100px;
	height: 100px;
	border-radius: 100%
}

.radial-circle:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	right: 0;
	background: repeating-radial-gradient(circle, transparent 0 20px, rgba(0, 132, 178, .7) 21px 23px);
	clip-path: circle(farthest-side);
	animation: 10s linear infinite shape2
}

.shapes3 {
	left: 0;
	z-index: 0;
	animation: 40s ease-in-out infinite alternate shape3
}

.shapes4 {
	background-color: #e39120;
	right: 0;
	z-index: 1;
	animation: 40s ease-in-out .8s infinite alternate shape4
}

.shapes5, .shapes5_modif, .shapes6, .shapes6_modif, .shapes7, .shapes7_left {
	width: 90px;
	height: 90px;
	z-index: 1
}

#carousel, .shapes5, .shapes5_modif, .shapes6, .shapes6_modif {
	background-color: transparent
}

.shapes7, .shapes7_left {
	background-color: #e39120
}

.shapes5 {
	border: 2px solid #0084b2;
	left: 0;
	border-radius: 100%;
	animation: 40s ease-in-out infinite alternate shape5
}

.shapes5_modif, .shapes6 {
	border: 2px solid #0084b2;
	left: 0
}

.shapes6 {
	border-radius: 100%;
	animation: 40s ease-in-out .3s infinite alternate shape6
}

.shapes5_modif {
	border-radius: 100%;
	animation: 40s ease-in-out infinite alternate shape5_m
}

.shapes6_modif {
	border: 2px solid #0084b2;
	left: 0;
	border-radius: 100%;
	animation: 40s ease-in-out .3s infinite alternate shape6_m
}

.green-circle, .orange-circle, .shapes7, .shapes7_left, .shapes8 {
	position: absolute;
	border-radius: 100%;
	top: 0
}

.shapes7 {
	right: 0;
	animation: 40s ease-in-out .2s infinite alternate shape7
}

.shapes7_left {
	left: 0;
	animation: 40s ease-in-out .2s infinite alternate shape7_left
}

.shapes8 {
	width: 200px;
	height: 200px;
	background-color: #4ec276;
	right: 0;
	z-index: 0;
	animation: 40s ease-in-out infinite alternate shape8
}

@keyframes shape2 {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

@keyframes shape3 {
	0% {
		transform: scale(.5);
		left: 8%;
		top: 70%;
		opacity: 1
	}
	50% {
		transform: scale(1);
		left: 9%;
		top: 45%;
		opacity: .7
	}
	100% {
		transform: scale(.5);
		left: 10%;
		top: 75%;
		opacity: 1
	}
}

@keyframes shape4 {
	0% {
		transform: scale(.5);
		right: 8%;
		top: 45%;
		opacity: 1
	}
	50% {
		transform: scale(1);
		right: 9%;
		top: 70%;
		opacity: .7
	}
	100% {
		transform: scale(.5);
		right: 10%;
		top: 75%;
		opacity: 1
	}
}

@keyframes shape5_m {
	0% {
		transform: scale(.3);
		left: 2%;
		top: 60%;
		opacity: .5
	}
	50% {
		transform: scale(1);
		left: 9%;
		top: 40%;
		opacity: 1
	}
	100% {
		transform: scale(.5);
		left: 2%;
		top: 30%;
		opacity: .8
	}
}

@keyframes shape6_m {
	0% {
		transform: scale(1);
		left: -5%;
		top: 70%;
		opacity: .5
	}
	50% {
		transform: scale(.3);
		left: 3%;
		top: 50%;
		opacity: 1
	}
	100% {
		transform: scale(.5);
		left: 10%;
		top: 30%;
		opacity: .8
	}
}

@keyframes shape5 {
	0% {
		transform: scale(.3);
		left: 2%;
		top: 30%;
		opacity: .5
	}
	50% {
		transform: scale(1);
		left: 9%;
		top: 5%;
		opacity: 1
	}
	100% {
		transform: scale(.5);
		left: 2%;
		top: 10%;
		opacity: .8
	}
}

@keyframes shape6 {
	0% {
		transform: scale(1);
		left: -5%;
		top: 40%;
		opacity: .5
	}
	50% {
		transform: scale(.3);
		left: 5%;
		top: 20%;
		opacity: 1
	}
	100% {
		transform: scale(.5);
		left: 5%;
		top: 5%;
		opacity: .8
	}
}

@keyframes shape7_left {
	0% {
		transform: scale(.3);
		left: 2%;
		top: 30%;
		opacity: .5
	}
	50% {
		transform: scale(.5);
		right: 5%;
		top: 50%;
		opacity: 1
	}
	100% {
		transform: scale(1);
		left: 10%;
		top: 70%;
		opacity: .8
	}
}

@keyframes shape7 {
	0% {
		transform: scale(.3);
		right: 2%;
		top: 0;
		opacity: .5
	}
	50% {
		transform: scale(.5);
		right: 10%;
		top: 30%;
		opacity: 1
	}
	100% {
		transform: scale(1);
		right: 0;
		top: 10%;
		opacity: .8
	}
}

@keyframes shape8 {
	0% {
		transform: scale(.8);
		right: 10%;
		top: 10%;
		opacity: .9
	}
	50% {
		transform: scale(1.2);
		right: 20%;
		top: 50%;
		opacity: .8
	}
	75% {
		transform: scale(1);
		right: 12%;
		top: 100%;
		opacity: .8
	}
	100% {
		transform: scale(.7);
		right: -5%;
		top: 80%;
		opacity: .8
	}
}

.mini-title {
	font-weight: 700;
	color: #0271a1;
	font-size: 20px
}

.orange-circle {
	width: 300px;
	height: 300px;
	background: #e59220;
	left: 0
}

.orange-circle + img {
	width: 100%;
	z-index: 5;
	position: relative
}

.carousel-container {
	position: relative;
	width: 100%
}

#carousel {
	height: 700px;
	width: 100%;
	position: relative;
	margin-bottom: .5em
}

.carousel-image {
	border: 0;
	display: block
}

.carousel-feature {
	position: absolute;
	top: -1000px;
	left: -1000px;
	cursor: pointer
}

#carousel-left {
	position: absolute;
	bottom: 50%;
	left: -12%;
	cursor: pointer;
	z-index: 3
}

#carousel-right {
	position: absolute;
	bottom: 50%;
	right: -12%;
	cursor: pointer;
	z-index: 3
}

#carousel-left img, #carousel-right img {
	height: 50px
}

.our-projects {
	background: #f3f4f4;
	padding: 90px 30px
}

.pb-50, .referencement_section1, .wh-we.wh-we_v2, .why-we_2 {
	padding-bottom: 50px
}

.our-projects:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 600px;
	height: 600px;
	border-radius: 100%;
	background-color: #0271a1;
	transform: translate(-50%, -50%);
	opacity: .3
}

.our-projects .carousel-main img {
	box-shadow: 0 0 80px rgba(0, 0, 0, .05)
}

#grid {
	display: grid;
	grid-gap: 1vw;
	grid-template-rows:22vw;
	grid-auto-rows: 22vw;
	grid-template-columns:0fr repeat(6, 2fr) 0fr
}

#grid > div {
	background-color: #fff;
	outline: #fff solid 1vw
}

#grid .a_row {
	grid-column-end: span 3
}

#grid .a_row1 {
	background-color: rgba(188, 13, 20, .78)
}

#grid .a_row2 {
	background-color: rgba(78, 194, 118, .78)
}

#grid .a_row3 {
	background-color: rgba(2, 113, 161, .78)
}

#grid .a_row4 {
	background-color: rgba(229, 146, 32, .78)
}

.why-we_2 {
	margin-top: 50px;
	margin-bottom: 0
}

.why-we_2 .shapes .shape2, .why-we_2 .shapes .shape3 {
	height: 200px;
	width: 200px;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2
}

.why-we_2 .shapes .shape2 p, .why-we_2 .shapes .shape3 p {
	color: #fff;
	font-size: 20px
}

.why-we_2 .shapes .shape2 {
	background-color: #bc0d14;
	margin-top: 40px;
	animation: 3s ease-in-out infinite alternate-reverse both up-down
}

.why-we_2 .shapes .shape3 {
	background-color: #0271a1;
	margin-left: 35px;
	margin-top: 120px;
	animation: 3s ease-in-out .8s infinite alternate-reverse both up-down
}

@keyframes up-down {
	0% {
		transform: translateY(10px)
	}
	100% {
		transform: translateY(-10px)
	}
}

.why-we_2 .shapes .shape1 {
	height: 300px;
	width: 300px;
	left: 50%;
	top: 0;
	position: absolute;
	border-radius: 100%;
	transform: translateX(-50%);
	z-index: 1;
	background-image: linear-gradient(45deg, rgba(148, 209, 231, .8) 25%, transparent 25%, transparent 50%, rgba(148, 209, 231, .8) 50%, rgba(148, 209, 231, .8) 75%, transparent 75%, transparent);
	animation: .5s linear infinite stripes
}

.card-img-top img, .g_colored_items .g_item .g_item-icon, .logiciel_item p {
	left: 50%;
	transform: translate(-50%, -50%)
}

@keyframes stripes {
	from {
		background-position: 0 0
	}
	to {
		background-position: 60px 30px
	}
}

.title-light {
	font-weight: 600;
	color: #212a36;
	font-size: 30px
}

.e_colored_items .e_item .e_item-icon {
	width: 70px;
	height: 70px;
	min-width: 70px;
	background-color: #e39120;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}

.e_colored_items .e_item .e_item-icon:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	left: 0;
	top: 0;
	border: 1px solid #e39120;
	transform: scale(1.2)
}

.e_colored_items .e_item .e_item-icon img {
	height: 40px
}

.e_colored_items .e_item {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	margin-bottom: 25px
}

.e_colored_items .e_item.e_item-revers {
	flex-direction: row
}

.e_colored_items .e_item .e_item-content {
	flex: 0 0 80%;
	max-width: 80%;
	margin-right: 25px
}

.e_colored_items .e_item.e_item-revers .e_item-content {
	margin-left: 25px
}

.siteweb_section2 .b_colored_items .b_item-title p, .wh-we.wh-we_v2 .b_colored_items .b_item-title p {
	color: #fd7e33;
	font-weight: 600;
	margin-top: 15px
}

.ref-icoItems2 .ref-ico img, .siteweb_section2 .b_colored_items .b_item .b_item-icon img, .wh-we.wh-we_v2 .b_colored_items .b_item .b_item-icon img {
	height: 45px
}

.wh-we.wh-we_v2 .b_colored_items .b_item.b_item-2 .b_item-icon {
	background-color: #d7d7ff
}

.wh-we.wh-we_v2 .b_colored_items .b_item.b_item-3 .b_item-icon {
	background-color: #fccf9f
}

.wh-we_v1 {
	padding-bottom: 75px
}

.wh-we_v1 .our_services .our_services-content {
	padding: 50px 20px
}

.wh-we_v1 .our_services .our_services-icon {
	padding: 35px 50px;
	border-radius: 50px;
	position: relative
}

.wh-we_v1 .our_services .our_services-icon:after, .wh-we_v1 .our_services .our_services-icon:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 40%;
	bottom: 0;
	border-bottom: 3px solid transparent;
	border-radius: 0 0 50px 50px;
	-webkit-animation: 6s 1s forwards borderColor;
	animation: 6s 1s forwards borderColor
}

.wh-we_v1 .our_services .our_services-icon.revers:before, .wh-we_v1 .our_services .our_services-icon:before {
	border-left: 3px solid #0271a1
}

.wh-we_v1 .our_services .our_services-icon.revers:after, .wh-we_v1 .our_services .our_services-icon:after {
	border-right: 3px solid #0271a1
}

.wh-we_v1 .our_services .our_services-icon span {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 45%;
	opacity: 0;
	border-radius: 100%;
	background-color: #e59220;
	-webkit-animation: 2s 1s forwards fadeInTo;
	animation: 2s 1s forwards fadeInTo
}

.wh-we_v1 .our_services .our_services-icon span.b1 {
	left: -15px
}

.wh-we_v1 .our_services .our_services-icon span.b2 {
	right: -15px
}

.wh-we_v1 .our_services .our_services-icon.revers:after, .wh-we_v1 .our_services .our_services-icon.revers:before {
	bottom: auto;
	top: 0;
	border-bottom: 0;
	border-top: 3px solid transparent;
	border-radius: 50px 50px 0 0;
	-webkit-animation: 6s 1s forwards borderColor;
	animation: 6s 1s forwards borderColor
}

@keyframes fadeInTo {
	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: .7;
		transform: translate3d(0, 25px, 0)
	}
	75% {
		opacity: 1;
		transform: translate3d(0, -10px, 0)
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 5px, 0)
	}
}

@keyframes borderColor {
	0% {
		border-color: transparent
	}
	100% {
		border-color: #0271a1
	}
}

.parlx {
	padding: 50px 10px
}

.position_relative {
	position: relative !important
}

.f_colored_items .f_item .f_item-icon {
	background: #b7e3f3;
	border-radius: 100%;
	height: 100px;
	width: 100px;
	display: flex;
	margin: 20px auto;
	align-items: center;
	justify-content: center
}

.f_colored_items .f_item-1 .f_item-icon {
	background: #e39120
}

.f_colored_items .f_item-2 .f_item-icon {
	background: #0271a1
}

.f_colored_items .f_item-3 .f_item-icon {
	background: #bc0d14
}

.f_colored_items .f_item-4 .f_item-icon {
	background: #4ec276
}

.f_colored_items .f_item-5 .f_item-icon {
	background: #31232f
}

.fcol-lg-20 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px
}

.avantages {
	padding: 50px 0;
	position: relative
}

.avant_item {
	background: #038dc7;
	height: 250px;
	width: 33.3333333333333333%;
	padding: 40px 60px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.avantages .avant_carousel .owl-nav [class^=owl-] {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 50%;
	cursor: pointer;
	z-index: 3;
	height: 40px;
	width: 40px;
	border: 1px solid #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: .7s;
	transition: .7s
}

.avantages .avant_carousel:hover .owl-nav [class^=owl-] {
	opacity: 1;
	visibility: visible
}

.avantages .avant_carousel .owl-nav [class^=owl-] i {
	font-size: 25px;
	color: #fff
}

.avantages .avant_carousel .owl-nav .owl-prev {
	left: 15px
}

.g_colored_items {
	margin-top: 45px;
	margin-bottom: 50px
}

.g_colored_items .g_item {
	position: relative;
	box-shadow: 0 0 80px 16px rgb(0 0 0 / 6%);
	border-radius: 6px;
	height: 240px;
	margin: 55px 0
}

.g_colored_items .g_item .g_item-icon {
	background: #fd7e33;
	border-radius: 100%;
	height: 110px;
	width: 110px;
	border: 8px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 25px 1px rgb(0 0 0 / 10%);
	position: absolute;
	top: 0
}

.g_colored_items .g_item .g_item-content {
	padding: 75px 30px 30px
}

.r-big_title h3 {
	font-family: Antonio, sans-serif !important;
	font-weight: 700;
	font-size: 110px;
	color: #0080be;
	opacity: .1
}

.form-wrap {
	position: fixed;
	bottom: 0;
	right: 40px;
	transform: translateY(515px);
	transition: .4s;
	z-index: 999
}

.form-wrap:hover {
	transform: translateY(490px)
}

#form-title:checked + .form-wrap {
	transform: translateY(0)
}

.form-title {
	display: block;
	width: 300px;
	margin: 0 auto;
	padding: 13px 0;
	background-color: #fd7e33;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-size: .9rem;
	text-align: center;
	cursor: pointer
}

.form-title:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM0OS42NjcgMzQ5LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQ5LjY2NyAzNDkuNjY3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjEyOHB4IiBoZWlnaHQ9IjEyOHB4Ij4KPGc+Cgk8cGF0aCBkPSJNMTc0LjgzMywxOTcuMjA0YzI0LjEyNSwwLDgwLjg0Ni0yOS4wMzQsODAuODQ2LTk4LjYwM0MyNTUuNjgsNDQuMTQ1LDI0OC4zMjksMCwxNzQuODMzLDAgICBjLTczLjQ5NSwwLTgwLjg0Niw0NC4xNDUtODAuODQ2LDk4LjYwMkM5My45ODcsMTY4LjE3LDE1MC43MDgsMTk3LjIwNCwxNzQuODMzLDE5Ny4yMDR6IE0xMDYuMDcsODIuMTQ2ICAgYzUuNjc5LTEwLjk4MywxNy45NjMtMjMuNjc1LDQ0LjM4MS0yMy4xMTJjMCwwLDE1Ljc0NiwzOC4xOTQsOTMuMDUsMjEuMDQyYzAuMzEyLDYuMTAxLDAuNDEsMTIuMzI2LDAuNDEsMTguNTI2ICAgYzAsMzQuMDA1LTE1LjAxNSw1NS4wNzUtMjcuNjEyLDY2Ljc2MmMtMTUuODcyLDE0LjcyNy0zMy40OTQsMjAuMDcyLTQxLjQ2NiwyMC4wNzJjLTcuOTcyLDAtMjUuNTk0LTUuMzQ1LTQxLjQ2Ni0yMC4wNzIgICBjLTEyLjU5Ny0xMS42ODctMjcuNjEyLTMyLjc1Ny0yNy42MTItNjYuNzYyQzEwNS43NTYsOTMuMTAxLDEwNS44MzYsODcuNTgxLDEwNi4wNyw4Mi4xNDZ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBkPSJNMzI0LjkyNiwyOTguMzI3Yy00LjEyNy0yNS42NjUtMTIuNjI1LTU4LjcyNC0yOS42NjgtNzAuNDcyYy0xMS42MzgtOC4wMjQtNTIuMjQzLTI5LjcxOC02OS41ODItMzguOTgybC0wLjMtMC4xNiAgIGMtMS45ODItMS4wNTktNC40MDItMC44NDctNi4xNywwLjU0MWMtOS4wODMsNy4xMzEtMTkuMDMzLDExLjkzNy0yOS41NzMsMTQuMjg0Yy0xLjg2MiwwLjQxNS0zLjM5LDEuNzM4LTQuMDY3LDMuNTIxICAgbC0xMC43MzMsMjguMjkxbC0xMC43MzMtMjguMjkxYy0wLjY3Ny0xLjc4My0yLjIwNS0zLjEwNi00LjA2Ny0zLjUyMWMtMTAuNTQtMi4zNDctMjAuNDktNy4xNTMtMjkuNTczLTE0LjI4NCAgIGMtMS43NjgtMS4zODgtNC4xODgtMS42MDEtNi4xNy0wLjU0MWMtMTcuMTMzLDkuMTU1LTU4LjIzNSwzMS4yOTEtNjkuODMxLDM5LjEwN2MtMTkuNjE5LDEzLjIxNy0yOC4xOTgsNjEuMDUyLTI5LjcxOCw3MC41MDcgICBjLTAuMTUxLDAuOTM4LTAuMDYzLDEuODk3LDAuMjUzLDIuNzkyYzAuNzAyLDEuOTgyLDE4LjcwOCw0OC41NDgsMTQ5LjgzOSw0OC41NDhzMTQ5LjEzNy00Ni41NjYsMTQ5LjgzOS00OC41NDggICBDMzI0Ljk4OSwzMDAuMjI0LDMyNS4wNzcsMjk5LjI2NCwzMjQuOTI2LDI5OC4zMjd6IE0yNjQuNSwyODIuNjY2bC0yNS42NjcsOGwtMjUuNjY3LTh2LTEzLjgxSDI2NC41VjI4Mi42NjZ6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
	background-size: 100%
}

.form {
	padding: 35px 25px 25px;
	background-color: #fff;
	border: 5px solid #fd7e33
}

.form__input, .select_horraire {
	border: 0;
	width: 100%;
	outline: 0;
	border-bottom: 2px solid #cdd2d4
}

.form__box {
	position: relative;
	margin-bottom: 20px
}

.form__box.focused label {
	transform: translateY(-30px);
	font-size: .8rem;
	color: #fd7e33
}

.form__input {
	position: relative;
	height: 50px;
	color: #2d3436;
	font-size: .9rem !important;
	background-color: transparent;
	z-index: 10;
	transition: .2s
}

.form__input--textarea, .img_section2_webmarketing {
	height: 100px
}

.select_horraire {
	margin-bottom: 20px;
	padding: 6px 0;
	color: #999
}

.select_horraire option {
	color: #999;
	font-size: .9rem !important
}

.checked_form label, .label_horraire {
	color: #999
}

.form__checkbox + label, .form__checkbox ~ a {
	font-size: .9rem;
	color: #666
}

.form__label {
	position: absolute;
	top: 0;
	left: 0;
	color: #999;
	line-height: 55px;
	transition: .4s
}

.form__label--textarea {
	line-height: 45px
}

.form__button {
	width: 45%;
	padding: 12px 35px;
	margin-left: auto;
	font-size: 1rem;
	background-color: #fd7e33;
	border: 0;
	color: #fff;
	transition: .5s
}

.bg_bleuF, .form__button:hover {
	background-color: #0271a1
}

.bg_bleuC {
	background-color: #eaf7fd
}

.bg_rougeC {
	background-color: #fef2e1
}

.bg_rougeF {
	background-color: #bc0d14
}

.bg_gris {
	background-color: #f3f4f4
}

.blog-act .item .blog-post-content {
	padding: 10px
}

.blog-act .blog-post-sm > .blog-post-content > .blog-post-title {
	min-height: unset
}

.blog-act .blog-post-content > .blog-post-desc {
	min-height: 80px
}

.blog-act .blog-post-sm > .blog-post-content {
	min-height: 310px;
	max-height: 400px
}

.blog-act .my-blog-post-foot {
	padding-top: 15px;
	display: flex;
	gap: 40px;
	position: absolute;
	bottom: 0;
	height: 80px
}

.connect_item div img, .digi_item img, .ref-icoItems .ref-ico img, .scata_item img, .seo_item:hover .seo_item-icon img, .siteweb_section1.site_blog .blog .icon img {
	filter: brightness(0) invert(1)
}

.blog-act .owl-next, .blog-act .owl-prev {
	position: absolute !important;
	top: 50% !important
}

.blog-act .owl-next {
	right: -40px !important
}

.blog-act .owl-prev {
	left: -40px !important
}

.blog-act .owl-next i, .blog-act .owl-prev i {
	font-size: 30px !important;
	color: #fd7e33 !important
}

#latestBlog .blog-wrapper img {
	height: 250px;
	width: auto;
	display: block;
	margin: auto;
	max-width: 100%;
	transform: scale(1);
	transition: 1s ease-in-out
}

.fts-27 {
	font-size: 27px !important
}

.blog-img-thumb {
	display: flex;
	justify-content: center;
	background-color: #ffffff57
}

.blog-single-sidebar-recent li {
	margin-bottom: 5px;
	color: #007bff
}

.font-weight-light, .title_style1 span, .title_style2 span, .under-banner .h1 span {
	font-weight: 300
}

.container75 {
	min-width: 75vw
}

header.inner_page {
	position: relative;
	background: #fff
}

header.inner_page .top-navbar .navbar-nav > li > a.nav-link {
	color: #003c69
}

header.inner_page .espace-client, header.inner_page .social-links {
	background: #003c69;
	color: #fff
}

header.inner_page .espace-client:before, header.inner_page .social-links:before {
	border-color: transparent #003c69 transparent transparent
}

header.inner_page .espace-client:after, header.inner_page .social-links:after {
	border-color: #003c69 transparent transparent
}

.inner-banner-wrapper .overlay {
	background: rgba(22, 149, 228, .83)
}

.inner-banner-wrapper.page_banner .overlay {
	background: url(../images_webp/global/overlay-pages.webp) center center/cover no-repeat
}

.page_banner .banner-text {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 0
}

.page_entete .page_banner .banner-text {
	padding: 40px 0 80px
}

.page_banner .banner-text .titre-header {
	position: relative;
	font-family: Antonio, sans-serif !important;
	font-weight: 300;
	font-size: 55px;
	padding: 0 20px;
	line-height: 1.2;
	text-shadow: 1px 2px #2f2e2e
}

.page_banner .banner-text .titre-header:after {
	content: '';
	position: absolute;
	height: 70%;
	width: 3px;
	right: 0;
	top: 55%;
	transform: translateY(-50%);
	background: #f28705
}

.page_banner .banner-text p {
	margin-bottom: 0;
	padding: 0 16px;
	font-size: 22px;
	line-height: 1.2;
	text-shadow: 1px 2px #2f2e2e;
	color: #fff
}

.fil_ariane {
	padding: 16px 0
}

.fil_ariane ul {
	display: flex;
	align-items: center
}

.fil_ariane ul li {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #fff;
	position: relative;
	padding-right: 15px
}

.fil_ariane ul li:after {
	content: "\f054";
	font: 10px/1 FontAwesome;
	position: absolute;
	top: 5px;
	right: 3px
}

.under-banner {
	position: relative;
	z-index: 2;
	margin-top: -6rem
}

.under-banner .under-banner-content {
	background: #fff;
	box-shadow: 6px 10px 32px 0 rgba(0, 0, 0, .27);
	padding: 40px 60px
}

.under-banner .p_under-banner {
	font-family: Raleway;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 20px;
	margin-bottom: 26px;
	position: relative;
	-webkit-animation-name: p_underbanner;
	animation-name: p_underbanner;
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: 1s;
	-webkit-animation-delay: 1s
}

.title_style1, .under-banner .h1 {
	font-family: Antonio, sans-serif !important;
	line-height: 1.3
}

.under-banner .p_under-banner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	height: 1px;
	background: #212529;
	-webkit-animation-name: separatBefore;
	animation-name: separatBefore;
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: 1s;
	-webkit-animation-delay: 1s
}

@keyframes separatBefore {
	0% {
		width: 0
	}
	to {
		width: 5rem
	}
}

@keyframes p_underbanner {
	0% {
		opacity: 0;
		padding-left: 0
	}
	to {
		opacity: 1;
		padding-left: 5.5rem
	}
}

.under-banner .h1 {
	font-weight: 600;
	font-size: 45px;
	text-transform: uppercase
}

.title_style1 {
	position: relative;
	font-weight: 600;
	font-size: 36px;
	color: #fd7e33;
	margin-bottom: 30px;
	display: inline-block
}

.section-title-2 {
	margin-top: 60px;
	margin-bottom: 46px;
	position: relative
}

.section-title-2 .separator-in-3 {
	position: absolute;
	bottom: 0;
	height: 5px;
	background: #0080be;
	border-radius: 5px;
	right: calc(50% - 110px);
	transform: translateX(-50%);
	-webkit-animation-name: separator3;
	animation-name: separator3;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: 1s;
	-webkit-animation-delay: 1s
}

.ref-icoItems .ref-ico, .rs-icoItems i {
	height: 100px;
	width: 100px;
	background: #2f9ffe
}

.section-title-2 .separator-in-3:after, .section-title-2 .separator-in-3:before {
	content: '';
	position: absolute;
	height: 5px;
	background: #0080be;
	border-radius: 5px
}

.section-title-2 .separator-in-3:before {
	right: 55px;
	-webkit-animation-name: separator3Before;
	animation-name: separator3Before;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: 2s;
	-webkit-animation-delay: 2s
}

.section-title-2 .separator-in-3:after {
	right: 110px;
	-webkit-animation-name: separator3After;
	animation-name: separator3After;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: 3s;
	-webkit-animation-delay: 3s
}

@keyframes separator3 {
	0% {
		width: 0
	}
	to {
		width: 50px
	}
}

@keyframes separator3Before {
	0% {
		width: 0
	}
	to {
		width: 100%
	}
}

@keyframes separator3After {
	0% {
		width: 0
	}
	to {
		width: 160%
	}
}

.title_style2 {
	color: #0080be;
	font-family: Raleway, sans-serif !important;
	font-weight: 700;
	font-size: 22px
}

.ghostTitle, .ghostTitle_webmarketing, .strategie p.hashtag {
	font-family: Antonio, sans-serif !important
}

.ref-icoItems, .ref-icoItems2, .ul_styleCheck li {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

.ref-icoItems .ref-ico {
	border-radius: 100%;
	min-width: 100px;
	border: 6px solid #d6e7f5;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: .5s;
	transition: .5s
}

.ref-icoItems .ref-ico:hover {
	opacity: .8
}

.ref-icoItems .ref-ico img {
	height: 55px
}

.ref-icoItems p {
	font-weight: 600;
	color: #414141;
	margin-left: 20px
}

.ghostTitle {
	font-weight: 700;
	font-size: 7rem;
	color: #0f1112;
	line-height: 1.3;
	opacity: .05;
	position: absolute;
	top: 5%;
	left: 0;
	text-transform: uppercase
}

.ghostTitle.right {
	left: auto;
	right: 0;
	top: -8%;
	color: #fd7e33
}

.ghostTitle.bottom {
	top: auto;
	bottom: 0;
	color: #0080be
}

.bg_2 {
	background-image: url(../images_webp/pages/referencement/bg-1.webp);
	background-repeat: no-repeat;
	background-size: cover
}

.referencement_section2 {
	background-position: center 162%;
	background-size: cover
}

.service_2 {
	position: relative;
	height: 250px;
	margin-bottom: 30px
}

.service_2 .service-content {
	position: absolute;
	height: 100%;
	width: 56%;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transition: .5s;
	transition: .5s
}

.service_2:hover .service-content {
	width: 50%
}

.service_2 .service-content .content {
	padding: 30px;
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.service_2 .service-content .content:before {
	content: '';
	position: absolute;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	right: -20px
}

.service_2.item1 .service-content {
	background: #fdca4e
}

.service_2.item2 .service-content {
	background: #feb52f
}

.service_2.item3 .service-content {
	background: #f29f05
}

.service_2.item4 .service-content {
	background: #f23005
}

.service_2.item5 .service-content {
	background: #f28705
}

.service_2.item6 .service-content {
	background: #f25c05
}

.service_2.item1 .service-content .content:before {
	border-left: 20px solid #fdca4e;
	top: 12%
}

.service_2.item2 .service-content .content:before {
	border-left: 20px solid #feb52f;
	bottom: 12%
}

.service_2.item3 .service-content .content:before {
	border-left: 20px solid #f29f05;
	top: 12%
}

.service_2.item4 .service-content .content:before {
	border-left: 20px solid #f23005;
	bottom: 12%
}

.service_2.item5 .service-content .content:before {
	border-left: 20px solid #f28705;
	top: 12%
}

.service_2.item6 .service-content .content:before {
	border-left: 20px solid #f25c05;
	bottom: 12%
}

.service_2 .service-content .content .content-bottom .title {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px
}

.service_2 .service-images, .siteweb_section1.site_blog .blog {
	height: 100%
}

.service_2 .service-images .item-image {
	width: 60%;
	height: 100%;
	margin-left: auto;
	overflow: hidden
}

.service_2 .service-images .item-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	-webkit-transition: .5s;
	transition: .5s
}

.actu_item:hover .actu_img img, .secteurs_section .list_secteurs li:hover a, .service_2:hover .service-images .item-image img {
	transform: scale(1.1)
}

.bleu-link, .bleu-link2 {
	background: #0080be;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 6px;
	font-size: 18px;
	border: none;
	outline: 0;
	cursor: pointer;
	-webkit-transition: .5s;
	transition: .5s
}

.bleu-link:hover, .btn-diapo:hover {
	background: #fd7e33;
	color: #fff
}

.bleu-link:focus {
	border: none;
	outline: 0
}

.ref-icoItems2 .ref-ico {
	height: 90px;
	width: 90px;
	border-radius: 100%;
	background: #eaeaea;
	min-width: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: .5s;
	transition: .5s
}

.rs-icoItems i, .ul_styleCheck li i {
	display: flex;
	align-items: center;
	border-radius: 100%
}

.ref-icoItems2 p {
	color: #fd7e33;
	margin-left: 20px;
	margin-bottom: 0
}

#btn-ville:focus {
	border-color: #fd7e33 !important
}

.siteweb_section1.site_blog .blog .contenu {
	min-height: auto;
	height: 100%;
	margin-bottom: 15px
}

.siteweb_section1.site_blog .blog .h5 {
	font-weight: 600;
	font-size: 18px;
	padding-top: 10px
}

.siteweb_section2 .green-circle + img {
	box-shadow: 5px 9px 35px 0 rgba(0, 128, 190, .47);
	height: 350px;
	margin: 40px auto 0;
	display: block
}

.green-circle {
	width: 300px;
	height: 300px;
	background: #4ec276;
	right: 0;
	top: -30px
}

.b_link {
	font-weight: 600;
	color: #0084b2
}

.stripes_animated.exception2:before {
	bottom: auto;
	top: 10%
}

.ul_styleCheck li i {
	height: 30px;
	width: 30px;
	background: #eaeaea;
	min-width: 30px;
	justify-content: center;
	color: #0080be;
	font-size: 16px;
	margin-right: 8px
}

.rs-icoItems i {
	border: 6px solid #d6e7f5;
	justify-content: center;
	color: #fff;
	font-size: 45px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	-webkit-transition: .5s;
	transition: .5s
}

.rs-icoItems p {
	text-align: center;
	color: #0080be;
	font-weight: 600;
	font-size: 20px
}

.rs-icoItems i:hover {
	background: #fd7e33;
	border-color: #ffdac5
}

.strategie p.hashtag {
	font-weight: 600;
	margin-left: 0;
	margin-bottom: 10px
}

.strategie p.hashtag:after {
	top: 0;
	border-radius: 0 30px 30px 0;
	height: 4px;
	width: 80px;
	left: 0
}

.support_section3.site_blog {
	padding: 30px 0
}

.footer-contact-us {
	background: #212a36;
	padding: 46px 0 50px;
	margin-top: 0 !important
}

.cercle-recrut .btn-contact-footer a, .footer-contact-us .btn-contact-footer a {
	background: #fd7e33;
	color: #fff;
	display: inline-block;
	border-radius: 6px;
	font-size: 16px;
	border: none;
	outline: 0;
	cursor: pointer;
	-webkit-transition: .5s;
	transition: .5s;
	padding: 8px 50px 8px 20px;
	position: relative;
	height: 40px
}

.footer-contact-us .btn-contact-footer a i {
	color: #fd7e33;
	background: #fff;
	height: 100%;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 20px;
	padding-left: 5px
}

.footer-contact-us .btn-contact-footer a:hover, .orange-link:hover {
	background: #0080be;
	color: #fff
}

body.c-espace-client .inner-banner-wrapper {
	min-height: 250px
}

body.c-espace-client .page_banner .banner-text {
	padding-bottom: 40px
}

.secteurs_div {
	height: 60px;
	width: 60px;
	position: fixed;
	left: 1%;
	bottom: 3%;
	z-index: 10
}

.secteurs_div button.dropdown-toggle {
	background: #0080be;
	height: 60px;
	width: 60px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	outline: 0;
	cursor: pointer
}

.secteurs_div .dropdown-menu .dropdown-item, .vertical-tab .nav-tabs li {
	border-bottom: 1px solid #eaeaea
}

.secteurs_div button i {
	color: #fff;
	font-size: 26px;
	left: auto;
	top: auto
}

.secteurs_div .dropdown-menu {
	margin-left: 10px;
	padding: 0;
	min-width: 15rem;
	text-align: center
}

.orange-link, .secteurs_div .dropTitle {
	background: #fd7e33;
	padding: 10px 20px;
	color: #fff
}

.secteurs_div .dropdown-menu .dropdown-item:last-child {
	border-bottom: none !important
}

.secteurs_div .dropdown-menu.show {
	top: -365px !important;
	left: auto !important;
	right: -100%
}

.secteurs_div .dropTitle {
	font-weight: 600;
	text-align: center
}

.mb-10 {
	margin-bottom: 10px !important
}

.seo_item, .words_items .words_item {
	margin-bottom: 25px;
	text-align: center
}

.home_under-banner .under-banner-content {
	background: #fd7e33;
	color: #fff;
	padding: 40px 76px
}

.home_under-banner .under-banner-content .h1 {
	padding-right: 50px
}

.b_coloredCarousel.owl-carousel .owl-item img {
	width: auto
}

.b_coloredCarousel .owl-nav .owl-next, .b_coloredCarousel .owl-nav .owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.b_coloredCarousel .owl-nav .owl-next {
	right: -8%
}

.b_coloredCarousel .owl-nav .owl-prev {
	left: -8%
}

.b_coloredCarousel .owl-nav i {
	background: #e5e5e5;
	height: 60px;
	width: 60px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 50px;
	margin-top: -6px;
	transition: .5s
}

.b_coloredCarousel .owl-nav .owl-next.disabled i, .b_coloredCarousel .owl-nav .owl-prev.disabled i {
	opacity: .4
}

.b_coloredCarousel.b_colored_items .b_item {
	min-height: auto;
	height: 100%;
	margin: 0 30px;
	box-shadow: 0 0 48px rgba(0, 0, 0, .06)
}

.words_items .words_item {
	height: 100%;
	background: 0 0;
	padding: 20px 35px;
	transition: .5s
}

.words_items .words_item img {
	height: 112px;
	margin-bottom: 12px
}

.words_items .words_item p {
	font-size: 18px;
	color: #212529
}

.vertical-tab .nav-tabs {
	flex: 0 0 30%;
	max-width: 30%;
	border: none;
	padding-right: 30px
}

.vertical-tab .nav-tabs li {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: start
}

.vertical-tab .nav-tabs li:last-child {
	border-bottom: none
}

.vertical-tab .nav-tabs li a {
	color: #6c6c6c;
	background: 0 0;
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 12px 15px;
	border-radius: 0;
	position: relative;
	z-index: 1;
	transition: .3s
}

.orange-link {
	display: inline-block;
	border-radius: 6px;
	font-size: 18px;
	border: none;
	outline: 0;
	cursor: pointer;
	-webkit-transition: .5s;
	transition: .5s
}

.seo_item .seo_item-icon {
	height: 100px;
	width: 100px;
	border-radius: 100%;
	margin: 0 auto;
	background: #fff;
	border: 2px solid #fd7e33;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 20px;
	transition: .5s
}

.seo_item .seo_item-icon img {
	height: 55px;
	transition: .5s
}

.seo_item p {
	font-weight: 600;
	color: #0080be;
	margin-top: 15px;
	font-size: 18px;
	transition: .5s
}

.seo_item:hover .seo_item-icon {
	background: #0080be;
	border: 2px solid #0080be
}

.top-navbar .navbar-nav > li > a.nav-link {
	font-family: Roboto, sans-serif;
	text-transform: initial;
	font-size: 16px;
	color: #fff;
	font-weight: 400
}

.top-navbar.is-sticky {
	min-height: 60px
}

.top-navbar.is-sticky .logo {
	width: 50px !important;
	height: 46px !important;
	top: 8px !important
}

.navbar-nav > li > a:after {
	background: 0 0 !important
}

.secteurs_section .secteurs_carte {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.secteurs_section .img_sectCarte {
	height: 400px;
	display: block;
	margin: 45px auto
}

.secteurs_section .depart {
	position: absolute;
	z-index: 2
}

.secteurs_section .depart p {
	background: #fff;
	padding: 5px 25px;
	color: #fd7e33;
	font-weight: 600;
	display: inline-block
}

.secteurs_section .depart-76 {
	bottom: 58%;
	left: 16%
}

.secteurs_section .depart-76 .list_secteurs {
	columns: 3
}

.secteurs_section .depart-80 {
	right: 24%;
	bottom: 62%
}

.secteurs_section .depart-14 {
	bottom: -7%;
	left: 36%
}

.secteurs_section .depart-60 {
	right: 20%;
	bottom: 36%
}

.secteurs_section .depart-27 {
	bottom: 18%;
	left: 12%
}

.secteurs_section .depart-27 .list_secteurs {
	columns: 2
}

.secteurs_section .depart-95 {
	bottom: 10%;
	right: 26%
}

.secteurs_section .list_secteurs li {
	margin-bottom: 6px;
	transition: .5s
}

.secteurs_section .list_secteurs li a {
	display: flex;
	font-size: 15px
}

.secteurs_section .list_secteurs li i {
	width: 15px;
	height: 15px;
	min-width: 15px;
	background-color: #fff;
	color: #fd7e33;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-right: 6px;
	margin-left: 6px;
	margin-top: 4px;
	font-size: 11px;
	transition: .5s
}

.connect_item:hover div:first-child, .secteurs_section .list_secteurs li:hover i, .siteweb_section1 .seo_item:hover .seo_item-icon {
	background: #0080be
}

.home_section4 .g_colored_items .g_item {
	background: #fff;
	border-radius: 0;
	margin-bottom: 20px;
	transition: .3s
}

.connect_item:hover, .digi_item:hover, .home_section4 .g_colored_items .g_item:hover {
	transform: translateY(-10px)
}

.home_section4 .g_colored_items .g_item .g_item-icon {
	overflow: hidden;
	border: 5px solid #fd7e33
}

.home_section4 .g_colored_items .g_item-icon img, .type_logiciel > div img {
	height: 103px
}

.home_section4 .g_item-content p:first-child {
	color: #0080be;
	text-align: center;
	font-weight: 900
}

.digi_item {
	background: #fd7e33;
	padding: 35px 20px;
	transition: .3s
}

.digi_item img {
	height: 80px;
	margin-bottom: 20px
}

.digi_item p {
	color: #fff;
	font-weight: 800;
	font-size: 20px
}

.digi_item:first-child {
	background: #ff9f52
}

.digi_item:last-child {
	background: #e1671b
}

.actu_item {
	box-shadow: 11px 18px 49px 0 rgba(24, 24, 24, .15);
	background: #fff;
	border-radius: 30px;
	margin: 8px 8px 30px;
	position: relative;
	height: 465px;
	display: flex;
	flex-direction: column
}

.actu_item:before {
	content: '';
	position: absolute;
	height: 102%;
	width: 102%;
	left: -3px;
	top: -3px;
	border-radius: 30px;
	background: -webkit-linear-gradient(top, #0079b5 0, rgba(0, 121, 181, .99) 1%, #fff 100%);
	background: linear-gradient(to bottom, #0079b5 0, rgba(0, 121, 181, .99) 1%, #fff 100%);
	z-index: -1
}

.actu_item .actu_img {
	padding: 20px 20px 0;
	height: 220px;
	width: 100%;
	overflow: hidden
}

.actu_item .actu_img img, .logiciel_item img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: .3s
}

.actu_item .actu_date span {
	color: #fff;
	display: inline-block;
	padding: 5px;
	background: #fd7e33;
	font-size: 18px;
	margin-left: 8px;
	top: -16px;
	position: relative
}

.actu_item .actu_title {
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
	margin-bottom: 15px;
	padding: 0 20px;
	font-family: Roboto;
	font-weight: 600;
	line-height: 1.3
}

.actu_item .actu_resume {
	text-align: justify;
	padding: 0 20px
}

.actu_item .actu_meta {
	border-top: 1px solid #dadada;
	padding: 15px 25px;
	margin-top: auto
}

.first-section, .siteweb_section2 .pull-totop {
	margin-top: -10rem
}

.actu_item .actu_meta ul {
	display: flex;
	align-items: center;
	margin-bottom: 0
}

.actu_item .actu_meta ul li {
	color: #414141;
	margin-right: 30px
}

.actu_item .actu_meta ul li i {
	font-size: 18px;
	color: #414141;
	margin-right: 8px
}

.lireplusAct {
	padding: 10px 50px
}

.shapes2.homeleft {
	right: auto;
	left: -200px;
	top: -13%
}

.bg_greenF {
	background-color: #4ec276 !important
}

.home_section2 {
	background: #d9d9d9
}

.home_section3 .ghostTitle, .logiciel_section3 .ghostTitle {
	font-size: 11rem;
	top: -22px;
	line-height: 1
}

.btn-diapo {
	background: #fff;
	color: #fd7e33;
	font-weight: 600;
	border-radius: 8px;
	padding: 12px 45px
}

#myCarousel .carousel-item img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.first-section {
	padding-top: 10rem !important
}

.siteweb_section1 .seo_item .seo_item-icon {
	background: #eaeaea;
	border: none
}

.siteweb_section2 .orange-circle {
	top: 6%
}

.siteweb_section2 .b_colored_items .b_item {
	height: 100%;
	min-height: auto;
	border-radius: 16px;
	cursor: default
}

.siteweb_section2 .b_colored_items .b_item.b_item-2 .b_item-icon {
	background: #d7d7ff
}

.bleu-link.white-hover:hover {
	background: #fff !important;
	color: #0080be
}

.scata_item {
	transition: .3s;
	height: 100%;
	padding: 20px;
	margin-bottom: 20px;
	text-align: center;
	background: 0 0
}

.scata_item p {
	color: #fff;
	margin-top: 15px;
	font-size: 18px
}

.scata_item:hover img {
	filter: none;
	transition: .3s
}

.scata_item img {
	height: 90px
}

.siteweb_section4 .g_colored_items .g_item {
	background: #fff;
	height: auto
}

.siteweb_section4 .g_colored_items .g_item .g_item-icon img {
	height: 50px;
	filter: brightness(0) invert(1)
}

.siteweb_section4 .g_colored_items .g_item p {
	font-weight: 600;
	color: #fd7e33;
	margin-top: 10px;
	font-size: 18px
}

.bleu_sitesweb {
	background: #eaf7fd
}

.bleu_sitesweb .seo-audit-title .h3 {
	text-transform: uppercase;
	font-weight: 600;
	color: #00557e
}

.bleu_sitesweb .seo-audit-title p {
	font-size: 35px;
	font-weight: 800;
	color: #00557e
}

.bleu_sitesweb .seo-audit-title p span {
	text-transform: uppercase;
	color: #fd7e33
}

.bleu-link2:hover, .bleu_sitesweb .btn-contact-footer a:hover {
	background: #fff;
	color: #0080be
}

.logiciel_section1 {
	padding-top: 15rem;
	margin-top: -15rem;
	padding-bottom: 1rem
}

.logiciel_item {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	height: 190px;
	overflow: hidden;
	position: relative
}

.logiciel_item p {
	text-transform: uppercase;
	color: #fff;
	font-weight: 800;
	text-align: center;
	position: absolute;
	padding: 10px;
	font-size: 18px;
	top: 50%;
	margin: 0;
	z-index: 2
}

.logiciel_item:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.logiciel_item:first-child:before, .logiciel_item:nth-child(4):before {
	background: linear-gradient(to right, rgba(4, 3, 91, .9), rgba(40, 40, 188, .8))
}

.logiciel_item:nth-child(2):before, .logiciel_item:nth-child(5):before {
	background: linear-gradient(to right, rgba(67, 118, 177, .9), rgba(2, 113, 161, .8))
}

.logiciel_item:nth-child(3):before {
	background: linear-gradient(to right, rgba(255, 145, 16, .9), rgba(253, 174, 80, .8))
}

.logiciel_item:hover img {
	transform: scale(1.5)
}

.type_logiciel {
	margin: 5px 15px;
	position: relative
}

.type_logiciel > div {
	border-radius: 100%;
	height: 110px;
	width: 110px;
	border: 3px solid #fd7e33;
	overflow: hidden;
	box-shadow: 0 0 25px 1px rgb(0 0 0 / 10%);
	transition: .3s
}

.type_logiciel:hover > div {
	border-color: #0080be
}

.connect_item {
	background: #fff;
	height: 100%;
	margin: 5px;
	padding: 30px 25px;
	box-shadow: 0 0 48px rgba(0, 0, 0, .06);
	border-radius: 15px;
	display: flex;
	transition: .3s
}

.jobsList, .jobsList li i {
	color: #8a8a8a;
	margin-top: auto;
	margin-bottom: auto
}

.cadreBulleVert::before, .stripes2 {
	transition: opacity .3s;
	border-radius: 100%
}

.connect_item div:first-child {
	height: 80px;
	width: 80px;
	border-radius: 100%;
	background: #fd7e33;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 80px;
	margin-right: 26px;
	transition: .3s
}

.connect_item div img {
	height: 56px
}

.stripes2 {
	height: 350px;
	width: 350px;
	right: -150px;
	top: -175px;
	background-size: 30px 30px;
	content: '';
	background-image: linear-gradient(45deg, #fd7f33 22%, transparent 15%, transparent 47%, rgba(253, 127, 51, .9) 50%, rgba(253, 127, 51, .8) 70%, transparent 75%, transparent);
	animation: .5s linear infinite stripes
}

.shapes2-bis {
	left: -200px;
	top: 50%;
	z-index: 0
}

.shapes2-ter {
	left: -200px;
	top: 25%;
	z-index: 0
}

.radial-circle2::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	right: 0;
	background: repeating-radial-gradient(circle, transparent 0 20px, rgba(0, 132, 178, .53) 21px 23px);
	clip-path: circle(farthest-side);
	animation: 10s linear infinite shape2
}

.services_block .sb_item {
	color: #fff;
	padding: 30px 5px;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 80px rgba(0, 0, 0, .06);
	display: block;
	height: 100%;
	margin-bottom: 15px
}

.services_block .sb_item .sb_item-icon {
	border-radius: 100%;
	height: 175px;
	width: 175px;
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	background: #fff
}

.services_block .sb_item .sb_item-icon img {
	height: 104px
}

.services_block .sb_item .sb_item-title .h4 {
	font-size: 26px;
	font-weight: 400;
	margin: 10px 0 0;
	padding: 10px;
	font-family: Raleway, sans-serif
}

.services_block .sb_item.sb_item-1 {
	background: #006f9d
}

.services_block .sb_item.sb_item-2 {
	background: #0080bf
}

.services_block .sb_item.sb_item-3 {
	background: #028dc6
}

.services_block .sb_item.sb_item-4 {
	background: #149fd8
}

.img_agence_right {
	width: 100%;
	height: auto;
	padding-bottom: 30px
}

.pr5 {
	padding-right: 5px
}

.pl5 {
	padding-left: 5px
}

.secteurs_section .pins img {
	height: 47px;
	z-index: 2;
	position: relative;
	animation: 3s linear infinite pins-bob
}

.secteurs_section .pins::before {
	content: "";
	position: absolute;
	top: 25px;
	left: -30%;
	width: 47px;
	height: 100%;
	background: url('../images_webp/pages/agence/ombre.webp') center center no-repeat
}

@keyframes pins-bob {
	0%, 100% {
		transform: translatey(0)
	}
	50% {
		transform: translatey(-25%)
	}
}

.secteurs_section .pins.pin1 {
	top: 75px;
	left: 165px
}

.secteurs_section .pins.pin2 {
	top: 25px;
	left: 280px
}

.secteurs_section .pins.pin3 {
	top: 100px;
	left: 290px
}

.secteurs_section .depart_fixe p {
	background: #fff;
	padding: 5px 25px;
	color: #fd7e33;
	font-weight: 700;
	display: inline-block;
	border-radius: 15px 0;
	width: 200px;
	margin-right: 50px;
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px
}

.secteurs_section .depart_fixe .list_secteurs li i {
	width: 5px;
	height: 5px;
	min-width: 5px;
	background-color: #fff;
	color: #fd7e33;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-right: 15px;
	margin-left: 6px;
	margin-top: 10px;
	font-size: 11px;
	transition: .5s
}

.secteurs_section .depart_fixe .list_secteurs li a {
	display: flex;
	font-size: 18px;
	font-weight: 600
}

.cadreBulleVert {
	padding: 25px 0 25px 100px
}

.cadreBulleVert::before {
	height: 450px;
	width: 450px;
	right: 295px;
	top: -25px;
	position: absolute;
	content: '';
	background-size: 30px 30px;
	background-color: #4ec176;
	z-index: -1
}

.jobsList {
	display: block;
	height: fit-content;
	font-size: 10px !important;
	font-weight: 500
}

.jobsList li {
	font-size: 30px;
	margin-bottom: 10px;
	display: flex
}

.card_com img, .card_com2 img {
	display: block;
	margin-top: 10px
}

.jobsList li i {
	height: 5px;
	width: 5px;
	margin-right: 15px;
	display: flex;
	font-size: 10px
}

.cercle-recrut {
	background-color: #fff;
	border-radius: 500px;
	position: absolute;
	height: 550px;
	width: 550px;
	margin-top: -60%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 50px 150px 50px 50px;
	right: -100%
}

.cercle-recrut img {
	width: auto;
	height: auto;
	margin-bottom: 20px
}

.devspec-fabdis img, .site_blog .blog .item-icon img {
	height: 100px;
	margin-bottom: 20px;
	width: auto
}

.cercle-recrut .btn-contact-footer a i {
	color: #fd7e33;
	background: #fff;
	height: 100%;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 20px;
	padding-left: 5px;
	border: 1px solid #fd7e33
}

.cercle-recrut .btn-contact-footer:hover a {
	background-color: #0270a0;
	border-color: #0270a0
}

.cercle-recrut .btn-contact-footer:hover a i {
	color: #0270a0;
	border-color: #0270a0
}

.site_blog .blog .contenu.variant {
	min-height: 300px;
	box-shadow: 5px 10px 50px 0 rgba(60, 90, 100, .25)
}

.devspec-fabdis img {
	margin-right: auto;
	margin-left: auto
}

.devspec-fabdis .item-icon {
	display: flex;
	flex-direction: column;
	max-width: fit-content;
	margin: auto;
	text-align: center
}

.section-title-2 .separator-in-3.sepwhite::after, .section-title-2 .separator-in-3.sepwhite::before, .separator-in-3.sepwhite {
	background: #fdfdfd
}

.mb-30 {
	margin-bottom: 30px !important
}

.h100 {
	height: 100% !important
}

.card_com, .card_com2, .card_com2:hover, .card_com:hover {
	width: 230px;
	height: 200px;
	margin: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
	display: flex;
	text-align: center
}

.theme-color2 {
	color: #207599
}

.zindex1 {
	z-index: 1;
	position: inherit
}

.card-container {
	display: flex;
	justify-content: center;
	align-items: center
}

.card_com, .card_com2 {
	background-color: #fff;
	padding: 10px;
	transition: background-color .3s;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.card_com2 img {
	margin-bottom: 30px;
	filter: brightness(0) saturate(100%) invert(59%) sepia(90%) saturate(1144%) hue-rotate(348deg) brightness(101%) contrast(94%)
}

.card_com2:hover, .card_com:hover {
	background-color: #f7941d;
	color: #fff;
	padding: 20px;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.card_com2:hover img, .card_com:hover img {
	display: block;
	margin-top: 10px;
	margin-bottom: 30px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(12%) hue-rotate(103deg) brightness(105%) contrast(105%)
}

.img2_section1_webmarketing {
	width: 70px;
	height: 60px
}

.img_section1_webmarketing {
	width: 60px;
	height: 60px
}

.blue-background img {
	background-color: #0080be;
	padding: 30px;
	margin-bottom: 30px
}

.ghostTitle_webmarketing {
	font-weight: 700;
	font-size: 7rem;
	color: #0f1112;
	line-height: 1.3;
	opacity: .05;
	position: absolute;
	top: -30px;
	left: 0;
	text-transform: uppercase
}

.card-img-top {
	position: relative;
	border-radius: 50%;
	border: 8px solid #fff;
	background: #fd7e33;
	overflow: hidden;
	width: 110px;
	height: 110px;
	margin: 0 auto;
	top: -60px;
	box-shadow: 0 0 25px 1px rgb(0 0 0 / 10%);
	display: flex;
	align-items: center;
	justify-content: center
}

.card-img-top img {
	transform: none;
	height: 50px;
	width: auto
}

.card-img p {
	position: relative;
	text-align: center;
	top: -40px
}

.card_photos {
	background-color: #fff;
	height: 130px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	box-shadow: 0 0 80px 16px rgb(0 0 0 / 6%)
}

.shapes2_modif.homeleft {
	position: absolute;
	z-index: 1;
	right: auto;
	left: -230px;
	top: 30%
}

.devis {
	padding-top: 80px;
	padding-bottom: 50px
}

.img_devis_webmarketing {
	width: 80%;
	position: absolute;
	bottom: 0;
	top: -250px;
	left: 130px;
	animation: 14s ease-in-out infinite floatingImg
}

.actu_item .actu_img a {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block
}

.why-we_2 .shapes {
	justify-content: center;
	margin-bottom: 15px
}

.bg_2.bg_2_full {
	background-repeat: repeat;
	background-size: contain
}

@keyframes floatingImg {
	0%, 100% {
		transform: translatey(30px)
	}
	50% {
		transform: translatey(0)
	}
}

.card.site .card-body {
	margin-top: -45px
}


.transition, .ul-faq .li-faq i:before, .ul-faq .li-faq i:after, .p-faq {
	transition: all 0.25s ease-in-out;
}


.no-select,.h2-faq {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.a-faq{
	border-bottom: 1px solid #fd7e33;
}
.a-faq:hover{
	color: #fd7e33;
}
.h2-faq {
	/*color: #fd7e33;*/
	color: #0080be;
}
.h2-faq {
	font-size: 20px;
	line-height: 34px;
	font-weight: 300;
	letter-spacing: 1px;
	display: block;
	margin: 0;
	cursor: pointer;
}

.p-faq {
	color: rgba(48, 69, 92, 0.8);
	font-size: 17px;
	line-height: 26px;
	letter-spacing: 1px;
	position: relative;
	overflow: hidden;
	max-height: 800px;
	opacity: 1;
	transform: translate(0, 0);
	margin-top: 14px;
	z-index: 2;
}

.ul-faq {
	list-style: none;
	perspective: 900;
	padding: 0;
	margin: 0;
}
.ul-faq .li-faq {
	position: relative;
	padding: 0;
	margin: 0;
	padding-bottom: 4px;
	padding-top: 18px;
	border-top: 1px dotted #dce7eb;
}
.ul-faq .li-faq:nth-of-type(1) {
	animation-delay: 0.5s;
}
.ul-faq .li-faq:nth-of-type(2) {
	animation-delay: 0.75s;
}
.ul-faq .li-faq:nth-of-type(3) {
	animation-delay: 1s;
}
.ul-faq .li-faq:last-of-type {
	padding-bottom: 0;
}
.ul-faq .li-faq i {
	position: absolute;
	transform: translate(-6px, 0);
	margin-top: 16px;
	right: 0;
}
.ul-faq .li-faq i:before, .ul-faq .li-faq i:after {
	content: "";
	position: absolute;
	background-color:  #fd7e33;
	width: 3px;
	height: 9px;
}
.ul-faq .li-faq i:before {
	transform: translate(-2px, 0) rotate(45deg);
}
.ul-faq .li-faq i:after {
	transform: translate(2px, 0) rotate(-45deg);
}
.ul-faq .li-faq .input-faq[type=checkbox] {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}
.ul-faq .li-faq .input-faq[type=checkbox]:checked ~ p {
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	transform: translate(0, 50%);
}
.ul-faq .li-faq .input-faq[type=checkbox]:checked ~ i:before {
	transform: translate(2px, 0) rotate(45deg);
}
.ul-faq .li-faq .input-faq[type=checkbox]:checked ~ i:after {
	transform: translate(-2px, 0) rotate(-45deg);
}

@keyframes flipdown {
	0% {
		opacity: 0;
		transform-origin: top center;
		transform: rotateX(-90deg);
	}
	5% {
		opacity: 1;
	}
	80% {
		transform: rotateX(8deg);
	}
	83% {
		transform: rotateX(6deg);
	}
	92% {
		transform: rotateX(-3deg);
	}
	100% {
		transform-origin: top center;
		transform: rotateX(0deg);
	}
}