* {	margin: 0 ; padding: 0 ; box-sizing: border-box; }



:focus {
	outline:none;
}

body { 
	background:#efefef; 
	
}

table {
	border-collapse:collapse;
}

h1, h2, h3 { margin:1rem 0;}

#global { 
	
	max-width:1080px;
	min-width:300px;
	margin:0 auto;
}
#banner { 
	position:relative;
	height:100px;
}
#logo {
	background:transparent url(../images/logoh.jpg) 0px 18px no-repeat;
	height:100%;
	width:270px;
	position:absolute;
	top:0;
	left:40px;
}
#access-home {
	background: transparent url(../images/home.png) no-repeat;
    height: 32px;
    width: 32px;
    position: absolute;
    bottom: 10px;
    left: 340px;
}

#top, .container {
	background:#fff;
}

#main {
	min-height:600px;
}
.main-middle {
		
}
#footer {
	min-height: 40px;
	background:#00326c;
	color:#ccc;
}

/* Generic */
.divarticle_p20x50 {
	padding:20px 50px;
}  
.divarticle_p20x50 li {
	list-style-position:inside;
}

/* HOME PAGE */

#accesclient {
	position:absolute;
	right:110px;
	background-color:#f49800;
	display:inline-block;
	padding:4px 8px 4px 8px;
	-webkit-border-radius: 0 0 8px 8px ;
	border-radius:0 0 8px 8px ;
	color:#fff;
	
	font-size:12pt;
	font-weight:500;
}

#container-carrousel { position:relative}

#carrousel .legend {
	position:absolute;
	bottom:0;
	left:0;	
}
#carrousel {
	background:#fff;
}
.divarticle ,.divarticle_w80, .article_demo {
	
	margin:0 auto;
}
.divarticle_w80 {
	width:80%;
}
/* Demo */
.divarticle_demo {
	background-image:url(../images/demo.jpg);
	background-repeat:no-repeat;
}

/* Best of client - home */
.divarticle_bestof {
	padding:10px 25% 0 0;
	color:#00326c;
	background:transparent url(../images/bestof-deco.jpg);
	background-size:cover;
}
.divarticle_bestof ul {
	list-style:none;	
	margin-left:20px;
	text-align:center;
}
.divarticle_bestof ul li {
	font-size:1.60rem;
	flex-flow: nowrap;
    padding: 8px 15px;
    display: inline-block;
	background:rgba(202, 212, 0, 0.44);
	margin:10px;
	border-radius:40px;
	
}
.divarticle_bestof ul li:nth-child(even) {
	
}
.divarticle_bestof ul li:nth-child(odd) {
	background:rgba(0, 50, 108, 0.16);
}

.intro_bestof { text-align:center; font-size:2.20rem; padding:20px;}

.divarticle_demo ul  {
	list-style:none;
}
.divarticle_demo ul li {
	background:transparent url(../images/puce-green.png) no-repeat ;
	background-size:14px;
	background-position-y:3px;	
	padding-left:24px;
}
.article_demo { padding:5%; background:#fff; }
.intro_demo { min-height:240pt; padding-top:180pt;text-align:right; }
.divarticle { clear:both;position:relative;}
.article { position:relative;}
.multiarticle_2 .box-home-illustration { float:right; }
.multiarticle_4 .box-home-illustration { float:right; }


.divarticle_client { background:transparent url(../images/client-deco.jpg) no-repeat;position:relative;min-height:500px; background-position:center; }
.intro_client {
	position: absolute;
    bottom: 20px;
    background: rgba(250,250,249,0.8);
    padding: 10px 30px;
    color: #222;
    left: 0;
}

.box-home-illustration img { }

/* DEMOS PAGE */
.democrm {
	background:#00000050;
    cursor: pointer;
    display: block;
    font-size:60pt;
    color:#fff;
    
    
}

/* SOLUTIONS PAGE */

.divarticle_p20x50.bandeau {
    background: rgb(239, 239, 239, 0.7);
}

.mod_article_readmore {
	width:60px;
	height:60px;
	display:block;
	background:url(/medias/cebelian/icones/plus.png) no-repeat;
	margin:30px auto 30px auto;
}

.mod_article_readless {
	width:60px;
	height:60px;
	display:block;
	background:url(/medias/cebelian/icones/moins.png) no-repeat;
	margin:30px auto 30px auto;
	
	
} 

.divmultiarticle_solutions {
	padding-bottom:20px;	
	margin:0px 80px;
}
.divarticle_solutions-intro {
	background:transparent url(../images/solutions.jpg) no-repeat;	
	min-height:528px;
}
.intro_solutions-intro {
	font-size:90pt;
	padding-top:120px;
	padding-left:50px;
	color:#fff;
}
.article_solutions-intro {
	font-size:70pt;
	font-weight:700;
	color:#fff;
	padding-left:50px;
}


.divarticle_solutions {
	
	min-height:310px;
	background-size: 35%;
    background-position-y: 80px;
    background-position-x:left;
    background-repeat:no-repeat;
    min-height:370px;
}
.mod_article_title_solutions {
	text-align:center;
	
	font-weight:400;
	text-transform: uppercase;
	padding:30px 0;
}
.intro_solutions {
	
}
.article_solutions {
	position:relative;
}

.article_solutions.multiarticle_1, .intro_solutions.multiarticle_1 {
	padding-left:40%;
}
.divarticle_solutions.multiarticle_1 {
	background-image:url(../images/solutions1.jpg) ;
}
.divarticle_solutions.multiarticle_1 .mod_article_readmore, .divarticle_solutions.multiarticle_1 .mod_article_readless,
.divarticle_solutions.multiarticle_3 .mod_article_readmore, .divarticle_solutions.multiarticle_3 .mod_article_readless,
.divarticle_solutions.multiarticle_5 .mod_article_readmore, .divarticle_solutions.multiarticle_5 .mod_article_readless  {
	margin-left:65%;
}
.divarticle_solutions.multiarticle_2 .mod_article_readmore, .divarticle_solutions.multiarticle_2 .mod_article_readless  {
	margin-left:25%;
}


.article_solutions.multiarticle_2, .intro_solutions.multiarticle_2 {
	padding-right:40%;
}
.divarticle_solutions.multiarticle_2 {
	background-image:url(../images/solutions2.jpg) ;
	background-position-x:right;
}

.article_solutions.multiarticle_3,.intro_solutions.multiarticle_3 {
	padding-left:40%;
}

.divarticle_solutions.multiarticle_3 {
	background-image: url(../images/solutions3.jpg) ;
	background-position-y: 30px;
	min-height: 350px;
}

.article_solutions.multiarticle_4, .intro_solutions.multiarticle_4 {
	padding-right:40%;
}

.divarticle_solutions.multiarticle_4 {
	background-image:url(../images/solutions4.jpg) ;
	background-position-x:right;
	min-height: 300px;
}
.divarticle_solutions.multiarticle_4 .mod_article_readmore {
	display:none;	
}
.article_solutions.multiarticle_5, .intro_solutions.multiarticle_5 {
	padding-left:40%;
}

.divarticle_solutions.multiarticle_5 {
	background-image:url(../images/solutions5.jpg) ;
}


.exergue {
	position: absolute;
    width: 25%;
    top: 20%;
    right: 0;
    text-align: center;
    
    background:url(../images/tiret-exergue.png) top center no-repeat;
    padding-top:30px;
}
.article_solutions.multiarticle_1 .exergue, .article_solutions.multiarticle_3 .exergue, .article_solutions.multiarticle_5 .exergue {
	left:0;
	right:auto;
} 

/* customers */
#tkajax_app1 { padding:10px 10px 0 10px;}
.customer-container {
	background:#d4d4d4;
}
.customer-container-list {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-evenly;
	position:relative;
}
.client-box {
	width:33%;
	

	
}
.client-box-inner {
	margin:10px;
	background:#fff;
	min-height:500px;
	position:relative;
}
.client-box .client-box-deco {
	
}
.client-box .client-box-deco img {
	width:100%;
}
.client-box-title {
	font-size:20px;
	padding:10px;
	color:#215ca0;
}
.client-box-logo {
    position: absolute;
    bottom: 0px;
    height:90px;
    margin: 0 auto;
    width:100%;
    background:#fff;
}

.client-box-activite {
	position: absolute;
    bottom: 90px;
    padding:10px;
    color:#c1b9b4;
    font-size:8pt;
    text-transform:uppercase;
}
.client-box-readmore {
    position: absolute;
    bottom: 110px;
    padding: 10px;
    color: #b90d0d;
    font-size: 1.2rem;
    text-decoration: underline;
    right: 10px;
    cursor:pointer;
}


.client-box-logo>div {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
}
.client-box-full .client-box-inner {
	background:#042c610d;
}
.client-box-full .client-box-deco, .client-box-full .client-box-title, .client-box-full .client-box-activite, .client-box-full .client-box-readmore { 
	display:none;
}
.client-box-full .client-box-logo {
	top:0px;
	bottom:inherit;
}
.client-box-detail {
	display:none;	
	padding-top:90px;
}
.client-box-detail ul {
	padding:0 5px ;
 }
 .client-box-detail p  {
	padding:0 8px ;
	
}
.client-box-detail ul li {
	list-style:none;
}
.client-box-detail h1 {
	margin:0;
	padding:4px 8px;
	background:#215ca0;
	color:#fff;
	font-size:1.20rem;
}
.client-box-detail h1:nth-of-type(1) { background-color:#cad400; }
.client-box-detail h1:nth-of-type(2) { background-color:#033268; }
.client-box-detail h1:nth-of-type(3) { background-color:#7bba24; }


.customer-container-customer {
	
	position:relative;
	background:#f8f8f8 ;
	width:70%;
	display:inline-block;
	min-height:400px;
	
	-webkit-border-top-right-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
/*-webkit-border-bottom-left-radius: 12px;*/
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 12px;
/*-moz-border-radius-bottomleft: 12px;*/
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
/*border-bottom-left-radius: 12px;*/
    border-left: 2px solid #033267;
    /*border-bottom: 2px solid #033267;*/
}

.customer-logo {
	/*position:absolute; right:15px; top:15px;*/
}

.customer-describe {
	padding-bottom:10px;
	font-weight:400;
}
.customer-describe p, .customer-describe ul {
	padding-left:20px;
	padding-right:20px;
}
.customer-describe h1 {
	font-size:16pt;
	padding:12px;
	background:#cad400 url(../images/cust.png) no-repeat 5px center;
	color:#fff;
	padding-left:60px;
}
.customer-describe ul {
	margin:0;
	list-style:none;
}
.customer-describe ul li {
	background-repeat:no-repeat;
    background-size: 14px;
    background-position-y: 3px;
}
.customer-describe h1:nth-of-type(1){ 
	background-color:#f29900; 
}

.customer-describe h1:nth-of-type(3){ 
	background-color:#033267; 
}
.customer-intro {
	padding:20px;
	font-weight:bold;
}
.customer-intro table { 
	width:100%;
}
.customer-intro table td.logo {
	width:10%;
}
	

.customer-filter {
	list-style:none;
	
}
.customer-filter li {
	display:inline-block;
	background:#888;
	padding:10px;
	color:#eee;
	margin-right:6px;
	margin-bottom:6px;
	cursor:pointer;
}
.customer-filter li.active {
	background-color:#033267;
	color:#fff; 
}


/*Slider*/

body .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: transparent;
}
body .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: transparent;
}

.slider {
    /*height: 400px;*/
    width: 100%;
}
 .swiper-container {
	margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-bottom:36px;
}
.swiper-pagination.swiper-pagination-bullets {
    text-align: right;
    padding-right: 15px;
    top:15px;
    right:10px;
}
.actu-swiper .swiper-slide{
	width: 33%;
}

span.swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}
span.swiper-pagination-bullet-active {
	border: 1px solid;
}
.swiper-caption {
    position: absolute;
    z-index:100;
    bottom:-35px;
    padding-top:50px;
    padding-left:30px;
    color: #fff;
    left: 120px;
    font-weight:700;
    line-height:1;
    letter-spacing:0.01px;
    background:transparent url(../carrousel-home/mediator-0.png) no-repeat;
    height:130px
}
.swiper-caption-1 {
	font-size:1.20rem;
}
.swiper-caption-2 {
	font-size:1rem;
}

.swiper-slide{position: relative;line-height: 0;}
.swiper-slide img {
    width: 100%;
    height: 100%;
}
.swiper-overlay {
	position: absolute;
	bottom: 0;
	height: 50px;
	width: 100%;
	color: #fff;
	padding: 10px;
	background: rgba(0,0,0,0.65);
	font-size : 12px;
}

.carrousel-mask {
	position:absolute;bottom:0;width:100%;height:60px; background-color:rgb(0,0,0,0.4);
}

.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
  transform: translateZ(0);
}
.parallax__layer--back {
  transform: translateZ(-1px) scale(2);
}


/* accordeon */
.ui-accordion h3 {
	background-color:#aaaaaa;
	color:#fff;
	padding:5px;
	margin:0 0 8px 0;
	cursor:pointer;
}
.ui-accordion ul {
	list-style:none;
}
.ui-accordion ul li {
	padding:5px;
	cursor:pointer;
	
	
}
.ui-accordion ul li:hover {
	background:#eee;
}

.ui-accordion ul li.customer-active { background-color:#033267; color:#fff; font-weight:700;}
.ui-accordion h3.ui-state-active { 
	background-color:#cad400;
	
}

/* numbers */
.cont { max-width:1080px; font-family:monospace; background: #10406e url(../images/world-dot-map.png) center center no-repeat; color:#fff ;}
.boxcont { 
	vertical-align:top;
	display:inline-block;
	margin:30px 0;
	width:32%;
}
.box {  
	width: 145px;
    height: 145px;
    font-family:monospace;
    border: 6px solid #dddc0f;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    text-align:center;
}
.box p {
    font-size: 60pt;
    line-height:130px;
    margin:auto;
}
.little p {
	font-size:40pt;
	
}
.verylittle p {
	font-size:28pt;
}
.veryverylittle p {
	font-size:24pt;
}
.legend {
	font-size:18pt;
	text-align:center;
	margin-top:20px; 
}

/* Form contact */
.tkform {
	
	background-size:cover;
	background-position:left bottom;
	background-image: url(../images/contact.jpg);
	background-repeat:no-repeat;
	min-height:300px;
}
.tkform form { width:45%; background-color:rgba(0,0,0,0.1);	padding:20px 50px; font-size:1.20rem;}
.tkform ul li { list-style:none;}
.tkform label { display:block; font-size:1.20rem; color:#444; font-weight:bold;}
.tkform input[type=text], textarea { width: 100%; margin-bottom:20px; font-size:1.20rem; border:0; padding:4px 8px;}
.tkform textarea { height:150px; }
.tkform input[type=submit] { font-size: 1.4rem; border: 0; padding: 10px 20px; background: #00326c8a; color: #fff; } 
.tkform>a { font-size:2rem; display:inline-block;margin:10px ;}

.temoignage-container-list { padding-bottom:1em ; } 
.temoignage-container {
  position: relative;
  
  max-height: 120px;
  overflow: hidden;
  transition: max-height .5s ease;
  background:#fff;
  color:#000;
} 
.temoignage-texte {
	font-style:italic;
	margin:0 2em 0 2em;
}
.client-box-detail .temoignage-texte {
	margin:0;
}

.temoignage-signature { 
	margin: 1em 2em 0;
    border-bottom: 1px solid #999;
    font-weight: bold;
    color:#003366;
}

.client-box-detail .temoignage-signature {
	margin:1em 0 0 0;
	border-bottom:none;
}

.temoignage-signature-haut { 
	margin:2em 2em 0 2em
}	
.temoignage-signature-haut p {
	display:inline-block;
}
.temoignage-signature-haut p:first-child {
	font-weight:bold;
}
.temoignage-signature-haut br {
	display:none;
}


.temoignage-container .fade {
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
  height: 120px;
  width:100%;
  bottom:0;
  position: absolute;
}

.temoignage-readmore {
  color:#B90D09;
  text-decoration:underline;
  right: 2em;
  bottom:0;
  position: absolute;
  cursor:pointer;
}


.temoignage-full {
    max-height: inherit;
    background: #f5f5f5;
    padding-bottom: 2em;
}

.temoignage-full .fade, .temoignage-full .temoignage-readmore, .temoignage-full .temoignage-signature-haut { 
	display:none;
}
.temoignage-full .temoignage-texte { margin-top:2em; }
.temoignage-container-list h1 {
    margin: 0;
    background: #cad401;
    color: #4e5849;
    padding: 24px;
    text-align: right;
}