/*

Theme Name: SPLIO

Theme URI: http://www.splio.com

Author: Splio & e-labo

Author URI: http://www.splio.com

Text Domain: splio

*/

/*********************************************************************

	GENERAL

*********************************************************************/



body, p, ul, ol, h1, h2, h3, h4, h5, form, input, textarea, select, table, pre, iframe { margin:0; padding:0; line-height: 1.2em;}

html, body { line-height: 1.3em; }

p, ul, table, td, th, form, input, select, option, div { line-height: 1.2em; font-size: inherit;	}

textarea, input, select, option { font-size: inherit; }

table, td, th { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; }

.clear { clear: both; min-height: 1px; }

.clear10 { clear: both; height: 10px; }

.clear20 { clear: both; height: 20px; }

.clear40 { clear: both; height: 40px; }

img { border: 0; max-width: 100%; height: auto; }

iframe { border: 0; max-width: 100%; }

.text-right { text-align: right; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.right { float: right; }

.left { float: left; }

.no-border {  border: none; }

.display-none { display: none; }

.display-block, div.display-block { display: block; }

sup { vertical-align: 3px; }

.small { font-size: 0.9em; }

.relative { position: relative; }

.alignright { float: right; margin: 10px 0 20px 30px; }

.alignleft { float: left; margin: 10px 30px 20px 0; }

.aligncenter {margin: auto; }

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.valign-middle { vertical-align: middle}


textarea, input.text, select, input[type="text"] {

	border: 0;

}


/* elabo signature */
@font-face {

	font-weight: normal;

	font-style: normal;

	font-family: 'labo';

	src:url('font/labo/icomoon.eot');

	src:url('font/labo/icomoon.eot?#iefix') format('embedded-opentype'),

		url('font/labo/icomoon.woff') format('woff'),

		url('font/labo/icomoon.ttf') format('truetype'),

		url('font/labo/icomoon.svg#icomoon') format('svg');

}

.elabo.menu-item a:before {
	font-family: 'labo', serif !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    content: "\e900";
}
.elabo.menu-item a {
	display: inline-block;
	color: inherit;
	text-decoration: none;
	font-size: 24px;
	vertical-align: middle;
}
.elabo.menu-item a em {
	display: none;
}

/*********************************************************************

	GRID

*********************************************************************/



.cols:after, .global-page:after { content: ""; clear: both; display: block; height: 1px; }

.col { float: left; box-sizing: border-box; min-height: 1px }

.col75 { width: 75%; }

.col70 { width: 70%; }

.col68 { width: 68.75%; }

.col66 { width: 66.66%; }

.col60 { width: 60%; }

.col55 { width: 55%; }

.col50 { width: 50%; }

.col45 { width: 45%; }

.col40 { width: 40%; }

.col37 { width: 37.5%; }

.col35 { width: 35%; }

.col33 { width: 33.33%; }

.col31 { width: 31.25%; }

.col30 { width: 30%; }

.col27 { width: 27.5%; }

.col25 { width: 25%; }

.col22 { width: 22.5%; }

.col20 { width: 20%; }

.col13 { width: 13.33%; }



.cols { margin-left: -20px; }

.col { padding-left: 20px; }



.padding-col.cols { margin-left: -50px; }

.padding-col .col { padding-left: 50px; }



.col.valign-middle { float: none; display: table-cell; vertical-align: middle; }

.col.valign-middle img { max-width: 100%; }




/*********************************************************************

	BOUTONS

*********************************************************************/
#comments .form-submit input, 

#content .btn, .error404 #footer .btn {

	display: inline-block;

	text-decoration: none !important;

	padding: 10px 5px;

	min-width: 170px;

	font-weight: bold;

	color: #ffffff;

	font-size: 0.875em;

	border-radius: 10px 0 10px 0;

	text-align: center;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;

	border: 0;

	cursor: pointer;

	box-sizing: border-box;

	background: none;

}
#comments .form-submit input,

#content .btn.big {

	text-transform: uppercase;

	font-size: 1.125em;

	min-width: 270px;

	padding: 20px 30px;

	border-radius: 15px 0 15px 0;

}
#content .btn.big.large {

	min-width: 20px;

}

#comments .form-submit input,

#content .btn.border {

	border-style: solid;

	border-width: 1px;

}



#content .btn.large {

	display: block;

	width: 100%;

}

#content .btn.border.loyalty {

	color: #e6007e;

	border-color: #e6007e;

}

#content .btn.plein.loyalty {

	background: #e6007e;

	color: #ffffff;

}

#content .btn.loyalty:hover {

	color: #ffffff;

	border-color: #ff028d;

	background: #ff028d;

}



#content .btn.border.designer {

	color: #824b8f;

	border-color: #824b8f;

}

#content .btn.plein.designer {

	background: #824b8f;

	color: #ffffff;

}

#content .btn.designer:hover {

	color: #ffffff;

	border-color: #9c53ad;

	background: #9c53ad;

}



#content .btn.border.scenario {

	color: #626496;

	border-color: #626496;

}

#content .btn.plein.scenario {

	background: #626496;

	color: #ffffff;

}

#content .btn.scenario:hover {

	color: #ffffff;

	border-color: #7173ae;

	background: #7173ae;

}



#content .btn.border.target {

	color: #31899f;

	border-color: #31899f;

}

#content .btn.plein.target {

	background: #31899f;

	color: #ffffff;

}

#content .btn.target:hover {

	color: #ffffff;

	border-color: #3d9fb7;

	background: #3d9fb7;

}



#content .btn.border.emailforge {

	color: #009ddf;

	border-color: #009ddf;

}

#content .btn.plein.emailforge {

	background: #009ddf;

	color: #ffffff;

}

#content .btn.emailforge:hover {

	color: #ffffff;

	border-color: #03aff7;

	background: #03aff7;

}



#comments .form-submit input,

#content .btn.border.report {

	color: #4b728d;

	border-color: #4b728d;

}

#content .btn.plein.report {

	background: #4b728d;

	color: #ffffff;

}

#content .btn.report:hover {

	color: #ffffff;

	border-color: #59829e;

	background: #59829e;

}



#content .btn.border.clienteling {

	color: #0ba2bb;

	border-color: #0ba2bb;

}

#content .btn.plein.clienteling {

	background: #0ba2bb;

	color: #ffffff;

}

#content .btn.clienteling:hover {

	color: #ffffff;

	border-color: #12b1cb;

	background: #12b1cb;

}



#content .btn.border.data {

	color: #00b1aa;

	border-color: #00b1aa;

}

#content .btn.plein.data {

	background: #00b1aa;

	color: #ffffff;

}

#comments .form-submit input:hover,

#content .btn.data:hover {

	color: #ffffff;

	border-color: #01c0b8;

	background: #01c0b8;

}



#content .btn.border.fullservice {

	color: #7677ac;

	border-color: #7677ac;

}

#content .btn.plein.fullservice {

	background: #7677ac;

	color: #ffffff;

}

#content .btn.fullservice:hover {

	color: #ffffff;

	border-color: #8283bf;

	background: #8283bf;

}

#content .green .form .btn.border.report,

#content .btn.border.white {

	color: #ffffff;

	border-color: #ffffff;

}

#content .green .form .btn.border.report:hover,

#content .btn.white:hover {

	color: #e6007e;

	background: #ffffff;

}

#content .green .form .btn.border.report:hover {

	color: #00b1aa;

	background: #ffffff;

}



#content .btn.border.white2 {

	background: #ffffff;

	color: #4b728d;

	border-color: #d4e3e9;

}

#content .btn.white2:hover {

	color: #ffffff;

	background: #4b728d;

}





#content .btn.border.grey {

	color: #c0d2dd;

	border-color: #c0d2dd;

}

#content .btn.plein.grey {

	background: #c0d2dd;

	color: #ffffff;

}

#content .btn.grey:hover {

	color: #ffffff;

	border-color: #c0d2dd;

	background: #c0d2dd;

}







#content .btn:active {

	color: #ffffff;

	border-color: #4b728d !important;

	background: #4b728d !important;

}



.btns-actions {

	padding: 30px 0;

	text-align: center;

}

#content .btns-actions .btn {

	margin: 0 5px;

	text-align: left;

}

#content .btn .ico {

	width: 30px;

	height: 30px;

	display: inline-block;

	margin: -10px 10px -10px 5px;

	vertical-align: middle;

	border-radius: 100%;

	background-repeat: no-repeat;

}

#content .btn.data.border .ico {

	background-color: #00b1aa;

}

#content .btn .ico.print {

	background-image:url(img/ico-btn-print.png);

}

#content .btn .ico.share {

	background-image:url(img/ico-btn-share.png);

}

#content .btn .ico.write {

	background-image:url(img/ico-btn-write.png);

}







/*********************************************************************

	ICON

*********************************************************************/



.icon-decroche {

	bottom: -30px;

	margin-left: -46px;

	left: 50%;

	z-index: 50;

	display: block;

	position: absolute;

	width: 93px;

	height:31px;

	text-align: center;

	color: #ffffff;

	font-size: 31px;

}

.bg-blue .icon-decroche,

section.blue .icon-decroche {

	color: #4b728d;

}

.bg-green .icon-decroche {

	color: #00b1aa;

}

.bg-grey .icon-decroche {

	color: #e5edf2;

}

.bg-purple .icon-decroche {

	color: #824b8f;

}

.bg-purple-spring .icon-decroche {

	color: #735894;

}

.bg-pink .icon-decroche {

	color: #e6007e;

}





/*********************************************************************

	HEADER / FOOTER

*********************************************************************/

#header {

	position: fixed;

	height: 118px;

	border-bottom: 1px #e4ebf1 solid;

	width: 100%;

	background: #ffffff;

	z-index:500;

}

#header li {

	list-style-type: none;

	float: left;

}


/* cookies */
body.cookiesok .infocookies {
	display: none;
}
.infocookies {
	background: #b4c3cf;
	color: #ffffff;
	padding: 5px 20px;
	text-align: left;
	font-size: 0.8rem;
	position: absolute;
	width: 100%;
	z-index:600;
	box-sizing: border-box;
	top: 0;
}
.infocookies a:link, .infocookies a:visited {
	background: #a6b8c6;
	color: #ffffff;
	padding: 2px 5px;
	display: inline-block;
	border-radius: 8px;
	border: 1px #bbc9d4 solid;
	margin-left: 5px;
	text-decoration: none;
}
.infocookies a.fermer:link, .infocookies a.fermer:visited {
	margin-left: 10px;
}
.infocookies a:hover, .infocookies a:focus {
	color: #a6b8c6;
	background: #ffffff;
}


/* menu links */

#header .menu-links {

	background: #4b728d;

	color: #c4ced6;

	height: 40px;

	line-height: 40px;

	font-size: 0.875em;

}

#header .menu-links li a, #header .menu-links .tel, #header .menu-links .subscribe {

	color: #c4ced6;

	display: block;

	height: 40px;

}

#header .menu-links ul, #header .menu-links .subscribe {

	float: left;

}

#header .menu-links li a, #header .menu-links li a:hover {

	width: 39px;

	text-indent: -900px;

	overflow: hidden;

	line-height: 40px;

	opacity: 0.8;

	background-repeat: no-repeat;

	background-position: 50% 50%;

}

#header .menu-links li a:hover {

	opacity: 1;

}

#header .menu-links li.facebook a {

	background-image: url(img/ico-header-fb.png);

}

#header .menu-links li.facebook a:hover {

	background-color: #5e73a5;

}

#header .menu-links li.twitter a {

	background-image: url(img/ico-header-tw.png);

}

#header .menu-links li.twitter a:hover {

	background-color: #00b7fe;

}

#header .menu-links li.linkedin a {

	background-image: url(img/ico-header-in.png);

}

#header .menu-links li.linkedin a:hover {

	background-color: #0292dc;

}

#header .menu-links li.rss a {

	background-image: url(img/ico-header-rss.png);

}

#header .menu-links li.rss a:hover {

	background-color: #e88f02;

}
#header .menu-links li.wechat {
}
#header .menu-links li.wechat div.qr {
    position: absolute; 
    right: 0;
    display: none;
    z-index: 20;
    padding: 20px;
    background: #ffffff;
    border-radius: 0 0 0 30px;   
	box-shadow: 0 5px 20px rgba(52, 91, 118, 0.3);
}
#header .menu-links li.wechat div.bg {
    display: none;
    position: fixed;
    background: rgba(255,255,255, 0.8);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
}
#header .menu-links li.wechat div img {
    display: block;
    border-radius: 0 0 0 10px;   
}
#header .menu-links li.wechat a {
    opacity: 1;
	background-image: url(img/ico-header-wechat.png);
}
#header .menu-links li.wechat a:hover {
    opacity: 1;
	background-image: url(img/ico-header-wechat-on.png);
	background-color: #ffffff;
}

#header .menu-links li.blog a {

	width: auto;

	padding: 0 16px 0 46px;

	text-decoration: none;

	text-transform: uppercase;

	text-indent: 0;

	color: #ffffff;

	background-image: url(img/ico-header-blog.png);

	background-position: 9px 50%;

	font-size: 0.75rem;

}

#header .menu-links li.blog a:hover {

	background-color: #436176;

}

#header .menu-links .subscribe {

	padding: 10px 40px 7px 0;

	height: 23px;

}

#header .menu-links .subscribe a.btn {

	padding: 3px 20px;

	text-transform: uppercase;

	min-width: 10px;

	background: #436176;

	font-size: 0.75rem;

	text-decoration: none;

	border-radius: 7px 0 7px 0;

}

#header .menu-links .subscribe a.btn:hover {

	background: #ffffff;

	color: #436176;

}

#header .menu-links li {

	border-left: 1px #7997ab solid;

}

#header .menu-links .tel {

	line-height: 40px;

	padding-left: 54px;

	background: url(img/ico-header-tel.png) no-repeat 20px 50%;

}



/* menu site */

#header .logo-lang {

	background: #ffffff;

	position: absolute;
	max-height: 78px;

}

#header .logo {

	padding: 20px 0 0 20px;

	float: left;

	width: 175px;

}

#header .logo img {

	height: 40px;

}

#header .menu-site {

	height: 78px;

	clear:both;

}

#header .menu-site nav {

	position: relative;

	float: right;

	font-size: 0.75em;

	text-transform: uppercase;

}

#header .menu-site nav li.overview {

	display: none;

}



#header .menu-site nav .menu-princ a {

	line-height: 58px;

	display: block;

	height: 79px;
	box-sizing: border-box;

	text-decoration: none;

	padding: 0 8px;

	posiiton: relative;

	border: 10px transparent solid;
}

#header .menu-site nav a.on, #header .menu-site nav a:hover {

	background: #436176;

	color: #ffffff;

}
#header .menu-site nav a:hover {
	background: #365267;

	border: 10px #436176 solid;
}

#header .menu-site nav .header-search, #header .menu-site nav .menu-princ {

	float: left;

}

#header .menu-site nav .header-search {

	width: 60px;

	overflow: hidden;

}

#header .menu-site nav.search .header-search {

}

#header .menu-site nav .header-search form {

	padding: 0 70px 0 0;

}

#header .menu-site nav .header-search input {

	background: #ffffff;

	border: 0;

	padding: 20px 0 20px 20px;

	font-family: 'Lato', sans-serif;

	color: #4b728d;

	height: 78px;

	line-height: 37px;

	width: 100%;

	display: block;

	box-sizing: border-box;

	font-size: 1.375rem;

}

#header .menu-site nav .header-search a.ico {

	width: 60px;

	top: 0;

	padding: 0;

	position: absolute;

	right: 0;

	box-sizing: border-box;

	background: url(img/ico-search.png) no-repeat 50% 50% #ffffff;
	height: 79px;
	border: 0;

}

#header .menu-site nav.search .header-search a.ico,

#header .menu-site nav .header-search a.ico:hover {

	background: url(img/ico-search-on.png) no-repeat 50% 50% #4b728d;

} 

#header .menu-site nav .burger-search {

	position: absolute;

	top: 0;

	left: 0;

	height: 79px;

	background: url(img/ico-burger-on.png) no-repeat 50% 50% #4b728d;

	width: 98px;

	display: none;

	cursor: pointer;

}

#header .menu-site nav .burger-search:hover {

	background: url(img/ico-burger-on.png) no-repeat 50% 50% #59829e;

}

#header .menu-site nav.search ul a {

	display: none;

}

#header .menu-site nav.search {

	padding-left: 98px;

}
#header .menu-site nav .searchform.mobile {
	display: none;
}

#header .menu-site nav .searchform.mobile {
	display: none;
	background: #4b728d;
	width: auto;
	left: 0;
	right: 0;
	padding: 8px 10px;
	overflow: visible;
	border-bottom: 4px #4e7e9d solid;
}
#header .menu-site nav .searchform.mobile form {
	padding: 0;
	position: relative;
	background: #365267;
}
#header .menu-site nav .searchform.mobile input[type="text"] {
	background: #41657f;
	color: #7b93a6;
	font-size: 1rem;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	line-height: 1.2em;
	padding: 10px 80px 10px 10px;
}
#header .menu-site nav .searchform.mobile input[type="submit"] {
	background: url(img/ico-search-mobile.png) no-repeat 50% 50% #365267;
	width: 38px;
	position: absolute;
	right: 10px;
	border: 0;
	height: 38px;
	text-indent: -300px;
	overflow: hidden;
	top: 8px;
}

#header .menu-site nav.search .burger-search,

#header .menu-site nav.search ul .login a {

	display: block

}

#header .menu-site nav.search ul .contact a {

	display: table-cell;

}

#header .menu-site nav .login a, #header .menu-site nav .contact a {

	color: #ffffff;

	width: 90px;

	padding: 0 5px;

	text-align: center;
	border: 10px transparent solid;

}

#header .menu-site nav .menu-princ .login a {

	background: #e6007e;

}

#header .menu-site nav .menu-princ .login a:hover {

	background: #ff008c;

}

#header .menu-site nav .menu-princ .contact a {

	background: #00b1aa;

	line-height: 1.2em;

	display: table-cell;

	vertical-align: middle;

}

#header .menu-site nav .menu-princ .contact a:hover {

	background: #01c3bb;

}

#header .menu-site nav ul ul {

	margin-top: 0px;

	position: absolute;

	background: #436176;

	color: #ffffff;

	display: none;

	min-width: 300px;

	-webkit-transition: none !important;

	-moz-transition: none !important;

	transition: none !important;

}

#header .menu-site nav ul .on ul {

	display: block;

}

#header .menu-site nav ul ul li {

	float: none;

}

body #header .menu-site nav .menu-princ ul ul a, body.scroll #header .menu-site nav .menu-princ ul ul a, #header .menu-sitev .menu-princ nav ul ul a {

	padding: 20px;

	height: auto;

	line-height: 1.3em;

	display: block;
	border: 0;

}

#header .menu-site nav ul ul a em {

	display: block;

	text-transform: none;

	color: #9ec0d9;

}

#header .menu-site nav ul ul a:hover {

	background: #365267;

}

#header .menu-site nav ul ul li.action a {

	background-color: #00b1aa;

	background-image: url(img/ico-menu-contact.png);

	background-repeat: no-repeat;

	background-position: 90% 50%;

	text-transform: none;

	font-size: 1.2em;

	font-weight: bold;

	padding-top: 25px;

	font-family: "texgyreadventor", Arial, sans-serif;

	min-height: 2.2em;

	vertical-align: middle;

	line-height: 1.1em;

	padding-right: 80px;

	padding-bottom: 25px;

}

#header .menu-site nav ul ul li.action a:hover {

	background-color: #01c0b8;

}

#header .menu-site nav ul li a {

	position: relative;

} 

#header .menu-site nav .menu-princ ul > .current-menu-item > a:before,

#header .menu-site nav .menu-princ ul > .current-page-ancestor > a:before,

#header .menu-site nav .menu-princ ul > .current-menu-ancestor > a:before,

#header .menu-site nav .menu-princ ul > .current-menu-parent > a:before,

#header .menu-site nav .menu-princ ul > .current-page-parent > a:before,

#header .menu-site nav .menu-princ ul > .current_page_parent > a:before,

#header .menu-site nav .menu-princ ul > .current_page_ancestor > a:before {

	content: "";

	display: block;

	position: absolute;

	right: 8px;

	left: 8px;

	height: 8px;

	background: #4b728d;

	top: 46px;

}
.scroll #header .menu-site nav .menu-princ ul > .current-menu-item > a:before,

.scroll #header .menu-site nav .menu-princ ul > .current-page-ancestor > a:before,

.scroll #header .menu-site nav .menu-princ ul > .current-menu-ancestor > a:before,

.scroll #header .menu-site nav .menu-princ ul > .current-menu-parent > a:before,

.scroll #header .menu-site nav .menu-princ ul > .current-page-parent > a:before,

.scroll #header .menu-site nav .menu-princ ul > .current_page_parent > a:before,

.scroll #header .menu-site nav .menu-princ ul > .current_page_ancestor > a:before {

	top: 33px;

}

#header .menu-site nav .menu-princ ul ul > .current-menu-item > a:before,

#header .menu-site nav .menu-princ ul ul > .current-page-ancestor > a:before,

#header .menu-site nav .menu-princ ul ul > .current-menu-ancestor > a:before,

#header .menu-site nav .menu-princ ul ul > .current-menu-parent > a:before,

#header .menu-site nav .menu-princ ul ul > .current-page-parent > a:before,

#header .menu-site nav .menu-princ ul ul > .current_page_parent > a:before,

#header .menu-site nav .menu-princ ul ul > .current_page_ancestor > a:before,
#header .menu-site nav .menu-princ ul > li.login > a:before,

#header .menu-site nav .menu-princ ul > li.contact > a:before,

#header .menu-site nav .menu-princ ul > li > a.on:before,

#header .menu-site nav .menu-princ ul > li > a:hover:before {

	display: none !important;

}



/* lang */

#header .menu-lang {

	text-transform: uppercase;

	position: relative;

	float: left;

	font-size: 0.875em;

}

#header .menu-lang .active {

	border-left: 1px #e4ebf1 solid;

	border-right: 1px #e4ebf1 solid;

	height: 79px;

	line-height: 78px;

	min-width: 37px;

	padding: 0 20px;

	cursor: pointer;

	text-transform: uppercase;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;

}

#header .menu-lang .active span {

	display: inline-block;

	padding-right: 20px;

	background: url(img/bg-header-lang.png) no-repeat 100% 50%;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;

}

#header .menu-lang.on .active {

	background: #436176;

	color: #ffffff;

}

#header .menu-lang.on .active span {

	background: url(img/bg-header-lang-on.png) no-repeat 100% 50% ;

}



#header .menu-lang ul {

	position: absolute;

	background: #436176;

	top: 79px;

	left: 1px;

	/*right: 1px;*/

	display: none;

	opacity: 0;

}

#header .menu-lang.on ul {

	display: block;

	opacity: 1;

}

#header .menu-lang li {

	float: none;

}

#header .menu-lang li a {

	text-decoration: none;

	min-width: 37px;

	color: #ffffff;

	padding: 12px 20px 12px 20px;

	display: block;

}

#header .menu-lang li a:hover {

	background: #3d5a6e;

}



/* header scroll */

#header, #header *, #content {

	-webkit-transition: all ease 0.3s !important;

	-moz-transition: all ease 0.3s !important;

	transition: all ease 0.3s !important;

}

body.scroll #header .menu-links {

	margin-top: -40px;

}

body.scroll #header, body.scroll #header .menu-site {

	height: 60px;

	border-bottom: 1px #e4ebf1 solid;

}

body.scroll #header .menu-site nav a, body.scroll #header .menu-lang .active {

	height: 60px;

	line-height: 40px;

}
body.scroll #header .menu-lang .active {

	line-height: 60px;

}

body.scroll #header .menu-lang ul {

	top: 60px;

}

body.scroll #header .logo {

	padding-top: 15px;

	width: 140px;

}

body.scroll #header .logo img {

	height: 31px;

}

body.scroll #content {

	padding-top: 79px;

}

.scroll #header .menu-site nav .header-search input {

	height: 60px;

}

.scroll #header .menu-site nav .burger-search {

	height: 60px;

}
body.scroll #header .menu-site nav .header-search a.ico  {
	height: 60px;
}



/* mobile */

.burger-mobile {

	width: 79px;

	height: 79px;

	background: url(img/ico-menu-mobile.png) no-repeat 50% 50% #4b728d;

	position: absolute;

	display: none;

	top: 40px;

	right: 0;

	cursor: pointer;

}

.burger-mobile:hover {

	background: url(img/ico-menu-mobile.png) no-repeat 50% 50% #3d5a6e;

}

.mmobile .burger-mobile {

	background: url(img/ico-menu-mobile-close.png) no-repeat 50% 50% #4b728d;

}

.mmobile .burger-mobile:hover {

	background: url(img/ico-menu-mobile-close.png) no-repeat 50% 50% #3d5a6e;

}



body.scroll .burger-mobile {

	height: 60px;

	width: 60px;

	top: 0px;

}



/* footer */

#footer {

	font-size: 0.8rem;
	padding: 50px 0;

	position: relative;

	z-index: 50;

	background: #4b728d;

}

#footer .global-page {

	position: relative;	

}
#footer ul {
	padding-right: 80px;
	font-size: 0.8rem;
}

#footer, #footer a {

	color: #8eadc3;

}

#footer a.top {

	display: block;

	width: 78px;

	height: 78px;

	background: url(img/btn-footer.png) no-repeat;

	position: absolute;

	top: -8px;

	right: 0;

}

#footer a.top:hover {

	opacity: 0.7;

}

#footer a {

	color: #ffffff;

	text-decoration: none;

}

#footer a:hover {

	color: #00b1aa;

}
#footer .li,

#footer .links,

#footer .keys li, #footer .keys ul, .keys div,

#footer .links li, #footer .links ul, .links div {

	list-style-type: none;

	display: inline-block;

}

#footer .links li:before, #footer .li:before {

	content: "•";

	display: inline-block;

	padding: 0 5px;
	color: #c4d0d8;

}
#footer .li:before {
	color: #8eadc3;
}
#footer .links a {
	color: #c4d0d8;
}
#footer .links a:hover {
	color: #e3e7eb;	
}

#footer .keys {
	padding-top: 15px;
}
#footer .keys a {
	display: inline-block;
	padding-right: 15px;
	color: #8eadc3;
}
#footer .keys a:hover {
	color: #e3e7eb;	
}


/**/

.footer-menu {

	background: #4b728d;

	color: #ffffff;

}

.footer-menu.decroche {

	padding: 0 0 70px 0;

	margin: 0;

}

.footer-menu.decroche .global-page {

	box-shadow: 0 5px 20px rgba(52, 91, 118, 0.3);

	position: relative;

	width: 905px;

	margin-top: -15px;

	background: #ffffff;

	z-index: 20;

	padding: 25px 30px 5px 30px;

}

.footer-menu.decroche .global-page:before {

	content: "";

	position: absolute;

	display: block;

	top: 0;

	left: -15px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 0 15px 15px;

	border-color: transparent transparent #bec9d1;

}

.footer-menu.decroche .global-page:after {

	content: "";

	position: absolute;

	display: block;

	top: 0;

	width: 0;

	right: -15px;

	height: 0;

	border-style: solid;

	border-width: 15px 0 0 15px;

	border-color: transparent transparent transparent #bec9d1;

}

.footer-menu.decroche .global-page ul:after {

	content: "";

	display: block;

	clear: both;

	height: 1px;

}



.footer-menu.decroche {

	background: none;

}

.footer-menu.decroche.bg-grey:before {

	content: "";

	display: block;

	position: absolute;

	top: 15px;

	bottom: 0;

	width: 100%;

	background: #e5edf2;

}

.footer-menu li {

	list-style-type: none;

	margin-bottom: 20px;

	box-sizing: border-box;

	width: 50%;

	float: left;

}

.footer-menu li a {

	border: 1px #517690 solid;

	background-color: rgba(255, 255, 255, 0.08);

	background-repeat: no-repeat;

	background-position: 95% 50%;

	display: block;

	color: #ffffff !important;

	text-decoration: none;

	font-style: italic;

	padding: 30px 30% 35px 40px;

}

.footer-menu.purple li a, .footer-menu.purple li a:hover {

	background-color: #824b8f;

	border: 0;

}

.footer-menu.purple li a:hover {

	background-color: #9c53ad;

	border: 0;

}

.footer-menu.purple-spring li a, .footer-menu.purple-spring li a:hover {

	background-color: #735894;

	border: 0;

}

.footer-menu.purple-spring li a:hover {

	background-color: #824b8f;

	border: 0;

}

.footer-menu li.pink a, .footer-menu li.pink a:hover,

.footer-menu.pink li a, .footer-menu.pink li a:hover {

	background-color: #e6007e;

	border: 0;

}

.footer-menu li.pink a:hover,

.footer-menu.pink li a:hover {

	background-color: #ff028d;

	border: 0;

}

.footer-menu.blue li a, .footer-menu.blue li a:hover {

	background-color: #4b728d;

	border: 0;

}

.footer-menu.blue li a:hover {

	background-color: #59829e;

	border: 0;

}

.footer-menu.green li a, .footer-menu.green li a:hover {

	background-color: #00b1aa;

	border: 0;

}

.footer-menu.green li a:hover {

	background-color: #01c0b8;

	border: 0;

}



.footer-menu.purple li, .footer-menu.pink li {

}

.footer-menu.decroche li a {

	padding: 30px 20px 35px 20px;

	height: 115px;
	text-decoration: none !important;

}

.footer-menu li a div {

}

.footer-menu li a:hover {

	background-color: #42657d;

	border: 1px #5c7f97 solid;

}

.footer-menu li.externalisation,

.footer-menu li.equipe,

.footer-menu li.pourquoi-splio {

	padding-right: 10px;

}

.footer-menu li.first a,

.footer-menu li.pourquoi-splio a {

	border-radius: 30px 0 0 0;

}

.footer-menu li.solutions,

.footer-menu li.rejoignez,

.footer-menu li.nos-partenaires {

	padding-left: 10px;

}

.footer-menu.decroche li.last a,

.footer-menu li.rejoignez a {

	border-radius: 0 0 30px 0;

}

.footer-menu.decroche li.first {

	padding-right: 13px;

}

.footer-menu.decroche li.last {

	padding-left: 13px;

}



.footer-menu li.pourquoi-splio a {

	background-image: url(img/bg-footer-apropos1.png);

}

.footer-menu li.nos-partenaires a {

	background-image: url(img/bg-footer-apropos2.png);

}

.footer-menu li.equipe a {

	background-image: url(img/bg-footer-apropos3.png);

}

.footer-menu li.rejoignez a {

	background-image: url(img/bg-footer-apropos4.png);

}

.footer-menu li.pourquoi-splio a:hover {

	background-image: url(img/bg-footer-apropos1-on.png);

}

.footer-menu li.nos-partenaires a:hover {

	background-image: url(img/bg-footer-apropos2-on.png);

}

.footer-menu li.equipe a:hover {

	background-image: url(img/bg-footer-apropos3-on.png);

}

.footer-menu li.rejoignez a:hover {

	background-image: url(img/bg-footer-apropos4-on.png);

}

.footer-menu li.externalisation a {

	background-image: url(img/bg-footer-services1.png);

}

.footer-menu li.solutions a {

	background-image: url(img/bg-footer-services2.png);

}



.footer-menu h2 {

	width: 314px;

	height: 157px;

	border-radius: 157px 157px 0 0;

	text-align: center;

	box-sizing: border-box;

	margin: -105px auto 0 auto;

	background: #4b728d;

	padding-top: 60px;

	text-transform: uppercase;

	font-size: 1em;

	font-family: "texgyreadventor", Arial, sans-serif;

}

.footer-menu a h3 {

	font-style: normal;

	padding-bottom: 10px;

	font-size: 1.3em;

	font-family: "texgyreadventor", Arial, sans-serif;

}

.footer-menu h3:before {

	content: "...";

	margin-left: -25px;

	position: absolute;

}

.footer-menu.decroche h3:before {

	display: none;

}



.footer-menu a .ico {

	float: right;

	background: #ffffff;

	height: 93px;

	width: 93px;

	border-radius: 100%;

	text-align: center;

	line-height: 80px;

	margin: 15px 0 0 20px;

	text-decoration: none;

	font-size: 60px;

}

.footer-menu a .ico span {

	line-height: 93px;

	vertical-align: top;

}



.footer-menu.purple li a .ico {

	color: #824b8f;

}

.footer-menu.purple li a:hover .ico {

	color: #9c53ad;

}

.footer-menu.purple-spring li a .ico {

	color: #735894;

}

.footer-menu.purple-spring li a:hover .ico {

	color: #824b8f;

}

.footer-menu li.pink a .ico, .footer-menu.pink li a .ico {

	color: #e6007e;

}

.footer-menu li.pink a:hover .ico, .footer-menu.pink li a:hover .ico {

	color: #ff028d;

}

.footer-menu.blue li a .ico {

	color: #4b728d;

}

.footer-menu.blue li a:hover .ico {

	color: #59829e;

}

.footer-menu.green li a .ico {

	color: #00b1aa;

}

.footer-menu.green li a:hover .ico {

	color: #01c0b8;

}







/*********************************************************************

	THEME

*********************************************************************/

html, body {

	font-size: 15px;

	letter-spacing: 0.01em;

	color: #4b728d;

	font-family: 'Lato', sans-serif;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

input[type="text"], input[type="submit"], input[type="password"], input[type="email"], textarea, select, option {

	font-family: 'Lato', sans-serif;

	-webkit-appearance: none;
	-moz-appearance: none;
}


body {

	background: #4b728d;

}

a:link, a:visited, area, map {

	color: inherit;

	text-decoration: underline;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;

}

#content a:link, #content a:visited {

	color: #00afa9;

}

a:hover, a:active {

	color: inherit;

	text-decoration: none;

}

.global-page {

	margin: 0 auto;

	width: 946px;

	z-index:2;

}

.global-page.z-index {

	z-index:20;

	position: relative;

}

.global-page.large {

	width: auto;

}

#content {

	background: #ffffff;

	padding-top: 119px;

}

body {

	overflow-x: hidden;	

}

section {

	position: relative;

	padding: 40px 0;

}

.pattern {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(img/pattern.png);

}

.bg-white {

	background: #ffffff;

}

.bg-grey, section.grey {

	background: #e5edf2;

}

.bg-green, section.green {

	background: #00b1aa;

	color: #ffffff;

}

.bg-blue {

	color: #ffffff;

	background: #4b728d;

}

.bg-purple {

	color: #ffffff;

	background: #824b8f;

}

.bg-purple-spring {

	color: #ffffff;

	background: #735894;

}

.bg-pink {

	color: #ffffff;

	background: #e6007e;

}

.titre-section {

	padding-bottom: 10px;

	text-align: center;

}

.block-header.min-titre h1,

.titre-section h2 {

	padding-bottom: 5px;

	font-size: 1.875em;

	text-transform: uppercase;

	font-weight: 300;

}

.block-header.min-titre h1 strong,

.titre-section h2 strong {

	font-weight: 700;

	font-family: "texgyreadventor", Arial, sans-serif;

}

.titre-section .sstitre {

	font-family: "texgyreadventor", Arial, sans-serif;

	padding: 0 100px 10px 100px;

	font-size: 1.25em;

}

.blue .titre-section h2, .green .titre-section h2 {

	color: #ffffff;

}

.titre-section:after {

	content: "";

	display: block;

	width: 60px;

	margin: 10px auto 15px auto;

	background: #4b728d;

	height: 1px;

}

.bg-purple-spring .titre-section:after, .bg-green .titre-section:after, .bg-pink .titre-section:after, .bg-purple .titre-section:after, .bg-blue .titre-section:after, .blue .titre-section:after, .green .titre-section:after {

	background: #ffffff;

}

section.blue, section.green {

	color: #ffffff;

}



span.anchor {

    display: block;

    position: relative;

    top: -250px;

    visibility: hidden;

}



#comments .form-submit,

.bandeau-btn, .bandeau-btn div {

	position: relative;

	text-align: center;

}

#comments .form-submit:before,
.bandeau-btn:before {

	content: "";

	position: absolute;

	top: 30px;

	border-top: 1px #4b728d solid;

	width: 100%;

	left: 0;

	display: block;

}

.upp-min.bandeau-btn:before {

	top: 20px;

}

.upp-min.bandeau-btn {

	text-transform: uppercase;

}

.green .bandeau-btn:before {

	border-top: 1px #ffffff solid;

}

.bandeau-btn div {

	display: inline-block;

	background: #ffffff;

	padding: 0 20px;

}

.bg-grey .bandeau-btn div {

	background: #e5edf2;

}

.green .bandeau-btn div {

	background: #00b1aa;

}



.separe {

	height: 40px;

	background: url(img/bg-separe.png) no-repeat 50% 0%;

}
.separe-grey {

	height: 40px;

	background: url(img/bg-degrade.png) no-repeat 50% 0% #e5edf2;

}

.textes h3 {

	font-size: 1.125em;

}

.textes p, .textes ul {

	padding: 10px 0;

	line-height: 1.4em;

}



.textes h3 {

	color: #00b1aa;

	padding: 20px 0 0 0;

}




.textes li {

	list-style-type: none;

	line-height: 1.4em;

	padding: 10px 0 10px 35px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.colonnes-2.textes li {

	position: relative;

}

.textes li:before {

	content: "\e601";

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	font-size: 13px;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	position: absolute;

	margin: 6px 0 0 -30px;

	color: #00b1aa;

}

.list-purple.textes li:before {

	color: #824b8f;

}

.list-blue.textes li:before {

	color: #4b728d;

}
.list-white.textes li:before {

	color: #ffffff;

}

.encart {

	margin: 0 0 30px -12px;

	position: relative;

}

.encart:after {

	content: "";

	display: block;

	position: absolute;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 12px 12px 0;

	border-color: transparent #a2bccc transparent #a2bccc;

	bottom: -12px;

}

.encart img {

	vertical-align: middle;

	border-style: solid;

	border-width: 6px;

	margin: -24px 10px;

	border-radius: 33px;

}

.encart .bande {

	display: inline-block;

	padding: 10px 20px 10px 12px;

	font-size: 0.750em;

	text-transform: uppercase;

	color: #ffffff;

	border-radius: 0 2em 2em 0;

}



.pagination {

	border-top: 1px #e5edf2 solid;

	padding-top: 15px;

}

.pagination li {

	float: left;

	padding: 0 1px;

	list-style-type: none;

}

#content .pagination li a {

	display: block;

	padding: 0 25px;

	box-sizing: border-box;

	height: 56px;

	line-height: 56px;

	text-align: center;

	background-color: #eaf1f4;

	background-repeat: no-repeat;

	background-position: 50% 50%;

	color: #4b728d;

	font-weight: bold;

	text-decoration: none;

}

#content .pagination li a:hover, #content .pagination li a.active {

	background-color: #4b728d;

	color: #ffffff;

}

#content .pagination.pink li a.active {

	background-color: #e6007e;

}

#content .pagination.purple li a.active {

	background-color: #7a589e;

}

#content .pagination.green li a.active {

	background-color: #00b1aa;

}

#content .pagination li a.next {

	width: 56px;

	background-image: url(img/ico-pagination-next.png);

}

#content .pagination li a.prev {

	width: 56px;

	background-image: url(img/ico-pagination-prev.png);

}

#content .pagination li a.start {

	width: 56px;

	background-image: url(img/ico-pagination-start.png);

}

#content .pagination li a.end {

	width: 56px;

	background-image: url(img/ico-pagination-end.png);

}

#content .pagination li a.next:hover {

	background-image: url(img/ico-pagination-next-on.png);

}

#content .pagination li a.prev:hover {

	background-image: url(img/ico-pagination-prev-on.png);

}

#content .pagination li a.start:hover {

	background-image: url(img/ico-pagination-start-on.png);

}

#content .pagination li a.end:hover {

	background-image: url(img/ico-pagination-end-on.png);

}





/* block-header */

.block-header {

	text-align: center;

	background-size: cover;

	background-repeat: no-repeat;

	padding-bottom: 50px;

}

.block-header.blue {

	background: #4b728d;

	color: #ffffff;

}

.block-header.bg-purple {

	background: #824b8f;

	color: #ffffff;

}

.block-header .global-page {

	position: relative;

}

.block-header .text.normal {

	font-size: 1rem;

	padding-top: 15px;

}

.block-header h1 {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 3.875em;

	text-transform: uppercase;

}

.block-header .titre:after {

	content: "";

	display: block;

	width: 120px;

	margin: 23px auto 25px auto;

	background: #4b728d;

	height: 1px;

}

.block-header.bg-green .titre:after,

.block-header.bg-blue .titre:after,

.block-header.bg-purple .titre:after,

.block-header.blue .titre:after {

	background: #ffffff;

}

.block-header.min-titre .titre:after {

	width: 60px;

}

.block-header .sstitre {

	line-height: 1em;

	font-weight: 300;

	font-size: 2.875em;

	text-transform: uppercase;

	-webkit-font-smoothing: auto;

	-moz-osx-font-smoothing: auto;

}

.block-header .text {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.375em;	

	line-height: 1.4em;

}

.block-header .text ul {

	padding-top: 3px;

}

.block-header .text li {

	font-weight: 300;

	font-size: 0.9em;

	display: inline-block;

	text-transform: uppercase;

	padding: 0 20px;

}

.block-header .text li:before {

	content: "\e601";

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	font-size: 13px;

	line-height: 1;

	position: absolute;

	margin: 7px 0 0 -25px;

}

.block-header .btn-next {

	width: 240px;

	height: 120px;

	margin-left: -121px;

	left: 50%;

	display: block;

	position: absolute;

	z-index: 20;

	bottom: 1px;

}

.block-header .btn-next:before {

	content: "";

	position: absolute;

	display: block;

	width: 240px;

	height: 121px;

	display: block;

	background: url(img/btn-bloc-header-bg.png) no-repeat;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}
.block-header .btn-next:after {

	content: "";

	position: absolute;

	display: block;

	width: 240px;

	height: 121px;

	display: block;

	background: url(img/btn-bloc-header.png) no-repeat;

}



.block-header.bg-green .text, #content .block-header.bg-green .text a {

	color: #ffffff;

}

.block-header .text-center [class^="icon-"], .block-header .text-center [class*=" icon-"] {

	font-size: 74px;

}







/* bloc texte */

.block-texte {

	padding: 50px 0;

}

.block-texte .textes {

	/*font-size: 1.063em;*/

}

.block-texte .colonnes-2 {

	text-align: justify;

	-webkit-columns: 2;

	-moz-columns: 2;

	columns: 2;

	-webkit-column-gap: 55px;

	-moz-column-gap: 55px;

	column-gap: 55px;

}

.block-texte .intro-text {

	font-size: 1.063em;

}

.block-texte .colonnes-2 p {

	padding: 0 0 20px 0;

}

.block-texte .colonnes-2.pnomarge ul, 
.block-texte .colonnes-2.pnomarge p {

	padding: 0 !important;

}
.block-texte .colonnes-2.pnomarge li {
	padding-top: 0;
	padding-bottom: 20px;
	display: inline-block;
} 


/* bloc texte image */

.block-texte-image {

	padding: 60px 0 60px 0;

}

.block-texte-image .textes {

	font-size: 1.063em;

	text-align: justify;

}



/* fonds couleurs */

section.blue {

	background: #4b728d;

}



/* bloc citation */

.block-sentence {

	padding: 50px 0;

	text-align: center;

}

.quote-texte {

	margin: 30px 0;

	text-align: center;

}

.block-sentence .quote, .quote-texte {

	font-size: 1.875em;

	padding: 0 50px;

	font-family: "texgyreadventor", Arial, sans-serif;

}

.block-sentence .quote.small {

	font-family: "Lato";

	font-size: 1.25em;

	line-height: 1.4em;

	font-style: italic;

}

.block-sentence .quote.medium {

	font-size: 1.625em;

}

.block-sentence .quote:before, .block-sentence .quote:after, .quote-texte:before, .quote-texte:after {

	content: "\e603";

	display: inline-block;

	font-size: 38px;

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

.block-sentence .quote:before, .quote-texte:before {

	margin-bottom: 8px;

	margin-right: 25px;

	vertical-align: bottom;

}

.block-sentence .quote:after, .quote-texte:after {

	content: "\e602";

	margin-top: 12px;

	vertical-align: top;

	margin-left: 25px;

}

.block-sentence .quote p, .quote-texte p {

	display: inline;

}

.block-sentence .quote.small:before, .block-sentence .quote.small:after {

	font-size: 32px;

}

.block-sentence .quote.small:before {

	margin-bottom: 4px;

	margin-right: 10px;

}

.block-sentence .quote.small:after {

	content: "\e602";

	margin-top: 8px;

	margin-left: 10px;

}

.block-sentence .author {

	font-size: 0.875em;

	text-align: center;

	padding-top: 30px;

}





/* highlight */
.block-highlights .icon-decroche {
    display: none;  
}

.highlights-3 .highlight {

	float: left;

	margin-left: 50px;

}

.highlights-3 .highlight.first {

	margin-left: 0px;

}

.highlight {

	border-radius: 30px 0 30px 0;

	height: 377px;

	position: relative;

	z-index: 100;

	bottom: -18px;

	width: 280px;

	background: #ffffff;

}
.highlight.on {

	z-index: 105;

}

.highlight:before {

	content: "";

	position: absolute;

	bottom: 0;

	right: 0;

	height: 62px;

	width: 62px;

	background-position: 0% 0%;

	background-repeat: no-repeat;

	background-image: url(img/bg-angle-open.png);

	border-radius: 0 0 30px 0;

}

.cadre-highlight {

	border-radius: 30px 0 30px 0;

	overflow:hidden;

	width: 100%;

	height: 100%;

	position: absolute;

}

.highlight:after {

	content: "";

	display: block;

	position: absolute;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 15px 15px 0;

	border-color: transparent #a2bccc transparent #a2bccc;

	bottom: 0;	

	left: -15px;

}

.highlight .hover {

	z-index: 102;

	width: 200px;

	height: 200px;

	border-radius: 110px;

	border: 10px #e5edf2 solid;

	-webkit-transition: all 0.6s;

	-moz-transition: all 0.6s;

	transition: all 0.6s;

	position:absolute;

	top: 100px;

	left: 50%;

	margin-left: -110px;

}

.highlight.on .hover {

	top: -100px;

	border-radius: 300px;

	width: 600px;

	height: 600px;

	margin-left: -310px;

}



.highlight * {

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}

.highlight h3 {

	text-align: center;

	font-size: 1em;

	font-family: "texgyreadventor", Arial, sans-serif;

	text-transform: uppercase;

	height: 60px;

	position: relative;

	margin: 0 20px;

}

.highlight.on h3 {

	height: 40px;

}

.highlight h3:before, .highlight h3 span.border:before {

	content: "";

	position: absolute;

	width: 100%;

	border-color: inherit;

	border-style: solid;

	border-width: 1px 0 0 0;

	display: block;

	margin-top: 10px;

}

.highlight h3 span.border:before {

	border-color: #ffffff;

}

.highlight.on h3:before {

	border-color: #ffffff !important;

}

.highlight h3 span.border {

	z-index: 108;

	border-color: #ffffff;

}

.highlight.purple h3 span.border, .highlight.purple h3 span {

	color: #735894;

}

.highlight.purple h3:before, .highlight.purple.on h3 span.border:before {

	border-color: #735894;

}

.highlight.purple .hover {

	background: #735894;

}

.highlight.purple:before {

	background-color: #735894;

}

.highlight.pink h3 span.border, .highlight.pink h3 span {

	color: #e6007e;

}

.highlight.pink h3:before, .highlight.pink.on h3 span.border:before {

	border-color: #e6007e;

}

.highlight.pink .hover {

	background: #e6007e;

}

.highlight.pink:before {

	background-color: #e6007e;

}

.highlight.green h3 span.border, .highlight.green h3 span {

	color: #17b1a9;

}

.highlight.green h3:before, .highlight.green.on h3 span.border:before {

	border-color: #17b1a9;

}

.highlight.green .hover {

	background: #17b1a9;

}

.highlight.green:before {

	background-color: #17b1a9;

}

.highlight.blue h3 span.border, .highlight.blue h3 span {

	color: #4b728d;

}

.highlight.blue h3:before, .highlight.blue.on h3 span.border:before {

	border-color: #4b728d;

}

.highlight.blue .hover {

	background: #4b728d;

}

.highlight.blue:before {

	background-color: #4b728d;

}



.highlight h3 span.border:before {

	margin-left: -5px;

}

.highlight h3 span {

	z-index: 110;

	display: inline-block;

	position: relative;

	padding: 0 5px;

	font-size: 1.875rem;

	font-style: italic;

	font-family: "texgyreadventor", Arial, sans-serif;

}

.highlight.on h3 span {

	color: #ffffff !important;

}

.highlight .content {

	padding: 40px 20px 0 20px;

	position: relative;

	z-index:120;

}

.highlight.on * {

	color: #ffffff;

}

.highlight .intro {

	font-family: "texgyreadventor", Arial, sans-serif;

	text-align: center;

	color: #ffffff;

	text-align: center;

	padding: 0 50px 0 50px;

	text-transform: uppercase;

	font-size: 1.3em;

	font-weight: bold;

	height: 220px;
	display: table-cell;
	vertical-align: middle;

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	-ms-hyphens: auto;

	-o-hyphens: auto;

	hyphens: auto;
	min-width: 140px;

}


.highlight .intro .sstitre:before {

	content: "";

	width: 55px;

	margin: 10px auto 0 auto;

	height: 10px;

	display: block;

	border-top: 1px #ffffff solid;

}

.highlight .intro div {

	text-align: center;

}

.highlight.on .intro .sstitre:before {

	display: none;

}

.highlight .intro .sstitre {

	font-family: "Lato";

	font-weight: 300;

}

.highlight.on .intro {

	padding: 0px;

	height: auto;
	display: block;
	width: 100%;

}

.highlight.on .intro .sstitre {

	font-size: 0.833em;

}

.highlight .resume {

	color: #ffffff;

	padding-top: 20px;

	opacity: 0;

}

.highlight.on .resume {

	opacity: 1;

}

.highlight .resume:before {

	content: "";

	display: block;

	width: 60px;

	margin: 0 auto;

	height: 20px;

	border-top: 1px #ffffff solid;

}



.highlight .resume li {

	list-style-type: none;

	line-height: 1.2em;

	padding: 0 0 15px 25px;

}

.highlight .resume li:before {

	content: "\e601";

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	font-size: 13px;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	position: absolute;

	margin: 4px 0 0 -25px;

}



/* banderole */

.banner-decroche {

	height: 40px;

}

.block-banner {

	padding: 0;

	position: relative;

}

.block-banner .cols {

	padding: 0 20px;

}

.block-banner:before {

	content: "";

	display: block;

	position: absolute;

	height: 15px;

	bottom: -15px;

	width: 50%;

	background: #ffffff;

	z-index:5;

	margin-left: -468px;

}

.block-banner:after {

	content: "";

	display: block;

	position: absolute;

	height: 15px;

	bottom: -15px;

	right:0;

	width: 50%;

	background: #ffffff;

	z-index:5;

	margin-right: -468px;

}

.block-banner .global-page {

	margin-top: -40px;

	background: #ffffff;

	box-shadow: 0 5px 20px rgba(52, 91, 118, 0.3);

	position: relative;

	z-index:10;

	width: 965px;

	padding: 40px 0 30px 0;

}

.block-banner .global-page:before {

	content: "";

	position: absolute;

	display: block;

	bottom: -15px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 15px 15px 0;

	border-color: transparent #bec9d1 transparent 

}

.block-banner .global-page:after {

	content: "";

	position: absolute;

	display: block;

	bottom: -15px;

	width: 0;

	right: 0;

	height: 0;

	border-style: solid;

	border-width: 15px 15px 0 0;

	border-color: #bec9d1 transparent transparent 

}

.block-banner .visu-circle {

	padding-top: 0;

}

.block-banner .visu-circle .cols {

	padding: 0 50px;

}

.block-banner .visu-circle .col {

	text-align: center;

	text-transform: uppercase;

	margin-top: -25px;

}

.block-banner .visu-circle .visu {

	text-align: center;

	height: 138px;

	width: 138px;

	line-height: 138px;

	border-radius: 100%;

	border: 10px #ffffff solid;

	background: #824b8f;

	margin: 0 auto 10px auto;

	verticl-align: middle;

}

.block-banner .visu-circle .visu img {

	vertical-align: middle;

}

.block-banner ol:after {

	content: "";

	display: block;

	clear: left;

	height: 1px;

}

.block-banner ol {

	padding: 0 20px 0 20px;

	counter-reset: nums;

}

.block-banner ol li {

	list-style-type: none;

	padding:  0 10px 0 40px;

	counter-increment: nums;

}

.block-banner ol li:before {

	content: counter(nums);

	display: block;

	position: absolute;

	background: #8b5997;

	color: #ffffff;

	font-weight: bold;

	border-radius: 100%;

	margin-left: -40px;

	text-align: center;

	width: 30px;

	height: 30px;

	line-height: 30px;

}



.bande-info {

	padding-top: 20px;

}

.bande-info .global-page {

	padding: 0px;

	background: inherit;

	border-radius: 0 20px 0 20px;

	position: relative;

}

.bande-info .global-page-bg {

	padding: 35px 60px 45px 60px;

	background: inherit;

	position:relative;

	border-radius: 0 20px 0 20px;

	min-height: 250px;

}

.bande-info .global-page:before {

	content: "";

	display: block;

	width: 500px;

	height: 300px;

	background: #ffffff;

	position: absolute;

	box-shadow: 0px 0px 20px rgba(75, 114, 141, 0.5);

	border-radius: 0 250px 250px 250px;

	left: 0px;

	top: 0px;

}

.bande-info .text {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.375em;

	text-align: center;

}

#content .bande-info .btn.white:hover {

	color: #00b1aa;

}

.bande-info .text {

	padding: 10px 0 30px 0;

}



.bande-info .bandeau-btn:before {

	border-top: 1px #4b728d solid;

}

.bande-info .bandeau-btn div {

	background: #e5edf2;

}



ul.list-circle-add {

	margin: 0 -10px;

	padding-top: 20px;

}

.list-circle-add li {

	margin: 19px;

	list-style-type: none;

	float: left;

	width: 202px;

	position: relative;

}

.list-circle-add .circle {

	float: left;

	border-radius: 100%;

	text-align:center;

	width: 202px;

	padding: 0 20px;

	box-sizing: border-box;

	height: 202px;

	background: #f1f6f9;

	border: 1px #d9e7f0 solid;

	line-height: 202px;

}

.list-circle-add .circle.total {

	background: #855092;

	color: #ffffff;

	border: 0;

}

.list-circle-add .circle div {

	line-height: 1.2em;

	display: inline-block;

	vertical-align: middle;

}

.list-circle-add li.plus:before, .list-circle-add li.egal:before {

	content: "";

	display: block;

	position: absolute;

	top: 85px;

	right: -33px;

	background: url(img/ico-circle-plus.png) no-repeat;

	width: 29px;

	height: 29px;

}

.list-circle-add li.egal:before {

	background: url(img/ico-circle-egal.png) no-repeat;

}



/* bloc slider */

.block-slider {

	padding: 0 0 34px 0;

	background: url(img/bg-slider.png) no-repeat 50% 50% #eaf1f4;

	background-size: cover;

}

.block-slider .global-page {

	position: relative;

}

.block-slider .global-page:before {

	content: "";

	width: 95%;

	height: 100px;

	border-radius: 25px;

	box-shadow: 0px 0px 15px #b1c2ce;

	bottom: 15px;

	position: absolute;

	display: block;

	background: #b1c2ce;

	opacity: 0.3;

	transform: rotate(-2deg);

	z-idex:1;

	left: 5px;

}

.block-slider .global-page:after {

	content: "";

	width: 95%;

	height: 100px;

	box-shadow: 0px 0px 15px #b1c2ce;

	bottom: 15px;

	position: absolute;

	display: block;

	background: #b1c2ce;

	opacity: 0.3;

	z-idex:1;

	transform: rotate(2deg);

	right: 5px;

}

.block-slider .global-page .slider {

	border: 6px #eaf1f4 solid;

	border-radius: 0 25px 0 25px;

	background: #ffffff;

	top: -20px;

	position: relative;

	padding-top: 45px;

	z-index:10;

}

.block-slider .global-page .slider:before {

	content: "";

	position: absolute;

	left: -26px;

	top: -6px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 0 20px 20px;

	border-color: transparent transparent #a9c1cf transparent;	

}

.block-slider .global-page .slider-nav {

	padding: 20px 0;

	text-align: center;

}

.block-slider .global-page .slider-nav li {

	width: 18px;

	height: 18px;

	list-style-type: none;

	display: inline-block;

	margin: 0 6px;
	background: #ffffff;
	box-sizing: border-box;
	border-radius: 100%;
	border: 2px #c2d0db solid;
	position: relative;

}
.block-slider .global-page .slider-nav li.on:before {

	content: "";
	display: block;
	top: 3px;
	left: 3px;
	position:absolute;
	border-radius: 100%;
	background: #4b728d;

	width: 8px;
	height: 8px;

}

.slide-publication .global-page .slider-nav li.loyalty.on:before {
	background: #e6007e;
}
.slide-publication .global-page .slider-nav li.data.on:before {
	background: #17b1a9;
}
.block-slider .ico-nav {

	width: 18px;

	height: 43px;

	position: absolute;

	top: 50%;

	margin-top: -21px;

	cursor: pointer;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;

}

.block-slider .ico-nav-left {

	left: 21px;

	background: url(img/ico-nav-left.png) no-repeat;

}

.block-slider .ico-nav-right {

	right: 21px;

	background: url(img/ico-nav-right.png) no-repeat;

}

.block-slider .ico-nav:hover {

	opacity: 0.6;

}

.block-slider .slides li {

	list-style-type: none;

	text-align: center;

	display: none;

}

.block-slider .slides li.on {

	display: block;

}

.block-slider .slides {

	padding: 0 65px;

}

.block-slider .slides img {

	display: block;

	border-radius: 25px 0 25px 0;

}

.overview-event .in, .block-slider .slides .in {

	font-family: "texgyreadventor", Arial, sans-serif;

	width: 100%;

	text-align: center;

}

.overview-event .in {

	margin: 0 0 20px 0;

	position: relative;

	color: #adc0ce;

}

.overview-event .in:before {

	content: "";

	display: block;

	position: absolute;

	width: 100%;

	top: 50%;

	background: #b6c8d4;

	height: 1px;

}

.block-slider .slides .in {

	margin: -18px -65px 0 -65px;

	position: absolute;

}

.overview-event .in strong:before, .overview-event .in strong:after {

	content: "";

	display: block;

	position: absolute;

	width: 12px;

	background: #e5edf2;

	height: 100%;

	top: 0;

}

.overview-event .in strong:before {

	left: -14px;

}

.overview-event .in strong:after {

	right: -14px;

}

.overview-event .in strong, .block-slider .slides .in strong {

	font-family: "texgyreadventor", Arial, sans-serif;

	text-transform: uppercase;

	display: inline-block;

	border: 2px #c4d1db solid;

	position: relative;

	border-radius: 20px;

	background: #ffffff;

	padding: 0 25px;

	line-height: 35px;

	height: 36px;

}

.overview-event {

	padding-top: 10px;

}

.overview-event .visu {

	position: relative;

}

.overview-event .visu div:before {

	content: "";

	width: 95%;

	height: 50px;

	border-radius: 25px;

	box-shadow: 0px 0px 15px #b1c2ce;

	bottom: -4px;

	position: absolute;

	display: block;

	background: #b1c2ce;

	opacity: 0.3;

	transform: rotate(-2deg);

	z-idex:1;

	left: 5px;

}

.overview-event .visu div:after {

	content: "";

	width: 95%;

	height: 50px;

	box-shadow: 0px 0px 15px #b1c2ce;

	bottom: -4px;

	position: absolute;

	display: block;

	background: #b1c2ce;

	opacity: 0.3;

	z-idex:1;

	transform: rotate(2deg);

	right: 5px;

}

.overview-event .visu div {

	border-radius: 0 25px 0 25px;

	position: relative;

	z-index:10;

}

.overview-event .visu img {

	border-radius: 0 25px 0 25px;

	position: relative;

	width: 100%;

	height: auto;

	display: block;

	z-index:20;

}





.cols-encadre .encadre {

	background: #4b728d;

	margin-top: 30px;
}

.cols-encadre .encadre .contenus {

	position: relative;

	padding: 20px 40px 0 40px;

}

.bg-grey .cols-encadre .encadre .contenus {

	background: #e5edf2;

	border: 1px #d3e2eb solid;
	border-bottom: 0;
	border: 1px solid transparent;
	-moz-border-image: -moz-linear-gradient(top, #d3e2eb 0%, #e5edf2 100%);
	-webkit-border-image: -webkit-linear-gradient(top, #d3e2eb 0%, #e5edf2 100%);
	border-image: linear-gradient(to bottom, #d3e2eb 0%, #e5edf2 100%);
	border-image-slice: 1;
}

.cols-encadre .encadre:before {

	content: "";

	display: block;

	width: 300px;

	height: 200px;

	background: #4b728d;

	position: absolute;

	box-shadow: 0px 0px 20px rgb(54, 89, 116);

	border-radius: 0 250px 250px 250px;

}

.cols-encadre .encadre h3 {

	text-transform: uppercase;

	text-align: left;

	line-height: 1.3em;

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.125em;

	padding-bottom: 10px;

	color: #4b728d;

}



.encadre-bord {

	background-color: #ffffff;

	background-repeat: no-repeat;

	background-position: 288px 42px;

	padding: 40px 135px 40px 40px;

	box-sizing: border-box;

	min-height: 220px;

	border-radius: 0 30px 0 30px;

	border: 1px #d1e1ea solid;

	line-height: 1.4em;

	margin-top: 10px;

}

.encadre-bord.socio {

	background-image: url(img/ico-experience-revo-socio.png);

}

.encadre-bord.techno {

	background-image: url(img/ico-experience-revo-techno.png);

}

.encadre-bord h3 {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.25em;

	padding-bottom: 15px;

	font-weight: normal;

}

.encadre-bord h3 strong {

	text-transform: uppercase;

	font-weight: bold;

	display: block;

}





/*********************************************************************

	FORMULAIRES

*********************************************************************/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #9bb2c6;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #9bb2c6;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #9bb2c6;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #9bb2c6;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #9bb2c6;
}



.form li {

	list-style-type: none;

	padding: 9px 0;

	position: relative;

}

.form li.required:before {

	content: "*";

	position: absolute;

	color: #00afa9;

	font-weight: bold;

	left: 10px;

	top: 19px;

	font-size: 1.375em;

}

.form li.required.col-last:before {

	left: 18px;

}

form span.required:before {

	content: "*";

	color: #00afa9;

	font-weight: bold;

	margin: 10px;

	font-size: 1.375em;

	display: inline-block;

}

.form li.multiple {

	padding: 24px 30px 9px 30px;

}

.form li.info-required {

	font-style: italic;

	color: #00afa9;

	font-size: 0.75em;

	padding: 0;

	margin-top: -10px 0 0 0;

}

.form input[type="file"], .form input[type="email"], .form input[type="password"], .form input[type="text"], .form textarea, .form select {

	box-sizing: border-box;

	padding: 12px 21px;

	width: 100%;

	border: 1px #d2dee6 solid;

	color: #4b728d;

	background: #ffffff;

}

.form select.auto {

	width: auto;

}

.gfield_error input[type="file"], .gfield_error input[type="email"], .gfield_error input[type="password"], .gfield_error input[type="text"], .gfield_error textarea, .gfield_error select {

	padding: 11px 20px;

	border: 2px #e6007e solid;

	color: #e6007e;

}

.form .gfield_error input[type="checkbox"] {

	border: 2px #e6007e solid;

}

.form input[type="checkbox"] {
	border: 0;
	margin: 0 3px 0 0;
	vertical-align: middle;
}
.form .multiple input[type="radio"], 
.form .multiple input[type="checkbox"] {
	margin-left: 10px;
}
.form .multiple input[type="radio"] {
	margin: 0 6px 0 15px;
}

.form select,

select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	background: url(img/bg-select.png) no-repeat 100% 50% #ffffff;

	padding: 12px 70px 12px 20px;

	border: 1px #d2dee6 solid;

	color: #4b728d;

	border-radius: 0;
	text-align: center;

	min-width: 300px;

}



.form option,

option {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	width: 100%;

	box-sizing: border-box;

	color: #4b728d;
}
input[type="file"] {
  color: #9bb2c6 !important;
  background: url(img/bg-input-file.png) no-repeat 100% 50% #ffffff !important;
}




.form li.gfield_contains_required.multiple .gfield_label:before,

.form li.gfield_contains_required:before {

	content: "*";

	position: absolute;

	color: #00afa9;

	font-weight: bold;

	left: 10px;

	top: 19px;

	font-size: 1.375em;

}

.form li.gfield_contains_required.multiple .gfield_label:before {

	position: static;

	top: auto;

	left: auto;

	margin: 0 10px 0 0;

}

.form li.gfield_error,

.form li.gfield_error.multiple .gfield_label:before,

.form li.gfield_error:before {

	color: #e6007e;

}

.form li.gfield_contains_required.col-last:before {

	left: 18px;

}

.form li.multiple:before {

	display: none;

}

form span.required:before {

	content: "*";

	color: #00afa9;

	font-weight: bold;

	margin: 10px;

	font-size: 1.375em;

	display: inline-block;

}

.form li.multiple {

	padding: 24px 30px 9px 30px;

	text-align: center;

}

.form li.multiple li label, .form li.multiple select .form li.multiple input,
.gfield_radio li, .gfield_radio ul,
.gfield_checkbox li, .gfield_checkbox ul {

	display: inline-block;

}

.form li.multiple select {

	width: auto;

}

.form li.info-required {

	font-style: italic;

	color: #00afa9;

	font-size: 0.75em;

	padding: 0;

	margin-top: -10px 0 0 0;

}

.green .form li.info-required {

	color: #ffffff;

}

.form li.info-required,

.form li.checkbox.footer {

	clear: both;

}

.gform_footer {

	text-align: center;

}

.hidden_label label, .gform_validation_container,

.form li label, .form li.multiple.hidden_label label, .form li.checkbox.hidden_label label {

	display: none;

}

.ginput_container_checkbox, .ginput_container_checkbox ul,
.ginput_container_radio, .ginput_container_radio ul,
.hidden_label .ginput_container label, .form li.checkbox.multiple label, .form li.checkbox label, .form li.checkbox.hidden_label .ginput_container label {

	display: inline;

}



.form .gfield_error .gfield_description.validation_message {

	display: none !important;

}

.form .validation_error {

	margin-top: 25px;

	font-weight: bold;

	color: #e6007e;

	background: #f8cce4;

	border: 2px #e6007e solid;

	border-radius: 3px 3px 0 0;

	padding: 15px 20px;

}
.form-login.form .validation_error {
	margin: 0 0 25px 0;
}

.form .col-first {

	float: left;

	padding-right: 8px;

	box-sizing: border-box;

	width: 50%;

}

.form .col-last {

	float: left;

	padding-left: 8px;

	box-sizing: border-box;

	width: 50%;

}

.form .bandeau-btn {

	margin-top: 10px;

}



/*********************************************************************

	SERVICES

*********************************************************************/



.block-header.services-overview {

	background-image: url(img/bg-services-overview.jpg);

	padding: 40px 0 190px 0;

}

.block-header.services-overview a.btn-next:hover:before {

	opacity: 0.6;

}

.liste-card-partenaire.overview-ressources .visu, .liste-card-partenaire.overview-ressources .resume {

	border: 10px #e5edf2 solid;

}

.liste-card-partenaire.overview-ressources .visu {

	color: #4b728d;

}

.liste-card-partenaire.overview-ressources .visu .site {

	opacity: 0.7;

}

.liste-card-partenaire.overview-ressources .visu .ico {

	padding: 25px 0 15px 0;

}

.liste-card-partenaire.overview-ressources .visu .ico:after {

	content: "";

	display: block;

	height: 15px;

	width: 60px;

	border-bottom: 1px #4b728d solid;

	margin: 0 auto;

}

.liste-card-partenaire.overview-ressources .visu h3 {

	text-transform: uppercase;

	font-size: 1.125em;

	padding: 0 20px 15px 20px;

}

.liste-card-partenaire.overview-ressources .resume h3 {

	text-transform: uppercase;

	font-size: 1em;

	padding: 0 20px;

}

.liste-card-partenaire.overview-ressources .resume h3:after {

	height: 15px;

}

.liste-card-partenaire.overview-ressources .card-partenaire .intro {

	font-size: 0.875em;
	max-width: 230px;

	padding-top: 15px;

	height: auto;

	padding-bottom: 15px;

}

.liste-card-partenaire.overview-ressources .resume {

	background: #824b8f;

}

.liste-card-partenaire.overview-ressources {

	margin-bottom: 0;

	padding-bottom: 60px;

}

.bg-publi-footer {

	background: url(img/bg-publi-footer.png) no-repeat 50% 100% #e5edf2;

	background-size: 100% auto;

}



.liste-card-partenaire.overview-ressources .card-partenaire .visu.more {

	padding: 90px 40px 0 40px;

	width: 180px;

	height: 170px;

}



.services-poles-account {

	background: url(img/bg-services-poles-account.jpg) no-repeat 50% 50%;

	background-size: cover;

}

.services-big-num {

	font-size: 7.5em;

	font-family: "texgyreadventor", Arial, sans-serif;

	color: #824b8f;

	line-height: 1em;

	padding-left: 40px;

	float: left;

}

.services-big-num.green {

	color: #00b1aa;

}

.col30 .services-big-num,

.col35 .services-big-num {

	padding-left: 10px;

	font-size: 6.250em;

}

.services-big-num-txt {

	padding: 1em 30px 0 0;

	line-height: 1.2em;

	margin-left: 230px;

}

.col30 .services-big-num-txt,

.col35 .services-big-num-txt {

	padding: 1em 0 0 0;

	margin-left: 185px;

}

.col35.cent .services-big-num-txt {

	margin-left: 195px;

}

.services-big-num-txt .extrait {

	line-height: 1.2em;

	min-height: 6em;

}

.services-big-num-txt .source, .source.bottom {

	padding-top: 15px;

	font-style: italic;

	font-size: 0.625em;

	opacity: 0.7;

}

.services-big-num div.unit {

	font-weight: 300;

	line-height: 1em;

	display: block;

	text-transform: uppercase;

	font-size: 1.625rem;

	text-align: center;

}

 .source.bottom {

	clear: both;

	text-align: right;

	padding-right: 20px;

}

.services-big-num span {

	font-size: 0.417em;

	font-weight: bold;

}

.col30 .services-big-num span,

.col35 .services-big-num span {

	font-size: 0.5em;

}

.block-banner.sms .services-big-num {

	color: #e6007e;

}

.block-banner.sms .services-big-num-txt .extrait {

	box-sizing: border-box;

	padding-top: 1.8em;

}

.block-banner.sms .cols {

	background: url(img/bg-services-vs.png) no-repeat 52% 30%;

}

.block-banner.sms .vs {

	text-align: center;

	font-size: 1.3em;

	padding: 10px 0;

}

.services-list-circles ul:after {

	content: "";

	clear: both;

	height: 1px;

	display: block;

}

.services-list-circles li {

	margin: 19px;

	list-style-type: none;

	display: inline-block;

	width: 202px;

}

.services-list-circles.space li {

	margin: 19px 29px;

}

.services-list-circles .big li {

	width: 280px;

	font-family: "texgyreadventor", Arial, sans-serif;

	font-weight: bold;

	font-size: 1.625em;

}

.services-list-circles .big li span.min {

	font-size: 1rem;

	line-height: 1.2em;

	display: block;

	font-weight: normal;

	font-family: 'Lato', sans-serif;;

}

.services-list-circles ul {

	margin: 10px -13px;

}

.services-list-circles.space ul {

	margin: 10px 0 10px  82px;

}

.services-list-circles ul.big {

	margin: 10px -5px;

}

.services-list-circles li .circle {

	float: left;

	border-radius: 100%;

	text-align:center;

	width: 202px;

	padding-top: 25px;

	box-sizing: border-box;

	height: 202px;

	background: #f1f6f9;

	border: 1px #d9e7f0 solid;

}

.services-list-circles .big li .circle {

	width: 280px;

	height: 280px;

	padding-top: 40px;

}

.services-list-circles li.double {

	width: 442px;

}

.services-list-circles li .accolade {

	width: 240px;

	float: left;

	box-sizing: border-box;

	padding: 48px 0 0 45px;

	background: url(img/bg-services-accolade.png) no-repeat 5px 30px;

	min-height: 202px;

}

.services-list-circles li img {

	display: block;

	margin: 0 auto;

}

.services-list-circles li .circle div {

	line-height: 1.2em;

	text-transform: uppercase;

	padding: 20px 13px 0 13px;

	font-size: 0.875em;

}

.services-list-circles .lowercase li .circle div {

	text-transform: none;

}

.services-list-circles li .circle div:before {

	content: "";

	display: block;

	border-top: 1px #4b728d solid;

	height: 15px;

	margin: 0 auto;

	width: 56px;

}

.block-texte.services-anti-spam {

	padding-bottom: 0;

	padding-top: 45px;

}

.block-texte.services-anti-spam:before {

	content: "";

	display: block;

	position: absolute;

	background: url(img/bg-services-anti-spam.png) no-repeat 100% 0%;

	left: 50%;

	height: 597px;

	width: 945px;

	margin-left: -400px;

	top: -136px;

	z-index: 1;

}

.block-texte.services-anti-spam ul {

	padding: 0;

}

.services-inbox {

	background: url(img/bg-services-inbox.jpg) no-repeat 50% 50%;

	background-size: cover;	

}

.services-inbox .bandeau-btn div {

	height: 30px;

	border-bottom: 1px #ffffff solid;

	background: none;

}

.services-externalisation {

	background: url(img/bg-services-externalisation.jpg) no-repeat 50% 50%;

	background-size: cover;	

}

.services-marketing {

	background: url(img/bg-services-marketing.jpg) no-repeat 50% 50%;

	background-size: cover;	

}

.services-delivrabilite {

	padding-top: 60px;

}
.services-delivrabilite img.large {
	display: none;
}


.services-delivrabilite .titre-section {

	text-align: left;

}

.services-delivrabilite .titre-section strong {

	display: block;

}



.encart-num {

}

.encart-num .source {

	padding-top: 15px;

	font-style: italic;

	font-size: 0.625em;

	opacity: 0.7;

}

.encart-num .num {

	font-size: 7.5em;

	font-family: "texgyreadventor", Arial, sans-serif;

	color: #824b8f;

	line-height: 1em;

}

.encart-num .num span {

	font-size: 3.125rem;

	font-weight: bold;

}

.encart-num:before {

	content: "";

	display: block;

	width: 200px;

	height: 100px;

	background: #ffffff;

	position: absolute;

	box-shadow: 0px 0px 20px rgba(75, 114, 141, 0.5);

	border-radius: 0 250px 250px 250px;

}

.encart-num .content-encart-num {

	background: #ffffff;

	border: 1px #e5edf2 solid;

	border-bottom: 0;

	text-align: center;

	position: relative;

	padding: 35px 35px 15px 35px;

}

.bg-grey .encart-num .content-encart-num {

	background: #e5edf2;

	border: 1px #ffffff solid;

	border-bottom: 0;

}

.encart-num-absolute.long .content-encart-num {

	padding: 20px 35px 0 35px;

}

.encart-num-absolute.long .content-encart-num .num {

	line-height: 0.7em;

}

.textes.encart-long {

	padding-bottom: 60px !important;

}

.encart-num .content-encart-num .num.green {

	color: #00b1aa;

}

.big-line {

	line-height: 1.5em;

}

.big-line p {

	line-height: 1.5em;

}



/*********************************************************************

	A PROPOS

*********************************************************************/



/* overview */

.block-header.apropos-overview {

	background-image: url(img/bg-header-top-overview.jpg);

	padding: 40px 0 190px 0;

}

.block-header.apropos-overview a.btn-next:hover:before {

	opacity: 0.6;

}





.apropos-historique {

	background: #e5edf2;

	padding: 0 0 0 0;

	overflow: hidden;

}

.apropos-historique-visu {

	padding: 95px 0 75px 0;

	background: #dce6ed;

}

.apropos-historique .block-highlights {

	position: relative;

}

.apropos-historique .block-highlights .bg {

	background: #e5edf2;

	position: relative;

	z-index: 20;

	padding-top: 50px;

}/*

.apropos-historique .block-highlights:before {

    background: #fff none repeat scroll 0 0;

    border-radius: 4000px;

    box-shadow: 0 0 50px;

    content: "";

    height: 8000px;

    left: 50%;

    margin-left: -4000px;

    position: absolute;

    bottom: 20px;

    width: 8000px;

    z-index: 1;

}*/

.apropos-international {

	background: url(img/visu-globe.jpg) no-repeat 100% 100%;

}

.apropos-international .cols {

	padding: 30px 0 20px 0;

}



.apropos-list-pays {

	padding: 0;

	background: url(img/bg-bande-pays.png) no-repeat 50% 0px transparent;

	height: 110px;

	margin-bottom: -38px;

	position: relative;

	z-index:50;

	margin-top: -10px;

}

.apropos-list-pays:before {

	content: "";

	position: absolute;

	width:

}

.apropos-list-pays .global-page {

	padding: 0;

	position: relative;

	z-index:60;

	padding-top: 30px;

}

.apropos-list-pays ul {

	text-align: center;

}

.apropos-list-pays li {

	margin: 0 20px 0 35px;

	display: inline-block;

	position: relative;

	list-style-type: none;

	text-transform: uppercase;

}

.apropos-list-pays li:before {

	content: "";

	display: block;

	border: 5px #e6edf2 solid;

	width: 25px;

	height: 25px;

	border-radius: 100%;

	background: #4b728c;

	box-sizing: border-box;

	position: absolute;

	left: -35px;;

}

.apropos-list-pays li.purple {

	color: #7a589e;

}

.apropos-list-pays li.purple:before {

	background: #7a589e;

}

.apropos-list-pays li.pink {

	color: #e3007e;

}

.apropos-list-pays li.pink:before {

	background: #e3007e;

}

.apropos-list-pays li.green {

	color: #17b1a9;

}

.apropos-list-pays li.green:before {

	background: #17b1a9;

}







.apropos-image-map {

	padding: 0;

	height: 654px;

	background: url(img/monde.png) no-repeat 50% 50% #e6edf2;

}

.apropos-image-map .global-page {

	position: relative;

}

.apropos-image-map a.text {

	text-decoration: none;

	display: block;

	width: 128px;

	height: 128px;

	border-radius: 65px;

	position: absolute;

	color: #ffffff !important;

}

.apropos-image-map a.text div {

	width: 128px;

	height: 128px;

	border-radius: 65px;

	color: #ffffff !important;

	text-transform: uppercase;

	text-decoration: none;

	text-align: center;

	font-size: 0.85em;

	box-sizing: border-box;

	padding-top: 40px;

	opacity: 0;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}

.apropos-image-map a.text:hover div, .apropos-image-map a.text.on div {

	opacity: 1;

}

.apropos-image-map a.text strong {

	font-size: 1.286em;

	font-family: "texgyreadventor", Arial, sans-serif;

	display: block;

}

.apropos-image-map a.text.bresil, .apropos-image-map a.text.italie, .apropos-image-map a.text.pologne, .apropos-image-map a.text.chine2 {

	width: 114px;

	height: 114px;

}

.apropos-image-map a.text.bresil div, .apropos-image-map a.text.italie div, .apropos-image-map a.text.pologne div, .apropos-image-map a.text.chine2 div {

	width: 114px;

	height: 114px;

	padding-top: 35px;

}

.apropos-image-map a.point {

	display: block;

	width: 40px;

	height: 40px;

	position: absolute;

	text-indent: -900px;

	overflow: hidden;

}

.apropos-image-map a.point.france {

	top: 105px;

	left: 340px;

}

.apropos-image-map a.point.espagne {

	top: 155px;

	left: 300px;

}

.apropos-image-map a.point.italie {

	top: 140px;

	left: 390px;

}

.apropos-image-map a.point.pologne {

	top: 78px;

	left: 410px;

}

.apropos-image-map a.point.bresil {

	top: 545px;

	left: 70px;

}

.apropos-image-map a.point.chine1 {

	top: 210px;

	left: 940px;

}

.apropos-image-map a.point.chine2 {

	top: 135px;

	left: 910px;

}

.apropos-image-map a.text.france {

	top: 224px;

	left: 403px;

}

.apropos-image-map a.text.espagne {

	top: 224px;

	left: 165px;

}

.apropos-image-map a.text.italie {

	top: 388px;

	left: 292px;

}

.apropos-image-map a.text.pologne {

	top: 388px;

	left: 525px;

}

.apropos-image-map a.text.bresil {

	top: 388px;

	left: 55px;

}

.apropos-image-map a.text.chine1 {

	top: 224px;

	left: 645px;

}

.apropos-image-map a.text.chine2 {

	top: 388px;

	left: 772px;

}

.apropos-image-map a.text.france div {

	background: #e3007e;

}

.apropos-image-map a.text.espagne div {

	background: #7a589e;

}

.apropos-image-map a.text.italie div {

	background: #7a589e;

}

.apropos-image-map a.text.pologne div {

	background: #e3007e;

}

.apropos-image-map a.text.bresil div {

	background: #4b728d;

}

.apropos-image-map a.text.chine1 div {

	background: #17b1a9;

}

.apropos-image-map a.text.chine2 div {

	background: #17b1a9;

}



/* emploi */

.apropos-job-intro-list {

	padding: 50px 0 30px 0;

}

.apropos-job-intro-list .titre-section:after {

	display: none;

}

.apropos-job-intro-list .form:after {

	content: "";

	display: block;

	width: 60px;

	margin: 20px auto 15px auto;

	background: #4b728d;

	height: 1px;

}

.liste-emploi ul {

	padding: 15px 0 35px 0;

}

.liste-emploi .bande {

	font-weight: 400;

	font-size: 0.74em;

	background: #4b728d;

	text-transform: none;
	padding: 15px 11px;
	min-width: 60px;

}

.liste-emploi li {

	list-style-type: none;

	padding: 34px 50px 34px 100px;

	min-height: 45px;

	position: relative;

}

.liste-emploi li .encart {

	left: 0;

	position: absolute;

}

.liste-emploi li.impaire {

	background: #ffffff;

}

.liste-emploi h3 {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.375em;

}

.liste-emploi .infos {

	font-size: 0.75em;

	font-weight: bold;

}

.liste-emploi .resume {

	padding-top: 25px;

	color: #4b728d;

}

.liste-emploi li .btn {

	text-transform: uppercase;

}



.bande-postuler {

	margin-top: 130px;

}

.bande-postuler .global-page {

	margin-top: -95px;

	width: 740px;

	padding: 0px;

	background: inherit;

	border-radius: 0 20px 0 20px;

	position: relative;

}

.bande-postuler .global-page-bg {

	padding: 35px 60px 45px 60px;

	background: inherit;

	position:relative;

	border-radius: 0 20px 0 20px;

	min-height: 150px;

}

.bande-postuler .global-page:before {

	content: "";

	display: block;

	width: 250px;

	height: 250px;

	background: #ffffff;

	position: absolute;

	box-shadow: 0px 0px 20px #4b728d;

	border-radius: 0 250px 250px 250px;

	left: 0px;

	top: 0px;

}

.bande-postuler .text {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.375em;

	text-align: center;

	color: #ffffff;

}

#content .bande-postuler .btn.white:hover {

	color: #00b1aa;

}

.bande-postuler .text {

	padding: 10px 0 30px 0;

}



.bande-postuler .bandeau-btn:before {

	border-top: 1px #ffffff solid;

}

.bande-postuler .bandeau-btn div {

	background: #00b1aa;

}



.emploi-titre .date {

	text-align: center;

	font-size: 0.75em;

	margin-top: -10px;

}

.emploi-titre {

	padding-bottom: 10px;

}

.emploi-detail .intro {

	padding:  50px 0 30px 0;

	font-size: 1.125em;

	color: #00b1aa;

	font-weight: bold;

}


.emploi-detail .locations {

	float: right;

	width: 340px;

	margin-left: 50px;

}
.emploi-detail .location {

	background: #e5edf2;

	margin-bottom: 30px;

	padding: 30px 25px;

	border-radius: 30px 0 30px 0;

}

.emploi-detail .location h3 {

	font-size: 1.125em;

	padding-bottom: 15px;

}

.emploi-detail .location .adr {

	padding-left: 75px;

	min-height: 60px;

	background: url(img/ico-location.png) no-repeat;

}

.emploi-detail {

	padding-top: 0px;

}

.emploi-detail .textes li {
	padding: 5px 0 5px 35px;
} 


.block-partenaire {

	padding: 55px 0 0 0;

}

.block-partenaire.nomarge {

	padding-top: 0;

}

.block-partenaire.nomarge .liste-card-partenaire {

	margin-top: -20px;

}

.liste-card-partenaire:after {

	content: "";

	clear: both;

	display: block;

	height: 1px;

}

.liste-card-partenaire {

	margin-bottom: -30px;

	position: relative;

	float: none;

	z-index: 250;

	text-align:center;

}

.card-partenaire {

	margin-top: 40px;

	position: relative;

	z-index: 50;

	width: 280px;

	height: 280px;

	float: none;

	margin-left: 40px;

	display:inline-block;

}

.card-partenaire a {

	text-decoration: none;

}

.card-partenaire.first {

	margin-left: 0px;

}

.card-partenaire img {

	height: auto;

	vertical-align: middle;

}

.card-partenaire .visu {

	border-radius: 100%;

	border: 10px #ffffff solid;

	overflow: hidden;

	background: #e5edf2;

	text-align: center;

	height: 260px;

	line-height: 260px;

}

.card-partenaire .visu.more {

	color: #ffffff;

	font-style: italic;

	font-weight: bold;

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.625em;

	line-height: 1.2em;

	text-decoration: none;

	padding: 80px 30px 0 30px;

	height: 180px;

	width: 200px;

}

.bg-grey .card-partenaire .visu.more {

	color: #4b738c;

	font-weight: normal;

	font-family: 'Lato', sans-serif;;

	font-size: 1em;

	text-decoration: underline;

	padding: 90px 60px 0 60px;

	height: 170px;

	width: 140px;

}

.bg-grey .card-partenaire a:hover .visu.more {

	color: #00b1aa;

}

.card-partenaire .resume {

	color: #ffffff;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	position: absolute;

	background: #e6007e;

	border-radius: 100%;

	text-align: center;

	opacity: 0;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	padding: 0 10px;

	box-sizing: border-box;

	border-radius: 100%;

	border: 10px #ffffff solid;

	cursor: pointer;

	vertical-align: middle;

}

.bg-grey .card-partenaire .resume {

	border: 10px #e5edf2 solid;

}

.bg-grey .card-partenaire .visu {

	background: #ffffff;

	border: 10px #e5edf2 solid;

}

.card-partenaire a:hover .resume {

	opacity: 1;

}

.card-partenaire .resume:before {

	content: "";

	display: inline-block;

	height: 100%;

	vertical-align: middle;

	margin-right: -0.25em;

}

.card-partenaire .resume .fiche {

	display: inline-block;

	vertical-align: middle;
	max-width: 95%;

}

.card-partenaire .intro {

	min-height: 2.6em;
	max-width: 170px;

}

.card-partenaire .site {

	font-size: 0.750em;

	text-transform: uppercase;

}

.partenaire-international .card-partenaire .visu {

	border: 10px #e5edf2 solid;

	background: #ffffff;

}

.partenaire-international .card-partenaire .resume {

	border: 10px #e5edf2 solid;

	background: #00b1aa;

}

.card-partenaire.on .resume {

	opacity: 1;

}

.card-partenaire h3 {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.5em;

	padding-bottom: 10px;

}

.card-partenaire h3:after {

	content: "";

	display: block;

	height: 10px;

	border-bottom: 1px #ffffff solid;

	width: 56px;

	margin: 0 auto;

}

.card-partenaire .quote {

	font-size: 1rem;

	font-style: italic;

}

.card-partenaire .quote:before, .card-partenaire .quote:after {

	content: "\e603";

	display: inline-block;

	font-size: 25px;

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

.card-partenaire .quote:before {

	margin-bottom: 3px;

	margin-right: 10px;

	vertical-align: bottom;

}

.card-partenaire .quote:after {

	content: "\e602";

	margin-top: 5px;

	vertical-align: top;

	margin-left: 10px;

}



.list-equipe {

	position: relative;

	margin-bottom: -70px;

	float: left;

}

.list-equipe .card-partenaire .visu, .list-equipe .card-partenaire .resume {

	border: 8px #e5edf2 solid;

}

.list-equipe-first .card-partenaire .resume {

	background: #00b1aa;

}
.list-equipe-first .card-partenaire .resume.img {

	background: #ffffff;
	overflow: hidden;
	padding: 0;

}
.list-equipe-first .card-partenaire .resume.img:before {

	display: none;

}

.list-equipe-second .card-partenaire .resume {

	background: #15a0bd;

}

.list-equipe .card-partenaire h3 {

	font-family: "texgyreadventor", Arial, sans-serif;

}

.list-equipe-first .card-partenaire h3 {

	font-size: 1em;

	text-transform: uppercase;

}

.list-equipe .card-partenaire h3:after {

	width: 25px;

	margin-top: 5px;

}

.list-equipe .card-partenaire {

	margin: 50px 0 0 0;

	width: 276px;

	height: 276px;

}

.list-equipe-second {

	text-align: center;

	margin: 0 -20px;

}

.list-equipe-second .card-partenaire {

	margin: 30px 20px 0 20px;

	float: none;

	display: inline-block;

}

.list-equipe-first .bio {

	margin-left: 290px;

	padding-top: 70px;

}

.list-equipe-first .bio h3 {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.23em;

}

.list-equipe-first .fonction {

	color: #00b1aa;

	font-size: 1.25em;

}

.list-equipe-first .fonction:after {

	content: "";

	display: block;

	border-bottom: 1px #00b1aa solid;

	height: 10px;

	margin-bottom: 10px;

	width: 20px;

}

.list-equipe-first .bio li {

	list-style-type: none;

	padding: 2px 0;

}

.visu-equipe:after {

	content: "";

	display: block;

	clear: both;

	height: 1px;

}

.visu-equipe {

	background: #ffffff;

	height: 240px;

	margin-top: -140px;

}

.visu-equipe img {

	margin-top: -140px;

	float: left;

	width: 100%;

	height: auto;

	display: block;

}

section.equipe-bottom {

	padding-bottom: 0;

}

section.block-header-contact {

	background: #00b1aa;

	padding: 45px 0 0 0;

	margin-bottom: 20px;

}

.block-header-contact iframe {

	border-radius: 30px 0 0 0;

	margin: 0;

	border: 0;

	padding: 0;

}

.block-header-contact .frame {

	margin-left: 400px;

	padding-top: 0;

	margin-top: 0 !important;
    overflow: hidden;
	border-radius: 30px 0 0 0;

}
.block-header-contact .frame > div {
	border-radius: 30px 0 0 0;
}

.block-header-contact .encart-contact {

	position: absolute;

	border-radius: 0 0 30px 0;

	background: #00b1aa;

	left: 0;

	top: 0;

	min-height: 530px;

	padding: 45px 45px 0 23px;

	width: 400px;

	box-sizing: border-box;

}

.block-header-contact h1 {

	color: #ffffff;

	text-transform: uppercase;

	font-size: 1.875em;

	padding-bottom: 10px;

}

.block-header-contact .coords {

	color: #ffffff;

	font-size: 1.063em;

	border-top: 1px #ffffff solid;

	margin-top: 20px;

	padding-bottom: 20px;

}

.block-header-contact .coords strong {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.059em;

	text-transform: uppercase;

}

.block-header-contact .coords .addr, .block-header-contact .coords .tel {

	padding: 30px 0 0 75px;

	box-sizing: border-box;

	min-height: 96px;

	background:url(img/ico-contact-addr.png) no-repeat 0px 30px;

}

.block-header-contact .coords .tel {

	padding-top: 38px;

	background:url(img/ico-contact-tel.png) no-repeat 0px 30px;

}

.block-header-contact .coords .rd {

	background:url(img/ico-contact-rd.png) no-repeat 0px 30px;

}

.block-header-contact .coords .tel a {

	color: #ffffff !important;

	font-size: 1.0594em;

	text-decoration: none;
}

.block-header-contact .coords .tel strong {

	font-size: 1em;

	text-transform: none;

}

.block-places-offices {

	padding-bottom:0;

	z-index: 100;

}

.block-places-offices ul {

	text-align: center;

	padding-top: 20px;

	margin-bottom: -30px;

}

.block-places-offices li {

	list-style-type: none;

	margin: 0 6px;

	border: 5px #00b1aa solid;

}

.block-places-offices li, .block-places-offices li span, .block-places-offices li a {

	display: inline-block;

	width: 104px;

	height: 104px;

	border-radius: 100%;

	text-decoration: none;

	color: #ffffff;

	font-weight: bold;

	line-height: 103px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}

.block-places-offices li span {

	font-family: "texgyreadventor", Arial, sans-serif;

	background: #4b728d;

	opacity: 0;

}

.block-places-offices li a:hover span {

	opacity: 1;

}

.block-places-offices li.shangai a {

	background: url(img/bg-contact-min-shangai.png) no-repeat;

}

.block-places-offices li.barcelone a {

	background: url(img/bg-contact-min-barcelone.png) no-repeat;

}

.block-places-offices li.paris a {

	background: url(img/bg-contact-min-paris.png) no-repeat;

}

.block-places-offices li.sao-paulo a {

	background: url(img/bg-contact-min-sao-paulo.png) no-repeat;

}

.block-places-offices li.pekin a {

	background: url(img/bg-contact-min-pekin.png) no-repeat;

}

.block-places-offices li.milan a {

	background: url(img/bg-contact-min-milan.png) no-repeat;

}

.block-places-offices li.varsovie a {

	background: url(img/bg-contact-min-varsovie.png) no-repeat;

}

.block-places-offices-corpo {

	padding-top: 60px;

}

.block-places-offices-corpo li {

	padding: 0 30px 30px 0;

	float: left;

	box-sizing: border-box;

	width: 50%;

	list-style-type: none;
	min-height: 250px;

}
.block-places-offices-corpo li.first {
	clear: both;
}

.block-places-offices-corpo li img {

	float: left;
}
.block-places-offices-corpo li .resume-contact {

	margin-left: 230px;

}

.block-places-offices-corpo ul {

	padding-top: 20px;

}

.block-places-offices-corpo li a {

	text-decoration: none;

	color: inherit;

}

.block-places-offices-corpo h3 {

	padding-top: 20px;

	font-family: "texgyreadventor", Arial, sans-serif;

	text-transform: uppercase;

	font-size: 1.375em;

}

.block-places-offices-corpo .country {

	color: #00b1aa;

	text-transform: uppercase;

	font-size: 1.25em;

}

.block-places-offices-corpo .country:after {

	content: "";

	display: block;

	height: 8px;

	margin-bottom: 12px;

	border-bottom: 1px #00b1aa solid;

	width: 20px;

}

.block-places-offices-corpo .tel {

	padding-top: 8px;

}

.block-places-offices-corpo ul:after {

	content: "";

	display: block;

	float: left;

	box-sizing: border-box;

	width: 50%;

	height: 250px;

	background: url(img/bg-contact-corpo-etc.png) no-repeat 55px 90px;

}

/* MAP */

.acf-map {

    height: 445px;

    border: #ccc solid 1px;

    margin: 20px 0;

}



/* fixes potential theme css conflict */

.acf-map img {

   max-width: inherit !important;

}



/* pourquoi splio */

.apropos-fiabilite {

	padding-top: 70px;

}

.apropos-fiabilite .titre-section {

	margin-bottom: 20px;

}

.apropos-fiabilite .encart-num-absolute {

	position: absolute;

	top: 0;

	width: 30%;

	margin-left: 35%;

}

.apropos-fiabilite .colonnes-2 {

	text-align: justify;

	-webkit-columns: 2;

	-moz-columns: 2;

	columns: 2;

	-webkit-column-gap: 360px;

	-moz-column-gap: 360px;

	column-gap: 360px;

	padding-top: 40px;

	padding-bottom: 30px;

}

.apropos-fiabilite .content-encart-num .num {

	color: #4b728d;

}

.apropos-fiabilite .content-encart-num li {

	text-align: left;

	list-style-type: none;

}

.apropos-fiabilite .content-encart-num ul {

	display: inline-block;

}

.apropos-besoins {

	font-style: italic;

	padding-top: 10px;

}

section.apropos-solutions2 {

	padding: 0;

}

.apropos-solutions .liste-card-partenaire .resume {

	opacity: 1;

	background: #ffffff;

}

.apropos-solutions .liste-card-partenaire .resume .logo {

	height: 70px;

	border-bottom: 1px #ffffff solid;

	width: 59px;

	margin: 0 auto 10px auto;

}

.apropos-solutions .liste-card-partenaire .resume.purple .logo {

	border-bottom: 1px #824b8e solid;

	background: url(img/ico-solution-parcours.png) no-repeat 50% 0%;

}

.apropos-solutions .liste-card-partenaire .resume.blue .logo {

	border-bottom: 1px #626496 solid;

	background: url(img/ico-solution-multicanal.png) no-repeat 50% 0%;

}

.apropos-solutions .liste-card-partenaire .resume.pink .logo {

	border-bottom: 1px #e6007e solid;

	background: url(img/ico-solution-fidelite.png) no-repeat 50% 0%;

}

.apropos-solutions .liste-card-partenaire .resume.green .logo {

	border-bottom: 1px #00b1aa solid;

	background: url(img/ico-solution-magasin.png) no-repeat 50% 0%;

}

.apropos-solutions .liste-card-partenaire a:hover .resume.purple .logo {

	border-bottom: 1px #ffffff solid;

	background: url(img/ico-solution-parcours-on.png) no-repeat 50% 0%;

}

.apropos-solutions .liste-card-partenaire a:hover .resume.blue .logo {

	border-bottom: 1px #ffffff solid;

	background: url(img/ico-solution-multicanal-on.png) no-repeat 50% 0%;

}

.apropos-solutions .liste-card-partenaire a:hover .resume.pink .logo {

	border-bottom: 1px #ffffff solid;

	background: url(img/ico-solution-fidelite-on.png) no-repeat 50% 0%;

}

.apropos-solutions .liste-card-partenaire a:hover .resume.green .logo {

	border-bottom: 1px #ffffff solid;

	background: url(img/ico-solution-magasin-on.png) no-repeat 50% 0%;

}

.apropos-solutions .liste-card-partenaire .resume.purple {

	color: #824b8e;

}

.apropos-solutions .liste-card-partenaire .resume.pink {

	color: #e6007e;

}

.apropos-solutions .liste-card-partenaire .resume.blue {

	color: #626496;

}

.apropos-solutions .liste-card-partenaire .resume.green {

	color: #00b1aa;

}

.apropos-solutions .liste-card-partenaire a:hover .resume.purple {

	background: #824b8e;

	color: #ffffff;

}

.apropos-solutions .liste-card-partenaire a:hover .resume.pink {

	background: #e6007e;

	color: #ffffff;

}

.apropos-solutions .liste-card-partenaire a:hover .resume.blue {

	background: #626496;

	color: #ffffff;

}

.apropos-solutions .liste-card-partenaire a:hover .resume.green {

	background: #00b1aa;

	color: #ffffff;

}



.apropos-solutions .liste-card-partenaire {

	margin: 0px -10px -50px -40px;

}

.apropos-solutions .card-partenaire {

	width: 220px;

	height: 220px;

	margin-left: 25px;

	margin-top: 20px;

}

.apropos-solutions .card-partenaire .visu {

	width: 200px;

	height: 200px;

}

.apropos-solutions .card-partenaire .visu {

	line-height: 200px;

}

.apropos-solutions .liste-card-partenaire {

	height: 260px;

}

.apropos-solutions .card-partenaire .intro {

	min-height: auto;

	padding-bottom: 10px;

}
section.block-texte.apropos-solutions {
	padding-bottom: 0;

}



.apropos-expertise .bandeau-btn {

	margin-top: 30px;

}

.apropos-expertise .bandeau-btn:before {

	border-color: #ffffff;

	top: 20px;

}

.apropos-expertise .bandeau-btn div {

	background: #4b728d;

}

#content .apropos-expertise .bandeau-btn a.btn.border {

	border-color: #ffffff;

	text-transform: uppercase;

	color: #ffffff;

}

#content .apropos-expertise .bandeau-btn a.btn.border:hover {

	background: #ffffff;

	color: #4b728d;

}

.apropos-expertise .encadre {

	background: #4b728d;

	margin-top: 30px;

}

.apropos-expertise .encadre .contenus {

	background: #4b728d;

	position: relative;

	padding: 30px 40px 0 40px;

}

.apropos-expertise .encadre:before {

	content: "";

	display: block;

	width: 200px;

	height: 200px;

	background: #4b728d;

	position: absolute;

	box-shadow: 0px 0px 20px rgb(54, 89, 116);

	border-radius: 0 250px 250px 250px;

}

.apropos-expertise .encadre h3 {

	color: #ffffff;

	text-transform: uppercase;

	text-align: left;

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.125em;

	line-height: 56px;

	min-height: 61px;

	padding-bottom: 10px;

	vertical-align: middle;

}

.apropos-expertise .encadre h3 img {

	position: absolute;

}

.apropos-expertise .encadre h3 span {

	line-height: 22px;

	display: inline-block;

	vertical-align: middle;

	padding-left: 73px;

}

.expertise-retail {

	background: url(img/bg-expertise-retail.jpg) no-repeat 50% 50%;

	background-size: cover;

}



/*********************************************************************

	RESSOURCES

*********************************************************************/



.liste-event {

}

.liste-event.cols { margin-left: -50px; }

.liste-event .col { padding-left: 50px; }



.liste-event ul {

	padding: 0 0 50px 0;

}

.liste-event .bande {

	font-weight: 300;

	font-size: 1.125em;

	padding: 8px 15px 8px 20px;

	background: #c0d2dd;

	text-transform: none;

}

.liste-event li {

	list-style-type: none;

	padding: 17px 50px 17px 80px;

	min-height: 79px;

	box-sizing: border-box;

	position: relative;

	background-image: url(img/bg-liste-event.png);

	background-repeat: no-repeat;

	background-position: 93% 50%;

}

.liste-event li.soon {

	background-image: none;

}

.liste-event.event-local li {

	background-image: none;

}

.liste-event li .encart {

	left: 0;

	line-height: 1em;

	position: absolute;

}

#content .liste-event li a:link, #content .liste-event li a:visited {

	display: block;

	color: inherit;

	color: #4b728d;

	text-decoration: none;

}

.liste-event li .encart .bande {

	display: block;

}

.liste-event li .encart .day {

	line-height: 1em;

	font-size: 1.125rem;

	height: 1em;

	text-align: center;

	padding-left: 5px;

}



.liste-event li .encart .month {

	text-transform: uppercase;

	height: 1em;

	line-height: 1em;

	font-size: 0.625rem;

	font-weight: normal;

	width: 30px;

	padding-left: 5px;

	text-align: center;

}

.liste-event li .encart .year {

	font-size: 0.6em;

	font-weight: 400;

	left: 8px;

	position: absolute;

	top: 15px;

	transform: rotate(-90deg);

}

.liste-emploi li.impaire {

	background-color: #ffffff;

}

.liste-event h3 {

	margin-top: 20px;

	padding: 25px 25px 25px 90px;

	border-radius: 0 25px 0 0;

	background: #4b728d;

	color: #ffffff;

	text-transform: uppercase;

	margin-left: -12px;

	font-size: 1.375em;

	font-family: "texgyreadventor", Arial, sans-serif;

	position: relative;

}

.liste-event h3:after {

	content: "";

	display: block;

	position: absolute;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 12px 12px 0;

	border-color: transparent #a2bccc transparent #a2bccc;

	bottom: -12px;

	left:0;

}

.liste-event h3.paris {

	background: url(img/bg-event-paris.png) no-repeat 15px 50% #e6007e;

}

.liste-event h3.shanghai {

	background: url(img/bg-event-shanghai.png) no-repeat 15px 50% #00b1aa;

}

.liste-event h3.pekin {

	background: url(img/bg-event-pekin.png) no-repeat 15px 50% #00b1aa;

}

.liste-event h3.varsovie {

	background: url(img/bg-event-varsovie.png) no-repeat 15px 50% #e6007e;

}

.liste-event h3.milan {

	background: url(img/bg-event-milan.png) no-repeat 15px 50% #7a589e;

}

.liste-event h3.sao-paulo {

	background: url(img/bg-event-sao-paulo.png) no-repeat 15px 50% #4b728d;

}

.liste-event h3.barcelone {

	background: url(img/bg-event-barcelone.png) no-repeat 15px 50% #7a589e;

}
.liste-event h3.varsovie option, .liste-event h3.varsovie select,
.liste-event h3.paris option, .liste-event h3.paris select {
	background-color: #f0008c;

}
.liste-event h3.varsovie select,

.liste-event h3.paris select {

	border: 1px #f0008c solid;

}
.liste-event h3.pekin option, .liste-event h3.pekin select,
.liste-event h3.shanghai option, .liste-event h3.shanghai select {
	background-color: #01c3bb;

}
.liste-event h3.pekin select,

.liste-event h3.shanghai select {

	border: 1px #01c3bb solid;

}
.liste-event h3.milan option, .liste-event h3.milan select,
.liste-event h3.barcelone option, .liste-event h3.barcelone select {
	background-color: #9b53ac;

}
.liste-event h3.milan select,

.liste-event h3.barcelone select {

	border: 1px #9b53ac solid;

}
.liste-event h3.sao-paulo option, .liste-event h3.sao-paulo select {
	background-color: #59829e;

}
.liste-event h3.sao-paulo select {

	border: 1px #59829e solid;

}
.liste-event h4 {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.25em;

}

.liste-event .soon h4 {

	padding-top: 10px;

}

.liste-event .resume {

	text-transform: uppercase;

	font-size: 0.75em;

	color: #a2bccc;

	padding-top: 3px;

	font-weight: 300;

}

.liste-event .resume strong {

	font-weight: bold;

}

.liste-event .resume strong:before {

	content: "";

	display: inline-block;

	height: 12px;

	margin: 0 5px;

	width: 1px;

	vertical-align: middle;

	background: #a2bccc;

}

.block-sentence-event {

	padding-top: 0;

}

.block-sentence-event:before {

	content: "";

	display: block;

	height: 88px;

	background: url(img/bg-event-footer.png) no-repeat 50% 0%;

	background-size: cover;

}

.block-sentence-event .bandeau-btn {

	margin-top: 30px;

}

.liste-event h3 select, .liste-event h3 option {

	font-size: 1rem;

	color: #ffffff;

}
.liste-event h3 select {

	float: right;

	margin: -12px 25px 0 0;

	background-image: url(img/bg-select-white.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.liste-event h3 option, .liste-event h3 select {
	background-color: #4b728d;

}
.liste-event h3 select {

	border: 1px #4b728d solid;

}

.date-post {

	text-align: center;

	padding-bottom: 25px;

	font-size: 0.75em;

	margin-top: -10px;

}

.detail-event .intro {

	margin-top: 20px;

	background: url(img/bg-event-detail.png) no-repeat 50% 0%;

	padding:30px 0 0 0;

}

.detail-event .intro .excerpt {

	width: 45%;

	font-weight: bold;

	font-size: 1.125em;

	line-height: 1.5em;

}

.detail-event .intro .visu {

	width: 50%;

	float: right;

	margin-top: -20px;

	z-index:10;

	position: relative;

}

.detail-event .intro .visu div:before {

	content: "";

	width: 95%;

	height: 50px;

	border-radius: 25px;

	box-shadow: 0px 0px 15px #b1c2ce;

	bottom: -4px;

	position: absolute;

	display: block;

	background: #b1c2ce;

	opacity: 0.3;

	transform: rotate(-2deg);

	z-idex:1;

	left: 5px;

}

.detail-event .intro .visu div:after {

	content: "";

	width: 95%;

	height: 50px;

	box-shadow: 0px 0px 15px #b1c2ce;

	bottom: -4px;

	position: absolute;

	display: block;

	background: #b1c2ce;

	opacity: 0.3;

	z-idex:1;

	transform: rotate(2deg);

	right: 5px;

}

.detail-event .intro .visu div {

	border: 2px #eaf1f4 solid;

	border-radius: 0 25px 0 25px;

	background: #ffffff;

	top: -20px;

	position: relative;

	z-index:10;

}

.detail-event .intro .visu:before {

	content: "";

	position: absolute;

	left: -10px;

	top: -18px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 0 10px 10px;

	border-color: transparent transparent #a9c1cf transparent;	

}

.detail-event .intro .visu img {

	display: block;

	border-radius: 0 25px 0 25px;

	position: relative;

	width: 100%;

	height: auto;

	z-index:20;

}







.detail-event h3 {

	clear: both;

}

.detail-event .textes img {

	border-radius: 25px 0 25px 0;

}

.detail-event .textes img.alignright {

	margin-left: 30px;

}

.detail-event .textes img.alignleft {

	margin-right: 30px;

}



.form-souscription {

	background: url(img/bg-form-souscription.jpg) no-repeat 50% 50%;

	background-size: cover;

	border-top: 19px #00b1aa solid;

	padding-top: 0;

}

.form-souscription .global-page {

	width: 465px;

	padding-bottom: 100px;

}

.form-souscription.overview .global-page {

	padding-bottom: 85px;

}

.form-souscription.overview .global-page {

	width: 640px;

}

.form-souscription .btn {

	margin-top: 15px;

}

.form-souscription.overview .btn {

	margin-top: 0;

}

.form-souscription.bg-grey {

	background: url(img/bg-form-souscription-grey.png) no-repeat #e5edf2 50% 100%;

	background-size: 100% auto;

	border-top: 0;

	padding-bottom: 0;

	padding-top: 80px;

}

.form-souscription.bg-grey.overview {

	padding-top: 0;

}

.form-souscription.bg-grey .cadre {

	width: 945px;

	margin: 0 auto;

	box-sizing: border-box;

	background: #e5edf2;

	border-radius: 0 25px 0 0;

	border: 50px #ffffff solid;

	border-bottom: 0;

	z-index: 10;

	position: relative;

}

.form-souscription.bg-grey.overview .cadre {

	border: 30px #ffffff solid;

	border-bottom: 0;

	width: 945px;

}

.form-souscription.bg-grey:before {

	content: "";

	display: block;

	position: absolute;

	width: 400px;

	height: 500px;

	left: 50%;

	margin: 10px 0 0 -462px;

	border-radius: 0 100% 36% 100%;

	box-shadow: -10px -10px 50px #b3c6d3;

	z-index:0

}

.form-souscription.bg-grey h2 {

	position: relative;

	text-align: center;

	text-transform: uppercase;

	font-weight: 300;

	padding: 25px 0 15px 0;

	font-size: 1.875em;

}

.form-souscription.bg-grey h2:before {

	content: "";

	left: 0;

	position: absolute;

	height: 1px;

	background: #4b728d;

	top: 55%;

	width: 100%;

}

.form-souscription.bg-grey h2 span {

	padding: 10px;

	display: inline-block;

	background: #e5edf2;

	position: relative;

}

.form-souscription.bg-grey .intro {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.375em;

	text-align: center;

	font-weight: 300;

}

.form-souscription.bg-grey.overview .intro {

	padding-bottom: 30px;

}

.quote-decroche {

	padding: 0 0 20px 0;

	margin: 0;

}

.quote-decroche .global-page {

	box-shadow: 0 5px 20px rgba(52, 91, 118, 0.3);

	position: relative;

	border-radius: 0 0 25px 25px;

	margin-top: -34px;

	background: #00b1aa;

	z-index: 20;

	padding: 5px 30px;

	box-sizing: border-box;

	color: #ffffff;

}

.quote-decroche .global-page:before {

	content: "";

	position: absolute;

	display: block;

	top: 0;

	left: -15px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 0 15px 15px;

	border-color: transparent transparent #058681;

}

.quote-decroche .global-page:after {

	content: "";

	position: absolute;

	display: block;

	top: 0;

	width: 0;

	right: -15px;

	height: 0;

	border-style: solid;

	border-width: 15px 0 0 15px;

	border-color: transparent transparent transparent #058681;

}

.quote-decroche .quote-texte {

	font-style: italic;

	font-family: 'Lato', sans-serif;

	font-size: 1.063em;

}

.quote-decroche .quote-texte:after, .quote-decroche .quote-texte:before {

	font-size: 24px;

}

.quote-decroche .quote-texte:before {

	margin-right: 10px;

	margin-bottom: 5px;

}

.quote-decroche .quote-texte:after {

	margin-left: 10px;

	margin-top: 5px;

}



.card-newsletter {

	border-radius: 30px 0 30px 0;

	border: 2px #eaf1f4 solid;

	background: #ffffff;

	padding: 6px;

	bottom: -19px;

	z-index:20;

	position: relative;

}

.card-newsletter-content {

	background: #e5edf1;

	border-radius: 0 0 25px 0;

	padding: 35px;

}

.card-newsletter .date {

	position: absolute;

	height: 60px;

	width: 60px;

	left: 50%;

	margin: -66px 0 0 -30px;

	border: 6px #e5edf2 solid;

	border-radius: 100%;

	background: #ffffff;

	text-align: center;

	color: #9bb7c3;

	font-weight: bold;

	font-family: "texgyreadventor", Arial, sans-serif;

}

.card-newsletter .date .day {

	padding-top: 12px;

	line-height: 17px;

	font-size: 1.250em;

}

.card-newsletter .date .month {

	line-height: 17px;

	font-size: 0.563em;

	text-transform: uppercase;

}

.card-newsletter-content li:before {

	color: inherit;

}

.card-newsletter-content li {

	padding-top: 0;

	padding-bottom: 0;

}

.card-newsletter-content ul {

	padding: 15px 0 10px 0;
	min-height: 5em;

	border-top: 1px #b8d0da dotted;

}

.card-newsletter-content h3 {

	color: #4b728d;

	font-size: 1.25em;

	text-transform: uppercase;

	padding-bottom: 15px;
	display: table-cell;
	vertical-align: middle;
	height: 3.7em;

}

#content .card-newsletter-content a.btn {

	border: 1px #d5e3e9 solid;

	background: #ffffff;

	color: #537992;

	text-transform: uppercase;

	font-size: 0.875rem;

}

#content .card-newsletter-content a.btn:hover {

	color: #ffffff;

	background: #537992;

}

#content .card-newsletter:before {

	content: "";

	position: absolute;

	display: block;

	bottom: 0;

	left: -17px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 15px 15px 0;

	border-color: transparent #bec9d1 transparent 

}

.liste-newsletters {

	padding:60px 0 0 0;

}

.card-newsletter img {

	display: block;

	width: 100%;

	border-radius: 30px 0 0 0;

}

.liste-newsletters .cols { margin-left: -45px; }

.liste-newsletters .col { padding-left: 45px; }





.select-publications {

	padding: 40px 0;

}

.select-publications select {

	margin: 0 30px;

	text-transform: uppercase;

}

.liste-publications .highlight {

	box-sizing: border-box;

	border: 2px #e5edf2 solid;

	height: 450px;

	background-repeat: no-repeat;

	background-position: 50% 100%;

	background-size: cover;

}

.liste-publications .highlight .intro {
	min-height: 4.4em;
}
.liste-publications .highlight .intro .sstitre {

	text-transform: none;

	font-family: "texgyreadventor", Arial, sans-serif;

	font-weight: normal;

	display:block;

}

.liste-publications .highlight:before, .liste-publications .highlight:after {

	display: none;

}

.liste-publications .highlight h3 {

	height: 25px;

}

.liste-publications .highlight h3 span.border span {

	font-style: normal;

	font-size: 0.750rem;

	vertical-align: top;

	text-transform: uppercase;

	font-weight: normal;

}

.liste-publications .highlight h3 span.border:before {

	border-color: #ffffff;

}

.liste-publications  .highlight .intro {

	padding: 0 50px 0 50px;

	font-size: 1.25em;

	height: 220px;

	line-height: 220px;

}

.liste-publications  .highlight .intro div {

	font-size: 1rem;

	line-height: 1.2em;

	vertical-align: middle;

	display: inline-block;

}

.liste-publications .highlights-3 .highlight {

	margin: 30px 25px 20px 25px;

}

.liste-publications .global-page {

	width: 990px;

}

.liste-publications .highlight .hover {

	border: 10px #ffffff solid;

}

.liste-publications .highlight .content {

	padding-top: 20px;

}

.liste-publications .hover {

	top: 50px;

}

.liste-publications .intro-detail {

	position: absolute;

	width: 200px;

	padding: 100px 0 0 18px;

	text-align: center;

}

#content .liste-publications .intro-detail .btn {

	text-transform: uppercase;

	padding-top: 12px;

	padding-bottom: 12px;

	position: relative;

	z-index: 10;

}

.liste-publications .intro-detail .date {

	padding-top: 10px;

	font-size: 0.75em;

}

.liste-publications  .highlight.on .intro {

	height: auto;

	padding: 10px 0;

	line-height: 1.2em;

}

.liste-publications .highlight.on .resume {

	padding: 0 7px 0 17px;

}

#content .liste-publications .highlight.on .resume .btn {
	margin-right: 10px;
	width: auto;
}

.liste-publications .highlight.on .resume:before {

	display: none;

}

.liste-publications .highlight.on .intro-detail {

	bottom: -400px;

}

.liste-publications  .highlight .btn-mobile {
	padding: 100px 40px 0 40px;
	text-transform: uppercase;
	display: none;
}
.liste-publications .highlight .quote-texte {

	font-family: 'Lato', sans-serif;

	font-size: 1rem;

	padding: 0;

	margin: 0 0 10px 0;

	text-align: left;

	font-style: italic;
	min-height: 170px;

}

.liste-publications .highlight .quote-texte:before {

	font-size: 25px;

	margin-right: 2px;

	margin-bottom: 2px;

	display: none;

}

.liste-publications .highlight .quote-texte:after {

	font-size: 25px;

	margin-left: 2px;

	margin-top: 2px;

	display: none;

}

#content .liste-publications  .highlight .resume .btn {

	color: #4b728d;

	text-transform: uppercase;

	background: #ffffff;

}

#content .liste-publications  .highlight .resume .btn:hover {

	background: rgba(255, 255, 255, 0.85);

}

.liste-publications .highlight .close {

	width: 25px;

	height: 25px;

	cursor: pointer;

	right: 10px;

	position: absolute;

	background: url(img/ico-close.png) no-repeat;

	opacity: 0.5;

	display: none;

}

.liste-publications .highlight.on .close {

	display: block;

}

.liste-publications .highlight .close:hover {

	opacity: 1;

}
.liste-publications .highlight .btn-share {

	position: absolute;;

	z-index: 150;

	left: 37px;

	bottom: 20px;

	display: none;

	width: 202px;

}
.liste-publications .highlight.on .btn-share {

	display: block;

}
.btns-actions {
	position: relative;
	z-index: 5;
}
.btns-actions .btn-share {
	width: 202px;

	position: relative;
	display: inline-block;
	color: #00b1aa;
	margin: 0 5px;
}
#content .btns-actions .btn .ico.write {
	margin-left: 6px;
}
#content .btns-actions .btn .ico {
	margin-top: -12px;
}
.btns-actions .btn-share ul,

.liste-publications .highlight .btn-share ul {

	width: 201px;

	height: 134px;

	display: none;

	position: absolute;

	border-right: 1px #ffffff solid;

}
.btns-actions .btn-share ul {
	border-top: 1px #ffffff solid;
}
.btns-actions .btn-share.on ul,

.liste-publications .highlight .btn-share.on ul {

	display: block;

}
.btns-actions .btn-share div,
.liste-publications .highlight .btn-share div {

	border: 1px #ffffff solid;

	border-radius: 10px 0 0 0;

	text-transform: uppercase;

	padding: 16px 0 16px 50px;

	font-weight: bold;

	font-size: 0.875em;

	background: url(img/bg-btn-share.png) no-repeat 10px 50%;

	opacity: 0.6;
	text-align: left;

}
.btns-actions .btn-share div {

	background: url(img/bg-btn-share-green.png) no-repeat #ffffff 10px 50%;
	text-align: left;

	-webkit-transition: color 0.2s;

	-moz-transition: color 0.2s;

	transition: color 0.2s;

}
.btns-actions .btn-share.on div {

	background: url(img/bg-btn-share.png) no-repeat #00b1aa 10px 50%;
	color: #ffffff;

}
#content .btns-actions .btn {
	font-weight: bold;

	font-size: 0.875em;

	border-radius: 10px 0 0 0;

	text-transform: uppercase;

	padding-top: 16px;

	padding-bottom: 16px;

}
#content .btns-actions .btn.border {
	padding-top: 15px;

	padding-bottom: 15px;

}
#content .btns-actions a.btn {
	border-radius: 10px 0;
	min-width: 202px;

}
.btns-actions .btn-share div {
	border: 1px #00b1aa solid;
	opacity: 1;

}
.liste-publications .highlight .btn-share.on div {

	opacity: 1;

}
.btns-actions .btn-share li,

.liste-publications .highlight .btn-share li {

	display: block;

	float: left;

	width: 66px;

	height: 66px;

	padding:0;

	margin:0;

	border-left: 1px #ffffff solid;

	border-bottom: 1px #ffffff solid;

}

.btns-actions .btn-share li a ,

.liste-publications .highlight .btn-share li a {

	display: block;

	width: 66px;

	height: 66px;

	background-repeat: no-repeat;

	background-position: 50% 50%;

	opacity: 0.6;

}
.btns-actions .btn-share li a:hover,

.liste-publications .highlight .btn-share li a:hover {

	opacity: 1;

}
.btns-actions .btn-share li:before,

.liste-publications .highlight .btn-share li:before {

	display: none;

}
.liste-publications .highlight.pink .btn-share ul {

	background: #e3007e;

}
.liste-publications .highlight.blue .btn-share ul {

	background: #4b728e;

}

.btns-actions .btn-share ul,

.liste-publications .highlight.green .btn-share ul {

	background: #17b1a9;

}

.btns-actions .btn-share li.facebook a,

.liste-publications .highlight .btn-share li.facebook a {

	background-image: url(img/ico-share-facebook.png);

}

.btns-actions .btn-share li.twitter a,

.liste-publications .highlight .btn-share li.twitter a {

	background-image: url(img/ico-share-twitter.png);

}

.btns-actions .btn-share li.pinterest a,

.liste-publications .highlight .btn-share li.pinterest a {

	background-image: url(img/ico-share-pinterest.png);

}
.btns-actions .btn-share li.google a,

.liste-publications .highlight .btn-share li.google a {

	background-image: url(img/ico-share-google.png);

}

.btns-actions .btn-share li.mail a,

.liste-publications .highlight .btn-share li.mail a {

	background-image: url(img/ico-share-mail.png);

}

.btns-actions .btn-share li.linkedin a,

.liste-publications .highlight .btn-share li.linkedin a {

	background-image: url(img/ico-share-linkedin.png);

}

.btns-actions .btn-share li.facebook a:hover,

.liste-publications .highlight .btn-share li.facebook a:hover {

	background-color: #5e73a5;

}

.btns-actions .btn-share li.twitter a:hover,

.liste-publications .highlight .btn-share li.twitter a:hover {

	background-color: #00b7fe;

}

.btns-actions .btn-share li.pinterest a:hover,

.liste-publications .highlight .btn-share li.pinterest a:hover {

	background-color: #d3020a;

}

.btns-actions .btn-share li.google a:hover,

.liste-publications .highlight .btn-share li.google a:hover {

	background-color: #e13a00;

}

.btns-actions .btn-share li.mail a:hover,

.liste-publications .highlight .btn-share li.mail a:hover {

	background-color: #efa350;

}

.btns-actions .btn-share li.linkedin a:hover,

.liste-publications .highlight .btn-share li.linkedin a:hover {

	background-color: #0292dc;

}



.liste-publications .clear {

	height: 50px;

}



.block-header.ressources-overview {

	padding: 40px 0 170px 0;

	border-bottom: 12px #ffffff solid;

	padding: 40px 0 !important;

}

.block-header.ressources-overview a.btn-next:before {

	opacity: 0.3;

}

.block-header.ressources-overview a.btn-next:hover:before {

	opacity: 0.6;

}



.slide-publication {

	padding: 0;

	border-bottom: 12px #ffffff solid;

}

.block-slider.slide-publication .slides {

	padding: 0;

}

.slide-publication .slide {

	background-repeat: no-repeat;

	background-position: 50% 50%;

	background-size: cover;

	padding-top: 50px;

	display: none;

	height: 494px;

	box-sizing: border-box;

}

.slide-publication .slide.on {

	display: block;

}

.slide-publication .highlight {

	float: right;

}

.slide-publication .infos {

	width: 60%;

	position: relative;

	float: left;

	text-align: left;

}

.slide-publication .highlight {

	bottom: -20px;

}

.slide-publication .highlight:after {

	bottom: -3px;

	left: -17px;

	display: block;

}

.slide-publication .green {

	color: #17b1a9;

}

.slide-publication .pink {

	color: #e6007e;

}

.slide-publication .type {

	font-size: 0.75em;

	text-align: left;

	padding: 40px 0 20px 0;

	text-transform: uppercase;

	font-family: "texgyreadventor", Arial, sans-serif;

}

.slide-publication h2 {

	text-align: left;

	font-size: 2.875em;

	text-transform: uppercase;

	font-family: "texgyreadventor", Arial, sans-serif;

	line-height: 1em;

}

.slide-publication .sstitre {

	text-align: left;

	font-size: 2.6em;

	text-transform: uppercase;

	font-weight: 300;

	line-height: 1em;

}

.slide-publication .resume {

	text-align: justify;

	line-height: 1.4em;

	padding: 25px 0 35px 0;

}

.slide-publication .global-page.nav {

	position: absolute;

	width: 90ppx;

	left: 50%;

	margin-left: -450px;

	bottom: 0px;

}

.slide-publication .global-page:before, .slide-publication .global-page:after {

	display: none;

}

.block-slider.slide-publication .ico-nav-left {

	left: -200px;

	width: 114px;

	height: 114px;

	top: -200px;

	background: url(img/ico-nav-left-big.png) no-repeat;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;

}

.block-slider.slide-publication .ico-nav-right {

	width: 114px;

	height: 114px;

	right: -96px;

	top: -200px;

	background: url(img/ico-nav-right-big.png) no-repeat;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;

}

.block-slider.slide-publication .ico-nav-left:hover {

	opacity: 1;

	background: url(img/ico-nav-left-big-on.png) no-repeat;

}

.block-slider.slide-publication .ico-nav-right:hover {

	opacity: 1;

	background: url(img/ico-nav-right-big-on.png) no-repeat;

}

.overview-ressources.block-partenaire {

	padding-top: 30px;

}

.overview-ressources.block-partenaire .titre-section, .overview-ressources.block-partenaire .titre-section:after {

	padding-bottom: 0;

	margin-bottom: 0;

}

.overview-ressources.block-partenaire .card-partenaire a .resume {

	border-color: #e5edf2;

	opacity: 1;

}

.overview-ressources.block-partenaire .card-partenaire a .resume.bg-blue {

	background: #4b728d;

}

.overview-ressources.block-partenaire .card-partenaire a .resume.bg-pink {

	background: #e6007e;

}

.overview-ressources.block-partenaire .card-partenaire a .resume.bg-green {

	background: #17b1a9;

}

.overview-ressources.block-partenaire .card-partenaire a:hover .resume.bg-blue {

	background: #59829e;

}

.overview-ressources.block-partenaire .card-partenaire a:hover .resume.bg-pink {

	background: #ff028d;

}

.overview-ressources.block-partenaire .card-partenaire a:hover .resume.bg-green {

	background: #01c0b8;

}



.overview-ressources.block-partenaire .card-partenaire h3 {

	text-transform: uppercase;

}

.overview-ressources.block-partenaire .card-partenaire .intro {

	min-height: 7.7em;
	max-width: 210px;

}



/*********************************************************************

	CLIENTS

*********************************************************************/



.block-header.clients-overview {

	background-image: url(img/bg-clients-overview.jpg);

	padding: 40px 0 190px 0;

}

.block-header.clients-overview a.btn-next:hover:before {

	opacity: 0.6;

}

.btn-suite-liste {

	margin: 0 auto;

	background: url(img/bg-btn-suite-liste.png) no-repeat 50% 0%;

}

.bg-grey .btn-suite-liste {

	background: url(img/bg-btn-suite-liste-grey.png) no-repeat 50% 0%;

}

.btn-suite-liste a {

	background: url(img/btn-suite-liste.png) no-repeat 50% 0%;

	height: 85px;

	width: 159px;

	display: block;

	position: relative;

	z-index:10;

	margin: -15px auto -30px auto;

}

.btn-suite-liste a:hover {

	background: url(img/btn-suite-liste-on.png) no-repeat 50% 0%;

}

.open .btn-suite-liste a {

	background: url(img/btn-suite-liste-open.png) no-repeat 50% 0%;

}

.open .btn-suite-liste a:hover {

	background: url(img/btn-suite-liste-open-on.png) no-repeat 50% 0%;

}

.bg-grey .btn-suite-liste a {

	background: url(img/btn-suite-liste-grey.png) no-repeat 50% 0%;

}

.bg-grey .btn-suite-liste a:hover {

	background: url(img/btn-suite-liste-grey-on.png) no-repeat 50% 0%;

}

.bg-grey.open .btn-suite-liste a {

	background: url(img/btn-suite-liste-open-grey.png) no-repeat 50% 0%;

}

.bg-grey.open .btn-suite-liste a:hover {

	background: url(img/btn-suite-liste-open-grey-on.png) no-repeat 50% 0%;

}



section.clients {

	background: #ffffff;

}

section.clients.bg-grey {

	background: #e5edf2;

}

.clients .liste-card-partenaire {

	margin: -30px 0 70px 5px;

}

.clients .liste-card-partenaire {

	height: 650px;

	overflow: hidden;

}
.clients .liste-card-partenaire.height-auto {

	height: auto;

}

.clients.open .liste-card-partenaire {

	height: auto;

}

.clients.bg-grey .card-partenaire .visu, .clients.bg-grey .card-partenaire .resume,

.clients .card-partenaire .visu, .clients .card-partenaire .resume {

	border-color: transparent !important;

}

.clients-decroche {

	height: 70px;

}



.titre-pays-client {

	text-align: center;

	padding-top: 0px;

}

.titre-pays-client h3 {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1em;

	display: inline-block;

	text-transform: uppercase;

}

.titre-pays-client img {

	vertical-align: middle;

	margin: 0 2px;

}

.titre-pays-client h3:before, .titre-pays-client h3:after {

	content: "";

	display: inline-block;

	height: 1px;

	width: 20px;

	margin: 0 15px;

	vertical-align: middle;

	background: #98b3c4;

}

.clients.corporate .liste-card-partenaire {

	margin: -10px 0 30px 0px;

}

.clients.corporate .card-partenaire {

	width: 200px;

	height: 200px;

	margin-left: 25px;

	margin-top: 20px;

}

.clients.corporate .card-partenaire .visu {

	width: 180px;

	height: 180px;

}

.clients.corporate .card-partenaire .visu {

	line-height: 180px;

}

.clients.corporate .liste-card-partenaire {

	height: 240px;

}

.clients.corporate .open .liste-card-partenaire {

	height: auto;

}

.liste-card-partenaire.purple .card-partenaire .resume {

	background: #7a589e;

}

.liste-card-partenaire.pink .card-partenaire .resume {

	background: #e6007e;

}

.liste-card-partenaire.blue .card-partenaire .resume {

	background: #4b728d;

}

.liste-card-partenaire.green .card-partenaire .resume {

	background: #17b1a9;

}

.clients .liste-card-partenaire .resume img,

.clients .liste-card-partenaire .visu img {

	max-width: 220px;

}
.clients.corporate .liste-card-partenaire .visu img {

	max-width: 150px;

}
.clients.corporate .liste-card-partenaire .resume img {

	max-width: 150px;

}

#content .clients .btn-suite-liste {

	height: 55px;

}

#content .clients .btn-suite-liste a {

	font-family: "texgyreadventor", Arial, sans-serif;

	color: #4b728d;

	text-transform: uppercase;

	text-align: center;

	font-weight: bold;

	font-size: 0.750em;

	padding-top: 25px;

	display: block;

	box-sizing: border-box;

}



#content .clients .btn-suite-liste a:hover {

	color: #e3007e;

}

.clients .btn-suite-liste a {

	background: url(img/btn-suite-liste2.png) no-repeat 50% 0%;

}

.clients .btn-suite-liste a:hover {

	background: url(img/btn-suite-liste2-on.png) no-repeat 50% 0%;

}

.clients.open .btn-suite-liste a {

	background: url(img/btn-suite-liste2-open.png) no-repeat 50% 0%;

}

.clients.open .btn-suite-liste a:hover {

	background: url(img/btn-suite-liste2-open-on.png) no-repeat 50% 0%;

}

.clients.bg-grey .btn-suite-liste a {

	background: url(img/btn-suite-liste2-grey.png) no-repeat 50% 0%;

}

.clients.bg-grey .btn-suite-liste a:hover {

	background: url(img/btn-suite-liste2-grey-on.png) no-repeat 50% 0%;

}

.clients.bg-grey.open .btn-suite-liste a {

	background: url(img/btn-suite-liste2-open-grey.png) no-repeat 50% 0%;

}

.clients.bg-grey.open .btn-suite-liste a:hover {

	background: url(img/btn-suite-liste2-open-grey-on.png) no-repeat 50% 0%;

}

.clients.open .btn-suite-liste a span {
	display: none;
}






/*********************************************************************

	404

*********************************************************************/

body.error404 {

	background: #e5edf2;

}

body.error404 #header {

	height: 160px;

	text-align: center;

}

body.error404 #header .logo {

	float: none;

	padding: 50px 0 0 0;

	margin: 0 auto;

	width: auto;

}

body.error404 #header .logo img {

	height: auto;

}

body.error404 #content {

	background: #00b1aa;

	text-align: center;

	padding-top: 160px;

}

body.error404 h1 {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-weight: normal;

	color: #ffffff;

	text-transform: uppercase;

	font-size: 6.250em;

}

body.error404 section {

	padding: 130px 0 120px 0

}

body.error404 .textes {

	font-size: 2.5em;

	line-height: 1.2em;

	padding: 35px 0 90px 0;

	color: #ffffff;

}

body.error404 .textes p {

	line-height: 1.2em;

}

body.error404 #content section .btn.border.white {

	background: #ffffff;

	color: #00b1aa;

}

body.error404 #content section .btn.border.white:hover {

	background: #00b1aa;

	color: #ffffff;

}

body.error404 #footer {

	background: #e5edf2;

	color: #849daf;

	padding: 20px 0;

	font-size: 0.75rem;

}

body.error404 #footer .logo {

	float: right;

}

body.error404 #footer .logo img {

	height: 27px;

}

body.error404 #footer .btn {

	color: #849daf;

	text-transform: uppercase;

	font-size: 0.75rem;

	padding: 15px 5px;

	background: #ffffff;

	border: 1px #cbdfec solid;

	display: block;

	min-width: auto;

	width: 100%;

	box-sizing: border-box;

}

body.error404 #footer  .btn:hover {

	color: #ffffff !important;

	background: #849daf !important;

}
body.error404 #footer  .btn:hover a {

	color: #ffffff !important;

}

body.error404 #footer .btns {

	margin-left: -10px;

	width: 100%;

}

body.error404 #footer .btns li {

	box-sizing: border-box;

	float: left;

	list-style-type: none;

	width: 16.66%;

	padding-left: 10px;

}

body.error404 #footer .btns:after {

	content: "";

	clear: both;

	height: 20px;

	display: block;

}

body.error404 #footer a {

	color: #849daf;

	text-decoration: none;

}

body.error404 #footer a:hover {

	color: #00b1aa;

}



/*********************************************************************

	RECHERCHE

*********************************************************************/

.block-search-result h1 {

	font-weight: 300;

	padding-bottom: 10px;

	font-size: 1.875em;

}

.block-search-result h1 strong, .block-search-result .filter-type strong {

	font-weight: bold;

	color: #00b1aa;

	font-family: "texgyreadventor", Arial, sans-serif;

}

.block-search-result .filter-type {

	border-bottom: 1px #eaf1f4 solid;

	font-family: "texgyreadventor", Arial, sans-serif;

	padding-bottom: 30px;

}

#content .block-search-result .filter-type a {

	text-decoration: none;

	color: #4b728d;

}

#content .block-search-result .filter-type a:hover {

	color: #00b1aa;

}

.block-search-result ul.result {

	padding-bottom: 35px;

}

.block-search-result .result li {

	padding-top: 35px;

	list-style-type: none;

}

.block-search-result .titre-search {

	position: relative;

	padding-left: 60px;

}

.block-search-result .titre-search img {

	position: absolute;

	top: 5px;

	left: 0;

}

.block-search-result h2 {

	font-family: "texgyreadventor", Arial, sans-serif;

	font-size: 1.25em;

}

.block-search-result .type {

	font-size: 0.75em;

	padding: 5px 0 5px 0;

	font-weight: light;

	text-transform: uppercase;

	color: #a2bccc;

}

.block-search-result .type strong {

	font-weight: bold;

}

.block-search-result .link a {

	text-decoration: none;

}

.block-search-result .link a:hover {

	text-decoration: underline;

}

.block-header form {

	position: relative;

}

.block-header form #s {

	display: block;

	width: 100%;

	box-sizing: border-box;

	border: 1px #d7e2e7 solid;

	padding: 15px 100px 15px 35px;

	font-weight: 300;

	font-size: 1.625em;

	color: #4b728d;

}

.block-header form input.btn-search {

	position: absolute;

	top: 0;

	right:0;

	cursor: pointer;

	width: 60px;

	padding: 0;

	box-sizing: border-box;

	background: url(img/ico-search-on.png) no-repeat 50% 50% #4b728d;

	height: 100%;

	border: 0;

	text-indent: -600px;

	overflow: hidden;

}



/*********************************************************************

	EXPERIENCE CLIENT

*********************************************************************/



.block-header.experience-overview {

	background-image: url(img/bg-experience-overview.jpg);

	padding: 40px 0 190px 0;

}

.block-header.experience-overview a.btn-next:hover:before {

	opacity: 0.6;

}

.experience-overview-prods .highlight h3 span {

	font-size: 1.375rem;

}

.experience-overview-prods .highlight .intro {

	padding-top: 0;

	padding-right: 35px;

	padding-left: 35px;

}

.experience-overview-prods .highlight.on .intro {

	padding-top: 0px;

	padding-right: 0;

	padding-left: 0;

}

.experience-overview-prods .block-highlights:before {

	content: "";

	display: block;

	bottom: 0px;

	width: 1200px;
	max-width: 100%;

	left: 50%;

	margin-left: -600px;

	height: 30px;

	border-radius: 100%;

	box-shadow: 0 5px 20px rgba(52, 91, 118, 0.3);

	position: absolute;

}

.experience-overview-prods .bg {

	position: relative;

	background: #e5edf2;

}

.experience-overview-prods .block-highlights {

	position: relative;

}

.experience-overview-prods .services-list-circles .circle {

	line-height: 1.3em;

}

.experience-overview-prods .services-list-circles .fleche {

	background: url(img/ico-circle-fleche.png) no-repeat;

	padding-top: 67px;

	min-height: 150px;

	font-size: 0.875em;

	margin-top: -20px;

	text-align: center;

	width: 180px;

}



.experience-client-change {

	padding-top: 30px;

}

.experience-client-change .encart-num-absolute {

	position: absolute;

	margin-top: 45px;

	width: 30%;

	top: 0;

	margin-left: 35%;

}

.experience-client-change .encart-num-absolute img {

	margin: 0 auto 15px auto;

	display: block;

}

.experience-client-change .colonnes-2 {

	text-align: justify;

	-webkit-columns: 2;

	-moz-columns: 2;

	columns: 2;

	-webkit-column-gap: 360px;

	-moz-column-gap: 360px;

	column-gap: 360px;

	padding-top: 40px;

}



.encadre-besoin {

	margin-top: 60px;

	border-radius: 20px 0 20px 0;

	background: #ffffff;

	border: 1px #d9e7f0 solid;

	padding: 90px 0 0 0;

}

.encadre-besoin img {

	position: absolute;

	margin: -143px auto 0 55px;

}

.encadre-besoin h3 {

	font-family: "texgyreadventor", Arial, sans-serif;

	padding: 0 10px 15px 10px;

	color: #00afa9;

	text-align: center;

	text-transform: uppercase;

}

.encadre-besoin .resume {

	padding: 0 25px 30px 25px;

	line-height: 1.4em;

	min-height: 5.6em;

	font-size: 1.063em;

}



.experience-infrastructure .encart-num-absolute {

	position: absolute;

	width: 30%;

	top: 0;

	margin-left: 35%;

	margin-top: 30px;

	box-shadow: 0 20px 20px #ffffff;

}

.experience-infrastructure .colonnes-2 {

	text-align: justify;

	-webkit-columns: 2;

	-moz-columns: 2;

	columns: 2;

	-webkit-column-gap: 360px;

	-moz-column-gap: 360px;

	column-gap: 360px;

	padding-top: 50px;

}

.experience-infrastructure {

	background: url(img/bg-experience-infrastructure.jpg) no-repeat 50% 50%;

	background-size: cover;

}

.experience-infrastructure .content-encart-num .num {

	color: #4b728d;

}

.experience-infrastructure .content-encart-num .resume {

	padding: 10px 20px;

}

.experience-infrastructure .textes li:before {

	color: #4b728d;

}

.experience-infrastructure .textes li, .experience-infrastructure .textes ul {

	padding-top: 2px;

	padding-bottom: 2px;

}



.block-banner ul.offices li {

	display: inline-block;

	padding: 0 15px 0 37px;

	position: relative;

	float: none;

	text-transform: uppercase;

}

.block-banner ul.offices li:before {

	content: "";

	position: absolute;

	left: 0;

	width: 15px;

	height: 15px;

	top: -2px;

	border-radius: 100%;

	border: 5px #e6edf2 solid;

}

.block-banner ul.offices {

	margin-top: -10px;

	font-family: "texgyreadventor", Arial, sans-serif;

	text-align: center;

	padding: 0;

}

.block-banner ul.offices li.blue {

	color: #4b728c;

}

.block-banner ul.offices li.purple {

	color: #7a589e;

}

.block-banner ul.offices li.pink {

	color: #e3007e;

}

.block-banner ul.offices li.green {

	color: #17b1a9;

}

.block-banner ul.offices li.blue:before {

	background: #4b728c;

}

.block-banner ul.offices li.purple:before {

	background: #7a589e;

}

.block-banner ul.offices li.pink:before {

	background: #e3007e;

}

.block-banner ul.offices li.green:before {

	background: #17b1a9;

}



/*********************************************************************

	SOLUTIONS SAAS

*********************************************************************/

.detail-module {

	padding-top: 78px;

}

.detail-module .bg-color,

.detail-module .bg-color .textes li:before {

	color: #ffffff !important;

}

.detail-module .bg-color .titre-section:after {

	background: #ffffff;

}



.detail-module .block-header .titre:after {

	display: none;

}

.detail-module .block-header {

	padding: 60px 0 70px 0;

}

.detail-module .bg-color .titre-section {

}

.detail-module .visu-fleur img {

	margin-top: -40px;

}

.detail-module .visu-fleur {

	text-align: center;

}

.menu-modules {

	text-align: center;

	position: fixed;

	width: 100%;

	top: 119px;

	z-index:400;

	-webkit-transition: all ease 0.3s !important;

	-moz-transition: all ease 0.3s !important;

	transition: all ease 0.3s !important;

}
.produit-saas .menu-modules {
	background: #3d5a6e;
}
#content.produit-saas {
	padding-top: 197px;
}



.scroll .menu-modules {

	top: 60px;

}

.menu-modules ul {

	width: 966px;

	height: 78px;

	margin: 0 auto;

	-webkit-transition: all ease 0.3s !important;

	-moz-transition: all ease 0.3s !important;

	transition: all ease 0.3s !important;

}

.scroll .menu-modules ul {

	height: 47px;

}

.menu-modules li {

	text-align: center;

	list-style-type: none;

	float: left;

}

#content .menu-modules a {

	text-decoration: none;

	color: #ffffff;

	text-transform: uppercase;

	display: block;

	width: 137px;

	height: 78px;

	box-sizing: border-box;

	font-size: 0.75rem;

	opacity: 0.5;

}

#content .menu-modules a em {

	height: 48px;

	display: inline-block;

	background-repeat: no-repeat;

	background-position: 50% 100%;

	background-size: auto 36px;

	width: 100%;

	font-size: 36px;

	line-height: 58px;

}

.scroll #content .menu-modules a {

	height: 48px;

	line-height: 48px;

}

#content .detail-module.report .menu-modules .report a,

#content .detail-module.data .menu-modules .data a,

#content .detail-module.target .menu-modules .target a,

#content .detail-module.scenario .menu-modules .scenario a,

#content .detail-module.designer .menu-modules .designer a,

#content .detail-module.engagement .menu-modules .engagement a,

#content .detail-module.clienteling .menu-modules .clienteling a,

#content .menu-modules .on a {

	opacity: 1;

}



#content .detail-module.report .menu-modules .report a em,

#content .detail-module.data .menu-modules .data a em,

#content .detail-module.target .menu-modules .target a em,

#content .detail-module.scenario .menu-modules .scenario a em,

#content .detail-module.designer .menu-modules .designer a em,

#content .detail-module.engagement .menu-modules .engagement a em,

#content .detail-module.clienteling .menu-modules .clienteling a em,

#content .menu-modules .on a em {

	background-size: auto;

	background-position: 50% 50%;

	height: 78px;

	font-size: 50px;

	line-height: 80px;

}

.scroll #content .menu-modules a em {

	width: 36px;

	background-position: 50% 50%;

	height: 34px;

	vertical-align: middle;

	background-size: auto 24px;

	font-size: 25px;

	line-height: 30px;

}

.scroll #content .detail-module.report .menu-modules .report a em,

.scroll #content .detail-module.data .menu-modules .data a em,

.scroll #content .detail-module.target .menu-modules .target a em,

.scroll #content .detail-module.scenario .menu-modules .scenario a em,

.scroll #content .detail-module.designer .menu-modules .designer a em,

.scroll #content .detail-module.engagement .menu-modules .engagement a em,

.scroll #content .detail-module.clienteling .menu-modules .clienteling a em,

.scroll #content .menu-modules .on a em {

	width: 100%;

	background-size: auto 34px;

	font-size: 35px;

	line-height: 50px;

}



#content .menu-modules a:hover {

	opacity: 1;

}

.acces-modules .data a,

#content .menu-modules .data a:hover {

	background-color: #00b1aa;

}

.acces-modules .report a,

#content .menu-modules .report a:hover {

	background-color: #4b728d;

}

#content .solution-crm .acces-modules.solutions .clienteling a:hover,

.acces-modules .clienteling a,

#content .menu-modules .clienteling a:hover {

	background-color: #0ba2bb;

}

.acces-modules .target a,

#content .menu-modules .target a:hover {

	background-color: #31899f;

}

.acces-modules .designer a,

#content .menu-modules .designer a:hover {

	background-color: #824b8f;

}

.acces-modules .scenario a,

#content .menu-modules .scenario a:hover {

	background-color: #626496;

}

#content .solution-crm .acces-modules.solutions .engagement a:hover,

.acces-modules .engagement a,

#content .menu-modules .engagement a:hover {

	background-color: #e6007e;

}

#content .solution-crm .acces-modules.solutions .clienteling a:hover,

#content .solution-crm .acces-modules.solutions .engagement a:hover {

	color: #ffffff;

}



#content .detail-module.report .menu-modules .report a span,

#content .detail-module.data .menu-modules .data a span,

#content .detail-module.target .menu-modules .target a span,

#content .detail-module.scenario .menu-modules .scenario a span,

#content .detail-module.designer .menu-modules .designer a span,

#content .detail-module.engagement .menu-modules .engagement a span,

#content .detail-module.clienteling .menu-modules .clienteling a span,

#content .menu-modules .on a span {

	display: none;

}

#content .acces-modules.solutions .engagement.hover a,

#content .acces-modules.solutions .engagement a:hover {

	background: #ff028d;

}

#content .acces-modules.solutions .designer.hover a,

#content .acces-modules.solutions .designer a:hover {

	background: #9c53ad;

}

#content .acces-modules.solutions .scenario.hover a,

#content .acces-modules.solutions .scenario a:hover {

	background: #7173ae;

}

#content .acces-modules.solutions .target.hover a,

#content .acces-modules.solutions .target a:hover {

	background: #3d9fb7;

}

#content .acces-modules.solutions .report.hover a,

#content .acces-modules.solutions .report a:hover {

	background: #59829e;

}

#content .acces-modules.solutions .clienteling.hover a,

#content .acces-modules.solutions .clienteling a:hover {

	background: #12b1cb;

}

#content .acces-modules.solutions .data.hover a,

#content .acces-modules.solutions .data a:hover {

	background: #01c0b8;

}

.acces-modules {

	position: relative;

	width: 313px;

	height: 340px;

	background: url(img/bg-acces-module-big.png) no-repeat;

}

.acces-modules.solutions {

	width: 423px;

	height: 461px;

	background: url(img/bg-acces-module-solutions.png) no-repeat;

	margin: 0 auto;

}
#content .acces-modules img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 0;
}



.acces-modules li {

	list-style-type: none;

}

.acces-modules a {

	position: absolute;

	display: block;

	height: 88px;

	width: 88px;

	font-size: 0.6em;

	text-align: center;

	padding-top: 18px;

	box-sizing: border-box;

	text-transform: uppercase;

	background-repeat: no-repeat;

	background-position: 50% 30%;

	border-radius: 100%;

	background-size: auto 35%;

}

#content .acces-modules.solutions a {

	width: 117px;

	height: 117px;

	padding-top: 0;

	opacity: 1;

	background-image: none;

}

.acces-modules a em {

	font-size: 30px;

	display: block;

	text-align: center;

}

.acces-modules-bottom .acces-modules a em {

	font-size: 24px;

}

.acces-modules-bottom .acces-modules .data a em {

	font-size: 28px;

}

#content .solution-crm .acces-modules.solutions .engagement a,

#content .solution-crm .acces-modules.solutions .clienteling a {

	background: none;

	color: #cedae2;

}

#content .acces-modules.solutions a span {

	text-indent: -300px;

	overflow: hidden;

	display: inline-block;

}

#content .acces-modules.solutions em {

	line-height: 117px;

	vertical-align: top;

	font-size: 36px;

}

#content .acces-modules.solutions .data em {

	line-height: 149px;

}

#content .solution-crm .acces-modules.solutions .data em {

	line-height: 117px;

}

#content .acces-modules a {

	text-decoration: none;

	opacity: 0;

	color: #ffffff;

}

#content .detail-module.target .acces-modules .target a,

#content .detail-module.report .acces-modules .report a,

#content .detail-module.data .acces-modules .data a,

#content .detail-module.scenario .acces-modules .scenario a,

#content .detail-module.designer .acces-modules .designer a,

#content .detail-module.engagement .acces-modules .engagement a,

#content .detail-module.clienteling .acces-modules .clienteling a,

#content .acces-modules .on a, #content .acces-modules a:hover {

	opacity: 1;

}

.acces-modules .data a {

	top: 33.53%;

	left: 32.27%;

	padding-top: 24px;

	height: 111px;

	width: 111px;

	background-position: 50% 35%;

}

.acces-modules .data a em {

	font-size:40px;

}

#content .acces-modules.solutions .data a {

	height: 149px;

	width: 149px;

}



#content .solution-crm .acces-modules.solutions .data a {

	height: 117px;

	width: 117px;

	margin: 16px 0 0 16px;

}

.acces-modules .report a {

	top: 4.7%;

	left: 36.1%;

}

.acces-modules .clienteling a {

	top: 53.23%;

	left: 66.45%;

}

.acces-modules .target a {

	top: 20.88%;

	left: 5.11%;

}

.acces-modules .designer a {

	top: 69.41%;

	left: 36.1%;

}

.acces-modules .scenario a {

	top: 53.23%;

	left: 5.43%;

}

.acces-modules .engagement a {

	top: 20.88%;

	left: 66.77%;

}

#content .overview-spring .acces-modules.solutions em {

	line-height: 50px;

	font-size: 40px;

	padding-top: 20px;

}

#content .overview-spring .acces-modules.solutions .data em {

	padding-top: 40px;

	font-size: 45px;

}

#content .overview-spring .acces-modules.solutions span {

	text-indent: 0;

	font-size: 0.85rem;

	overflow: visible;

	

}

.acces-modules-bottom {

	background: #eef2f5;

	position: relative;

	height: 80px;

	border-top: 1px #ffffff solid;

}

.acces-modules-bottom .fd {

	position: absolute;

	bottom: 0px;

	z-index:10;

	width: 293px;

	height: 259px;

	background: #eef2f5;

	border-top: 1px #ffffff solid;

	border-right: 1px #ffffff solid;

	border-left: 1px #ffffff solid;

	border-radius: 30px 30px 0 0;

}

.acces-modules-bottom .fd:before {

	content: "";

	display: block;

	position: absolute;

	background: #eef2f5;

	z-index:30;

	width: 40px;

	height: 40px;

	bottom: 0;

	left: -30px;

}

.acces-modules-bottom .fd:after {

	content: "";

	display: block;

	position: absolute;

	background: #eef2f5;

	z-index:30;

	width: 40px;

	height: 40px;

	bottom: 0;

	left: 280px;

}

.acces-modules-bottom .global-page {

	position: relative;

}

.acces-modules-bottom .global-page:after {

	content: "";

	display: block;

	position: absolute;

	background: #e5edf2;

	border-left: 1px #ffffff solid;

	border-bottom: 1px #ffffff solid;

	border-radius: 0 0 0 30px;

	z-index:25;

	width: 40px;

	height: 40px;

	bottom: 0;

	left: 294px;

}

.acces-modules-bottom .global-page:before {

	content: "";

	display: block;

	position: absolute;

	background: #e5edf2;

	border-right: 1px #ffffff solid;

	border-bottom: 1px #ffffff solid;

	border-radius: 0 0 30px 0;

	z-index:25;

	width: 40px;

	height: 40px;

	bottom: 0;

	left: -40px;

}

.acces-modules-bottom .acces-modules {

	width: 215px;

	height: 235px;

	background-size: cover;

	margin-left: 39px;

	position: absolute;

	bottom: -10px;

	z-index:300;

}

.acces-modules-bottom .acces-modules a {

	background-position: 50% 50%;

	width: 60px;

	height: 60px;

	background-size: auto 40%;

}

.acces-modules-bottom .acces-modules .data a {

	background-position: 50% 50%;

	width: 77px;

	height: 77px;

}

.acces-modules-bottom .acces-modules a span {

	display: none;

}








.detail-module .block-tabs-module .titre-section {

	padding: 0 0 90px 0;

	margin-bottom: 10px;
	background: url(img/bg-tabs-module) 50% 100% no-repeat;

}

.detail-module .block-tabs-module.one-tab .titre-section {

	padding: 0 0 30px 0;

	background: none;

}



.block-tabs-module .titre-section:after {

	display: none;

}

.block-tabs-module {

	padding: 50px 0 0 0;

/*	background-image: url(img/bg-shadow.png);*/

	background-repeat: no-repeat;

	background-position: 50% 0%;

}

.block-tabs-module .tabs-module {

	position: relative;

}

.block-tabs-module ul.menu-tabs {

	z-index:5;

	height: 121px;

	font-size: 1.75em;

}

.block-tabs-module .menu-tabs li {

	list-style-type: none;

	height: 121px;

	width: 50%;

	float: left;

	box-sizing:border-box;

	padding: 0 5px;

	text-transform: uppercase;
	position:relative;

}

.block-tabs-module .menu-tabs li.on {

}

.block-tabs-module .menu-tabs a {

	background: rgba(0,0,0, 0.15);

	padding: 25px 30px 15px 30px;

	display: block;

	box-sizing: border-box;

	height: 115px;

	margin-bottom: -1px;
}
.block-tabs-module .menu-tabs .on a {

	position: relative;

	z-index:10;

	background: #e5edf2;

	border-top: 5px #e5edf2 solid !important;

}
.block-tabs-module .menu-tabs li:after {

	content : "";
	display: block;
	position: absolute;
	left: 5px;
	right: 5px;
	height: 8px;

	background: #e5edf2;
	opacity: 0;

}

.block-tabs-module .menu-tabs li.on:after {

	opacity: 1;

}
#content .block-tabs-module .menu-tabs .purple.on a {

	color: #7a589e;

	text-decoration: none;

}

#content .block-tabs-module .menu-tabs .pink.on a {

	color: #e6007e;

	text-decoration: none;

}

.block-tabs-module .contents-tabs {

	background: #e5edf2;

	position: relative;

	z-index:1;

}

.block-tabs-module .contents-tabs h3 {

	text-align: left;

	text-transform: uppercase;

	color: #e6007e;

}

.block-tabs-module .contents-tabs h3.purple {

	color: #7a589e;

}



.block-tabs-module .contents-tabs:before {

	content: "";

	height: 7px;

	display: block;

	position: absolute;

	width: 100%;

	top: -7px;

	background: rgba(0,0,0,0.15);

}

.block-tabs-module.one-tab .contents-tabs:before {

	display: none;

}

.block-tabs-module .content-tab {

	box-sizing: border-box;

	position: relative;

	display: none;

	padding: 60px 00px 0 30px;

}

.block-tabs-module .content-tab.on {

	display: block;

}

.block-tabs-module .content-tab {

	text-align: right;

	overflow: hidden;

}

.block-tabs-module .content-tab img {

	margin: 0 0 40px 0;

	max-width: 780px;

}

.block-tabs-module .global-page {

	position: relative;

}

.block-tabs-module .content-tab li.purple, .block-tabs-module .content-tab li.purple:before {

	color: #7a589e !important;

}

.block-tabs-module .content-tab li.pink, .block-tabs-module .content-tab li.pink:before {

	color: #e5108e !important;

}

.block-tabs-module .content-tab li.green, .block-tabs-module .content-tab li.green:before {

	color: #0aa2bb !important;

}

.block-tabs-module .content-tab li.blue, .block-tabs-module .content-tab li.blue:before {

	color: #0ba2bb !important;

}

.block-tabs-module .content-tab li.marine, .block-tabs-module .content-tab li.marine:before {

	color: #4b728d !important;

}

.block-tabs-module .content-tab ul {

	max-width: 300px;

	position:absolute;

	text-align: left;

	top: 80px;

	left: 0;

}



.detail-module .block-banner ul {

	display: table-row;

	font-size: 0.875em;

}

.detail-module .block-banner .global-page {

	padding-top: 30px;

	padding-bottom: 30px;
	box-sizing: border-box;
	padding-left: 20px;

}

.detail-module .block-banner .global-page:before {
	left:0;

}
.detail-module .block-banner li {

	list-style-type: none;

	text-transform: uppercase;

	color: #ffffff;

	padding: 0 15px 0 70px;

	display: table-cell;

	min-width: 15%;

	position: relative;

	vertical-align: middle;

	height: 100%;

	box-sizing: border-box;

}

.detail-module .block-banner li img {

	position: absolute;

	top: 50%;

	margin-left: -60px;

	margin-top: -22px;

}



/* data */

#content .detail-module.data .menu-modules .data a,

.detail-module.data .bg-color, #content .detail-module.data .menu-modules .on a {

	background-color: #00b1aa;

}

.detail-module.data .bg-color .icon-decroche, .detail-module.data .textes li:before, #content .data .block-tabs-module .menu-tabs a {

	color: #00b1aa;

}

.detail-module.data .block-header {

	background: url(img/bg-solutions-module-data.jpg) no-repeat 50% 50%;

	background-size: cover;

}

.detail-module.data .menu-modules {

	background: #31bfb9;

}

.detail-module.data .block-tabs-module .menu-tabs a {

	border-top: 5px #00b1aa solid;

}




/* engagement */

#content .detail-module.engagement .menu-modules .engagement a,

.detail-module.engagement .bg-color, #content .detail-module.engagement .menu-modules .on a {

	background-color: #e6007e;

}

.detail-module.engagement .bg-color .icon-decroche, .detail-module.engagement .textes li:before, #content .engagement .block-tabs-module .menu-tabs a {

	color: #e6007e;

}

.detail-module.engagement .block-header {

	background: url(img/bg-solutions-module-engagement.jpg) no-repeat 50% 50%;

	background-size: cover;

}

.detail-module.engagement .block-banner .global-page, .detail-module.engagement .bg-banner,

.detail-module.engagement .menu-modules {

	background: #f24b89;

}

.detail-module.engagement .block-tabs-module .menu-tabs a {

	border-top: 5px #e6007e solid;

}



/* designer */

#content .detail-module.designer .menu-modules .designer a,

.detail-module.designer .bg-color, #content .detail-module.designer .menu-modules .on a {

	background-color: #824b8e;

}

.detail-module.designer .bg-color .icon-decroche, .detail-module.designer .textes li:before, #content .designer .block-tabs-module .menu-tabs a {

	color: #824b8e;

}

.detail-module.designer .block-header {

	background: url(img/bg-solutions-module-designer.jpg) no-repeat 50% 50%;

	background-size: cover;

}

.detail-module.designer .menu-modules {

	background: #9c63aa;

}
.detail-module.designer .block-tabs-module .menu-tabs a {

	border-top: 5px #824b8e solid;

}



/* clienteling */

#content .detail-module.clienteling .menu-modules .clienteling a,

.detail-module.clienteling .bg-color, #content .detail-module.clienteling .menu-modules .on a {

	background-color: #0ba2bb;

}

.detail-module.clienteling .bg-color .icon-decroche, .detail-module.clienteling .textes li:before, #content .clienteling .block-tabs-module .menu-tabs a {

	color: #0ba2bb;

}

.detail-module.clienteling .block-header {

	background: url(img/bg-solutions-module-clienteling.jpg) no-repeat 50% 50%;

	background-size: cover;

}

.detail-module.clienteling .block-banner:before, .detail-module.clienteling .block-banner:after,

.detail-module.clienteling .block-banner .global-page, .detail-module.clienteling .bg-banner,

.detail-module.clienteling .menu-modules {

	background: #02b4d1;

}

.detail-module.clienteling .block-banner .global-page:before {

	border-color: transparent #0a7f9a transparent 

}

.detail-module.clienteling .block-banner .global-page:after {

	border-color: #0a7f9a transparent transparent 

}
.detail-module.clienteling .block-tabs-module .menu-tabs a {

	border-top: 5px #0ba2bb solid;

}



/* report */

#content .detail-module.report .menu-modules .report a,

.detail-module.report .bg-color, #content .detail-module.report .menu-modules .on a {

	background-color: #4b728d;

}

.detail-module.report .bg-color .icon-decroche, .detail-module.report .textes li:before, #content .report .block-tabs-module .menu-tabs a {

	color: #4b728d;

}

.detail-module.report .block-header {

	background: url(img/bg-solutions-module-report.jpg) no-repeat 50% 50%;

	background-size: cover;

}

.detail-module.report .menu-modules {

	background: #5d839d;

}
.detail-module.report .block-tabs-module .menu-tabs a {

	border-top: 5px #4b728d solid;

}



/* scenario */

#content .detail-module.scenario .menu-modules .scenario a,

.detail-module.scenario .bg-color, #content .detail-module.scenario .menu-modules .on a {

	background-color: #626496;

}

.detail-module.scenario .bg-color .icon-decroche, .detail-module.scenario .textes li:before, #content .scenario .block-tabs-module .menu-tabs a {

	color: #626496;

}

.detail-module.scenario .block-header {

	background: url(img/bg-solutions-module-scenario.jpg) no-repeat 50% 50%;

	background-size: cover;

}

.detail-module.scenario .block-banner:before, .detail-module.scenario .block-banner:after,

.detail-module.scenario .block-banner .global-page, .detail-module.scenario .bg-banner,

.detail-module.scenario .menu-modules {

	background: #7c7da6;

}

.detail-module.scenario .block-banner .global-page:before {

	border-color: transparent #4b4e76 transparent 

}

.detail-module.scenario .block-banner .global-page:after {

	border-color: #4b4e76 transparent transparent 

}

.detail-module.scenario .block-banner li {

	min-width: 10%;

}
.detail-module.scenario .block-tabs-module .menu-tabs a {

	border-top: 5px #626496 solid;

}



/* target */

#content .detail-module.target .menu-modules .target a,

.detail-module.target .bg-color, #content .detail-module.target .menu-modules .on a {

	background-color: #31899f;

}

.detail-module.target .bg-color .icon-decroche, .detail-module.target .textes li:before, #content .target .block-tabs-module .menu-tabs a {

	color: #31899f;

}

.detail-module.target .block-header {

	background: url(img/bg-solutions-module-target.jpg) no-repeat 50% 50%;

	background-size: cover;

}

.detail-module.target .menu-modules {

	background: #4296ab;

}
.detail-module.target .block-tabs-module .menu-tabs a {

	border-top: 5px #31899f solid;

}



/* solutions */

.block-header.solutions-cem {

	background-image: url(img/bg-solutions-cem.jpg);

	background-size: cover;

}

.block-header.solutions-crm {

	background-image: url(img/bg-solutions-crm.jpg);

	background-size: cover;

}

.block-header.solutions-overview .titre:after, .block-header.solutions-crm .titre:after, .block-header.solutions-cem .titre:after {

	display: none;

}

.block-header.solutions-overview img, .block-header.solutions-crm img, .block-header.solutions-cem img {

	margin: 35px 0 25px 0;

}

.apropos-solutions .liste-card-partenaire.solutions .off .resume {

	cursor: default;

}

.apropos-solutions .liste-card-partenaire.solutions .off .resume.purple {

	background: #824b8e;

	color: #ffffff;

}

.apropos-solutions .liste-card-partenaire.solutions .off .resume.pink {

	background: #e6007e;

	color: #ffffff;

}

.apropos-solutions .liste-card-partenaire.solutions .off .resume.blue {

	background: #626496;

	color: #ffffff;

}

.apropos-solutions .liste-card-partenaire.solutions .off .resume.green {

	background: #00b1aa;

	color: #ffffff;

}

.apropos-solutions .liste-card-partenaire.solutions .off .resume.purple .logo {

	border-bottom: 1px #ffffff solid;

	background: url(img/ico-solution-parcours-on.png) no-repeat 50% 0%;

}

.apropos-solutions .liste-card-partenaire.solutions .off .resume.blue .logo {

	border-bottom: 1px #ffffff solid;

	background: url(img/ico-solution-multicanal-on.png) no-repeat 50% 0%;

}

.apropos-solutions .liste-card-partenaire.solutions .off .resume.pink .logo {

	border-bottom: 1px #ffffff solid;

	background: url(img/ico-solution-fidelite-on.png) no-repeat 50% 0%;

}

.apropos-solutions .liste-card-partenaire.solutions .off .resume.green .logo {

	border-bottom: 1px #ffffff solid;

	background: url(img/ico-solution-magasin-on.png) no-repeat 50% 0%;

}

.modules-saas li {

	list-style-type: none;

	padding: 10px 0;
}
.modules-saas.overview .schema li {
	padding: 0;
}
.modules-saas h3 {

	font-size: 1em;

	text-transform: uppercase;

}

.modules-saas a:hover h3 {

	text-decoration: underline	

}

.modules-saas li .ico {

	left: 0;

	text-align: center;

	color: #ffffff;

	width: 56px;

	height: 56px;

	font-size: 30px;

	line-height: 56px;

	border-radius: 100%;

	margin: 0 20px 0 0;

}
.modules-saas li .ico span {

	line-height: 56px;

}



.modules-saas li .ico {

	position: absolute;

	left: 12px;

}
.modules-saas.solution-cem a {

	font-size: 0.933em;
}
.modules-saas.solution-cem .col45 {
	padding-top: 30px;
}

#content .modules-saas li a {

	text-decoration: none;

	color: #4b728d;

}

#content .modules-saas .acces-modules a {

	color: #ffffff;

}

.modules-saas li.data .ico {

	background: #00b1aa;

}

.modules-saas li.data h3 {

	color: #00b1aa;

}

.modules-saas li.target .ico {

	background: #31899f;

}

.modules-saas li.target h3 {

	color: #31899f;

}

.modules-saas li.scenario .ico {

	background: #626496;

}

.modules-saas li.scenario h3 {

	color: #626496;

}

.modules-saas li.designer .ico {

	background: #824b8f;

}

.modules-saas li.designer h3 {

	color: #824b8f;

}

.modules-saas li.engagement .ico {

	background: #e6007e;

}

.modules-saas li.engagement h3 {

	color: #e6007e;

}

.modules-saas li.clienteling .ico {

	background: #0ba2bb;

}

.modules-saas li.clienteling h3 {

	color: #0ba2bb;

}

.modules-saas li.report .ico {

	background: #4b728d;

}

.modules-saas li.report h3 {

	color: #4b728d;

}

.modules-saas .resume li {

	padding: 0 0 10px 0;

}

.modules-saas .resume li a {

	padding: 12px 12px 12px 78px;

	position: relative;

	min-height: 56px;

	display: block;

	background: #eff3f6;
	border-radius: 30px 0 30px 0;
	border: 1px #cadeec solid;

}


.modules-saas .resume li a.hover,

.modules-saas .resume li a:hover {

	background: #ffffff;
}

.modules-saas.solution-crm .cols {

	padding-top: 10px;

}

.visu-crm {

	margin-top: 90px;

}

.detail-module.scenario.crm {

	padding: 0;

}



.block-header.solutions-overview {

	background-image: url(img/bg-solutions-overview.jpg);

	padding: 40px 0 190px 0;

}

.block-header.solutions-overview a.btn-next:hover:before {

	opacity: 0.6;

}

.visu-centric {

	margin-top: -50px;

}

.overview-solutions-besoins {

	background: url(img/bg-shadow.png) no-repeat 50% 40px;	

	padding-top: 80px;

}



section.modules-saas.overview {

	padding: 70px 0 0px 0;

}

.modules-saas.overview .acces-modules.solutions {

	background: url(img/bg-acces-module-white.png) no-repeat 50% 0%;

	background-size: cover;

}

.modules-saas.overview .schema {

	margin-top: 20px;
	margin-bottom: 10px;

	background: url(img/bg-acces-module-saas-overviw.png) no-repeat 50% 50%;;

}

.modules-saas.overview .col25 {

	height: 460px;

}

.modules-saas.overview .col25 div {

	height: 460px;

	display: table-cell;

	vertical-align: middle;

	font-size: 1.125em;

	padding: 0 20px;

	font-family: "texgyreadventor", Arial, sans-serif;

}
#content .modules-saas.overview .col25 div a {
	text-decoration: none;
	color: inherit;
}

.modules-saas.overview .purple {

	color: #735794;

}

.modules-saas.overview .pink {

	color: #e6007e;

}
section.iframe-video {
	padding-bottom: 0;
	position: relative;
}
.cadre-video {
	position: relative;
	background: #4b728d;
	padding: 10px;
}
section.iframe-video:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 175px;
	background: #4b728d;
}


/*********************************************************************

	HOME

*********************************************************************/

#content .block-sentence.bg-blue .bandeau-btn .btn.white {
	border: 1px #ffffff solid;
	color: #ffffff;
	background: #4b728d;
}
#content .block-sentence.bg-blue .bandeau-btn .btn.white:hover {
	color: #4b728d;
	background: #ffffff;
}

#content .block-sentence.bg-blue .bandeau-btn div {
	background: #4b728d;
}
#content .block-sentence.bg-blue .bandeau-btn:before {
	border-top: 1px #ffffff solid;
}
#content .block-sentence.bg-blue .bandeau-btn {
	margin-top: 40px;
}
.cols-home {
	padding: 80px 0;
	text-align: center;
}
#content .cols-home a.block {
	color: inherit;
	text-decoration: none;
	display: block;
}
.cols-home h2 {
	font-size: 1.333em;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	padding: 25px 0 10px 0;
}
.cols-home .resume {
	font-size: 1.067em;
	text-align: center;
	padding-bottom: 40px;
}
.cols-home img {
	margin: 0 auto;
	display: block;
}
.cadre-carousel {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 220px;
	margin-bottom: -35px;
}
.content-carousel {
	float: left;
}
.clients.corporate .cadre-carousel .liste-card-partenaire {
	position: absolute;
	width: 1000px;
	margin:0;
}
.clients.corporate .cadre-carousel .card-partenaire {
	margin: 0 15px 0 0;
}
.clients.bg-grey .cadre-carousel .card-partenaire .visu, .clients.bg-grey .cadre-carousel .card-partenaire .resume, .clients .cadre-carousel .card-partenaire .visu, .clients .cadre-carousel .card-partenaire .resume {
	border-color: #e5edf2 !important;
}
.clients.corporate .cadre-carousel .card-partenaire {
	height: 220px;
	width: 220px;
}
.clients.corporate .cadre-carousel .card-partenaire .visu {
	line-height: 200px;
	width: 200px;
	height: 200px;
}
.carousel-home .nav-carousel {
	position: relative;
}
.carousel-home .ico-nav-left {
	position: absolute;

	left: -160px;
	top: 45px;
	cursor: pointer;

	width: 114px;

	height: 114px;

	background: url(img/ico-nav-left-big.png) no-repeat;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;

}

.carousel-home .ico-nav-right {

	top: 45px;
	cursor: pointer;

	position: absolute;

	width: 114px;

	height: 114px;

	right: -160px;

	background: url(img/ico-nav-right-big.png) no-repeat;

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;

}

.carousel-home .ico-nav-left:hover {

	opacity: 1;

	background: url(img/ico-nav-left-big-on.png) no-repeat;

}

.carousel-home .ico-nav-right:hover {

	opacity: 1;

	background: url(img/ico-nav-right-big-on.png) no-repeat;

}

section.iframe-video.home {
    background: url(img/slide-home1.jpg) no-repeat 50% 50%;
    background-size: cover;    
}
section.iframe-video.home:before {
    z-index: 5;    
    height: 100px;
}
section.iframe-video.home .cadre-video {
    z-index: 10;    
}
section.iframe-video.home h1 {
	margin: 0;
	position: relative;
	z-index: 10;
	text-align: center;
	padding: 30px 20px 60px 20px;
	font-size: 2.8rem;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1em;
}

section.iframe-video.home h1 p {
	line-height: 0.6em;
}

section.iframe-video.home h1 strong {
    padding-bottom: 0.2em;
	font-size: 3.2rem;
	display: block;
	font-weight: bold;
	font-family: "texgyreadventor", Arial, sans-serif;    
	line-height: 1.2em;
}

#slide-home {
	position: relative;
	padding: 0;
}
#slide-home ul.slides {
	position: relative;
	height: 730px;
}
#slide-home .slides li {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	list-style-type: none;
	height: 730px;
	width: 100%;
	position:absolute;
	opacity: 0;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	transition: all 2s;
}
#slide-home .slides li.on {
	z-index: 50;
	opacity: 1;
}

#slide-home .content {
	position: relative;
}
#slide-home h1 {
	margin: 0;
	text-align: center;
	padding: 20px;
	font-size: 3rem;
	text-transform: uppercase;
	font-weight: 300;
}

#slide-home h1 strong {
	font-size: 4rem;
	display: block;
	font-weight: bold;
	font-family: "texgyreadventor", Arial, sans-serif;

}
#slide-home .slides .visu img {
	display: block;
	margin: 0 auto;
}
#slide-home .slides .visu {
	min-height: 140px;
	padding: 130px 0 40px 0;
}
#slide-home .slider-nav {
	text-align: center;
	position: absolute;
	width: 100%;
	z-index:100;
	bottom: 20px;
}
#slide-home .slider-nav li {

	width: 18px;

	height: 18px;

	list-style-type: none;

	display: inline-block;
	cursor: pointer;

	margin: 0 6px;

	background: #ffffff;
	box-sizing: border-box;
	border-radius: 100%;
	border: 2px #c2d0db solid;
	position:relative;

}

#slide-home .slider-nav li.on:before {

	content: "";
	display: block;
	top: 3px;
	left: 3px;
	position:absolute;
	border-radius: 100%;
	background: #17b1a9;

	width: 8px;
	height: 8px;

}




/*********************************************************************

	MENTIONS LEGALES & COOKIES

*********************************************************************/

.block-header.legals .titre:after {
	display: none;
}
.cadre-legals {
	background: #ffffff;
	padding: 20px;
	border-radius: 30px 0 30px 0;
}
.cadre-legals.cookies {
	padding-top: 30px;
	padding-bottom: 30px;
}
.cadre-legals strong {
	color: #00b1aa;
}
.block-texte.legals {
	padding: 70px 0;
}
.textes.cookies li {
	padding-top: 2px;
	padding-bottom: 2px;
	font-style: italic;
}
.textes.cookies li:before {
	margin-top: 3px;
}
.textes.cookies h2 {
	color: #00b1aa;
	padding: 30px 0 0 0;
	font-size: 1.2em;
	text-transform: uppercase;
}
.textes.cookies h3 {
	padding: 30px 0 0 0;
	color: #00b1aa;
	font-size: 1.2em;
}
.textes.cookies {
	padding-left: 40px;
	padding-right: 40px;
}
.textes.cookies h4 {
	padding: 10px 0 0 0;
	color: #00b1aa;
	font-size: 1em;
}

/*********************************************************************

	LOGIN

*********************************************************************/
.block-header.login {
	padding: 60px 0 50px 0;	
}
.block-header.login .sstitre {
	font-family: "texgyreadventor", Arial, sans-serif;

	text-transform: none;
	font-size: 1.33rem;
}
.block-header.login .titre:after {
	display: none;
}
.form-login {
	padding: 0 0 120px 0;
}
.form-login .global-page {
	width: 380px;
	padding: 30px 30px 15px 30px;
	border: 10px #dde7ee solid;
	background: #ffffff;
	position: relative;
}
.form-login input {
	margin: 0 0 15px 0;
}
.form-login p.submit {
	padding-top: 25px;
}
.form-login p.separe {
	border-top: 1px #e9eef1 solid;
	background: none;
	padding-top: 15px;
}
.form-login:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 135px;
	background: #4d728b;
}

/*********************************************************************

	BLOG

*********************************************************************/
#content.blog {
	background: #e5edf2;
}
#content.blog .block-header .titre:after {
	display: none;
}
#content.blog  .block-header .global-page {
	padding: 0;
}
#content.blog  .block-header h1 a {
	color: #ffffff;
	text-decoration: none;
}
#content.blog  .block-header h1 img {
	vertical-align: middle;
	margin: 0px 10px -5px 0;
}
#content.blog  .block-header.min-titre h1 {
	padding-top: 10px;
	padding-bottom: 0;
}
#content.blog .global-page {
	padding: 30px 0;
}
#content.blog article {
	border-radius: 15px 0 15px 0;
	background: #ffffff;
	margin-bottom: 25px;
	padding: 25px 25px 0 30px;
}
#content.blog article h2, #content.blog article h1 {
	font-size: 2em;
	line-height: 1.2em;
	padding-left: 80px;
	font-weight: normal;
}
#content.blog article h2 a, #content.blog article h1 a {
	text-decoration: none !important;
	color: inherit;
}
#content.blog article h2 a:hover, #content.blog article h1 a:hover {
	text-decoration: none !important;
	color: #e6007e;
}
#content.blog .metas {
	font-size: 0.9em;
	padding: 1em 0 1em 80px;
}
#content.blog .metas span, #content.blog .metas a {
	color: #8ea6b6;
	text-decoration: none;
}
#content.blog .metas a:hover {
	color: #e6007e;
}
#content.blog .metas .meta {
	display: inline-block;
	margin-right: 30px;
	padding-left: 24px;
	padding-bottom: 10px;
}
#content.blog .metas .meta.themes {
	background: url(img/ico-theme.png) no-repeat 0px 3px;
}
#content.blog .metas .meta.autheur {
	background: url(img/ico-autheur.png) no-repeat 0px 2px;
}
#content.blog .metas .meta.commentaires {
	background: url(img/ico-commentaires.png) no-repeat 0px 2px;
}
#content.blog article .date {
	position: absolute;
	margin: 0px 0 0 -40px;
	background: #00b1aa;
	border-radius: 0 34px 34px 0;
	width: 50px;
	height: 68px;
	padding: 0 20px 0 30px;
	color: #ffffff;
}
#content.blog article .date .jour {
	padding-top: 12px;
	font-size: 1.7em;
	line-height: 24px;
	text-align: center;
}
#content.blog article .date .annee {
	position: absolute;
	top: 23px;
	font-size: 1.1em;
	opacity: 0.6;
	left: 5px;
	transform: rotate(-90deg);
}
#content.blog article .date .mois {
	text-transform: uppercase;
	line-height: 24px;
	text-align: center;
}
#content.blog article .date .triangle, #content.blog h2 .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border: 0px transparent solid;
	border-right: 10px #b4c3cf solid;
	border-bottom: 10px transparent solid;
	bottom: -10px;
	left: 0px;
}
#content.blog article .resume p {
	display: inline;
}
#content.blog article .resume, #content.blog article .resume p {
	color: #4b728d;
}
#content.blog article .resume {
	line-height: 1.4em;
	font-size: 0.95em;
	padding: 0 0 15px 30px;
	text-align: justify;
}
#content.blog article a.suite {
	font-style: italic;
	padding-left: 5px;
	color: #00b1aa;
}
#content.blog article a.suite:hover {
	color: #e6007e;
	text-decoration: underline;
}
#content.blog .partage {
	margin: 0 -25px 0 -30px;
}
#content.blog .partage .reseaux {
	padding: 0 5px 0 30px;
	text-align: center;
	background: #7fd8d4;
	border-radius: 0 0 15px 15px;
	height: 0px;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: -1px;
}
#content.blog .partage .reseaux img {
	margin: 15px 30px;
	display: block;
	height: 33px;
	width: 33px;
	background: #ffffff;
	border-radius: 1em;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
#content.blog .partage .reseaux .ssba_email_share img:hover {
	background: #e6007e;
}
#content.blog .partage .reseaux .ssba_facebook_share img:hover {
	background: #5e73a5;
}
#content.blog .partage .reseaux .ssba_twitter_share img:hover {
	background: #00b7fe;
}
#content.blog .partage .reseaux .ssba_linkedin_share img:hover {
	background: #02a8e8;
}
#content.blog .partage .reseaux .ssba_google_share img:hover {
	background: #e13a00;
}
#content.blog .partage .reseaux .ssba_pinterest_share img:hover {
	background: #d3020a;
}
#content.blog .partage .entete {
	cursor:pointer;
	color: #ffffff;
	text-align: right;
}
#content.blog .partage .entete strong {
	display: inline-block;
	background: #7fd8d4;
	padding: 5px 25px;
	border-radius: 15px 0 15px 0;
}
#content.blog .partage.ligne {
	margin-top: 15px;
}
#content.blog .partage.ligne .entete {
	text-align: left;
	display: inline-block;
	float: left;
}
#content.blog .partage.ligne .entete strong {
	border-radius: 0;
	padding-top: 20px;
}
#content.blog .partage.ligne .reseaux {
	padding: 15px 0;
	height: auto;
	overflow: visible;
	text-align: right;
	background: #7fd8d4;
	border-radius: 0;
}
#content.blog .partage.ligne .reseaux img {
	margin: 0 17px;
}
#content.blog .pagination {
	border: 0;
	padding: 0 0 40px 0;
}
#content.blog .pagination ul {
	min-height: 44px;
}
#content.blog .pagination li {
	float: left;;
	background: #ffffff;
	padding: 10px 15px;
	border: 1px #e2e6ec solid;
	border-right: 0;
	font-size: 1.25em;
	color: #00b1aa;
	line-height: 24px;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
#content.blog .pagination li.text {
	line-height: 24px;
	font-size: 0.875em;
}
#content.blog .pagination li.first {
	border-radius: 15px 0 0 15px;
}
#content.blog .pagination li.last {
	border-radius: 0 15px 15px 0;
	border-right: 1px #e2e6ec solid;
}
#content.blog .pagination li a {
	text-decoration: none;
	background: none;
	display: inline;
	line-height: 1.2em;
	height: auto;
	width: auto;
	padding:0;
	color: #00b1aa;
}
#content.blog .pagination li:hover {
	background: #f1f3f6;
}
#content.blog .pagination .on, #content.blog .pagination li.on:hover {
	background: #00b1aa;
	color: #ffffff;
}
#content.blog .pagination .on a {
	color: #ffffff;
}
#content.blog #comments h2 {
	border-radius: 0 34px 34px 0;
	padding: 0.3em 0 0.5em 30px;
	color: #ffffff;
	font-size: 1.7em;
	position: relative;
	margin: 60px 0 30px -10px;
	font-weight: normal;
	background: #00b1aa;
}
#content.blog #comments h2:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border: 0px transparent solid;
	border-right: 10px #b4c3cf solid;
	border-bottom: 10px transparent solid;
	bottom: -10px;
	left: 0px;
}
#content.blog #comments ol li {
	list-style-type: none;
}
#content.blog #comments ol .comment-body {
	margin-bottom: 22px;
	background: #ffffff;
	border-radius: 15px 0 15px 0;
	padding: 15px 20px 15px 30px;
	margin-left: 125px;
}
#content.blog #comments ol .comment-body:before {
	content: "";
	display: block;
	position: absolute;
	margin: 25px 0 0 -51px;
	height: 39px;
	width: 21px;
	background: url(img/bg-comment.png) no-repeat;
}
#content.blog #comments ol.children {
	margin-left: 45px;
}
#content.blog #comments .says {
	display: none;
}
#content.blog #comments .avatar {
	position: absolute;
	margin: 5px 0 0 -140px;
	border: 4px #ffffff solid;
	width: 70px;
	height: 70px;
	border-radius: 100%;
}
#content.blog #comments ol.children .reply {
	display: none;
}
#content.blog #comments .reply {
	text-align: right;
	font-size: 0.875em;
	color: #8ea6b6;
}
#content.blog #comments .reply:before {
	content: " < ";
}
#content.blog #comments .reply a {
	color: #8ea6b6;
	text-decoration: none;
}
#content.blog #comments .reply a:hover {
	color: #E6007E;
}
#content.blog #comments b.fn {
	font-size: 1.25em;
	line-height: 1.3em;
	text-decoration: none;
}
#content.blog #comments b.fn a {
	text-decoration: none;
}
#content.blog #comments .comment-metadata {
	color: #c7ced7;
	font-size: 0.9em;
	font-weight: bold;
}
#content.blog .comment-metadata a {
	color: #c7ced7;
	text-decoration: none;
}
#content.blog #comments .comment-content {
	padding: 20px 0;
}
#content.blog #comments .comment-content:before {
	content: "";
	display: block;
	float: left;
	width: 40px;
	height: 24px;
	background: url(img/bg-quote.png) no-repeat;
}
#content.blog #comments .comment-content, #content.blog #comments .comment-content * {
	font-style: italic;
	line-height: 26px;
}
#content.blog #comments input[type="text"], #content.blog #comments input[type="email"], #content.blog #comments textarea {
	border: 1px #d2dee6 solid;
	padding: 12px 21px;
	color: #4b728d;
	width: 100%;
	box-sizing: border-box;
	border-radius: 0;
	position: relative;
	margin: 5px 0;
}
#comments p.form-submit {
	margin-top: 20px;
}
#comments p.form-submit input {
	 background: #e5edf2;
	 z-index: 5;
	 position: relative;
}
#comments p.form-submit:after {
	content: "";
	display: block;
	width: 310px;
	 background: #e5edf2;
	left: 50%;
	margin-left: -155px;
	top: 0;
	height: 40px;
	position: absolute;	
}
#content.blog form span.required:before {
	display: none;
}
#content.blog form span.required {
	color: #00afa9;
}
#content.blog #comments .logged-in-as {
	padding: 0 0 20px 20px;
}
#content.blog #comments form p {
	position: relative;
	padding: 0 0 0.5em 0;
}
#content.blog #comments form p.comment-form-author:before, #content.blog #comments form p.comment-form-email:before, #content.blog #comments form p.comment-form-comment:before {
	content: "*";

	position: absolute;

	color: #00afa9;

	font-weight: bold;

	left: 10px;

	top: 14px;

	font-size: 1.375em;
	z-index: 2;

}
#content.blog #comments .obligatoire {
	padding: 5px 0 5px 20px;
	color: #00afa9;
	font-size: 0.75em;
}
#content.blog article.detail .contenu-text {
	padding-top: 30px;
}
#content.blog .contenu.recherche .col-princ {
	margin-top: -10px;
}
#content.blog .bloc-aside {
	border-radius: 15px 0 15px 0;
	background: #ffffff;
	margin-bottom: 25px;
	padding: 15px;
}
#content.blog .bloc-aside h2 {
	padding: 10px 0;
	font-size: 1.25em;
}
#content.blog .bloc-aside.themes ul {
	margin: 0 -5px;
}
#content.blog .bloc-aside.themes ul li {
	display: inline-block;
}
#content.blog .bloc-aside.themes ul a {
	display: inline-block;
	text-transform: uppercase;
	padding: 8px 15px;
	font-weight: bold;
	font-size: 0.875em;
	text-decoration: none;
	border-radius: 15px 0 15px 0;
	border: 1px #d4e3e9 solid;
	margin: 10px 5px 0 0;
	color: #8ea6b6;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
#content.blog .bloc-aside.themes ul a.on, #content.blog .bloc-aside.themes ul a:hover {
	background: #E6007E;
	color: #ffffff;
	border: 1px #E6007E solid;
}
#content.blog 
.bloc-aside.suivre ul {
	margin: 0 -10px;
	padding: 15px 0 5px 0;
}
#content.blog .bloc-aside.suivre li {
	display: block;
	margin: 0 6px;
	border-radius: 34px;
	list-style-type: none;
	background: #e6007e;
	float: left;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	transition-property: background-color;
	transition-duration: 0.2s;
}
#content.blog .bloc-aside.suivre li:hover {
	background-color: #00b1aa;
}
#content.blog .bloc-aside.suivre img {
	display: block;
}
#content.blog .bloc-aside.suivre .clear {
	height: 5px;
}
#content.blog .bloc-aside.top-articles .num {
	position: absolute;
	margin-left: -50px;
	margin-top: 3px;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
	line-height: 32px;
	border-radius: 16px;
	background: #00b1aa;
	width: 29px;
	padding-right: 3px;
	text-align: center;
	color: #ffffff;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	transition-property: background-color;
	transition-duration: 0.2s;
}
#content.blog .bloc-aside.top-articles li:hover .num {
	background-color: #e6007e;
}
#content.blog .bloc-aside.top-articles li {
	list-style-type: none;
	padding: 15px 0 0 55px;
}
#content.blog .bloc-aside.top-articles .date {
	color: #8ea6b6;
	padding-top: 5px;
	font-size: 0.7em;
}
#content.blog .bloc-aside.top-articles a {
	font-family: "texgyreadventor", Arial, sans-serif;

	color: #8ea6b6;
	text-decoration: none;
}
#content.blog .bloc-aside.top-articles li:hover a, #content.blog .bloc-aside.top-articles li:hover .date {
	color: #e6007e;
}
#content.blog .bloc-aside.recherche {
	border: 1px #e8ebef solid;
	padding: 11px 20px 10px 20px;
	text-align: right;
}
#content.blog .bloc-aside.recherche #s {
	border: 0;
	float: left;
	text-align: left;
}
#content.blog .bloc-aside.recherche .searchsubmit {
	float: right;
	width: 27px;
	height: 27px;
	text-indent: -300px;
	overflow: hidden;
	margin: 0;
	padding:0;
	border: 0;
	background: url(img/ico-rechercher.png) no-repeat 0% 0%;
	cursor: pointer;
}
#content.blog 
.img-une img {
	border-radius: 0 25px 0 0;
}
#content.blog .img-une {
	margin-bottom: 1em;
}
#content.blog .contenu-text {
}
#content.blog .contenu-text p, #content.blog .contenu-text ul, #content.blog .contenu-text ol {
	margin: 1.2em 0 0.7em 0;
}
#content.blog .contenu-text p {
	margin-bottom: 1.2em;
	text-align: justify;
	line-height:1.4em;
}
#content.blog .contenu-text blockquote {
	margin: 1em 0 1em 1em;
	padding: 25px 25px 25px 55px;
	border-radius: 15px;
	font-style: italic;
	background: url(img/bg-quote.png) no-repeat 22px 20px #f6f6f7;
	text-indent: 10px;
}
#content.blog .contenu-text blockquote p {
	margin: 0;
	padding:0;
}
#content.blog .contenu-text a {
	color: #00b1aa;
}
#content.blog .contenu-text a:hover {
	color: #e6007e;
}
#content.blog .contenu-text img {
	max-width: 100%;
	height: auto;
}
#content.blog article .contenu-text h2 {
	padding: 0;
	font-size: 1.875em;
	margin: 1em 0;
}
#content.blog article .contenu-text h3 {
	padding: 0;
	font-weight: normal;
	font-size: 1.5em;
	margin: 0.5em 0 1em 0;
}
#content.blog .contenu-text ul, #content.blog .contenu-text ol {
	padding-left: 10px;
}
#content.blog .contenu-text ul li {
	list-style-type: none;
	padding-left: 30px;
	margin-bottom: 0.5em;
}
#content.blog .contenu-text ul li:before {

	content: "\e601";

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	font-size: 13px;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	position: absolute;

	margin: 3px 0 0 -25px;

}


#content.blog .contenu-text ol {
	counter-reset: liste;
}
#content.blog .contenu-text ol li {
	padding-left: 25px;
	list-style-type: none;
	counter-increment: liste;
	margin-bottom: 0.5em;
}
#content.blog .contenu-text ol li:before {
	content: counter(liste)'.';
	font-weight: bold;
	margin-left: -28px;
	position: absolute;
	font-style: italic;
}
#content.blog article.no-result {
	font-weight: bold;
	background: #f2d1e3;
	padding: 15px 20px;
	font-size: 1.2em;
	color: #e6007e;
	border: 2px #e6007e solid;
}
#content.blog article.no-result p {
	color: #e6007e;
}

/*********************************************************************
	FORM SUCCESS
*********************************************************************/
.form-success {
	/*background: #e5edf2*/;
	background: inherit;
	padding: 100px 0;
}
.form-success .global-page {
	width: 700px;
	padding: 0px;
	background: #ffffff;
	border-radius: 0 20px 0 20px;
	position: relative;
}
.form-success .global-page-bg {
	padding: 70px 60px 45px 60px;
	background: #ffffff;
	position:relative;
	border-radius: 0 20px 0 20px;
}
.form-success .global-page:before {
	content: "";
	display: block;
	width: 250px;
	height: 250px;
	background: #ffffff;
	position: absolute;
	box-shadow: 0px 0px 20px #9eb4c3;
	border-radius: 0 250px 250px 250px;
	left: 0px;
	top: 0px;
}
.form-success h2 {
	text-transform: none;
	color: #17b1a8;
	text-align: center;
	padding: 0;
	margin: 0;
}
.form-success h2:after {
	display: none;
}
.form-success br {
	display: none;
}
.form-success .contenu-texte {
    color: #4b728d;    
    padding-top: 20px;
}
.form-success .contenu-texte br, .form-success .signature br {
	display: inline-block;
}
.form-success .titre {
	text-transform: none;
	color: #17b1a8;
	text-align: center;
	border-top: 1px #17b1a8 solid;
	border-bottom: 1px #17b1a8 solid;
	padding: 45px 0;
	position:relative;
	margin: 0 0 0px 0;
}
.form-success .titre h2 {
	font-size: 2em;
	font-weight: normal;
}
.form-success .titre:before {
	content: "";
	display: block;
	width: 100%;
	height: 58px;
	background: url(img/ico-form-success.png) no-repeat 50% 50%;
	position: absolute;
	top: -30px;
	left:0;
}
.form-success .titre .link {
	color: #e6007e;
	font-size: 1.125em;
	padding-top: 25px;
}
.form-success .titre .link a {
	color: #e6007e;
	font-weight: bold;
	word-wrap: break-word;
}
.form-success .contenu-texte {
	text-align: center;
}
.form-success .contenu-texte, .form-success .contenu-texte p {
	line-height: 2em;
}
.form-success .signature {
	padding-top: 0;
	text-align: center;
}
.form-success .contenu-texte p, .form-success .siganture p {
	text-align: center;
}
.form-success .contenu-texte a {
	color: #17b1a9;
}


/*********************************************************************

	RESPONSIVE MENU

*********************************************************************/
#header .logo a, #header .logo img, #header .logo {
	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;

}
.menu-mobile-plus {

	display: none;

}

@media screen and (max-width: 1180px) {
	body.scroll #header .logo {
		width: 55px;
	}
	#header .logo-lang {
		left: -15px;
	}

	#header .logo {
		width: 60px;
	}
	body.scroll #header .logo a, #header .logo a {
		position: relative;
		overflow: hidden;
		display: block;
	}

	body.scroll #header .logo img, #header .logo img {
		max-width: 300px;
		position: relative;
		margin-left: -110px;
	}

	body.scroll #header .logo img {
		margin-left: -85px;
	}

	#header .menu-site nav .menu-princ a {
		padding: 0 10px;
	}
	#header .menu-site nav ul#menu-main-menu-fr > .current-menu-item > a:before, #header .menu-site nav ul#menu-main-menu-fr > .current-page-ancestor > a:before, #header .menu-site nav ul#menu-main-menu-fr > .current-menu-ancestor > a:before, #header .menu-site nav ul#menu-main-menu-fr > .current-menu-parent > a:before, #header .menu-site nav ul#menu-main-menu-fr > .current-page-parent > a:before, #header .menu-site nav ul#menu-main-menu-fr > .current_page_parent > a:before, #header .menu-site nav ul#menu-main-menu-fr > .current_page_ancestor > a:before {
		left: 10px;
		right: 10px;
	}
	.carousel-home .ico-nav-left {
		display: none;
	}

	.carousel-home .ico-nav-right {

		display: none;
	}

	#header .menu-site nav .menu-princ .login a, #header .menu-site nav .menu-princ .contact a {
		width: auto;
		padding: 0 5px;
	}
}

@media screen and (max-width: 905px) {
	body.scroll #header .logo {
		width: 140px;
	}

	body.scroll #header .logo img, #header .logo img {
		margin-left: 0;
	}
	#header .logo {
		width: 175px;
	}

	#header .menu-site nav li.overview {

		display: block;

	}

	.burger-mobile {

		display: block;

	}

	.mmobile #header .menu-site nav .searchform.mobile {
		display: block;
	}
	#header {

	}

	nav {

		position: absolute;

		width: 100%;

		float: none;

		background: #4b728d;

		top: 79px;

	}

	nav li {

		display: none !important;

	}

	.mmobile nav li, nav li.contact, nav li.login {

		display: block !important;

	}

	.menu-site {

		background: #ffffff;

	}

	body.scroll nav {

		top: 60px;

	}

	#header .menu-site nav .menu-princ,

	#header .menu-site nav ul ul, #header .menu-site nav  .menu-princ li, #header .menu-site nav  .menu-princ a, #header .menu-site nav .menu-princ .contact a {

		display: block;

		float: none;

		opacity: 1;

		visibility: visible;

		color: #ffffff;

		position: relative;

		width: auto !important;
		border: 0;

	}

	body.scroll #header .menu-site nav .menu-princ a, #header .menu-site nav  .menu-princ a {

		height: auto;

		line-height: 1.2em;

		padding: 20px;

		border-bottom: 4px #4e7e9d solid;

	}

	#header .menu-site nav  .menu-princ .contact, #header .menu-site nav .menu-princ .login {

		position: fixed !important;

		top: 40px;

		right: 79px;

	}

	.scroll #header .menu-site nav .menu-princ .contact, .scroll #header .menu-site nav .menu-princ .login {

		top: 0px;

		right: 60px;

	}

	.header-search {

		display: none;

	}

	#header .menu-site nav .menu-princ .contact a, #header .menu-site nav .menu-princ .login a {

		width: 100px !important;

		box-sizing: border-box;

		display: table-cell !important;

		vertical-align: middle  !important;

		text-align: center;

		height: 79px;

		border: 0 !important;

	}

	.scroll #header .menu-site nav .menu-princ .contact a, .scroll #header .menu-site nav .menu-princ .login a {

		height: 60px;

	}

	#header .menu-site nav .menu-princ .login {

		right: 179px;

	}

	.scroll #header .menu-site nav .menu-princ .login {

		right: 160px;

	}

	.scroll #header .menu-site nav .menu-princ .contact a, .scroll #header .menu-site nav .menu-princ .login a {

		top: 0px;

	}

	#header .menu-site nav .menu-princ ul > .current-menu-item > a:before, #header .menu-site nav .menu-princ ul > .current-page-ancestor > a:before, #header .menu-site nav .menu-princ ul > .current-menu-ancestor > a:before, #header .menu-site nav .menu-princ ul > .current-menu-parent > a:before, #header .menu-site nav .menu-princ ul > .current-page-parent > a:before, #header .menu-site nav .menu-princ ul > .current_page_parent > a:before, #header .menu-site nav .menu-princ ul > .current_page_ancestor > a:before {

		display: none !important;

	}

	#header .menu-site nav ul ul {

		display: none;

		background: #e5edf2;

	}

	#header .menu-site nav .header-search a.ico {

		display: none;

	}

	#header .menu-site nav .menu-princ a {

		background: #4b728d;

	}
	#header .menu-site nav ul ul li.action {
		display: none !important;
	}

	#header .menu-site nav .menu-princ a.ssmenu {

		background: url(img/ico-ssmenu-mobile.png) no-repeat 100% 50% #4b728d;

	}

	#header .menu-site nav .menu-princ .on a.ssmenu {

		background: url(img/ico-ssmenu-mobile-on.png) no-repeat 100% 50% #4b728d;

	}

	#header .menu-site nav .menu-princ ul br {
		display: inline;
	}
	#header .menu-site nav .menu-princ ul ul a {

		background: #f1f3f6;

		color: #4b728d !important;

		border-bottom: 4px #e6ebf2 solid !important;

	}

	#header .menu-site nav .menu-princ ul ul a:hover {

		background: #e6ebf2;

	}

	#header {

		-webkit-transition: none ease 0s !important;

		-moz-transition: none ease 0s !important;

		transition: none ease 0s !important;

		border-bottom: 1px #e4ebf1 solid;

	}
	.experience-overview-prods .block-highlights:before {
		display: none;
	}

	#header .menu-site nav.search ul a {

		display: block;

	}

	#header .menu-site nav.search {

		padding-left: 0;

	}
	#header .menu-site nav.search .burger-search {
		display: none;
	}


}



@media screen and (max-width: 580px) {
	#header .menu-site nav .menu-princ .contact a, #header .menu-site nav .menu-princ .login a {
		width: 80px !important;
	}
	#header .menu-site nav .menu-princ .login {
		right: 159px;
	}
	#header .logo {
		width: 130px;
	}
	#header .logo img {
		margin-top: 5px;
		height: 30px;
	}
}
@media screen and (max-width: 480px) {
	.menu-modules {
		position: absolute;
	}

	.mmobile body #header .menu-mobile-plus {
		display: block !important;
	}

	#header .menu-site nav .menu-links a {
		border :0;
	}
	.burger-mobile {

		height: 60px;

		width: 60px;

		top: 0px;

	}
	nav {

		top: 60px;

	}

	#header .menu-site nav .menu-princ .contact, #header .menu-site nav .menu-princ .login,

	.scroll #header .menu-site nav .menu-princ .contact, .scroll #header .menu-site nav .menu-princ .login {

		position: static !important;

		top: auto;

		right: auto;

	}

	.scroll #header .menu-site nav .menu-princ .contact a, .scroll #header .menu-site nav .menu-princ .login a,

	#header .menu-site nav .menu-princ .contact a, #header .menu-site nav .menu-princ .login a {

		width: auto !important;

		box-sizing: border-box;

		display: block !important;

		vertical-align: middle  !important;

		text-align: center;

		height: auto;

		padding: 20px;

		border: 0 !important;

	}

	#header .menu-site nav .menu-princ .login, .scroll #header .menu-site nav .menu-princ .login {

		right: auto;

	}

	.scroll #header .menu-site nav .menu-princ .contact a, .scroll #header .menu-site nav .menu-princ .login a {

		top: auto;

	}

	nav .menu-princ li.contact, nav .menu-princ li.login {

		display: none !important;

	}

	.mmobile nav .menu-princ li.contact, .mmobile nav .menu-princ li.login {

		display: block !important;

	}
	#header nav .menu-links.menu-mobile-plus {
		border-top: 4px solid #4e7e9d;
		clear: both;
	}
	#header nav .menu-links .tel {
		border-top: 4px solid #4e7e9d;
		clear: both;
		display: none;
		background: url(img/ico-header-tel.png) no-repeat 20px 50% #4b728d;
	}

	body.mmobile #header nav .menu-links.menu-mobile-plus .tel, body.mmobile #header nav .menu-plus, body.mmobile #header .menu-links.menu-mobile-plus {
		display: block;
	}

	body #header .menu-links {

		display: none;

	}

	body #header {

		height: 60px;

	}

	body #header .menu-lang .active {

		height: 60px;

		line-height: 60px;

	}

	body #header .menu-lang ul {

		top: 60px;

	}

	body #header .logo {

		padding-top: 10px;

		width: 140px;

	}

	body #header .logo img {

		height: 31px;

	}

	.menu-site {

		background: none;

	}

	body #content {

		padding-top: 60px;

	}
	#header {
		position: absolute;
	}
	#header .menu-lang .active {
		border-right: 0;
		border-left: 1px #ffffff solid;
		position: relative;
	}

	#header .menu-lang .active:before {
		content: "";
		position: absolute;
		left: 0;
		top: 15px;
		bottom: 15px;
		width: 1px;
		display: block;
		background: #e4ebf1;
	}

	#header .menu-lang:hover .active:before {
		display: none;
	}
	#header .menu-site nav .menu-princ .blog, .scroll #header .menu-site nav .menu-princ .blog {
		display: none !important;
	}

	.scroll #header .menu-site nav .menu-princ .contact, #header .menu-site nav .menu-princ .contact {
		width: 50% !important;
	}
	.scroll #header .menu-site nav .menu-princ .login a, #header .menu-site nav .menu-princ .login a,
	.scroll #header .menu-site nav .menu-princ .contact a, #header .menu-site nav .menu-princ .contact a {
		font-size: 14px;
		text-align: left;
		height: 54px;
	}
	.scroll #header .menu-site nav .menu-princ .login a, #header .menu-site nav .menu-princ .login a {
	    float: right;
	    width: 50% !important;  
	}
	#header .menu-mobile-plus.menu-links {
		position: relative;
	}
	#header .menu-mobile-plus.menu-links li.login {
		position: absolute;
		top: -58px;
		right: 0;
		width: 50%;
		border-left: 0;
		z-index:10;
		margin: 0;
	}
	#header .menu-mobile-plus.menu-links li.login a, #header .menu-mobile-plus.menu-links li.login a:hover {
		background: #e6007e;
		line-height: 1.2em;
		padding: 20px;
		height: 54px;
		box-sizing: border-box;
		opacity: 1;
		font-size: 14px;
		font-weight: normal;
		width: auto;
	}
	#header nav .menu-links .tel {
		height: 50px;
		line-height: 48px;
		border-top: 0;
		font-size: 12px;
		color: #ffffff;
		padding-left: 20px;
		background: #4b728d;
		border-bottom: 4px #4e7e9d solid;
		clear: none;
	}
	#header .menu-links ul {
		float: right;
	}

	.menu-mobile-plus .blog {
		display:none !important;
	}


	#header .menu-links li {
		margin-top: 0;
		height: 50px;
		border-left: 4px #4e7e9d solid;
	}
	#header .menu-links li a, #header .menu-links li a:hover {
		height: 50px;
		width: 50px;
		line-height: 50px;
	}

	#header .menu-links li.facebook a {

		background: url(img/ico-header-fb.png) no-repeat 50% 50%;

	}

	#header .menu-links li.facebook a:hover {

		background: url(img/ico-header-fb.png) no-repeat 50% 50% #5e73a5;

	}

	#header .menu-links li.twitter a {

		background: url(img/ico-header-tw.png) no-repeat 50% 50%;

	}

	#header .menu-links li.twitter a:hover {

		background: url(img/ico-header-tw.png) no-repeat 50% 50% #00b7fe;

	}

	#header .menu-links li.linkedin a {

		background: url(img/ico-header-in.png) no-repeat 50% 50%;

	}

	#header .menu-links li.linkedin a:hover {

		background: url(img/ico-header-in.png) no-repeat 50% 50% #0292dc;

	}


}	
	
	
	
/*********************************************************************

	RESPONSIVE SITE

*********************************************************************/

.visible-mobile {

	display: none;

}
.view-mobile-before {

	display: none !important;

}

.visible-tablet {

	display: none;

}

/* slider publis */
@media screen and (max-width: 1270px) {

	.liste-publications .global-page, .slide-publication .global-page.nav {
		width: 100%;
		box-sizing: border-box;
		padding-right: 80px;
		padding-left: 80px;
		left: auto;
		margin: 0;
	}
	.block-slider.slide-publication .ico-nav-right, .block-slider.slide-publication .ico-nav-right:hover,
	.block-slider.slide-publication .ico-nav-left, .block-slider.slide-publication .ico-nav-left:hover {
		width: 60px;
		height: 60px;
		background-size: cover;
	}
	.block-slider.slide-publication .ico-nav-left {
		left: 10px;
	}
	.block-slider.slide-publication .ico-nav-right {
		right: 10px;
	}
    .experience-overview-prods .block-highlights:before {

    	width: auto;
    	left: 0;

    	right: 0;

    	margin-left: 0;

    }
    .block-banner::before, .block-banner::after {
      display: none;  
    }
}

/* tablette */
@media screen and (max-width: 960px) {

	.visible-tablet {

		display: block;

	}

	#footer a.top {

		right: 10px;

	}
	body {

		overflow-x: auto;	

	}

	#content.blog .global-page, .global-page { padding-left: 20px; padding-right: 20px; width: auto; }

	.block-header h1 {

		font-size: 3.75em;

	}

	.block-header.min-titre h1,

	.titre-section h2 {

		font-size: 1.5em;

	}	

	.block-header .sstitre {

		font-size: 3em;

	}

	.footer-menu.decroche .global-page:before, .footer-menu.decroche .global-page:after,

	.block-banner:before, .block-banner:after, .block-banner .global-page:before, .block-banner .global-page:after {

		display: none;

	}

	.footer-menu.decroche .global-page, .block-banner .global-page {

		width: auto;

	}

	.block-sentence .quote, .quote-texte {

		font-size: 1.5em;

	}

	.titre-section .sstitre {

		padding-left: 30px;

		padding-right: 30px;	

	}

	.services-big-num {

		font-size: 5em;

		padding-left: 0;

	}

	.services-big-num-txt {

		margin-left: 140px;

	}

	.services-list-circles ul {

		text-align: center;

	}

	.card-partenaire, .card-partenaire.first {

		margin-right: 10px !important;

		margin-left: 10px !important;

		display: inline-block;

		float: none;

	}

	.clients .liste-card-partenaire, .liste-card-partenaire {

		text-align: center;

		margin-left: 0;

		margin-right: 0;

		padding-left: 0;

		float: none;

	}

	.block-banner .col35, .block-banner .col30 {

		float: none;

		width: auto;

	}

	.block-banner .col35 .extrait, .block-banner .col30 .extrait {

		min-height: auto;

	}

	.acces-modules-bottom .global-page:before {

		left: -30px;

	}

	.acces-modules-bottom .global-page:after {

		left: 304px;

	}

	.block-tabs-module .content-tab ul {

		max-width: 100%;

		position:static;

		top: 0;

	}

	.block-tabs-module .contents-tabs {

		padding-bottom: 250px;

	}

	.acces-modules {

		margin: 0 auto;

	}

	.block-tabs-module .content-tab img {

		max-width: 100%;

	}

	.block-tabs-module ul.menu-tabs {

		font-size: 1.2em;

	}

	.block-tabs-module ul.menu-tabs a {

		padding-left: 15px;

		padding-right: 15px;

	}

	.block-highlights .highlight, .block-highlights .highlight.first {

		float: none !important;

		display: inline-block;

		margin: 20px 20px 0 20px;

	}

	.block-highlights {

		text-align: center;

	}

	.overview-expertise-schema  .bandeau-btn {

		margin-bottom: 30px;

	}

	.menu-modules ul {

		width: auto;

	}

	.menu-modules ul li {

		width: 14%;

	}

	.menu-modules ul li a {

		width: 100%;

	}

	#content .menu-modules a em {

		font-size: 30px;

	}

	.visu-centric {

		margin-top: 10px;

		text-align:center;

	}

	.list-equipe-first .bio {

		margin-left: 0;

		padding-top: 10px;

	}

	.form-souscription.bg-grey.overview .cadre, .form-souscription.overview .global-page {

		width: auto;

	}

	.form-souscription.bg-grey .cadre {

		width: auto;

		border: 0;

	}

	#slide-home ul.slides {
		height: 550px;
	}
	#slide-home .slides li {
		height: 550px;
	}
	section.iframe-video.home h1,
	#slide-home h1 {
		font-size: 2.5rem;
	}
    section.iframe-video.home h1 strong,
	#slide-home h1 strong {
		font-size: 3rem;
	}
	#slide-home .slides .visu {
		padding-top:60px;
	}
}


.global-page {
}


@media screen and (max-width: 946px) {
	.col.valign-middle.colonnes-2-tablet {
		display: block;
	}
	.col.valign-middle.colonnes-2-tablet img { width: auto; }

	.colonnes-2-tablet {

		-webkit-columns: 2;

		-moz-columns: 2;

		columns: 2;

		-webkit-column-gap: 30px;

		-moz-column-gap: 30px;

		column-gap: 30px;
		padding-left: 0 !important;
		box-sizing: border-box;
		width: 100%;
		overflow:hidden;
		float: none;
		height: 100%;
		max-width: 100%;
	}
	.mobile-before.tablet-before {
		display: none !important;
	}

	.view-mobile-before.tablet-before {
		display: block !important;
		width: auto;
		padding-bottom: 20px;
		float: none;

	}

	.clear40 {
		height: 20px;
	}
	.pattern {

		background: url(img/pattern.png) repeat rgba(255, 255, 255, 0.35);

	}

	.form-success .global-page-bg { padding-left: 20px; padding-right: 20px;}

	.carousel-home .global-page {
		padding: 0;
	}
	.block-header h1 {

		font-size: 1.9em;

	}

	.block-sentence .quote, .quote-texte {

		font-size: 1.3em;

		padding-left: 0;

		padding-right: 0;

	}

	.block-sentence .quote:before, .block-sentence .quote:after, .quote-texte:before, .quote-texte:after {

		font-size: 25px;

	}

	.titre-section .sstitre {

		padding-left: 0;

		padding-right: 0;	

	}

	.services-big-num-txt {

		padding-right: 0;

	}

	.services-big-num-txt .extrait {

		min-height: auto;

	}

	.footer-menu.decroche .global-page {

		padding-left: 10px;

		padding-right: 10px;

	}

	#footer .global-page {

		padding-right: 80px;

	}

	.footer-menu.decroche li a {
		padding: 15px 25px;
		height: 55px;
	}
	.footer-menu.decroche li a div.ico {
		display: block;
		font-size: 40px;
		height: 60px;
		line-height: 60px;
		width: 60px;
		margin: -2px 0 0 20px;
	}	
	.footer-menu.decroche li a div.ico span {
		line-height: 60px;
	}	
	.footer-menu.decroche .global-page {
		padding-top: 10px;
	}
	.footer-menu li {
		margin-bottom: 5px;
	}
	.footer-menu a h3 {
		display: table-cell;
		height: 55px;
		vertical-align: middle;
	}

	.footer-menu.decroche li a div {
		display: none;
	}
	.footer-menu a h3 {
		padding: 0;
	}

	.bande-info .global-page:before {

		display: none;

	}

	.bande-info .global-page-bg {

		padding: 15px 10px;

	}

	.bg-blue-mobile .icon-decroche {

		color: #4b728d;

	}	

	.bg-blue-mobile {

		background: #4b728d;

	}	
	#content.produit-saas {
		padding-top: 167px;
	}

	.block-places-offices-corpo li img {

		max-width: 125px;
	}
	.block-places-offices-corpo li .resume-contact {

		margin-left: 150px;

	}
	.block-places-offices-corpo h3 {
		padding-top: 0;
	}
	.apropos-solutions .liste-card-partenaire,
    .page-template-tpl_ressources_overview .liste-card-partenaire,
	.liste-card-partenaire {
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	.home .liste-card-partenaire {
		max-width: none;
	}
	.home .card-partenaire, .home .card-partenaire.first {
		display: block;
		float: left;
	}
	.home .clients .liste-card-partenaire {
	    float: left;
	    overflow: hidden;    
	}
	
	.banner-decroche {
		display: none;
	}
	.page-template-tpl_a_propos_partenaires .card-partenaire,
	.page-template-tpl_clients_overview .card-partenaire {
		height: 200px;
		margin-left: 25px;
		margin-top: 20px;
		width: 200px;
	}
	.page-template-tpl_a_propos_partenaires .card-partenaire .visu,
	.page-template-tpl_clients_overview .card-partenaire .visu {
		height: 180px;
		line-height: 180px;
		width: 180px;
	}
	.page-template-tpl_a_propos_partenaires .liste-card-partenaire .intro,
	.page-template-tpl_a_propos_partenaires .liste-card-partenaire .intro {
		display: none;
	}
	.page-template-tpl_a_propos_partenaires .liste-card-partenaire .resume img, .page-template-tpl_a_propos_partenaires .liste-card-partenaire .visu img,
	.page-template-tpl_clients_overview .liste-card-partenaire .resume img, .page-template-tpl_clients_overview .liste-card-partenaire .visu img,
	.clients .liste-card-partenaire .resume img, .clients .liste-card-partenaire .visu img {
		max-width: 150px;
	}
	.clients .liste-card-partenaire {
		height: 450px;
	}
	
	/* services */
	.page-template-tpl_services_overview .card-partenaire {
		vertical-align: top;
		margin-top: 20px;
	}

	.block-banner.sms .cols {

		background-image: none;

	}
	.accolade {

		display: none;

	}

	.services-list-circles li.double {

		width: 202px;

	}

	.block-banner .visu-circle {

		text-align: center;

	}

	.block-banner .visu-circle .col {

		margin-top: 10px;

		display: inline-block;

		padding-left: 10px;

		padding-right: 10px;

	}

	.block-banner ol li.col {

		box-sizing: border-box;

		clear: none;

		float: left !important;

		min-height: 50px;

		padding-top: 0;

		width: 33.33% !important;

	}

	.services-list-circles.space ul {

		margin-left: 0;

	}

	.services-responsive-pourquoi .text-right {

		text-align: left;

		padding-bottom: 30px;

	}
	.experience-overview-prods .services-list-circles .fleche {
		display: none;
	}
	.page-template-tpl_services_deliverabilite .block-banner .col35, .page-template-tpl_services_deliverabilite .block-banner .col30 {

		float: left;

		width: 30%;

	}
	.page-template-tpl_services_deliverabilite .block-banner .col35 {
		width: 35%;
	}
	.page-template-tpl_services_deliverabilite .services-big-num {
		float: none;
	}
	.page-template-tpl_services_deliverabilite .col35.cent div.services-big-num-txt,
	.page-template-tpl_services_deliverabilite div.services-big-num-txt {
		margin: 0;
	}
	.services-big-num div.unit {
		text-align: left;
	}
	.block-texte.services-anti-spam {
		overflow:hidden;
	}
	.page-template-tpl_services_responsive .services-list-circles ul {
	}

	.page-template-tpl_services_responsive .services-list-circles li {
		margin-left: 10px;
		margin-right: 10px;
	}
	.page-template-tpl_services_smtp-php .col55 {
		display: none;
	}

	.page-template-tpl_services_smtp-php .col45 {
		width: auto;
		float: none;
	}

	.services-delivrabilite .titre-section {
		text-align: center;
	}
	.services-delivrabilite img.large {
		display: block;
		margin: 10px auto;
	}
	.page-template-tpl_services_smtp-php .list-circle-add li {
		float: none;
		display: inline-block;
	}
	.page-template-tpl_services_smtp-php .list-circle-add {
		text-align: center;
	}
	.nocols-tablet.cols, .nocols-tablet.col {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}
	.notablet {
		display: none;
	}

	/* solutions */

	.block-tabs-module .content-tab, .block-tabs-module .content-tab img {

		padding: 0;

		margin: 0;

	}
	

	/* experience client */

	.list-circle-add li {

		float: none;

	}

	.experience-overview-prods .block-highlights:before {

		display: none;

	}

	.encadre-besoin .resume {

		min-height: 10px;

	}

	.apropos-list-pays ul li,

	.block-banner ul.offices li {

		margin-top: 10px;

		margin-bottom: 10px;

	}
	.encart-num .num {
		font-size: 4.5em;
	}

	.apropos-fiabilite .colonnes-2 {
		padding-top: 0;
	}
	.experience-client-change .colonnes-2,
	.apropos-fiabilite .colonnes-2 {
		-moz-column-gap: 280px;
		-webkti-column-gap :280px;
		column-gap: 280px;
	}
	.experience-client-change .encart-num-absolute {

		margin-left: 33%;

	}	
	.encadre-bord {
		background-position: 95% 75%
	}

	/* solutions saas */
	.modules-saas.solution-crm .clear40 {
		display: none;
	}
	section.block-texte.apropos-solutions {
		padding-top: 0;
	}
	.modules-saas.overview .acces-modules.solutions {
		transform: scale(0.7);
		left: 50%;
		margin-left: -210px;
		margin-top: -80px;
		margin-bottom: -80px;
	}
	.iframe-video .clear40 {
		height: 15px;
	}

	.detail-module .block-banner li {

		display: inline-block;

		height: 64px;

		width: auto;

		min-width: auto;

	}

	.detail-module .block-banner li img {

		position: static;

		margin: 0 10px 0 0;

		vertical-align: middle;

	}

	.apropos-solutions .liste-card-partenaire {

		height: auto;

	}

	#content .menu-modules a {

		font-size: 0.6em;

	}

	.modules-saas.overview .col25, .modules-saas.overview .col25 div {

		height: auto;

	}

	.modules-saas.overview .col25 div {

		margin: 100px 0 15px 0;

	}
	.modules-saas.overview .col25 div.pink {
		margin-top: 90px;
	}

	#content .menu-modules a em {

		font-size: 25px;

		height: 34px;

		line-height: 30px;

		vertical-align: middle;

	}

	.menu-modules {

		top: 119px;

	}

	#content .detail-module.report .menu-modules .report a em, #content .detail-module.data .menu-modules .data a em, #content .detail-module.target .menu-modules .target a em, #content .detail-module.scenario .menu-modules .scenario a em, #content .detail-module.designer .menu-modules .designer a em, #content .detail-module.engagement .menu-modules .engagement a em, #content .detail-module.clienteling .menu-modules .clienteling a em, #content .menu-modules .on a em,

	.scroll #content .detail-module.report .menu-modules .report a em, .scroll #content .detail-module.data .menu-modules .data a em, .scroll #content .detail-module.target .menu-modules .target a em, .scroll #content .detail-module.scenario .menu-modules .scenario a em, .scroll #content .detail-module.designer .menu-modules .designer a em, .scroll #content .detail-module.engagement .menu-modules .engagement a em, .scroll #content .detail-module.clienteling .menu-modules .clienteling a em, .scroll #content .menu-modules .on a em {

		font-size: 35px;

		line-height: 50px;

	}

	.menu-modules ul {

		height: 47px;

	}
	.detail-module {
		padding-top: 47px;
	}
	.detail-module .clear40, .detail-module .clear20 {
		display: none;
	}

	.scroll #content .menu-modules a span, #content .menu-modules a span {

		display: none;

	}

	#content .menu-modules a {

		width: auto;

		height: 48px;

		line-height: 48px;

	}

	.detail-module .block-tabs-module .titre-section {

		background: none;

	}

	.block-tabs-module .content-tab {

		display: block;

	}
	.modules-saas.solution-cem .col27 li {
		float: left;
		box-sizing: border-box;
		width: 50%;
		padding-left: 5px;
	}
	.modules-saas.solution-cem .col27 li.engagement, .modules-saas.solution-cem .col27 li.report,
	.modules-saas.solution-cem .col27 li.data, .modules-saas.solution-cem .col27 li.scenario {
		clear: both;
		padding-left: 0;
		padding-right: 5px;
	}

	.modules-saas.overview .schema {
		text-align: center;
		background-size: auto 300px;
		background-position: 50% 0%
	}
	.modules-saas.overview .schema  .col {
		text-align: center;
	}
	.modules-saas.overview .col25 div {
		text-align: center;
		display: block;
	}
	.detail-module .block-tabs-module .titre-section {
		padding-bottom: 10px;
	}
	.apropos-solutions .liste-card-partenaire {
		margin-left: 0;
		margin-right: 0;
	}
	.detail-module.scenario .block-banner li {
		float: left;
		width: 33.33%;
		padding: 0 10px 0 0;
		font-size: 0.8rem;
	}
	.modules-saas.solution-cem.produit .cols, .modules-saas.solution-cem.produit .col {
		padding: 0;
		margin: 0;
		width: auto;
		float: none;
	}
	/* a propos */

	.page-template-tpl_a_propos_pourquoi section.block-texte.apropos-solutions {
		padding-top: 50px;
	}
	.apropos-image-map {

		height: auto;

		padding:40px 0 80px 0;

		background: none;

		text-align: center;

	}

	.apropos-image-map a.text {

		top: auto !important;

		margin: 10px !important;

		left: auto !important;

		position: static;

		display: inline-block;

	}

	.apropos-image-map a.text div {

		opacity: 1;

	}

	.apropos-image-map a.point {

		display: none;

	}

	.apropos-expertise .encadre .contenus {

		min-height: 200px;

	}

	.list-equipe {

		text-align: center;

		padding-bottom:70px;

	}

	.list-equipe-first .fonction:after {

		margin-left:auto;

		margin-right:auto;

	}

	.liste-event li,

	.liste-emploi li {

		padding-top: 25px;

		padding-right: 15px;

		padding-left: 15px;

	}

	.liste-event li h4,

	.liste-emploi h3 {

		padding-top: 40px;

	}

	.liste-event li h3 {

		paddig-top: 100px;

	}

	.liste-event .encart,

	.liste-emploi .encart {

		margin-top: -10px;

	}

	.bande-postuler .global-page::before {

		display: none;

	}

	.bande-postuler .global-page {

		width: auto;

	}

	.bande-postuler {

		margin-top: 60px;

	}

	.form .col-first, .form .col-last {

		width: auto;

		float: none;

		padding-left: 0;

		padding-right: 0;

	}

	.form li.gfield_contains_required.col-last:before {

		left: 10px;

	}
	#content .btns-actions .btn {

		margin: 5px;

	}

	.emploi-detail .location {

		width: auto;

		float: none;

		margin: 0;

	}

	.emploi-detail .intro {

		padding-top: 25px;

	}

	.block-header-contact .encart-contact {
		width: 300px;
	}
	.block-header-contact .coords .addr, .block-header-contact .coords .tel {
		padding-left: 55px;
		background-size: 45px 45px;
		padding-top: 30px;
		min-height: 75px;
	}
	.block-header-contact .frame { 
		margin-left: 300px;
	}
	.block-texte.apropos-expertise .col {
		padding-left: 15px;
	}

	/* ressources */
	.page-template-tpl_ressources_overview .liste-card-partenaire {
		margin-top: 30px;
	}
	.page-template-tpl_ressources_overview .card-partenaire {
		margin-top: 0px;
		margin-left: 25px !important;
		margin-right: 25px !important;
	}
	.slide-publication h2, .slide-publication .sstitre {
		font-size: 1.6em;
		line-height: 1.2em;
	}
	.slide-publication .infos {
		width: 45%;
	}
	#content .slide-publication .btn.big {
		min-width: 230px;
	}

	.detail-event .intro .visu {

		float: none;

		width: 100%

	}

	.liste-event h3 select {

		float: none;

		margin-bottom: 15px;

		margin-left: -75px;

	}

	.liste-event h3 {

		background-position: 15px 90% !important;

	}

	.liste-event li.soon {

		padding-left: 70px;

	}

	.detail-event .intro .excerpt {

		width: auto;

	}

	.form-souscription .global-page {

		width: auto;

	}
	.cols-home {
		padding: 30px 0 60px 0;
	}
	.cols-home .col .visu {
		margin-top: 30px;
	}
	#slide-home ul.slides {
		height: 450px;
	}
	#slide-home .slides li {
		height: 450px;
	}
	section.iframe-video.home h1,
	#slide-home h1 {
		font-size: 2rem;
	}
    section.iframe-video.home h1 strong,
	#slide-home h1 strong {
		font-size: 2.5rem;
	}
	#slide-home .slides .visu {
		padding-top:40px;
		margin: 0 auto;
		min-height: 60px;
	}

	#footer ul {
		padding-right: 0px;
	}

	#footer a.top {

		width: 40px;

		height: 40px;
		background-size: cover;

		top: 0;

	}

	.block-header .btn-next:before, .block-header .btn-next:after {

		width: 120px;

		height: 59px;

		background-size: cover;

	}
	.block-header .btn-next {

		width: 120px;

		height: 60px;

		margin-left: -60px;
		bottom: 0;

	}
	.footer-menu a h3 {
		font-size: 1.1em;
	}
	#content.blog aside {
		padding-top: 70px;
	}
	#slide-home .slides li {
		display: table;
		vertical-align: middle;
	}
	#slide-home .slides .content {
		display: table-cell;
		vertical-align: middle;
	}
	#slide-home .slides .visu {
		padding-top: 0;
	}
	.block-header .sstitre {
		font-size: 2em;
	}
	.block-header.services-overview,
	.block-header.apropos-overview,
	.block-header.clients-overview,
	.block-header.experience-overview,
	.block-header.solutions-overview {
		padding-bottom: 130px;
	}
	
	/* home */
	.cols-home .cols, .cols-home .col {
		float: none;
		margin: 0;
		padding: 0;
		clear: both;
		width: auto;
	}
	.cols-home {
		padding: 10px 0;
	}
	.cols-home .padding-col .col {
		position: relative;
		padding-left: 260px;
		min-height: 225px;
		padding: 15px 0 0 240px;
		margin-bottom: 15px;
		border-top: 1px #e5edf2 solid;
	}
	.cols-home .padding-col .col:first-child {
		border: 0;
	}
	.cols-home .col .visu {
		position: absolute;
		left: 0;
		margin-top: 0;
		width: 210px;
	}
	.cols-home h2 {
		padding-top: 0;
		text-align: left;
	}
	.cols-home .resume {
		text-align: left;
		padding-bottom: 0;
	}
	.padding-col.cols {
		margin-left: 0;
	}
	.cols-home a.block {
		float: left;
		box-sizing: border-box;
		padding-right: 30px;
		width: 60%;
		min-height: 210px;
		vertical-align: middle;
	}
	.cols-home .valign {
		height: 210px;
		display: table-cell;
		vertical-align: middle;
	}
	.cols-home .valign.btns {
		height: 210px;
		display: table-cell;
		vertical-align: middle;
		width: 40%;
	}
	.block-places-offices-corpo li {
		padding: 0 *20px 20px 0;
		min-height: 205px;
	}
	/* highlight */
	.line-responsive .highlight {
		width: 235px;
		height: 400px;
	}
	.line-responsive .global-page {
		padding: 0;
	}
	.block-highlights.line-responsive .highlight, .block-highlights.line-responsive .highlight.first {
		margin-left: 10px;
		margin-right: 10px;
	}
	.line-responsive .highlight .intro {
		min-width: 100px;
	}
	.line-responsive .highlight .resume ul {
		display: block;
		font-size: 0.9em;
		text-align: left;
	}
	
}

/* highlight */
@media screen and (max-width: 773px) {
	.block-highlights.line-responsive .highlight, .block-highlights.line-responsive .highlight.first {

		width: auto;
		height: auto;
		float: none;
		display: block;
	}
	.line-responsive .cadre-highlight {
		margin: 0 -20px;
		position: static;
		min-height: 150px;
	}
	.highlight .intro .sstitre:before, .line-responsive .highlight .intro br,
	.line-responsive .highlight h3 span:before, .line-responsive .highlight h3 span:after,
	.line-responsive .highlight h3:before, .line-responsive .highlight h3:after,
	.line-responsive .highlight .hover, .line-responsive .highlight .resume:before, .line-responsive .highlight:before, .line-responsive .highlight:after {
		display: none;
	}
	.line-responsive .highlight .resume, .line-responsive .highlight .intro {
		color: #4b728d;
		text-align: left;
		padding-left: 190px;
		display: block;
		height: auto;
		opacity: 1;
	}
	.line-responsive .highlight .intro div {
		text-align: left;
		display: inline;
	}
	.line-responsive .highlight .intro div.sstitre {
		display: inline-block;
		margin-left: 10px;
	}
	.block-highlights.line-responsive .highlight, .block-highlights.line-responsive .highlight.first {
		border-radius: 0;
		min-height: 0;
		text-align: left;
		background: none;
		padding: 30px 0 40px 0;
		margin: 0;
		z-index: auto;
	}
	.block-highlights .icon-decroche {
        display: block;  
    }
	.block-highlights .purple .icon-decroche {
        color: #e5edf2;  
    }
	.block-highlights .pink .icon-decroche {
        color: #f1f6f9;  
    }
	.block-highlights.line-responsive .highlight li {
	    padding-bottom: 10px;
	}
	.block-highlights.line-responsive .highlight.green li:before {
	    color: #17b1a9;
	}
	.block-highlights.line-responsive .highlight.pink li:before {
	    color: #e6007e;
	}
	.block-highlights.line-responsive .highlight.purple li:before {
	    color: #735894;
	}
	.block-highlights.line-responsive .highlight li:before {
	    margin-top: 0px;
	}
	.apropos-historique .block-highlights .bg {
	    padding-bottom: 20px;
	}
	.line-responsive .highlight h3 {
		position: absolute;
		left: 10px;
		width: 120px;
		height: 120px;
		border: 10px #ffffff solid;
		border-radius: 100%;
		line-height: 120px;
		top: 50%;
		margin-top: -65px;
	}
	.line-responsive .highlight h3 span {
		color: #ffffff;
	}
	.line-responsive {
		overflow: hidden;
	}
	.line-responsive .highlight.green h3 {
		background: #17b1a9;
	}
	.line-responsive .highlight.pink h3 {
		background: #e6007e;
	}
	.line-responsive .highlight.purple h3 {
		background: #735894;
	}
	.line-responsive .highlight.green .intro {
		color: #17b1a9;
	}
	.line-responsive .highlight.pink .intro {
		color: #e6007e;
	}
	.line-responsive .highlight.purple .intro {
		color: #735894;
	}
	.line-responsive .highlight.pink {
		background: #f1f6f9;
	}
	.line-responsive .highlight .content {
		padding: 0;
		display: table-cell;
		vertical-align: middle;
		height: 150px;
	}
}

/* intermediaire */

@media screen and (max-width: 700px) {

	.col.valign-middle {
		display: block;
	}
	.col.valign-middle img { width: auto; }

	.cols, .col { float: none !important; width: auto !important; padding-left:0;margin-left:0; padding-right:0;margin-right:0; clear: both }
	.padding-col .col {
		padding-left: 0;
	}
	.hidden-mobile { display: none; }

	.visible-mobile { display: block; }

	.footer-menu.decroche li a div.ico {
		display: none;
	}
	.mobile-before {
		display: none !important;
	}
	.view-mobile-before {
		display: block !important;
	}
	.colonnes-2-tablet {

		-webkit-columns: 1;

		-moz-columns: 1;

		columns: 1;

		-webkit-column-gap: 0;

		-moz-column-gap: 0;

		column-gap: 0;

	}

	#content.blog article h2, #content.blog article h1 {
		font-size: 1.4em;
	}
	#content.blog article .resume, .metas {
		padding-left: 40px;
		text-align: left;
	}
	#content.blog article .date {
		margin: 0px 0 0 -25px;
	}
	#content.blog article {
		padding: 25px 15px 0 15px;
	}
	#content.blog .partage {
		margin: 0 -15px 0 -15px;
	}
	#content.blog .partage.ligne .entete {
		display: none;
	}
	#content.blog .contenu-text ul, .contenu-text ol {
		padding-left: 0px;
	}
	#content.blog .contenu-text p {
		text-align: left;
	}
	#content.blog .contenu-text blockquote {
		margin-left: 0;
	}
	#content.blog #comments h2 {
		font-size: 1.4em;
	}
	#content.blog #comments ol .comment-body {
		margin-left: 0px;
		padding: 15px 10px 15px 10px;
	}
	#content.blog #comments ol .comment-body:before {
		display: none;
	}
	#content.blog #comments ol.children {
		margin-left: 20px;
	}
	#content.blog #comments .says {
		display: none;
	}
	#content.blog #comments .avatar {
		margin: 5px 0 0 -0px;
		border: 4px #f1f3f6 solid;
		width: 30px;
		height: 30px;
	}
	#content.blog #comments b.fn {
		display: inline-block;
		padding-left: 45px;
	}
	#content.blog #comments .comment-metadata {
		padding-left: 45px;
	}
	#content.blog .partage.ligne .reseaux img {
		margin-left: 8px;
		margin-right: 8px;
	}
	#content.blog .partage .reseaux img {
		margin-left: 5px;
		margin-right: 5px;
	}
	/* home */
	.cols-home a.block {
	}
	.cols-home a.block, .cols-home .valign {
		height: auto;
		float: none;
		width: auto;
		min-height: 20px;
	}
	.cols-home .valign.btns {
		height: auto;
		width: auto;
		padding-top: 15px;
	}
	.block-texte .colonnes-2 {

		-webkit-columns: 1;

		-moz-columns: 1;

		columns: 1;

		-webkit-column-gap: 0;

		-moz-column-gap: 0;

		column-gap: 0;

	}


	.experience-infrastructure .encart-num-absolute,

	.apropos-fiabilite .encart-num-absolute,

	.experience-client-change .encart-num-absolute {

		position: static;

		margin: 20px;

		width: auto;

	}

	.block-header-contact .encart-contact {

		position: static;

		width: auto;

		min-height: 10px;

	}

	.block-header-contact .encart-contact .coords {
		margin-top: 10px;

		-webkit-columns: 2;

		-moz-columns: 2;

		columns: 2;

		-webkit-column-gap: 30px;

		-moz-column-gap: 30px;

		column-gap: 30px;

	}

	.block-header-contact .frame {

		margin: 0;

	}

	.frame.acf-map {
		display: none;
	}
	.block-header-contact .encart-contact {
		padding-top: 0;
	}
	section.block-header-contact {
		padding: 25px 0 15px 0;	
	}
	.block-places-offices-corpo li {

		height: auto;

		float: none;

		width: auto;

		text-align: center;

		padding: 10px 0;

	}

	.block-places-offices-corpo li img {

		height: auto;

		display: block;

		margin: 0 auto;

		float: none;

	}

	.block-places-offices-corpo ul:after {

		float: none;

		width: auto;
		height: 50px;

		background-position: 50% 50%;

	}

	.block-places-offices-corpo li img {
		margin-bottom: 10px;
	}

	.block-places-offices-corpo li .resume-contact {

		margin-left: 0;
		padding-bottom: 30px;

	}
	.block-places-offices-corpo .country:after {
		margin-left: auto;
		margin-right: auto;
	}
	/* solutions saas */
	.modules-saas.overview .acces-modules.solutions {
		transform: scale(1);
		left: auto;
		margin: 0 auto;
	}
	.modules-saas.overview .col25 div {

		margin: 10px 0 15px 0;

	}
	.modules-saas.overview .col25 div.pink {
		margin-top: 10px;
	}
	.modules-saas.overview .schema {
		background: none;
	}

	.modules-saas.solution-crm .resume {
		padding-top: 30px;
	}
	.modules-saas.solution-cem .col27 li {
		float: none;
		width: auto;
		padding-right: 0;
		padding-left: 0;
	}
	.modules-saas.solution-cem .acces-modules.solutions {
		margin-bottom: 30px;
	}
	.slide-publication .global-page.nav {
		top: 15px;
		bottom: auto;
	}
	.slide-publication .highlight {
		float: none;
		margin: 0 auto;
	}
	.block-slider.slide-publication .ico-nav-right, .block-slider.slide-publication .ico-nav-right:hover,
	.block-slider.slide-publication .ico-nav-left, .block-slider.slide-publication .ico-nav-left:hover {
		top: 270px;
	}
	.liste-publications  .highlight .btn-mobile {
		display: block;
	}
	.apropos-international {

		background: none;

	}

	.block-texte.services-anti-spam:before {

		display: none;

	}

	.page-template-tpl_services_smtp-php .col55 {
		display: none;
	}

}
/* mobile */

@media screen and (max-width: 480px) {

	#comments .form-submit input, 

	#content .btn, .error404 #footer .btn,
	#comments .form-submit input,

	#content .btn.big {
		min-width: 50px;
	}
	.block-header.min-titre h1,

	.titre-section h2 {

		font-size: 1.4em;

	}	

	.block-header .text {

		font-size: 1.25em;

	}

	.block-header .sstitre {

		font-size: 1.5em;

	}

	#content.blog .global-page, .global-page { padding-left: 10px; padding-right: 10px; width: auto; }

	.overview-expertise-schema .textes img {

		float: none;

		width: 100%;

		height: auto;

		margin: 10px 0;

	}

	#slide-home ul.slides {
		height: 350px;
	}
	#slide-home .slides li {
		height: 350px;
	}
	section.iframe-video.home h1,
	#slide-home h1 {
		font-size: 1.6rem;
	}
    section.iframe-video.home h1 strong,
	#slide-home h1 strong {
		font-size: 1.6rem;
	}
	#slide-home .slides img {
		max-width: 200px;
	}
	#slide-home .slides .visu {
		padding-bottom: 5px;
	}
	.footer-menu.decroche li {

		float: none;

		padding: 5px 0 !important;

		width: auto;

	}

	.footer-menu a h3, .footer-menu.decroche li a {
		display: block;
		height: auto;
	}

	.scale-mobile {
		transform: scale(0.6);
	}
	.detail-module .scale-mobile {
		transform: scale(0.8);
	}
	.form-login .global-page {
		width: auto;
	}
	.block-tabs-module .contents-tabs {
		padding-bottom: 30px;
	}
	.detail-module.scenario .block-banner li {
		font-size: 0.70rem;
		height: 50px;
	}
	.detail-module.scenario .block-banner img {
		width:30px;
		margin: 0 5px 0 0;
	}

	.menu-modules {

		top: 60px;

	}


	.acces-modules {

		position: relative;
		height: auto;

		width: 313px;

		background-size: auto 100% !important;
		max-width: 100%;

	}
	

	.acces-modules.solutions {

		width: 423px;

		height: auto;

		margin: 0 auto;

	}

	#content .acces-modules.solutions a, #content .acces-modules a {

		width: 28.11%;

		height: 25.88%;

	}
	#content .acces-modules.solutions .data a, #content .acces-modules .data a {

		width: 35.46%;

		height: 32.65%;

	}
	.modules-saas li {
		padding: 0 3.2%;
	}
	#content .acces-modules.solutions em, #content .acces-modules.solutions .data em {
		line-height: 250%;
	}
	#content .overview-spring .acces-modules.solutions em {
		padding-top: 15%;
		line-height: 100%;
	}

	#content .overview-spring .acces-modules.solutions .data em {
		padding-top: 30%;
	}
	
	#content .overview-spring .acces-modules.solutions span {
		font-size: 0.5rem;
	}
	.modules-saas.solution-crm .acces-modules li {
		padding: 0;
	}
	#content .solution-crm .acces-modules.solutions .data a {
		margin:0;
		width: 35.46%;
		height: 32.65%;

		line-height: 100%;
	}
	.acces-modules-bottom .acces-modules a em {
		line-height: 200%;
	}


	.acces-modules-bottom {
		height: auto;
		padding: 20px 10px 40px 10px;
	}
	.acces-modules-bottom .acces-modules img {
		width: 100%;
	}
	.acces-modules-bottom .acces-modules {
		width: 100%;
		margin:0;
		height: auto;
		position: static;
		bottom: 0;
	}
	.acces-modules-bottom .global-page:before, .acces-modules-bottom .global-page:after,
	.acces-modules-bottom .fd, .acces-modules-bottom .fd:before, .acces-modules-bottom .fd:after {
		display: none;
		padding:0;
	}
	#footer {

		padding: 30px 0;

	}
	.home #footer {
		padding-top: 50px;
	}
	#footer .keys {
		display: none;
	}
	.footer-menu.decroche li.last a, .footer-menu li.rejoignez a,
	.footer-menu li.first a, .footer-menu li.pourquoi-splio a {
		border-radius: 20px 0 20px 0;
	}
	.bloc-aside.themes, .bloc-aside.top-articles {
		display: none;
	}
	.detail-module.scenario .block-banner li {
		width: 50%;
	}
	/* home */
	.cols-home {
		padding: 10px 0;
	}
	.cols-home .padding-col .col {
		padding-left: 0;
		min-height: 10px;
		padding: 25px 10px 0 10px;
		margin-bottom: 25px;
	}
	.cols-home .col .visu {
		position: static;
		margin: 0 auto;
		width: 175px;
	}
	.cols-home h2 {
		padding-top: 15px;
		text-align: center;
	}
	.cols-home .resume {
		text-align: center;
		padding-bottom: 0;
	}
	.cols-home a.block {
		float: none;
		box-sizing: border-box;
		padding-right: 0;
		display: block;
		margin-bottom: 5px;
		width: auto;
		min-height: 10px;
	}
	.cols-home .valign {
		height: auto;
	}
	.cols-home .valign.btns {
		height: auto;
		display: block;
		width: auto;
		text-align: center;
	}

	.block-header-contact .encart-contact .coords {

		-webkit-columns: 1;

		-moz-columns: 1;

		columns: 1;

		-webkit-column-gap: 0;

		-moz-column-gap: 0;

		column-gap: 0;

	}
	
	.line-responsive .highlight h3 {
		top: 0%;
		margin-top: 0px;
	}
	.line-responsive .cadre-highlight {
	    min-height: 0;
	    height: auto;  
	}
	.block-highlights.line-responsive .highlight, .block-highlights.line-responsive .highlight.first {
		min-height: 80px;
		padding-bottom: 20px;
	}
	.line-responsive .highlight .resume {
		padding-left: 40px;
		padding-bottom: 0px;
	}
	.line-responsive .highlight .content {
		padding-bottom: 0px;
		display: block;
		height: auto;
	}
	.line-responsive .highlight .intro {
		padding-top: 10px;
		padding-left: 110px;
		min-height: 50px;
		padding-right: 0;
	}
	.line-responsive .highlight .intro div.sstitre {
		display: block;
		margin: 0;
	}
	.line-responsive .highlight h3 {
		width: 60px;
		border: 5px #ffffff solid;
		height: 60px;
		line-height: 60px;
	}
	.apropos-historique-visu {
		display: none;
	}
	.experience-overview-prods .highlight h3 span {
		font-size: 1em;
		padding: 0;
	}

}