@import url('https://fonts.googleapis.com/css?family=Arvo:400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700,900&display=swap');
#tarteaucitronAlertBig #tarteaucitronPersonalize {
    background: #0e7bbd!important;
}
.top-bar-extranet-link {
  position: absolute;
    height: 100%;
    width: 100%;
}
.bleu-nuit { color: #1e2942; }
.bleu-clair { color: #9ad4e4; }
.beige { color: #e8d8c8; }
.bleu-turquoise { color: #0e7bbd }
.bleu-ciel { color: #28a6d3 }
.blanc { color: #fff }
.uk-visible{
	visibility: visible !important;
}
.rounded-8 {
	border-radius: 8px;
}
a {
	color: #54b2d8;
}
/*--- OVERRIDE UIKIT ---*/
.tm-headerbar,
.tm-navbar,
.tm-footer,
.tm-toolbar {
	margin: 0;
}

li, dt, dd {
	line-height: normal;
}

.uk-grid + .uk-grid,
.uk-grid-margin,
.uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 0;
}

.ie-fixMinHeight {
	display: flex;
}

/*--- STRUCTURE ---*/
body {
	background: #fff;
}

body > .uk-container {
	padding: 0;
	background: #fff;
}
.inner-width-fullscreen{
	width: 100%;
	/* max-width: 1440px; */
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.uk-article {
	padding-top: 35px;
	padding-bottom: 35px;
}

.inner-width {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

@media (max-width:1180px) {
	.inner-width {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*--- TYPOGRAPHY ---*/
* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.white {
	color: #fff;
}

body,
h1, h2, h3, h4, h5, h6,
.uk-navbar-nav > li > a,
input, textarea, keygen, select, button {
	font-family: 'Titillium Web', sans-serif;
}

body {
	font-size: 18px;
	line-height: 1.2;
	color: #a5a5a5;
}
.title-blue {
	color: #1e2942;
}
h1,
h1.uk-article-title {
    font-size: 38px;
	font-weight: 700;
	line-height: 1.2;
	font-family: 'Titillium Web', sans-serif;
}

h2 {
	line-height: 1.2;
	font-size: 25px;
	font-weight: 700;
	color: #a5a5a5;
  	font-family: 'Titillium Web', sans-serif;
}

h3,
h3.uk-panel-title,
.homepage h1.uk-article-title {
	line-height: 1.2;
	font-weight: 700;
	font-size: 35px;
	color: #1e2942;
	margin: 0 0 30px;
  font-family: 'Titillium Web', sans-serif;
}

h3.attentes {
	background: url('../img/jbd-attentes.png') no-repeat 0 5px;
	text-indent: 50px;
}

h3.solutions {
	background: url('../img/jbd-solutions.png') no-repeat 0 5px;
	text-indent: 50px;
}

h3.references {
	background: url('../img/jpd-references.png') no-repeat 0 5px;
	text-indent: 50px;
}

h3.see-below {
	text-align: center;
	background: url('../img/see-below.png') no-repeat 50% 100%;
	padding-bottom: 35px;
	margin: 20px 0 30px;
}

h4 {
	font-weight: 700;
	line-height: 1.2;
	font-size: 18px;
	color: #1e2942;
	margin: 20px 0 5px;
}

* + p {
	margin-top: 5px;
}

.trait-to-end.white::after {
    background-color: #fff;
}

@media (min-width:768px) {
	.column-2 {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	    -webkit-column-gap: 40px;
	    -moz-column-gap: 40px;
	    column-gap: 40px;
	}
}

.citation {
	text-align: center;
	color: #1e2942;
	margin: 50px 0;
}

.citation .text {
	font-weight: bold;
	font-size: 40px;
}

.citation .text::before {
	content: '“ ';
}

.citation .text::after {
	content: ' ”';
}

.citation .auteur {
	font-style: italic;
	font-size: 21px;
	margin-top: 20px;
	font-weight: bold;
}

.citation .auteur-poste {
	font-style: italic;
	font-size: 15px;
	color: #28a6d3;
	max-width: 250px;
	margin: auto;
}

.exergue {
	background: url('../img/exergue.png') no-repeat 50% #1e2942;
	padding: 30px;
	margin: 50px 0;
	text-align: center;
}

.exergue h3 {
	color: #fff;
	text-transform: uppercase;
}

.exergue h4 {
	font-size: 28px;
}

@media (max-width:767px) {
	h1, h1.uk-article-title {
		font-size: 35px;
	}
}

.bg-cover-white {
	background-size: cover;
	padding: 20px;
	color: #fff;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.force-square {
	box-sizing: border-box;
}

.force-square h4 {
	font-size: 26px;
}

/*--- TOOLBAR ---*/
.tm-toolbar {
	padding: 0 35px;
	max-width: 1600px;
    margin: 0 auto;
}
.top-bar-support {
    padding: 10px 0 0 0;
}
.top-bar-extranet {
	background-color: #03204c;
	border-radius: 6px;
	padding: 5px 8px;
	margin-top: 4px;
	margin-right: 15px;
	position: relative;
	border: 2px solid #03204c;
	transition: 0.35s ease-in-out;
}
.top-bar-extranet-inner {
  display: none;
}
.top-bar-support-inner {
  display: none;
}
.top-bar-support:hover .top-bar-support-inner {
  display: flex;
}
.top-bar-extranet:hover .top-bar-extranet-inner {
  display: flex;
}
.top-bar-extranet:hover 
.top-bar-extranet-link {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100% !important;
	display: block !important;
}

.top-bar-extranet > * {
  color: #fff;
  transition: 0.35s ease-in-out;
}
.top-bar-extranet-1 {
	font-size: 12px;
}
.top-bar-extranet-2 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 25px;
  	line-height: 20px;
}
.top-bar-extranet:hover {
	background-color: #fff;
}
.top-bar-extranet:hover > * {
	color: #03204c;
}
.top-bar-support img {
    width: 40px;
}
.top-bar-support-contact {
    color: #51a3d0;
    font-size: 12px;
    display: block;
}
.top-bar-support-tel a {
	font-size: 24px !important;
    color: #03204c !important;
	font-weight: 700 !important;
  	line-height: 24px !important;
	transition: 0.35s ease-in-out;
}
.top-bar-support-tel a:hover {
  text-decoration: none;
  color: #0e7abb !important;
}
.tm-toolbar .uk-float-left {
	font-size: 15px;
	line-height: 30px;
	color: #fff;
}
.tm-toolbar .uk-float-right a {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
    display: inline-block;
    height: 30px;
    line-height: 32px;
}

.tm-toolbar .uk-float-right .menu-top1 a {
	font-weight: 700;
}

.tm-toolbar .uk-float-right .uk-subnav-line > :before {
	display: none;
}

.tm-toolbar .uk-float-right .uk-panel {
	float: left;
	margin: 0;
}

.tm-toolbar .uk-float-right .menu-top2,
.tm-toolbar .uk-float-right .recherche {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
}

.tm-toolbar .uk-float-right .menu-top2::before,
.tm-toolbar .uk-float-right .recherche::before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
	height: 12px;
	width: 1px;
	background: #fff;
}

.tm-toolbar .uk-float-right .recherche .uk-search:before {
	color: #fff;
	cursor: pointer;
}

input.uk-search-field {
	border: none;
    width: 20px;
    color: #fff;
    outline: none !important;
    border: none !important;
    font-size: 14px;
}
.uk-navbar-nav > li > a {
	color: #a5a5a5;
	font-size: 17px;
	transition: 0.35s ease-in-out;
}
.menu-top1 .uk-navbar-nav > li > a:hover,
.menu-top1 .uk-navbar-nav > li.uk-open > a,
.menu-top1 .uk-navbar-nav > li.uk-active > a {
	color: #9ad4e4;
}

.menu-top1 .uk-navbar-nav > li .uk-dropdown {
	padding: 0;
}

.menu-top1 li.uk-parent ul {
	background: #1e2942;
	padding: 10px 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.menu-top1 li.uk-parent ul li {
	line-height: 1;
}

.menu-top1 li.uk-parent ul li a {
	line-height: 1.2;
	color: #fff;
	height: auto;
	background: none;
}

.menu-top1 li.uk-parent ul a:hover {
	color: #fff;
	cursor: default;
	text-decoration: none;
}

.menu-top1 li.uk-parent ul.uk-nav-sub {
	box-shadow: none;
	padding: 5px 20px;
}

.menu-top1 li.uk-parent ul.uk-nav-sub a {
	color: #fff;
}

.menu-top1 li.uk-parent ul.uk-nav-sub a:hover {
	color: #0e7bbd;
	cursor: pointer;
}

.menu-top1 li.uk-parent ul li.item179 > a,
.menu-top1 li.uk-parent ul li.item183 > a,
.menu-top1 li.uk-parent ul li.item185 > a {
	font-size: 18px;
}

.item179 > ul > li,
.item183 > ul > li,
.item185 > ul > li {
	padding-left: 10px !important;
}

.tm-toolbar .uk-float-right .menu-top1 .item179 > ul > li a,
.tm-toolbar .uk-float-right .menu-top1 .item183 > ul > li a,
.tm-toolbar .uk-float-right .menu-top1 .item185 > ul > li a {
	font-size: 13px;
	font-size: 600;
}

.menu-top1 li.uk-parent ul li.item179 > a {
	color: #28a6d3;
}

.menu-top1 .item179 > ul > li {
	border-left: 1px solid #28a6d3;
}

.menu-top1 li.uk-parent ul li.item183 > a {
	color: #e8d8c8;
}

.menu-top1 .item183 > ul > li {
	border-left: 1px solid #e8d8c8;
}

.menu-top1 li.uk-parent ul li.item185 > a {
	color: #0e7bbd;
}

.menu-top1 .item185 > ul > li {
	border-left: 2px solid #0e7bbd;
}

.menu-top1 .uk-dropdown {
	width: 320px;
}

.uk-dropdown-navbar .uk-nav-sub li a {
	transition: .35s ease-in-out;
}
.uk-dropdown-navbar .uk-nav-sub li a:hover::before {
	animation: 1s blink step-end infinite;
}
@keyframes blink {
	from, to {
		border-left: 2px solid transparent;
	}
	50% {
		border-left: 2px solid #0e7bbd;

	}
  }

/*--- OFFCANVAS ---*/
.uk-offcanvas-bar > .uk-nav > .uk-parent > a {
	background: #222;
}

.uk-offcanvas-bar > .uk-nav > .uk-parent > ul > li > a {
	font-weight: bold;
	color: #fff;
}

.uk-offcanvas-bar ul.uk-nav-sub {
	padding: 10px 20px;
}
.uk-navbar-nav > li > a[href='#'] {
    cursor: pointer !important;
}
/*--- HEADER ---*/
.tm-headerbar {
	padding: 0 35px;
	max-width: 1600px;
    margin: 0 auto;
}
.tm-headerbar .uk-navbar-nav {
	float: right;
}
/* 
@media (max-width:1140px) {
	.tm-headerbar .uk-navbar-nav {
		margin-right: 20px;
	}
} */

.uk-navbar-nav > li > a {
	display: block;
	height: 100px;
	line-height: 100px;
	text-transform: uppercase;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a,
.uk-navbar-nav > li.uk-active > a {
	background: none;
}

.uk-navbar-content {
	height: 100px;
}

.uk-navbar-center {
	max-width: 100%;
}

.uk-navbar-nav ul.uk-nav-sub {
	padding: 5px 20px 5px 50px;
}

.uk-navbar-toggle:after {
	font-size: 30px;
    line-height: 95px;
}
.uk-navbar-nav > li.uk-parent::after {
	content: '';
	display: block;
	height: 7px;
	width: 17px;
	background-position: center;
	background: url('../img/pointe-menu.png') no-repeat;
	opacity: 0;
	transition: 0.1s ease-in-out;
}
.uk-navbar-nav > li.item109::after {
	transform: translateX(52px);
}
.uk-navbar-nav > li.item326::after {
	transform: translateX(72px);
}
.uk-navbar-nav > li.item109:hover::after {
	opacity: 1;
}
.uk-navbar-nav > li.item326:hover::after {
	opacity: 1;
}
.uk-navbar-nav .uk-dropdown {
	background-color: #1e2942;
	color: #fff;
	padding: 30px;
	top: 107px !important;
}


.uk-nav-navbar > li > a,
.uk-nav-navbar ul a {
	color: #fff;
	text-transform: uppercase;
}

.uk-nav-navbar ul a:hover,
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
	color: #1ba5d5;
	background-color: rgba(0, 0, 0, 0);
}

.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
	border: none;
}

.sous-titre-menu {
	cursor: default;
	font-weight: bold;
	font-size: 15px;
	color: #fff !important;
}

.uk-navbar-nav li.item126 > a,
.uk-navbar-nav li.item127 > a,
.uk-navbar-nav li.item128 > a,
.uk-navbar-nav li.item331 > a,
.uk-navbar-nav li.item332 > a,
.uk-navbar-nav li.item333 > a,
.uk-navbar-nav li.item334 > a {
	color: #9ad4e4 !important;
	margin-bottom: 10px;
	cursor: pointer;
	padding-left: 50px;
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
}

.uk-navbar-nav li.item126 > a {
	background: url('/images/2020/building-solid.svg') 12px 6px no-repeat !important;
}

.uk-navbar-nav li.item127 > a {
	background: url('/images/2020/briefcase-solid.svg') 12px 6px no-repeat !important;
}

.uk-navbar-nav li.item128 > a {
	background: url('/images/2020/server-solid.svg') 12px 6px no-repeat !important;
}

.uk-navbar-nav li.item331 > a {
	background: url('/images/2020/laptop-medical-solid.svg') 12px 6px no-repeat !important;
}


.uk-navbar-nav li.item332 > a {
	background: url('/images/2020/backbone.svg') no-repeat 12px 6px !important;
}
.uk-navbar-nav li.item333 > a {
	background: url('/images/2020/fibre.svg') no-repeat 12px 6px !important;
}
.uk-navbar-nav li.item334 > a {
	background: url('/images/2020/datacenter.svg') no-repeat 12px 6px !important;
}


.uk-navbar-nav li.item126 > a::before,
.uk-navbar-nav li.item127 > a::before,
.uk-navbar-nav li.item128 > a::before,
.uk-navbar-nav li.item331 > a::before,
.uk-navbar-nav li.item332 > a::before,
.uk-navbar-nav li.item333 > a::before,
.uk-navbar-nav li.item334 > a::before {
	content: '';
	display: block !important;
	position: absolute !important;
	left: 50px !important;
	right: 20px !important;
	bottom: 0 !important;
	top: auto !important;
	height: 1px !important;
	width: auto !important;
	background: #4e6b7f !important;
	border: none !important;
}

/* Niveau 2 hover */
.uk-navbar-nav a {
	position: relative;
}

.tm-headerbar .uk-navbar-nav .uk-nav-navbar > li > a:hover::before {
	content: '';
	position: absolute;
	display: block;
	left: 12px;
	top: 8px;
	bottom: 8px;
	width: 1px;
	border-left: 2px solid #1ba5d5;
}

/* Niveau 3 hover */
.tm-headerbar .uk-navbar-nav .uk-nav-navbar .uk-nav-sub a:hover::before {
	content: '';
	position: absolute;
	display: block;
	left: -8px;
	top: 6px;
	bottom: 6px;
	width: 1px;
	border-left: 2px solid #1ba5d5;
}

/* Dropdown expertises full width */
.tm-headerbar {
	position: relative;
}

li.item109, li.item326 {
	position: static;
}

li.item109 .uk-dropdown,
li.item326 .uk-dropdown {
	min-width: 100% !important;
	max-width: 100% !important;
	transition: 0.1s ease-in-out !important;
}


/*--- ACCUEIL ---*/
.home-title {
	font-weight: 700;
	font-size: 40px;
	margin-bottom: 40px;
	font-family: 'Titillium Web', sans-serif;
}
.home-diaporama {
	border-radius: 8px;
	overflow: hidden;
	min-height: 340px !important;
}
/* Override des flèches sur home diaporama */
.home-diaporama .uk-slidenav-position .uk-slidenav-previous {
	bottom: 5% !important;
	right: 70px !important;
	display: block !important;
	top: inherit !important;
	left: inherit !important;
}
.home-diaporama .uk-slidenav-position .uk-slidenav-next {
	bottom: 5% !important;
	display: block !important;
	top: inherit !important;
}
.home-diaporama-quatre-blocs {
	margin-top: 25px !important;
}
.home-actualites .uk-slidenav-position .uk-slidenav-previous {
	display: block !important;
	color: #1e2942 !important;
	left: -60px !important;
	top: 35% !important;
}
.home-actualites .uk-slidenav-position .uk-slidenav-next {
	display: block !important;
	color: #1e2942 !important;
	right: -60px !important;
	top: 35% !important;
}
@media screen and (min-width: 768px) {
	.home-diaporama-quatre-blocs {
		margin-top: 0px !important;
	}
}
.home-diaporama, .home-diaporama .uk-slidenav-position, .home-diaporama .uk-slideshow, .home-diaporama .uk-slideshow li {
	height: 100% !important;
}
.home-diaporama .uk-slideshow .uk-button {
	background-color: #54b2d8;
	padding: 10px 20px;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
}
.diaporama-accueil .inner-width {
	padding: 0 32px;
}
.diaporama-accueil .home-diaporama .uk-overlay-panel {
	padding-bottom: 50px;
	align-items: flex-end;
}



.diaporama-accueil .after{
	line-height: 1px;
	font-size: 1px;

}
.diaporama-accueil .after::after {
	content: '';
	display: block;
	width: 167px;
	height: 6px;
	background: #fff;
	margin-top: 15px;
}

.diaporama-accueil .inner-width .tag {
    display: inline-block;
    background: #000;
    padding: 6px 12px 4px 12px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
}

.diaporama-accueil .inner-width .title {
	font-size: 52px;
	font-weight: 800;
	margin-top: 20px;
	line-height: 1;
}

.diaporama-accueil .inner-width .desc {
	font-size: 22px;
}

.diaporama-accueil .inner-width .author {
    font-size: 18px;
    line-height: 20px;
    margin-top: 5px;
}
@media (max-width:1023px) {
	.diaporama-accueil .inner-width .title {
		font-size: 40px;
	}
}

@media (max-width:767px) {
	.diaporama-accueil .inner-width .title {
		font-size: 21px;
    	margin-top: 5px;
	}
	.diaporama-accueil .inner-width .desc {
		font-size: 16px;
		line-height: 1;
		margin-top: 10px;
	}
	.diaporama-accueil .inner-width .author {
		font-size: 16px;
		line-height: 1;
		margin-top: 10px;
	}
	.diaporama-accueil .inner-width .tag {
		font-size: 12px;
		padding: 3px 7px;
	}
}
.diaporama-accueil .uk-dotnav > li{
	padding-left: 10px;
}
.diaporama-accueil .uk-dotnav > * > * {
	width: 7px;
	height: 7px;
}
/*--- OFFRE / BESOINS ---*/
.offre-besoins {
	color: #fff;
	background: #1e2942;
	padding: 50px 0;
}

.offre-besoins .label {
	transform: translateY(4px);
}

.offre-besoins .uk-button-dropdown {
	position: relative;
	width: 100%;
}

.offre-besoins .uk-dropdown {
	width: 100%;
}

.offre-besoins .uk-button-dropdown::after {
	position: absolute;
	right: 2px;
	top: 7px;
	font-family: FontAwesome;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f0d7";
}

.offre-besoins .uk-button {
	background: none;
	border-bottom: 1px solid #364056;
	color: #fff;
	width: 100%;
	font-size: 16px;
}

.offre-besoins .hidden {
	display: none;
}

#JeSuisPlaceholder span,
#JaiBesoinPlaceholder span {
	font-size: 16px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 26px;
	overflow: hidden;
	text-align: center;
	transition: opacity 0.25s, transform 0.25s;
}

#JeSuisPlaceholder span.incoming,
#JaiBesoinPlaceholder span.incoming {
	opacity: 0;
	transform: translateY(-10px);
}

#JeSuisPlaceholder span.leaving,
#JaiBesoinPlaceholder span.leaving {
	opacity: 0;
	transform: translateY(10px);
}



/*--- BLOCS ACCUEIL ---*/
.territoires-business-services {
	padding: 50px 0;
}
.territoires-business-services a:hover,
.territoires-business-services a:focus{
	text-decoration:none;
	color: #fff;
}
.territoires-business-services a {
	text-decoration:none;
	color: #fff;
}
.home-figure {
	position: relative;
	margin: 0;
	background-color: #000;
	overflow: hidden;
	border-radius: 8px;
}
.home-figure img {
	transition: 0.35s ease-in-out;
}
.home-figure:hover img {
	transform: scale(1.1);
	opacity: 0.7;
}

.home-bloc .baseline {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	text-align: center;
	color: #fff;
	text-shadow: -2px 2px 0 rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
}

.home-bloc .baseline .title {
	font-size: 27px;
	font-weight: bold;
}

.home-bloc .baseline .subtitle {
	font-size: 19px;
	font-weight: normal;
}

.home-bloc .inner {
	background: url('/images/pages/accueil/blocs/bloc-hover.png') no-repeat;
	background-size: cover;
	color: #fff;
	transition: top 0.35s, opacity 0.25s;
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	padding: 25px;
	box-sizing: border-box;
	top: 100%;
	opacity: 0;
}

.territoires-business-services .home-bloc:hover .inner {
	top: 0;
	opacity: 1;
}

.home-bloc .inner ul {
	padding: 0;
}

.home-bloc .inner li {
	list-style: none;
	text-transform: uppercase;
	border-top: 1px solid #fff;
	margin: 5px 0 0;
	padding: 5px 0 0;
	font-size: 15px;
}

.home-bloc .inner li:first-child {
	border-top: none;
}

@media (max-width:1023px) {
	.home-bloc {
		margin: 20px auto;
	}
}

/*--- NETIWAN EN CHIFFRES ---*/
.netiwan-chiffre {
	position: relative;
	margin-bottom: 80px;
}
.netiwan-chiffre span {
	color: #fff;
}
.netiwan-chiffre::after {
	content: '';
	position: absolute;
	height: 3px;
	width: 50px;
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px;
	background-color: #fff;
}
.netiwan-en-chiffres {
	padding: 2em 15px 4em 15px;
	background-color: #1e2942;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	border-radius: 8px;
}
.netiwan-en-chiffres .chiffre {
	font-size: 60px;
	font-weight: 900;
 	color: #fff;
}

.netiwan-en-chiffres .label {
	font-size: 22px;
	line-height: 1;
  	font-weight: 200;
   	color: #fff;
}
/*--- Nimes CENTER ---*/
.nimes-center-count {
	background-size: cover;
	padding: 50px 0;
}

.nimes-center-count .home-chiffre {
	background-repeat: no-repeat;
}

.nimes-center-count .chiffre {
	font-size: 83px;
	font-weight: 700;
}
.nimes-center-count .label {
	font-size: 28px;
	line-height: 1;
}

.nimes-center-count .container {
	display: inline-table;
}

.nimes-center-count .label-2 {
	font-size: 28px;
	line-height: 1;
	display: table-cell;
}
.nimes-center-count .chiffre-2 {
	font-size: 83px;
	font-weight: 700;
	display: table-cell;
}

@media (max-width:767px) {
	.netiwan-en-chiffres .uk-width-medium-1-3:not(:first-child) {
		margin-top: 50px;
	}
}

.icon-nimescenter h3 a{
	text-decoration: none;
	color: #1e2942;
}
.icon-nimescenter h3::before {
    content: "\f041";
    font-family: FontAwesome;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 34px;
	padding-right: 20px;

}
/*--- ACTUS ---*/


.actualites h3 > a{
	text-decoration: none;
	color: #1e2942;
}
.accueil-actus {
	color: #1e2942;
	padding: 50px 0;
}

.accueil-actus .actu-title {
	text-align: left !important;
}

.accueil-actus .actu-title .date {
	float: left;
	margin: 0 10px 0 0;
	width: 62px;
	height: 62px;
	background: url('/images/template/actu1.png') no-repeat 50%;
	color: #fff;
	font-size: 25px;
	text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5);
}

.accueil-actus .uk-slideset li:nth-child(2) .actu-title .date,
.accueil-actus .uk-slideset li:nth-child(5) .actu-title .date,
.accueil-actus .uk-slideset li:nth-child(8) .actu-title .date {
	background-image: url('/images/template/actu2.png');
}

.accueil-actus .uk-slideset li:nth-child(3) .actu-title .date,
.accueil-actus .uk-slideset li:nth-child(6) .actu-title .date,
.accueil-actus .uk-slideset li:nth-child(9) .actu-title .date {
	background-image: url('/images/template/actu3.png');
}

.accueil-actus .actu-title .date .month {
	font-weight: bold;
}

.accueil-actus .actu-title .title {
	font-size: 18px;
}

.accueil-actus  .uk-dotnav > * {
	padding-left: 10px;
}

.accueil-actus .uk-dotnav > * > * {
	width: 10px;
	height: 10px;
	background: #fff;
	border: 4px solid #e8d8c8;
}

.accueil-actus .uk-dotnav > .uk-active > * {
	border-color: #9ad4e4;
	background: #9ad4e4;
}
.voir-toutes {
	text-align: center;
	padding-top: 50px;
}

.voir-toutes a {
	font-size: 17px;
	display: inline-block;
	padding: 1px;
	color: #a5a5a5;
	font-family: 'Titillium Web', sans-serif;
	position: relative;
}
.voir-toutes a::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 1px;
	background-color: #a5a5a5;
	transition: 0.35s ease-in-out;
	bottom: 0;
}
.voir-toutes a:hover,
.voir-toutes a:focus {
	text-decoration:none;
}
.voir-toutes a:hover::after, .voir-toutes a:focus::after {
	width: 75%;
}
/*--- NOS CLIENTS ---*/
.nos-clients {
	color: #1e2942;
	padding: 50px 0;
}


/*--- EXPLOREZ RESEAU ---*/
.explorez-reseau a {
	color: #fff;
	background: url('../img/explorer-sprite.jpg') 0 0;
	height: 312px;
	font-size: 40px;
	font-weight: bold;
	transition: color 0.2s;
}

.explorez-reseau a:hover {
	color: #1e2942;
	text-decoration: none;
	background-position: 100% 100%;
}

/*--- MAP ---*/
.home-map .adresses {
	color: #1e2942;
	padding: 50px 0 30px;
	
}

.home-map .agence {
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.home-map .agence.beziers strong {
	color: #1e2942;
}

.home-map .agence.nimes strong {
	color: #51a3d0;
}

.home-map .agence.montpellier strong {
	color: #a6d2e3;
}

.home-map .contact {
	color: #58595b;
	font-family: 'Titillium Web', sans-serif;
	text-align: center;
  font-size: 19px;
}

.contact.acces-extranet {
	position: relative;
}
.contact.acces-extranet > a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.home-map .contact .tel {
	font-weight: 700;
  	font-family: 'Titillium Web', sans-serif;
  	color: #1e2942;
  	font-size: 32px;
}
.home-map .contact .tel a {
	color: #1e2942;
	text-decoration: none;
	transition: 0.35s ease-in-out;
}
.home-map .contact .tel a:hover {
	color: #1ba5d5;
	text-decoration: none;
}

@media (max-width:1200px) {
	.agences .agence {
		margin-bottom: 20px;
		font-size: 14px;
	}
}

@media (max-width:767px) {
	.home-map .adresses {
		padding: 0 40px 20px;
	}
	.home-map .agences {
		margin: 40px 0 20px;
	}
	.home-map .contact::before {
		display: none;
	}
}
.adresses {
	width: 100%;
	max-width: 1600px;
  margin: 0 auto;
}

/*--- ARTICLE ---*/
.article-top {
	margin: 0 auto;
	max-width: 1500px;
	padding: 0 35px;
	border-radius: 10px;
	box-sizing: border-box;
	background-size: cover;
	background-position: 40% 50%;
	margin: 0 20px;
}

@media screen and (min-width: 768px) {
	.article-top {

	}
	
}
@media screen and (min-width: 1440px) {
	.article-top {
		margin: 0 auto;
	}
	
}

.accm .article-top {
	background-position: 100%;
}

.article-top .inner-width {
	min-height: 230px;
	transform: translateY(10px);
}

.article-top .inner-width h1 {
	color: #fff;
	text-transform: uppercase;
	display: inline;
	padding: 10px 15px;
	background-color: #000;
	border-radius: 8px;
}

.article-top .inner-width h1 .title-1st-line {
	font-size: 32px;
	font-weight: normal;
	display: block;
}

.homepage .article-top {
	display: none;
}

/*--- FOX CONTACT ---*/
div#fox-container-m112,
div#fox-container-m222 {
	margin: 30px auto;
	max-width: 415px;
}

div#fox-container-m112 .control-group,
div#fox-container-m222 .control-group {
	margin-bottom: 10px;
}

div#fox-container-m112 .fox-form-stacked .control-label,
div#fox-container-m112 .fox-form-stacked .controls,
div#fox-container-m122 .fox-form-stacked .control-label,
div#fox-container-m122 .fox-form-stacked .controls {
	float: none;
}
div#fox-container-m112 .fox-form-stacked .control-label,
div#fox-container-m122 .fox-form-stacked .control-label {
	font-size: 17px;
	font-weight: 700;
	color: #1e2942;
	width: 100%;
}
div#fox-container-m112 .fox-form-stacked .fox-item-checkbox-group .controls,
div#fox-container-m122 .fox-form-stacked .fox-item-checkbox-group .controls{
  width:100%;
  font-weight:500;
}
div#fox-container-m112 input[type="text"],
div#fox-container-m112 input[type="email"],
div#fox-container-m112 textarea,
div#fox-container-m122 input[type="text"],
div#fox-container-m122 input[type="email"],
div#fox-container-m122 textarea {
	width: 100%;
	border-color: #c3c6cd;
}

div#fox-container-m112 input[type="text"],
div#fox-container-m112 input[type="email"],
div#fox-container-m122 input[type="text"],
div#fox-container-m122 input[type="email"] {
	height: 36px;
	line-height: 36px;
}

div#fox-container-m112 .required,
div#fox-container-m122 .required {
	display: inline-block;
	margin-left: 5px;
}

div#fox-container-m112 .control-group button,
div#fox-container-m122 .control-group button {
	background: #1e2942;
    padding: 10px 20px;
	border: none;
}

div#fox-container-m112 .control-group button:hover,
div#fox-container-m122 .control-group button:hover {
	background-color: #54b2d8;
}

div#fox-container-m112 .control-group button span,
div#fox-container-m122 .control-group button span {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-shadow: none;
	font-family: 'Titillium Web', sans-serif;
}

#InscriptionForm input {
	font-size: 16px;
	border: none;
	border-bottom: 1px solid #1e2942;
	width: 100%;
	margin: 10px 0;
	outline: none !important;
}
#InscriptionForm button {
	border-radius: 4px;
	font-size: 18px;
	background: #ccc;
}

#InscriptionForm button.uk-button-primary,
#InscriptionForm button.uk-button-primary:active,
#InscriptionForm button.uk-button-primary:hover,
#InscriptionForm button.uk-button-primary:focus {
	background: #1e2942;
}
#InscriptionForm input[type="checkbox"] {
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #1e2942;
    width: 30px;
    margin: 10px 0;
    outline: none !important;
    transform: translateY(1px);
}
/*--- EXPERTISES ---*/
.netiwan-read-more,
.netiwan-read-more:hover {
	text-decoration: none;
	display: block;
	margin: 20px 0;
	position: relative;
	overflow: hidden;
	color: #e0cdc0;
	padding-left: 30px;
	background: url('../img/read-more-plus.png') no-repeat 0 50%;
	font-weight: bold;
}

.netiwan-read-more,
.netiwan-read-more:hover,
.netiwan-read-more-content {
	margin: 20px 0 50px;
}

.netiwan-read-more::after {
    background-color: #e8d8c8;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.netiwan-read-more::after {
    left: 15px;
    margin-right: -100%;
}

.netiwan-read-more-content {
	/*color: #28a6d3;*/
}

/*--- RESEAUX ---*/
.nos-reseaux h2{
	margin-bottom: 80px;
}
.etapes {
	margin: 50px auto;
	background: url('/images/modules/5-raisons-filet.png') no-repeat;
	background-size: 100%;
}

.etapes .etape {
	overflow: hidden;
	margin: 45px 0;
	text-transform: uppercase;
}

.etapes .chiffre {
	color: #fff;
	padding: 3px 16px;
	border-radius: 50%;
	font-weight: bold;
	font-size: 40px;
	display: inline-block;
}

.etapes .etape .contenu {
	margin-left: 25px;
}

.etapes .etape.uk-flex-right .contenu {
	text-align: right;
	margin-right: 25px;
	margin-left: 0;
}

.bleu-nuit .chiffre { background-color: #1e2942; }
.bleu-clair .chiffre { background-color: #9ad4e4; }
.gris .chiffre { background-color: #ccc; }
.bleu-turquoise .chiffre { background-color: #0e7bbd }
.bleu-ciel .chiffre { background-color: #28a6d3 }

.etapes .etape .titre {
	font-weight: bold;
	font-size: 30px;
	font-family: 'Titillium Web', sans-serif;
}

@media (max-width:767px) {
	.etapes {
		background: none;
	}

	.etapes .etape {
		margin: 20px 0;
	}
}

/*--- MODULES ---*/
.video-bottom {
	box-sizing: border-box;
	padding: 50px 0;
	background: url('/images/template/fond-video.jpg') no-repeat;
	background-size: cover;
	color: #fff;
}

.video-bottom .uk-margin {
	margin: 0;
}

.video-bottom iframe {
	max-width: 100%;
}

.video-bottom .title {
	font-size: 45px;
	font-weight: 700;
	line-height: 1;
}

.video-bottom .desc {
	border-left: 1px solid #fff;
	padding: 10px 0 10px 20px;
	margin: 20px 0;
}

@media (max-width:767px) {
	.video-bottom .video {
		margin-top: 20px;
	}
}

.raison {
	position: relative;
	margin-bottom: 30px !important;
}

.raison img {
	width: 100%;
}

.raison .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 40px;
	text-align: center;
	font-size: 31px;
	font-weight: bold;
	color: #fff;
	transition: top 0.2s ease-out, font-size 0.2s ease-out;
	border-radius: 8px;
}

.raison:hover .inner {
	font-weight: 600;
	font-size: 25px;
	top: 220px;
}

@media (min-width:768px) and (max-width:1072px) {
	.raison:hover .inner {
	    font-size: 16px;
	    top: 164px;
	}
	.raison .inner {
		    font-size: 27px;
	}
}

.bg-st-bleu-nuit {
	/* background: rgba(30, 41, 66, 0.8); */
}

.bg-st-bleu-clair {
	/* background: rgba(154, 212, 228, 0.8); */
}

.bg-st-beige {
	/* background: rgba(232, 216, 200, 0.8); */
}

.bg-st-bleu-turquoise {
	/* background: rgba(14, 123, 189, 0.8); */
}

.bg-st-bleu-ciel {
	/* background: rgba(40, 166, 211, 0.8); */
}
.raison span {
	padding: 2px 7px;
}
.raison-inner {
	display: flex;
	flex-direction: column;
}
.raison-fibre span {
	background-color: rgba(30, 41, 66, .8);
}
.raison-maitrise span {
	background-color: rgba(53, 121, 186, .8);
}
.raison-performance span {
	background-color: rgba(40, 166, 211, .8);
}
.raison-proximite span {
	background-color: rgba(154, 212, 228, .8);
}
.raison-accompagnement span {
	background-color: rgba(232, 216, 200, .8);
}
.raison-prix span {
	background-color: rgba(31, 40, 65, .8);
}
.acces-6-etapes {
	background: #1e2942;
	padding: 40px;
}

.acces-6-etapes .etape {
	padding: 60px 0;
	background: url('../img/etape.png') no-repeat 50% 100%;
}

.acces-6-etapes .etape:last-child {
	background: none;
}


/*--- SIDEBAR --*/
.jai-besoin-sidebar {
	background: url('../img/hachures-jbd.png') repeat-y 0 0;
	padding-left: 20px;
}

.jai-besoin-sidebar .titre {
	color: #28a6d3;
	text-transform: uppercase;
	margin-top: 20px;
}

.jai-besoin-sidebar ul.menu {
	padding-left: 0;
}

.jai-besoin-sidebar ul.menu > li {
	list-style: none;
	margin: 10px 0 0;
}

.jai-besoin-sidebar ul.menu > li > span {
	display: block;
	text-transform: uppercase;
	text-align: right;
	font-size: 12px;
	font-weight: 800;
}

.jai-besoin-sidebar ul.menu > li > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jai-besoin-sidebar ul.menu > li > ul > li {
	font-size: 15px;
    padding-left: 20px;
    text-indent: -10px;
}

.jai-besoin-sidebar ul.menu > li > ul > li::before {
	content: "\f111";font-family: FontAwesome;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    transform: translateY(-2px);
    font-size: 8px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding-right: 10px;
}

.jai-besoin-sidebar ul.menu > li > ul > li > a {
	color: #1e2942;
	text-decoration: none;
}

.jai-besoin-sidebar ul.menu > li:nth-child(1) > span,
.jai-besoin-sidebar ul.menu > li:nth-child(1) > ul > li::before,
.jai-besoin-sidebar ul.menu > li:nth-child(1) > ul > li > a:hover {
	color: #ccbbaa;
}

.jai-besoin-sidebar ul.menu > li:nth-child(2) > span,
.jai-besoin-sidebar ul.menu > li:nth-child(2) > ul > li::before,
.jai-besoin-sidebar ul.menu > li:nth-child(2) > ul > li > a:hover {
	color: #28a6d3;
}

.jai-besoin-sidebar ul.menu > li:nth-child(3) > span,
.jai-besoin-sidebar ul.menu > li:nth-child(3) > ul > li::before,
.jai-besoin-sidebar ul.menu > li:nth-child(3) > ul > li > a:hover {
	color: #0e7abb;
}





/*--- FOOTER ---*/
.tm-footer {
	text-align: left;
	color: #1f2841;
	background: url(/images/2020/footer-background.jpg);
    background-size: cover;
    background-position: center;
	padding: 50px 0;
}

.tm-footer .home-title {
	margin: 0;
}

.footer-slogan {
	margin: 10px 0;
	color: #fff;
}

.IN-widget {
	transform: translateY(1px);
	margin-left: 10px;
}

.footer-social table td {
	height: 20px;
	vertical-align: top;
}
.footer-social a i {
	color: #fff;
}
.fb_reset {
	height: 0;
}

.footer-menu {
	margin-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 4px;
}

.footer-menu ul {
	padding: 0;
}

.footer-menu li {
	list-style: none;
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	white-space: nowrap;
}

.footer-menu li,
.footer-menu li a {
	color: #fff;
}

.footer-menu li::before {
	content: '';
	border-left: 1px solid #fff;
	margin: 0 10px;
	font-size: 10px;
}

.footer-menu li:first-child::before {
	display: none;
}
@media (max-width:768px){
	.footer-menu li {
		display: block;
    	padding-bottom: 10px;
	}
	.footer-menu li::before {
		display: none;
	}
}
.footer-suivez-netiwan ul,
.footer-en-savoir-plus ul {
	padding: 0;
}

.footer-suivez-netiwan li,
.footer-en-savoir-plus li {
	list-style: none;
}

.footer-suivez-netiwan li a,
.footer-en-savoir-plus li a {
	color: #fff;
	font-size: 16px;
}

.footer-title {
	font-size: 19px;
	font-weight: 700;
	margin: 16px 0 12px;
}

.footer-newsletter {
	color: #9ad4e4;
}


.footer-newsletter table {
	width: 100%;
}

.footer-newsletter table td {
	padding: 2px 0;
	text-align: left;
}

.footer-newsletter input.inputbox  {
	width: 100% !important;
	border-radius: 4px;
	border: 1px solid #fff;
	padding: 6px 12px;
	box-sizing: border-box;
	max-width: 300px;
}

.footer-newsletter input.button {
	color: #9ad4e4;
	border: none !important;
	background: none !important;
	font-size: 13px;
	cursor: pointer;
	padding-left: 0;
	transition: 0.35s ease-in-out;
	font-weight: 700;
}

.footer-newsletter input.button:hover {
	color: #51a3d0;
  	transform: translateX(10px);
}

/*--- COOKIES ---*/
#cadre_alert_cookies {
	bottom: -1px !important;
}

#cadre_alert_cookies .cadre_inner_alert_cookies {
	padding: 5px 20px;
}

#cadre_alert_cookies p {
	font-size: 14px;
	margin: 5px 0 0;
}

#cadre_alert_cookies .btn {
	margin: 0;
}

#cadre_alert_cookies .col-sm-6 {
	padding-left: 5px;
	padding-right: 5px;
}

/*
 * RECHERCHE
 */

.uk-dropdown .uk-nav-search > li > a {
	color:#1e2942!important;
	background-color: none;
    line-height: 1.6;
	transition: background-color 0.2s ease-out;
}
.uk-dropdown .uk-nav-search > li.uk-active {
	background-color: #0e7bbd;
}
.uk-dropdown .uk-nav-search > li.uk-active > a {
	color:#fff!important;
	background-color: #0e7bbd;
}
.uk-dropdown .uk-nav-search > li.uk-active > a > div{
	color:#fff!important;
}
.result-item > .uk-grid{
    margin: 40px 0;
}

.recherche h2{
	visibility: visible !important;
}

/* Bandeau Infotraffic */

.bandeau-sauvegarde {
	background-color: #28a6d3;
    padding: 25px;
    color: #fff;
    font-size: 19px;
	min-height:65px;
    }
.bandeau-sauvegarde .info-trafic{
    	padding-left:110px;
    }
.bandeau-sauvegarde .info-trafic::before{
	content:url('/images/info-traffic.svg');
	position:absolute;
	transform:translate3d(-110px,-13px,0);
}
@media (max-width:490px) {
	.bandeau-sauvegarde .info-trafic::before{
		transform:translate3d(-110px,58px,0);
	}
}

.uk-breadcrumb {
	margin-top: 45px;
}



.diaporama-accueil {
  padding: 0 15px;
  max-width: 100%;
}
@media screen and (min-width: 1140px) {
	.diaporama-accueil {
		padding: 0 35px;
		max-width: 1500px;
    	margin: 0 auto;
	}
}
.home-top-slideshow {
    border-radius: 5px;
    overflow: hidden;
}
.home-figure .label-top, .home-figure .label-bottom {
  position: absolute;
}
.home-figure .label-top {
  top: 10px;
  right: 12px;
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  padding: 3px 5px;
  font-size: 15px;
      font-weight: 600;
  font-family: 'Titillium Web', sans-serif;
}
.home-figure .label-bottom {
    bottom: 10px;
    left: 10px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
  	font-family: 'Titillium Web', sans-serif;
  	transition: 0.35s ease-in-out;
}
@media screen and (min-width: 768px) {
	.home-figure .label-bottom {
		padding: 6px 14px;
		font-size: 24px;
	}
}
.home-figure .label-bottom-sante {
  background-color: #6ab67e;
}
.home-figure .label-bottom-office {
  background-color: #51a3d0;
}
.home-figure .label-bottom-business {
  background-color: #ccb06a;
}
.home-figure .label-bottom-services {
  background-color: #db515b;
}
.home-figure:hover .label-bottom {
  transform: translateX(15px);
}
.home-block-link {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.homepage h1.uk-article-title {
  display: none !important;
}
.home-title span:first-child {
  font-size: 16px;
}
.home-title span:last-child {
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .home-title span:first-child {
    font-size: 24px;
  }
  .home-title span:last-child {
    font-size: 42px;
  }
}
.background-text {
	font-family: 'Titillium Web', sans-serif;
  text-transform: uppercase;
  padding: 4px 10px;
}

.black-background-text {
	background-color: #000000;
	color: #fff; 
	display: inline-flex;
	margin-bottom: 5px;
}
.home-video figure {
   	border-radius: 5px;
}
.netiwan-chiffre span {
	text-transform: uppercase;
}
.netiwan-chiffre h2 {
	position: relative;
	text-transform: uppercase;
}
.netiwan-chiffre h2::after {
  	content: '';
	position: absolute;
	height: 4px;
	width: 50px;
	background-color: #909191;
	left: 50%;
	transform: translateX(-50%);
	bottom: -16px;
}
@media screen and (min-width: 768px) {
	.home-newmap {
		background-image: url(/images/2020/home-map.jpg);
		background-size: cover;
		background-position: 50% 50%;
		padding: 6em 0;
	}
	
	.home-newmap-mobile {
		display: none;
	}
}
.home-citation-container {
	padding: 5em 0;
}
.home-citation {
  	position: relative;
  	font-family: 'Titillium Web', sans-serif;
  	color: #1e2942;
  	font-weight: 900;
    font-size: 42px;
    text-align: center;
    line-height: 1em;
  	z-index: 1;
}
.home-citation::before {
	content: '"';
    position: absolute;
    color: #e8e9ec;
    z-index: -1;
    transform: translate(-50px, 0px);
    font-size: 136px;
}
.home-author {
    position: relative;
    text-align: center;
    font-style: italic;
    color: #1e2942;
    margin-top: 25px;
    font-size: 24px;
    font-weight: 700;
}
.home-author::before {
	content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    left: 50%;
    background-color: #a6d2e3;
    transform: translateX(-50%);
  	top: -15px;
}
@media screen and (min-width: 768px) {
  	.home-citation {
        font-size: 84px;
	}
}




.agences {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.footer-social {
	padding: 16px 0;
	width: 120px;
    display: flex;
    justify-content: space-around;
}
.footer-social a {
  color: #1f2841;
}
.footer-social a:first-child {
  margin-right: 8px;
}
.footer-social a i {
   transition: 0.35s ease-in-out;
}
.footer-social a:hover i {
  color: #0e7bbd;
}
.footer-social a:first-child i {
  font-size: 22px;
}
.footer-social a:last-child i {
  font-size: 24px;
}
.footer-main-title {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 900;
  font-size: 38px;
  color: #fff;
}
.footer-en-savoir-plus .footer-title {
	color: #51a3d0 !important;
}
.footer-en-savoir-plus li span, .footer-en-savoir-plus a {
  color: #fff !important;
}
.footer-suivez-netiwan  .footer-title {
	color: #a9d3e4 !important;
}
.footer-suivez-netiwan a {
  color: #fff !important;
}
.footer-en-savoir-plus .footer-title {
  font-weight: 700;
}
.footer-suivez-netiwan .footer-title {
  font-weight: 700;
}
.footer-suivez-netiwan .footer-newsletter {
  font-weight: 700;
}
.footer-newsletter span {
	color: #fff;
	font-size: 12px;
}

.trait-to-start,
.trait-to-end {
	position: relative;
    overflow: hidden;
}
.trait-to-start {
    text-align: left;
}
.trait-to-end {
    text-align: right;
}
.trait-to-end::before {
	position: absolute;
    bottom: 6px;
    overflow: hidden;
    width: 100%;
    height: 1px;
    content: '\a0';
    background-color: #1e2942;
    margin-left: -100%;
    text-align: left;
}
.trait-to-start::after {
	position: absolute;
    bottom: 6px;
    overflow: hidden;
    width: 100%;
    height: 1px;
    content: '\a0';
    background-color: #1e2942;
    margin-right: 100%;
    text-align: right;
}


.home-diaporama .uk-dotnav > .uk-active > * {
	background-color: #1ba5d5;
}
.home-diaporama .uk-button {
	background-color: transparent !important;
	color: #fff;
	border: 2px solid #fff;
}
.home-diaporama .uk-button:hover {
	background-color: rgba(255,255,255,.25) !important;
	color: #fff !important;
	border: 2px solid #fff;
}
.uk-dotnav > * > * {
    display: block;
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(50, 50, 50, 0.1);
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.uk-dotnav > .uk-active > * {
    background: #1e2942;
}
.uk-dotnav > * {
  	padding-left: 10px;
}
/* .uk-navbar-nav {
	margin-right: 50px;
} */
.uk-navbar-nav > li > a {
	  color: #a5a5a5;
	  font-weight: 600;
}
.uk-navbar-nav > li.uk-active > a {
    color: #0e7bbd !important;
}
.tm-logo {
	position: absolute;
	height: 100%;
}
.tm-logo p {
	height: 100%;
	display: flex;
	align-items: center;
}
.tm-logo img {
  width: 220px;
}
@media screen and (min-width: 1600px) {
	.tm-logo p {
		padding-left: 15px;
	}
}
::-webkit-resizer, ::-webkit-scrollbar-corner {
    background-color: #7d7d7d;
}
::-webkit-resizer {
    background-color: #323232;
}
::-webkit-scrollbar {
    width: 6px;
    height: 3px;
}
::-webkit-scrollbar-button {
    height: 0;
}
::-webkit-resizer, ::-webkit-scrollbar-corner {
    background-color: #7d7d7d;
}
::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #afafaf;
}
::-webkit-scrollbar-track {
    background-color: #e2e2e2;
}

.img-border {
	border-radius: 8px;
}
html.les-offres-netiwan-pour-les-collectivites .tm-content img {
	border-radius: 8px;
}
.date {
	color: #a5a5a5;
	font-size: 13px;
	font-weight: 400;
}
/* .date {
	flex-direction: column;
	width: 25px;
    margin-right: 10px;
}
.date .month {
	position: relative;
	color: #1e2942;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}
.date .year {
	color: #1e2942;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}
.date .month::after {
	content: '';
	position: absolute;
	height: 2px;
	background-color: #51a3d0;
	width: 25px;
    bottom: -1px;
    left: 0;
} */
.actu-title .title {
	text-align: left;
	color: #1e2942;
	line-height: 1em;
}
.tm-logo p {
	margin-bottom: 0;
	height: 100%;
}
.uk-navbar-nav > li {
	margin: 0 12px;

}

.navigation.fixed {
    position: fixed !important;
    opacity: 0;
    visibility: hidden;
    top: -130px !important;
    left: 0;
    right: 0;
    z-index: 999 !important;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    transition: 0.35s top cubic-bezier(0.3, 0.73, 0.3, 0.74),0.35s opacity cubic-bezier(0.3, 0.73, 0.3, 0.74),0.35s visibility cubic-bezier(0.3, 0.73, 0.3, 0.74);
}
.navigation.fixed.slideDown {
    top: 0 !important;
    opacity: 1;
    visibility: visible;
}

html.contact .tm-content {
	background-image: none;
	background-position: 100% 100%;
    background-size: cover;
}

@media screen and (min-width: 768px) {
	html.contact .tm-content {
		background-image: url('/images/2020/map.jpg');
	}
}

/*Loader style */
#preloader.loaded {
	opacity: 0;
	z-index: -1;
	transition: .3s ease-in 1s;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background: url('http://bellefontaine.bcnco.fr/wp-content/uploads/2019/12/home-slide-2.jpg'); */
	background-color: rgb(255, 255, 255);
	background-size: cover;
    background-repeat: no-repeat;
	z-index: 1000;
	height: 100vh;
	width: 100vw;
	display: table;
}

#preloader>div {
	display: table-cell;
    text-align: center;
	vertical-align: middle !important;
	/* backdrop-filter: brightness(40%); */
}

.loadLogo {
	width: 400px;
	height: auto;
	margin-bottom: 2vh;
	transition: .5s ease-in-out;
}
#preloader.loaded .loadLogo {
	transform: translateY(-30px);
	opacity: 0;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
  }

.resp-container {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}
.resp-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 8px;
}
.footer-right .nav a {
	transition: 0.25s ease-in-out;
	text-decoration: none;
	display: inline-block;
}
.footer-right .nav a:hover {
	transform: translateX(10px);
	text-decoration: none;
}


.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
	color: #1e2942;
}

.quatre-raisons {
 background-color: #1f2841;
 padding: 2em;
 border-radius: 12px;
 background-size: 50%;
 background-repeat: no-repeat;
 background-position: center;
}
.quatre-raisons * {
	color: #fff;
}
.quatre-raisons-title {
	font-family: 'Titillium Web', sans-serif;
	font-size: 24px;
	margin-bottom: 16px;
}
.six-raisons {
	background-color: #ccb06a;
	padding: 4em 2em;
	border-radius: 12px;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
}

.six-raisons-title {
	color: #fff;
	font-size: 17px;
}
.six-raisons img {
	display: block;
	margin: 0 auto;
}

html.actualites .uk-article-meta a {
	color: #fff;
	background-color: #000;
	padding: 1px 6px;
	display: inline-block;
	margin-left: 3px;
}
html.actualites .uk-article-meta a:hover {
	text-decoration: none;
}



/* Code couleur par page portail expertises */
html.expertises.tpe-pme .uk-button,
html.expertises.eti .uk-button,
html.expertises.esn-ssii .uk-button,
html.expertises.sante .uk-button {
	color: #fff !important;
	font-family: 'Titillium Web', sans-serif !important;
	font-weight: 700 !important;
	border-radius: 6px !important;
	font-size: 18px !important;
	padding: 5px 18px !important;
	transition: 0.35s ease-in-out;
}
html.expertises.tpe-pme .uk-article-title,
html.expertises.eti .uk-article-title,
html.expertises.esn-ssii .uk-article-title,
html.expertises.sante .uk-article-title {
	color: #fff !important;
}


/* tpe pme */
html.expertises.tpe-pme h1,
html.expertises.tpe-pme h2,
html.expertises.tpe-pme h3,
html.expertises.tpe-pme h4,
html.expertises.tpe-pme h5,
html.expertises.tpe-pme h6 {
	color: #51A3D0 !important;
}
html.expertises.tpe-pme .uk-button {
	background-color: #51A3D0 !important;
	border: 2px solid #51A3D0 !important;
}
html.expertises.tpe-pme .uk-button:hover {
	background-color: transparent !important;
	color: #51A3D0 !important;
}


/* eti */
html.expertises.eti h1,
html.expertises.eti h2,
html.expertises.eti h3,
html.expertises.eti h4,
html.expertises.eti h5,
html.expertises.eti h6 {
	color: #ccb06a !important;
}
html.expertises.eti .uk-button {
	background-color: #ccb06a !important;
	border: 2px solid #ccb06a !important;
}
html.expertises.eti .uk-button:hover {
	background-color: transparent !important;
	color: #ccb06a !important;
}


/* esn ssii */
html.expertises.esn-ssii h1,
html.expertises.esn-ssii h2,
html.expertises.esn-ssii h3,
html.expertises.esn-ssii h4,
html.expertises.esn-ssii h5,
html.expertises.esn-ssii h6 {
	color: #DB515B !important;
}
html.expertises.esn-ssii .uk-button {
	background-color: #DB515B !important;
	border: 2px solid #DB515B !important;
}
html.expertises.esn-ssii .uk-button:hover {
	background-color: transparent !important;
	color: #DB515B !important;
}

/* santé */
html.expertises.sante h1,
html.expertises.sante h2,
html.expertises.sante h3,
html.expertises.sante h4,
html.expertises.sante h5,
html.expertises.sante h6 {
	color: #6AB67E !important;
}
html.expertises.sante .uk-button {
	background-color: #6AB67E !important;
	border: 2px solid #6AB67E !important;
}
html.expertises.sante .uk-button:hover {
	background-color: transparent !important;
	color: #6AB67E !important;
}
html.expertises.sante .portail-intro-title, html.expertises.eti .portail-intro-title, html.expertises.esn-ssii .portail-intro-title, html.expertises.tpe-pme .portail-intro-title  {
	color: #a5a5a5 !important;
	font-size: 25px !important;
	font-weight: 600 !important;
	font-family: 'Titillium Web', sans-serif !important;
	margin-bottom: 55px !important;
}


.tm-toolbar, .tm-headerbar.uk-hidden-small {
	display: none !important;
}

.tm-headerbar.uk-visible-small, .tm-headerbar.uk-visible-small .uk-navbar-content, .tm-headerbar.uk-visible-small .uk-navbar-toggle {
	display: block !important;
}

@media screen and (min-width: 1400px) {
	.tm-toolbar, .tm-headerbar.uk-hidden-small {
		display: block !important;
	}
	.tm-headerbar.uk-visible-small, .tm-headerbar.uk-visible-small .uk-navbar-content, .tm-headerbar.uk-visible-small .uk-navbar-toggle  {
		display: none !important;
	}
}

html.actualites .blog-title {
	margin-top: 10px;
}

html.actualites .tm-leading-article .uk-article > a {
	padding-right: 25px;
	width: 60%;
}

html.actualites .tm-leading-article .uk-article > a > img {
	width: 100%;
	border-radius: 6px;
}
html.actualites .uk-article > a > img {
	width: 100%;
	border-radius: 6px;
}

html.actualites .blog-title {
	margin-bottom: 10px;
}
html.actualites .tm-leading-article .uk-article:last-child {
	padding-bottom: 35px;
}
@media screen and (min-width: 991px) {
	html.actualites .tm-leading-article .uk-article > a {
		width: 50%;
		float: left;
	}
	html.actualites .tm-leading-article .uk-article h3 {
		margin: 0;
		width: 45%;
		padding: 15px;
		float: right;
	}
	html.actualites .tm-leading-article .uk-article p.uk-article-meta {
		margin: 0;
		width: 45%;
		padding: 0px 15px;
		float: right;
	}
	html.actualites .tm-leading-article .uk-article p:nth-child(4) {
		margin: 0;
		width: 45%;
		padding: 15px;
		float: right;
	}
	html.actualites .tm-leading-article .uk-article p:nth-child(5) {
		margin: 0;
		width: 45%;
		padding: 15px 15px 25px 15px;
		float: right;
	}
}

html.actualites .uk-article p:nth-child(5) a,
html.actualites .uk-article p:nth-child(6) a,
html.actualites .uk-article p:nth-child(7) a   {
		background-color: #54b2d8;
		padding: 5px 16px;
		border-radius: 4px;
		color: #fff;
		font-weight: 600;
		transition: 0.35s ease-in-out;

}
html.actualites .uk-article p:nth-child(5) a:hover,
html.actualites .uk-article p:nth-child(6) a:hover,
html.actualites .uk-article p:nth-child(7) a:hover  {
	background-color: #03204C;
	text-decoration: none;
}

.home-actualites .uk-article-meta a {
	color: #fff;
    background-color: #000;
    padding: 1px 6px;
    display: inline-block;
    margin-left: 3px;
}
.home-actualites .uk-article-meta {
	color: #fff;
}
.home-actualites .uk-button {
	background-color: #54b2d8;
    padding: 5px 16px;
    border-radius: 4px;
    color: #fff;
	font-weight: 600;
	transition: 0.35s ease-in-out;
}
.home-actualites .uk-button:hover {
	background-color: #03204C;
}
.home-actualites .uk-panel-title {
	font-size: 20px;
    color: #fff;
    margin-bottom: 1em;
}

html.expertises .six-raisons h3 {
	color: #fff !important;
}

/* Design form_candidate */
.form_candidate {
	display: flex;
	flex-wrap: wrap;

}
.form_candidate label {
	font-size: 17px;
    font-weight: 700;
    color: #1e2942;
}
.form_candidate input[type=text],
.form_candidate input[type=email],
.form_candidate input[type=tel] {
	width: 100%;
	border-radius: 0px !important;
    border: none !important;
    border-bottom: 1px solid #0e7bbd !important;
    font-size: 14px !important;
    padding: 5px 0px !important;
	background-color: transparent !important;
	margin-bottom: 10px;
	height: 36px;
    line-height: 36px;
}
.form_candidate input[type=text]:focus,
.form_candidate input[type=email]:focus,
.form_candidate input[type=tel]:focus {
	outline: none;
}
.form_candidate input[type=file] {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
	height: 36px;
    line-height: 36px;
}

.form_candidate .uk-button {
	background-color: #54b2d8;
    padding: 5px 16px;
    border-radius: 4px;
    color: #fff;
	font-weight: 600;
	transition: 0.35s ease-in-out;
	border: none;
}
.form_candidate .uk-button:hover {
	background-color: #03204C;
	color: #fff !important;
}

.log .uk-alert {
	padding: 30px 10px;
}
/* Testimonials slider */
html.expertises.tpe-pme h3.testimonial-title {
	color: #1d2941 !important;
}
html.expertises.sante h2.testimonial-title, html.expertises.tpe-pme h2.testimonial-title, html.expertises.eti h2.testimonial-title, html.expertises.esn-ssii h2.testimonial-title, html.infrastructures h2.testimonial-title, html.expertises h2.testimonial-title {
	color: #1d2941 !important;
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	font-family: 'Titillium Web', sans-serif !important;
}
/* Slider items */
.testimonial-name {
	margin-bottom: 0px;
	font-weight: 600;
    font-size: 20px;
}
.testimonial-badge-el {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 2px solid #e5e5e5;
}
.testimonial-text {
	color: #1e2942;
	line-height: 1.4em;
	position: relative;
	padding: 40px 50px 20px 50px;
}
@media screen and (min-width: 768px) {
	.testimonial-text {
		margin: 0 auto;
		max-width: 75%;
	}
}
.testimonial-text::before {
	content: '"';
    position: absolute;
    font-size: 288px;
    line-height: 1em;
    z-index: -1;
	font-weight: 600;
    top: -130px;
    left: 40px;
    color: #e8e9ec;
    transform: rotate(205deg);
}
.testimonial-badge-el img {
	width: 70px;
}
.testimonial-image {
	width: 80px;
}
html.expertises.tpe-pme h6.testimonal-name {
	color: #1d2941 !important;
}
html.expertises.eti .article-top, html.expertises.sante .article-top, html.expertises.esn-ssii .article-top, html.expertises.tpe-pme .article-top {
	position: relative;
}

/* Pastilles */
/* html.expertises.eti .article-top::after {
	content: url("/images/2020/badge-business.png");
	position: absolute;
    width: 131px;
    height: 132px;
    top: 50%;
    right: 12%;
    z-index: 2;
    transform: translate(0%, -50%);
}
html.expertises.sante .article-top::after {
	content: url("/images/2020/badge-sante.png");
	position: absolute;
    width: 131px;
    height: 132px;
    top: 50%;
    right: 12%;
    z-index: 2;
    transform: translate(0%, -50%);
}
html.expertises.esn-ssii .article-top::after {
	content: url("/images/2020/badge-services.png");
	position: absolute;
    width: 131px;
    height: 132px;
    top: 50%;
    right: 12%;
    z-index: 2;
    transform: translate(0%, -50%);
}
html.expertises.tpe-pme .article-top::after {
	content: url("/images/2020/badge-office.png");
	position: absolute;
    width: 131px;
    height: 132px;
    top: 50%;
    right: 12%;
    z-index: 2;
    transform: translate(0%, -50%);
} */
.portail-stack img {
	border-radius: 6px;
}
.portail-stack > .uk-grid {
	margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
	.portail-stack > .uk-grid {
		margin-bottom: 100px;
	}
}

.infrastructure-el {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	background-color: #000;
}


/* Custom infrastructures menu hover */
.infrastructure-menu {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100%; height: 100%;
	transform: translateY(100%);
	transition: transform .35s ease-in-out;
	padding: 15px;
	background-color: rgba(30, 41, 66, 0.75);
	box-sizing: border-box;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.infrastructure-menu-item {
	color: #fff;
	display: block;
	font-size: 20px;
	margin-bottom: 8px;
	padding-bottom: 10px;
	text-align: center;
	transition: .35s ease-in-out;;
	border-bottom: 1px solid #ffffff57;
	text-transform: uppercase;
  font-weight: 700;
}
.infrastructure-menu-item:hover {
	color: #fff;
	display: block;
	font-size: 20px;
	margin-bottom: 8px;
	padding-bottom: 10px;
	text-align: center;
	text-decoration: none;
	border-bottom: 1px solid #ffffffd3;
}
.infrastructure-el:hover .infrastructure-menu {
	transform: translateY(0%);
}
.infrastructure-link {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100%; height: 100%;
	transition: .35s ease-in-out;
	z-index: 5;
}
.infrastructure-title {
	font-family: 'Titillium Web', sans-serif;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #000;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	padding: 6px 12px;
	transition: .5s ease-in-out;
	font-size: 18px;
	text-align: center;
}
.infrastructure-img {
	border-radius: 6px;
	width: 100%;
	transition: .35s ease-in-out;
}
.infrastructure-el:hover .infrastructure-img {
	transform: scale(1.1);
	opacity: 0.8;
}
.infrastructure-el:hover .infrastructure-title {
	opacity: 0;
	visibility: hidden;
}






.title-with-arrow {
	position: relative;
	font-size: 35px;
	margin-bottom: 2em;
}
.title-with-arrow i {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: #9ad4e4;
	bottom: -40px;
    font-size: 42px;
}
html.expertises.sante .title-with-arrow, html.expertises.eti .title-with-arrow, html.expertises.esn-ssii .title-with-arrow, html.expertises.tpe-pme .title-with-arrow  {
	position: relative;
	font-size: 35px;
	margin-bottom: 2em;
    color: #1e2942 !important;
}
.home-bloc {
    max-width: 480px;
    margin: auto;
    position: relative;
    background-size: cover;
    background-position: 50%;
	overflow: hidden;
	height: 380px;
}
.home-bloc.services {
    background-image: url('/images/pages/accueil/blocs/bloc-services.jpg');
}
.home-bloc.business {
    background-image: url('/images/pages/accueil/blocs/bloc-business.jpg');
}
.home-bloc.territoires {
    background-image: url('/images/pages/accueil/blocs/bloc-territoires.jpg');
}

.home-actualites {
	padding: 0 35px;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}
.home-actualites-background {

	padding: 80px 15px 50px 15px;
	margin: 0 auto;
}
.home-actualites-title {
	display: flex;
    flex-direction: column;
	text-align: center;
	margin-bottom: 80px;
	position: relative;
}
.home-actualites-title::after {
	content: '';
	position: absolute;
	width: 50px;
	height: 3px;
	background-color: #1e2942;
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px;
}
.home-actualites-title span {
	color: #fff;
	font-weight: 700;
	font-family: 'Titillium Web', sans-serif !important;
	text-transform: uppercase;
	margin-bottom: 0;
}
.home-actualites-title span:first-child {
	font-size: 16px;
  color: #1e2942;
}
.home-actualites-title span:last-child {
	font-size: 24px;
  color: #1e2942;
}
@media screen and (min-width: 768px) {
	.home-actualites-title span:first-child {
		font-size: 24px;
	}
	.home-actualites-title span:last-child {
		font-size: 42px;
	}
}
.expertise-el {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    background-color: #000;
}
.expertise-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: .35s ease-in-out;
    z-index: 5;
}
.expertise-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: .35s ease-in-out;
    z-index: 5;
}
.expertise-title {
    font-family: 'Titillium Web', sans-serif;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    padding: 6px 12px;
    transition: .35s ease-in-out;
}
.expertise-title-sante {
	background-color: #6ab67e;
}
.expertise-title-office {
	background-color: #51a3d0;
}
.expertise-title-business {
	background-color: #ccb06a;
}
.expertise-title-services {
	background-color: #db515b;
}
.expertise-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateY(100%);
	transition: .35s ease-in-out;
	background-color: rgba(255, 255, 255, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 5;
}
.expertise-el:hover .expertise-overlay {
	transform: translateY(0%);
}
.main-portail-title {
	font-size: 35px;
}
.uk-button {
	color: #fff !important;
	font-family: 'Titillium Web', sans-serif !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    font-size: 18px !important;
    padding: 5px 18px !important;
	transition: 0.35s ease-in-out;
	background-color: #1e2942;
	border: 2px solid #1e2942;
}
.uk-button:hover {
	color: #1e2942 !important;
}
/* 
html.actualites .blog-intro-articles .uk-article p > a {
	color: #fff !important;
    font-family: 'Arvo', serif !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    font-size: 18px !important;
    padding: 5px 18px !important;
	transition: 0.35s ease-in-out;
	background-color: #1e2942;
	border: 2px solid #1e2942;
} */

.portail-stack img {
	width: 100%;
}
.home-actualites .title a {
	color: #1e2942;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 1em;
	margin-bottom: 10px;
}
.home-actualites .uk-slidenav {
	color: #fff;
}
.home-actualites .category {
	display: flex;
	justify-content: flex-start;
}
.home-actualites .category span {
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
}
.home-actualites .Actualités span {
	color: #a5a5a5;
}
.home-actualites .sous-catégorie-1 span {
	color: #db515b;
}
.home-actualites .sous-catégorie-2 span {
	color: #6ab67e;
}


@media screen and (min-width: 991px) {
	/* .home-actualites .uk-slidenav-position .uk-slidenav {
		display: block !important;
	} */
	.home-actualites .uk-slidenav-next:before, .home-actualites .uk-slidenav-previous:before {
		font-size: 38px;
	}
	.home-actualites .uk-slidenav-position .uk-slidenav-previous {
		left: 70px;
	}
	.home-actualites .uk-slidenav-position .uk-slidenav-next {
		right: 70px;
	}
}

html.carrieres .field-entry .field-label {
	display: block;
	color: #202B47;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 5px;
}
html.carrieres .field-entry .field-value {
	margin-bottom: 25px;
	margin-top: 10px;
	display: block;
}

html.carrieres article.uk-article p > a {
	color: #fff !important;
	font-family: 'Titillium Web', sans-serif !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    font-size: 18px !important;
    padding: 5px 18px !important;
	transition: 0.35s ease-in-out;
	background-color: #1e2942;
	border: 2px solid #1e2942;
}

html.carrieres article.uk-article p > a:hover {
	background-color: #54b2d8 !important;
	text-decoration: none;
	border: 2px solid #54b2d8;
}
html.carrieres .fields-container {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
html.carrieres .field-entry {
	flex-grow: 1;
    margin-right: 15px;
}

li.item326 .uk-dropdown {
    min-width: 75% !important;
    max-width: 100% !important;
	left: 10% !important;
}

body.homepage .uk-panel.nos-clients {
  padding: 0 !important;
}

.title-engagements {
  position: relative;
  margin-bottom: 50px;
}
.title-engagements i {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -40px;
    font-size: 44px;
}
.engagement-container {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}
.enagement-overlay-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translateY(100%);
	background-color: rgba(255, 255, 255, 0.9);
	transition: .35s ease-in;
	display: flex;
	justify-content: center;
	align-items: center;
}
.enagement-overlay-link a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 500;
}
.engagement-container:hover .enagement-overlay-link {
	transform: translateY(0%);

}
/* .engagement-title {
	position: absolute;
  bottom: -100%;
} */

.intro {
  
}
.intro h2 {
  
}

.portal-link-block {
	position: relative;
}
.portal-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.engagement-title {
	transition: .35s ease-in;
	font-size: 20px;
}
.portal-link:hover ~ .engagement-title {
	color: #a5a5a5 !important;
}
.home-actualites img {
	border-radius: 6px;
}
.home-actualites .uk-overlay {
	border-radius: 6px;
  overflow: hidden;
}


/* Titre H2 justifié */
html.expertises h2, html.infrastructures h2, html.a-propos-de-nous h2 {
	text-align: justify;
}

/* List custom */
html.expertises .uk-article ul {
  list-style: none;
}
html.infrastructures .uk-article ul {
  list-style: none;
}
html.a-propos-de-nous .uk-article ul {
  list-style: none;
}
html.a-propos-de-nous .uk-article ul li::before {
  content: "";
  color: #1e2942 !important;
  font-weight: bold;
  display: inline-block;
  width: 1em;
	margin-left: -1em;
	border-radius: 100%;
	background-color: #1e2942;
	width: 5px;
	height: 5px;
}
html.a-propos-de-nous .uk-article ul li {
	margin-bottom: 18px;
}
html.sante .uk-article ul {
  list-style: none;
}
html.expertises .uk-article ul li, html.infrastructures .uk-article ul li, html.a-propos-de-nous .uk-article ul li {
	position: relative;
}
html.expertises .uk-article ul li::before, html.infrastructures .uk-article ul li::before, html.a-propos-de-nous .uk-article ul li::before  {
	position: absolute;
	top: 12px;
}

html.sante .uk-article ul li::before {
  content: "";
  color: #6AB67E !important;
  font-weight: bold;
  display: inline-block;
  width: 1em;
	margin-left: -1em;
	border-radius: 100%;
	width: 5px;
	height: 5px;
	background-color: #6AB67E;
}
.portal-block {
	margin-bottom: 35px !important;
}

html.expertises .uk-article ul.uk-dotnav li::before, html.infrastructures .uk-article ul.uk-dotnav li::before {
	color: transparent !important;
	background-color: transparent !important;
}

html.esn-ssii .uk-article ul {
  list-style: none;
}

html.esn-ssii .uk-article ul li::before {
  content: "";
  color: #db515b !important;
  font-weight: bold;
  display: inline-block;
  width: 1em;
	margin-left: -1em;
	border-radius: 100%;
	width: 5px;
	height: 5px;
	background-color: #db515b;
}
html.eti .uk-article ul {
  list-style: none;
}

html.eti .uk-article ul li::before {
  content: "";
  color: #ccb06a !important;
  font-weight: bold;
  display: inline-block;
  width: 1em;
	margin-left: -1em;
	border-radius: 100%;
	background-color: #ccb06a;
	width: 5px;
	height: 5px;
}

html.infrastructures .uk-article ul li::before {
  content: "";
  color: #1e2942 !important;
  font-weight: bold;
  display: inline-block;
  width: 1em;
	margin-left: -1em;
	border-radius: 100%;
	width: 5px;
	height: 5px;
	background-color: #1e2942;
}
html.tpe-pme .uk-article ul li::before {
  content: "";
  color: #51A3D0 !important;
  font-weight: bold;
  display: inline-block;
  width: 1em;
	margin-left: -1em;
	border-radius: 100%;
	width: 5px;
	height: 5px;
	background-color: #51A3D0;
}
html.expertises .uk-article ul li {
	margin-bottom: 18px;
}
html.sante .uk-article ul {
  list-style: none;
}

/* Custom title infrastructures */
html.infrastructures span.trait-to-start,
html.infrastructures span.trait-to-end {
	text-transform: uppercase;
  display: block;
}
html.a-propos-de-nous span.trait-to-start,
html.a-propos-de-nous span.trait-to-end {
  display: block;
}



.partenaires-title {
	text-transform: uppercase;
	font-size: 30px;
}


.accordion-title {
	padding: 15px 20px !important;
	font-size: 26px !important;
	position: relative;
}
.accordion-title .uk-icon-plus {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 24px;
	font-size: 16px;
}

html.a-propos-de-nous #tm-content img {
	border-radius: 8px;
}

html.infrastructures #tm-content ul li,
html.expertises #tm-content ul li {
	margin-bottom: 20px;
}
/* Nimes neticenter */
.home-chiffre-neticenter .label {
	margin-top: 10px;
}
.home-chiffre-neticenter .chiffre {
	font-size: 48px;
}

/* Custom breadcrumbs */
/* esn ssii */
html.expertises.esn-ssii .uk-breadcrumb > li, html.expertises.esn-ssii .uk-breadcrumb > li > a, html.expertises.esn-ssii .uk-breadcrumb > li > span {
	color: #DB515B !important;
}
html.expertises.esn-ssii .uk-breadcrumb > li:nth-child(n+2):before ,html.expertises.esn-ssii .uk-breadcrumb > li.uk-active, html.expertises.esn-ssii .uk-breadcrumb > li.uk-active > a, html.expertises.esn-ssii .uk-breadcrumb > li.uk-active > span {
	color: #a5a5a5 !important;
}



/* eti */
html.expertises.eti .uk-breadcrumb > li, html.expertises.eti .uk-breadcrumb > li > a, html.expertises.eti .uk-breadcrumb > li > span {
	color: #ccb06a !important;
}
html.expertises.eti .uk-breadcrumb > li:nth-child(n+2):before ,html.expertises.eti .uk-breadcrumb > li.uk-active, html.expertises.eti .uk-breadcrumb > li.uk-active > a, html.expertises.eti .uk-breadcrumb > li.uk-active > span {
	color: #a5a5a5 !important;
}


/* tpe pme */
html.expertises.tpe-pme .uk-breadcrumb > li, html.expertises.tpe-pme .uk-breadcrumb > li > a, html.expertises.tpe-pme .uk-breadcrumb > li > span {
	color: #51A3D0 !important;
}
html.expertises.tpe-pme .uk-breadcrumb > li:nth-child(n+2):before ,html.expertises.tpe-pme .uk-breadcrumb > li.uk-active, html.expertises.tpe-pme .uk-breadcrumb > li.uk-active > a, html.expertises.tpe-pme .uk-breadcrumb > li.uk-active > span {
	color: #a5a5a5 !important;
}

/* santé */
html.expertises.sante .uk-breadcrumb > li, html.expertises.sante .uk-breadcrumb > li > a, html.expertises.sante .uk-breadcrumb > li > span {
	color: #6AB67E !important;
}
html.expertises.sante .uk-breadcrumb > li:nth-child(n+2):before ,html.expertises.sante .uk-breadcrumb > li.uk-active, html.expertises.sante .uk-breadcrumb > li.uk-active > a, html.expertises.sante .uk-breadcrumb > li.uk-active > span {
	color: #a5a5a5 !important;
}

html.actualites img {
	border-radius: 8px;
}
html.actualites.tm-leading-article .uk-article:last-child {
	border-color: transparent;
}
html.actualites .tm-leading-article {
	margin-top: 50px;
}

span.trait-to-end.trait-territoires::before {
	width: calc(100% - 135px);
}
.home-actualites .date span:nth-child(1) {
  display: none;
}
.home-actualites .date span:nth-child(2) {
  display: none;
}