@font-face {
	font-family: 'picto';
	src:url('icomoon-2.eot');
	src:url('icomoon-2.eot') format('embedded-opentype'),
	url('icomoon-2.woff') format('woff'),
	url('icomoon-2.ttf') format('truetype'),
	url('icomoon-2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Bold';
	src: url('OpenSans-Bold-webfont.eot');
	src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('OpenSans-Bold-webfont.woff') format('woff'),
	url('OpenSans-Bold-webfont.ttf') format('truetype'),
	url('OpenSans-Bold-webfont.svg#OpenSans-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Regular';
	src: url('OpenSans-Regular-webfont.eot');
	src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('OpenSans-Regular-webfont.woff2') format('woff2'),
	url('OpenSans-Regular-webfont.woff') format('woff'),
	url('OpenSans-Regular-webfont.ttf') format('truetype'),
	url('OpenSans-Regular-webfont.svg#OpenSans-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'condensed';
	src: url('OpenSans-CondBold-webfont.eot');
	src: url('OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
	url('OpenSans-CondBold-webfont.woff') format('woff'),
	url('OpenSans-CondBold-webfont.ttf') format('truetype'),
	url('OpenSans-CondBold-webfont.svg#open_sans_condensed') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {
	border: none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

:before, :after {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ol, ul {
	list-style: none outside none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}

img {
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

:hover, a {
	transition-duration: 0.4s;
	transition-property: all;
}

.picto {font-family: picto; vertical-align: middle;}
a.lien:before {content:'>'; font-family: picto; vertical-align: middle;}
a.lien {color:#077ac7; text-decoration: none;}

body {
	line-height: 1;
	background-color: #fff;
	color: #000;
	font-family: 'OpenSans-Regular', sans-serif;
	font-size:0.9em;
	line-height:1.3em;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.page {margin: auto;max-width: 1200px;}

h1, h2, h3, h4{font-weight: normal;}
h1 {font-size:28px; color:#444;  font-family: 'condensed'; margin:20px 0; line-height:32px;}
h2 {font-size:20px; line-height:30px; color:#516666; font-family: 'condensed'; margin-bottom:5px;}
h3 {font-size:20px; font-family: 'condensed';}

.couleur {color:#77b428;}

.helpline {margin:40px 0;}
.helpline p{padding:20px 0 10px 0; font-family: condensed; margin:0; font-size:28px; display:inline-block; vertical-align: middle; margin-left:10px;}
.helpline a {color:#444; text-decoration: none;}
.helpline a:hover {color:#77b428;}


/*HEADER*/
header {width:100%; z-index:10; background-color: #fff; position:fixed; height:103px;top:0;box-shadow: 10px 1px 15px #666;}
.header {height:70px;}
header .logo {margin-top:10px; margin-left:20px; display:inline-block; vertical-align:bottom;}
header .besoin-conseil {float:right; margin:5px 20px 0 16px; color:#444;}
header .besoin-conseil .t1 {font-size:16px; margin:0px 5px 0 0; display:inline-block;}
header .besoin-conseil .t2 {font-size:16px; margin:0px 0 5px; display:inline-block; font-family: OpenSans-Bold;}
header .besoin-conseil .tel {margin:0; font-size:16px; display:inline-block;font-family: OpenSans-Bold;}
header .besoin-conseil .tel:before {content:'E' ; font-family: 'picto'; font-size:14px; color:#77b428; margin-right:5px; margin-left:10px; display:inline-block; vertical-align: middle;}

ul.langue { float:right; padding:0; line-height:15px; margin-right:20px;}
ul.langue li {display:inline-block; background-color:#77b428; color:#fff; margin-left:1px; font-family:condensed; padding:6px 8px;}
ul.langue li a {text-decoration: none; color:#ccc; display:block;}
ul.langue li a:hover {color:#fff;}
#bt-sous-menu {display:none; /*IPHONE NAV*/}
#bt-sous-nav-menu {display:none; /*IPHONE NAV*/}
.deco-bande {background-image:url(/img/bande.jpg); background-size:cover; background-position: center, center; height:155px; margin-top:103px;}

/*ARIANNE*/
#filarianne {color: #444;font-size: 0.75em;font-family: 'picto';margin:4px 0 10px 0;}
#filarianne a {display:inline-block;vertical-align: top;font-family:OpenSans-Regular;color: #888;text-decoration: none;padding:0; text-transform: uppercase;}
#filarianne a:hover {color: #000;}
.arianne-select {display:inline-block;vertical-align: top;font-family:OpenSans-Regular;color:#444; text-transform: uppercase;}

/*NAV*/
nav {max-width:1200px; margin:auto; font-family: 'condensed', sans-serif; display:block;}
.nav { max-width:1200px; margin:auto; position: relative; font-size:18px; display:block;}
/*nav li {display:inline-block; width:14.2857143%; text-align: center; height:40px; line-height:40px; font-size:16px;  vertical-align: top;}*/
nav li {display:inline-block; padding:0 12px; text-align: center;  font-size:17px;  vertical-align: top; }
nav li a {text-decoration: none; color:#444;  display:block; border-bottom:5px solid #fff; height:28px; line-height:28px;}
nav li a.first {font-family:picto; font-size:40px; color:#77b428;}
nav li a.first:hover { }
nav ul li ul { display:none; background-color: rgba(246, 246, 246, 0.92); overflow:hidden;}
nav ul li ul li {display:block; width:100%; text-align: left;  border-bottom:1px solid #fff; font-size:14px; padding:0; vertical-align: middle;}
nav ul li ul li a {padding:6px 50px 6px 15px; font-family:OpenSans-Regular; border:none; color:#000;  vertical-align: middle;}
nav ul li ul li a:before {content:'>'; font-family:picto; margin-right:4px; overflow:hidden; vertical-align: top;}

nav ul li a:hover {color:#000; border-bottom:5px solid #77b428;}
nav ul li ul li:hover {border-bottom:1px solid #77b428;}
nav ul li ul li a:hover  {background-color: #fff; color:#000; border:none; }
nav ul li ul li a:hover:before {color:#77b428;}

nav ul li:hover ul {z-index:2;display:list-item;position:absolute;margin-top:0px;margin-left:0px;}


.principal {display:inline-block; vertical-align: top; width:71%; margin-left:6%; padding-bottom:60px;line-height:1.4em;}

.principal .chapeau{font-size:16px; font-family: 'OpenSans-Regular'; color:#000; line-height:24px; text-align: left;}
.principal .chapeau2{font-size:16px; font-family: 'OpenSans-Regular'; color:#666; line-height:24px; text-align: left;}
.principal .chapeau3 {display:inline-block; color:#555; font-size:20px; line-height:26px; font-family: condensed; margin:0 0 20px 0;}
.principal .chapeau4 {font-size:16px;color:#77b428; line-height:22px; margin:0;}
.principal h2 {font-size:24px; font-family: 'condensed';color:#444; line-height:30px;; margin:30px 0 10px 0;}
.principal h2:before {content:'8'; font-family:picto; float:left; margin-right:6px;color:#77b428; font-size:1em;}
.principal .legende {font-size:14px; font-family: 'OpenSans-Regular'; color:#777777; margin-bottom:15px ;line-height:16px;}
.principal p {margin-top:8px;}

.principal h3 {margin-top:30px; font-size:16px; color:#77b428; font-family: 'OpenSans-Bold';}

.principal a {color:#77b428; text-decoration:none;}
.principal a:hover {text-decoration:underline;}

.principal ol, .principal ul {list-style: square outside; margin-left:30px;}
.principal ul li {padding:1px; font-size:13px;}

.principal .va {}
.principal .va li {padding:6px 0;}

.principal .va li li {padding:2px 0;}
.principal .va-titre {font-family: 'condensed'; font-size:24px; color:#444; display:inline-block; vertical-align:top; margin:36px 0 8px 0; height:30px; line-height:30px;}
.principal .va-titre:before {content:'+'; font-family: 'picto'; color:#77b428; font-size:1.1em; margin-right:10px;  display:inline-block; vertical-align:middle;}
.principal .va-titre:after {content:'@'; font-family: 'picto'; color:#77b428; font-size:1.9em; margin-left:10px;  display:inline-block; vertical-align:top;}

.principal .va-titre-petit {font-size:16px; margin:10px 0  0px 15px;}


.principal .tableau {overflow:hidden; font-size:12px; line-height:14px;}
.principal .pdf {border-top:1px solid #aaa; border-bottom:1px solid #aaa; line-height:50px; margin-top:40px; font-family:'OpenSans-Bold';}
.principal .pdf:before {content:'K'; font-family:'picto'; color:#77b428; margin-right:10px; font-size:25px; vertical-align:middle;}
.principal .pdf:after {content:'@'; font-family: 'picto'; color:#77b428; font-size:46px; margin-left:10px;  display:inline-block; vertical-align:top;}
.principal .pdf a {color:#000; text-decoration: none;}
.principal .pdf a:hover {color:#77b428;}
.principal .couleur1 {color:#77b428;}

.principal .date-barre{position:relative; border-bottom:1px solid #77b428; margin:60px 0 0 0;}
.date-barre-acc  {position:relative; border-bottom:1px solid #77b428; margin:10px 0 30px 0;}

.principal .date{position:absolute; color:#77b428; border-bottom:1px; background-color: #fff; top:-18px; font-size:13px; padding-right:10px;}
.date-acc {position:absolute; color:#77b428; border-bottom:1px; background-color: #f8f8f8; top:-20px; font-size:13px; padding-right:10px;}

/*ASIDE*/
.aside {display:inline-block; vertical-align: top; width:23%; margin-top:20px;}
.aside .aside-nav ul {font-size:14px;} 
.aside .aside-nav li {margin:8px 0;}
.aside .aside-nav li a {text-decoration: none; color:#444; overflow: hidden; display:block;}
.aside .aside-nav li:before {content:'>'; font-family: 'picto'; color:#77b428; margin-right:5px; float:left; overflow: hidden; margin-right:10px;}
.aside .aside-nav li.select, .aside .aside-nav li a.select  {color:#77b428;}
.aside .aside-nav li.select:before {content:'>'; font-family: picto; margin-left:6px; font-size:1em; vertical-align: top;}
.aside .aside-nav li ul {font-size:12px; margin-left:10px;}
.aside .aside-nav li a:hover {color:#77b428;}
.aside .titre-nav{font-family: condensed; font-size:24px; line-height:24px; margin:5px 0 20px 0; border-bottom:4px solid #77b428; padding-bottom:6px; text-decoration:none;}

.aside a.titre, .aside a.titre-nav { display:block;text-decoration: none; font-size:27px; margin:8px 0 20px 0; font-family: condensed; color:#444; border-bottom:4px solid #77b428;}
.aside a.titre span, .aside a.titre-nav span {font-size:14px; display:block; padding-top:5px;}
.aside a.titregroupe {height:30px; margin-bottom:0;}

.aside .va {font-family: condensed; font-size:19px; color:#444; display:inline-block; vertical-align:top; margin:20px 0 8px 0; height:30px; line-height:30px;}
.aside .va:before {content:'5'; font-family: 'picto'; color:#77b428; font-size:18px; margin-right:1px;  display:inline-block; vertical-align:middle; height:30px; line-height:30px;}

  .aside a.titre-domaine {font-family:condensed; font-size:18px; text-decoration: none; color:#222; display:block; margin-top:16px;}
  .aside .select-domaine {color:#222;}

/*ASIDE NEWS*/
.aside .news a.titre {font-size:16px; border:none; margin-bottom:0px; line-height:22px;}
.aside .news .actu-module .descriptif {font-size:13px; margin-bottom:40px;}
.aside .news .date-acc {background-color: #fff;}

/*RÉFÉRENCE CLIENTS*/
.reference {width:100%; overflow:hidden; margin:0 0 0 0; box-shadow: 10px 1px 15px #aaa; padding-top:20px;}
.reference .titre {text-align: center; font-size:16px;}
.reference .titre:after {content:'@'; font-family: picto; font-size:32px; vertical-align: top; margin:0 10px; color:#888;}
.carousel>ul>li>img, .carousel>ul>li>p {width: 85px;height: 57px;vertical-align:middle;margin: 10px 10px 0px 10px;}

/*FOOTER*/

/*REFERENCE*/

.custom-container {width:1200px; margin:auto; margin-bottom:50px;}

.newsletter { background-color: #77b428; padding:20px 0; text-align: center; font-size:30px; color:#fff;}
.newsletter .contenu {max-width:1200px; margin:auto;color:#fff;}
.newsletter .titre {display:inline-block; vertical-align: middle; margin-right:50px;}
.newsletter p {font-size:16px; margin:5px 0 0 0;}
.newsletter form {display:inline-block; vertical-align: middle;}
.newsletter .input {background-color: #eee;border-color: #eee;border-radius: 6px;border-style: solid;border-width: 1px;display: inline-block;font-size: 16px;padding: 4px 10px;margin:10px 0;width:260px;}
.news-submit {font-size:16px; padding:0 30px; line-height:29px; height:32px; font-family: condensed; background: none;border: none; background-color: #222; color:#fff; cursor:pointer;}
.newsletter .input:focus {background-color: #fff;border-color: #fff;color: #000;box-shadow: none;}
footer {margin-top:0px; border-top:1px solid #aaa; background-color: #eee; color:#444;  font-family: regular, arial, sans-serif; width:100%; height:180px;}
.footer {margin:10px auto 0 auto; max-width:1200px; padding-top:10px; overflow:hidden; background-color: #eee; padding-bottom:20px;}
.footer a {color:#444; text-decoration: none;}
.footer a:hover {color:#77b428;}
.footer .tel {margin:0; font-size:18px; font-family:condensed;}
.footer .tel:before {content:'E' ; font-family: 'picto'; font-size:14px; color:#77b428; margin-right:6px; display:inline-block; margin-left:0;}
footer .logo {font-family: 'picto'; font-size:60px; color:#444; margin-right:8px; display:inline-block; margin:0 0 10px 0;}
footer .adresse {font-size:13px; margin-top:0; color:#444; line-height:18px;}
footer .col-f {display:inline-block; width:24%; vertical-align: top; border-right:dotted 1px #444; margin-left:1%;}
footer ul {display:inline-block; vertical-align: top; width:40%;}
footer ul li {margin-top:1px;}
footer ul li a {font-size:0.8em;}

footer .col2-f {display:inline-block; width:39%; vertical-align: top; margin-left:10%; border-right:dotted 1px #444;}
footer .col3-f {display:inline-block; width:14%; vertical-align: top; margin-left:10%;}
footer .titre {font-size:14px; margin-top:0; font-family:condensed;}

.footer2 {background-color: #fff; height:60px; line-height:60px; text-align: center;}
footer .copy {font-size:11px; color:#666; margin:auto; text-align: center;}
footer .copy a {color:#000; text-decoration: none;}
footer a.linkedin {font-family: picto; font-size:30px; color:#0077b5;}
footer a.viadeo {font-family: picto; font-size:30px; color:#ff7e00;}
footer a.youtube {font-family: picto; font-size:30px; color:#444;}
/*//////*/



.pagination-bande {border-bottom: 0px dotted #ddd;clear: both;height: 37px;width: 100%;margin:10px 0 0 0;}
.pagination {height:28px;float: right;padding: 5px 0;}
.pagination li {display: inline-block;vertical-align: top;font-size: 24px;margin:0 3px;font-family: condensed;}
.pagination a {display: inline-block; text-decoration:none;vertical-align: top;background-color: #fff;border-radius: 2px;color: #444;display: block;width: 28px;height: 28px;line-height: 28px;text-align: center;text-decoration: none;}
.pagination a:hover {color:#77b428;}
.pagination a.suivante, .pagination a.precedente {background: none;color:#000;}
.pagination .suivante:after {content:'>';font-family:'picto';display: inline-block;vertical-align: top;font-size:20px;height: 28px;line-height: 28px;width: 28px;text-align: center;color:#bbb;}
.pagination .precedente:after {content:'#';font-family:'picto';display: inline-block;vertical-align: top;font-size:20px;height: 28px;line-height: 28px;width: 28px;text-align: center;color:#bbb;}
.pagination a.precedente:after, .pagination a.suivante:after {color:#000;display: inline-block;vertical-align: top;line-height: 28px;}
.pagination a.suivante:hover, .pagination a.precedente:hover {color: #2b8c96;}
.pagination .pageSelect {color:#77b428;width: 28px;height: 28px;line-height: 28px;text-align: center;}

/*CKS Consulting*/
ul.etude-de-cas li {}

.aside .bt_etude-de-cas a {width:96%; background-color: #77b428; color:#fff; padding:6px 2%; font-family:condensed; display:block; text-decoration: none; margin-top:20px; font-size:18px;}
.aside .bt_etude-de-cas a:after {content:'@'; font-family: picto; font-size:32px; vertical-align:top; padding-left:10px;}
.aside .bt_etude-de-cas a:hover {background-color: #222;}

.partage {font-family: picto; position: fixed; right:0; top:38%; font-size: 60px; z-index:1000;}
.partage div {text-align: center; height:61px; width:60px;}
.partage a {text-decoration: none; color:#000;}
.p_twitter a {color:#1baad1;  background-color: #fff;}
.p_linkedin a {color:#127cb4;  background-color: #fff;}
.p_print a{color:#728a8d;  background-color: #fff;}
.p_mail a{color:#728a8d;  background-color: #fff;}

@media only screen and (min-width: 1100px) {
	.aside {display:inline-block;}
}

@media only screen and (max-width: 1200px) {
	.nav {width:100%;}
	.page {width:90%;}
}

@media only screen and (max-width: 1100px) {
	header .besoin-conseil .t1 {display:none;}
	.principal {width:100%; margin:0;}
	#filarianne {display:none;}
	.aside {display:none; width:100%; padding-bottom:40px; margin:0;}
	#bt-sous-nav-menu { content: "";display: inline-block; height: 30px; cursor: pointer; color:#000; margin:40px 10px 0 0; color:#77b428; vertical-align:middle;  font-size:16px; vertical-align:middle;}
	#bt-sous-nav-menu:after {content: "."; margin-left:10px; font-family:picto;display: inline-block; vertical-align:top;}

}

@media only screen and (max-width: 900px) {
 
	

}

@media only screen and (max-width: 800px) {
	.partage {font-family: picto; position: fixed; right:0; top:38%; font-size: 40px; z-index:1000;}
	.partage div {text-align: center; height:41px; width:40px;}
     header .besoin-conseil .t2 {display:none;}
	.newsletter .titre {margin:0 0 10px 0;}
	.footer-titre .bouton,footer .footer .block {width:96%; margin:0; padding:0 2% 30px 2%; overflow:hidden; display:block; border:none;}
}

@media only screen and (max-width: 700px) {
	
    header {position:relative; height:auto;}
    .deco-bande {margin:0;}
	nav {display:none;}
	nav li {display:inline-block; width:14.2857143%; text-align: center; height:40px; font-size:16px;  vertical-align: top; padding:0; border-bottom:1px solid #aaa;}
	nav li a {text-decoration: none; color:#222;  display:block;    line-height:40px; height:40px; border:none;}
	.nav li a:hover {border:none; background-color: #eee}
	.nav li {display:block; width:100%; text-align: center; font-size:16px;}
	nav ul li:hover ul{display:none;}

	
	footer .col-f,footer .col2-f, footer .col3-f  {display:block; width:90%; margin-left:10px;padding:20px 5%;}
	footer .col2-f, footer .col3-f { border-top:1px solid #aaa;}
	h1 {font-size:28px; line-height:30px;}
	#bt-sous-menu { content: "";display: inline-block; height: 30px; cursor: pointer; color:#000; margin:5px 10px; vertical-align:middle;}
	#bt-sous-menu:after {content: "."; margin-left:10px; font-family:picto;display: inline-block; font-size:24px; line-height:30px;}

	
}

@media only screen and (max-width: 600px) {
	header .besoin-conseil {display:none;}
	ul.langue {float:none; position:absolute; right:0; top:96px;}
}

@media only screen and (max-width: 500px) {

	.principal p {font-size:14px; text-align: left; line-height:18px;}
}

@media print {
	header, footer, .deco-bande, .aside, .reference, .partage, .newsletter {display:none;}
	.principal {width:90%; margin:0 5%; padding:0;}
	.principal img {max-width:100%; height:auto;}
}