@charset "utf-8";

/* NB : Remplacer le root repertoire [kt] par celui en ligne */

/*@import url("assets/webfonts/caviar-dreams/styles-caviar-dreams.css");
@import url("assets/webfonts/walkway/styles-walk-aways.css");
@import url("assets/webfonts/ubuntu/styles-ubuntu.css");*/
@import url("less-styles.less");

/* Perso style */

.hide {
	display: none !important;
	visibility: hidden;
}
.clear {
	clear: both;
	float: none;
}
.ico-php {
	background: url(../images/icones/php.png) no-repeat 0 0;
	width: 50px;
	height: 50px; 
}
.ico-mysql {
	background: url(../images/icones/mysql.png) no-repeat 0 0;
	width: 97px;
	height: 50px; 
}
.ico-jquery {
	background: url(../images/icones/jquery.png) no-repeat 0 0;
	width: 52px;
	height: 50px; 
}
.cursor-default { cursor: default; }
.non-oblique { font-style: normal !important; }
.no-bg { background: none !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.font8 { font-size: 8px !important; }
.font9 { font-size: 9px !important; }
.font10 { font-size: 10px !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font16 { font-size: 16px !important; }
.font18 { font-size: 18px !important; }
.font20 { font-size: 20px !important; }
.font22 { font-size: 22px !important; }
.font24 { font-size: 24px !important; }
.font26 { font-size: 26px !important; }
.font28 { font-size: 28px !important; }
.font30 { font-size: 30px !important; }
.font50 { font-size: 50px !important; }
.font80 { font-size: 80px !important; }
.font100 { font-size: 100px !important; }
.font120 { font-size: 120px !important; }
.font150 { font-size: 150px !important; }
.font200 { font-size: 200px !important; }
.fontLucida { font-family: 'Lucida Grande' !important; }

.display-block {
	display: block !important;
}

.separator {
  height: 1px;
  background-color: #e2e2e2;
  margin: 5px 0 20px;
  padding: 0;
}
.separator2 {
  height: 1px;
  background-color: #e2e2e2;
  margin: 5px 0 20px;
  padding: 0;
  width: 50%;
}
.separator-blue {
  height: 1px;
  background-color: #eee;
  border-right: 50px solid #009bf4;
  margin: 5px 0 20px;
  padding: 0;
}
.separator-cyan {
  height: 1px;
  background-color: #eee;
  border-right: 50px solid #13c8e1;
  margin: 5px 0 20px;
  padding: 0;
}
.separator-yellow {
  height: 1px;
  background-color: #eee;
  border-right: 50px solid #F9B233;
  margin: 5px 0 20px;
  padding: 0;
}
.separator-orange {
  height: 1px;
  background-color: #eee;
  border-right: 50px solid #f34705;
  margin: 5px 0 20px;
  padding: 0;
}
.separator-red {
  height: 1px;
  background-color: #eee;
  border-right: 50px solid #b70000;
  margin: 5px 0 20px;
  padding: 0;
}
.separator-green {
  height: 1px;
  background-color: #eee;
  border-right: 50px solid #3ea217;
  margin: 5px 0 20px;
  padding: 0;
}
.separator-black {
  height: 1px;
  background-color: #eee;
  border-right: 50px solid #000000;
  margin: 5px 0 20px;
  padding: 0;
}
.separator-gray {
  height: 1px;
  background-color: #eee;
  border-right: 50px solid #b8b8b8;
  margin: 5px 0 20px;
  padding: 0;
}
.separator-pink {
  height: 1px;
  background-color: #eee;
  border-right: 50px solid #7e3878;
  margin: 5px 0 20px;
  padding: 0;
}
.gradient-white {
	.gradient-white;
}
#conteneur-p .cadre-ajuste #banner #carousel-ban .description.gradient-white1,
.gradient-white1 {
	.gradient-white(.2);
}
.transparent {
	background-color: rgba(255, 255, 255, 0.8);
	border: solid 1px #ccc;
}
.place-center {
	margin: 0 auto !important;
	text-align: center;
}
.margin-top5 { margin-top: 5px !important; }
.margin-top10 { margin-top: 10px !important; }
.margin-top15 { margin-top: 15px !important; }
.margin-top20 { margin-top: 20px !important; }
.margin-top30 { margin-top: 30px !important; }
.margin-top40 { margin-top: 40px !important; }
.margin-left10 { margin-left: 10px !important; }
.margin-left15 { margin-left: 15px !important; }
.margin-left20 { margin-left: 20px !important; }
.margin-right10 { margin-left: 10px !important; }
.margin-right15 { margin-left: 15px !important; }
.margin-right20 { margin-left: 20px !important; }
.margin-bottom5 { margin-bottom: 5px !important; }
.margin-bottom10 { margin-bottom: 10px !important; }
.margin-bottom20 { margin-bottom: 20px !important; }
.margin-bottom50 { margin-bottom: 50px !important; }
.border {
	border: 1px solid #f9f9f9;
}
.inline-block { display: inline-block !important; }
/* End Perso style */

/* --- *********** --- */
/* --- Pages style --- */
/* --- *********** --- */

/* --- Typographie --- */
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif !important;
	font-style: normal !important; 
}

/* header */
#header-main .nav-bar { background: inherit !important; }
#header-main .nav-bar .nav-bar-inner {
	background: rgba(255,255,255,.1) url(../images/icones/kt-1.png) no-repeat 99% 20px;
	border-top: solid 0px #205371;
	.border-bottom;
	padding-bottom: 0px;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
#header-main .nav-bar .nav-bar-inner:hover { background: #fff !important; }

@media (max-width: 980px) {
	#header-main .nav-bar .nav-bar-inner { background: #333 !important; }
	#header-main .nav-bar .nav-bar-inner:hover { background: #0a3d63 !important; }
	
	#page-entreprise #header-main .nav-bar { 
		 .nav-bar-inner:hover { background: #686c6c !important; }
		 .nav-bar-inner .menu > li > a:hover { background: #333 !important; }
		 .nav-bar-inner .kt-home-link { color: #fff !important; }
	}
	#page-offres #header-main .nav-bar { 
		 .nav-bar-inner:hover { background: #42453f !important; }
		 .nav-bar-inner .menu > li > a:hover { background: #333 !important; }
		 .nav-bar-inner .kt-home-link { color: #868675 !important; }
	}
	#page-mobile-portal #header-main .nav-bar { 
		 .nav-bar-inner:hover { background: #214b14 !important; }
		 .nav-bar-inner .menu > li > a:hover { background: #333 !important; }
		 .nav-bar-inner .kt-home-link { color: #518314 !important; }
	}
	#page-recrutement #header-main .nav-bar { 
		 .nav-bar-inner:hover { background: #6c5106 !important; }
		 .nav-bar-inner .menu > li > a:hover { background: #333 !important; }
		 .nav-bar-inner .kt-home-link { color: #d89f0c !important; }
	}
	#page-contact #header-main .nav-bar { 
		 .nav-bar-inner:hover { background: #6c5106 !important; }
		 .nav-bar-inner .menu > li > a:hover { background: #333 !important; }
		 .nav-bar-inner .kt-home-link { color: #d89f0c !important; }
	}
	#page-sitemap #header-main .nav-bar { 
		 .nav-bar-inner:hover { background: #6c5106 !important; }
		 .nav-bar-inner .menu > li > a:hover { background: #333 !important; }
		 .nav-bar-inner .kt-home-link { color: #d89f0c !important; }
	}
	
	#header-main .nav-bar .nav-bar-inner:hover > a > .brand .kt-home-link { color: #e2f5f8 !important; }
	#header-main .nav-bar .nav-bar-inner .menu > li > a { color: #fff !important; }
	#header-main .nav-bar .nav-bar-inner .menu > li > a:hover { background: #a6dfea !important; }
	#header-main .nav-bar .nav-bar-inner .menu > li > ul > li { text-align: center !important; }
	#conteneur-p .cadre-ajuste #sidebar-menu { margin-bottom: 25px; }
}

#header-main .nav-bar .nav-bar-inner .kt-home-link {
	font-family: "CaviarDreamsBold", sans-serif;
	font-size: 45px;
	letter-spacing: -10px;
	line-height: 40px;
	color: #2285ce/*5cc2dc*/;
	margin-right: 10px;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
#header-main .nav-bar .nav-bar-inner .kt-home-link:hover { color: #c01f23; }
#header-main .nav-bar .nav-bar-inner #divider-kt { min-height: 45px; }
#header-main .nav-bar .nav-bar-inner .menu > li { text-align: center; }
#header-main .nav-bar .nav-bar-inner .menu > li > ul { border-top: solid 2px #3792bd;  }
#header-main .nav-bar .nav-bar-inner .menu > li > ul > li { text-align: left; }
#header-main .nav-bar .nav-bar-inner .menu > li > a { 
	font-family: UbuntuBold, sans-serif !important; 
	text-transform: uppercase;
	font-size: 12px;
	padding: 0 10px;
}
#header-main .nav-bar .nav-bar-inner .menu > li > a em { 
	font-style: normal;
	font-family: 'UbuntuLight';
	font-size: 11px;
	font-weight: lighter;
	text-transform: none;
	color: #999;
}
/* end header */

/* --- bg pages -- */
#page-references {
	#header-main .nav-bar .nav-bar-inner {
		.border-bottom(#2b5797);
	}
	#conteneur-p { 
		background: #f1f1f1 url(../images/bg-keyboard.jpg) no-repeat left 0px !important; 
		background-size: contain !important;
	}
}
#page-entreprise  { 
	#conteneur-p {
		background: #f8f8f8 url(../images/bg-office.jpg) no-repeat left 80px !important; 
		background-size: 100% !important;
	}
	#header-main .nav-bar .nav-bar-inner {
		.border-bottom;
	}
}
#page-offres { 
	#conteneur-p{
		background: #fff url(../images/bg-world.jpg) no-repeat left 0px !important; 
		background-size: 100% !important;
	}
	#header-main .nav-bar .nav-bar-inner {
		.border-bottom(#898989);
	}
}
#page-recrutement { 
	#conteneur-p {
		background: #cacec7 url(../images/bg-human.jpg) no-repeat left 0px !important; 
		background-size: 100% !important;
	}
	#header-main .nav-bar .nav-bar-inner {
		.border-bottom(#ffc40d);
	}
}
#page-mobile-portal { 
	#conteneur-p {
		background: #fff url(../images/bg-telecom.jpg) no-repeat left 0px !important; 
		background-size: 100% !important;
	}
	#header-main .nav-bar .nav-bar-inner {
		.border-bottom(#00a300);
	}
	.box940 div.entete {
		min-height: 180px;
		padding-bottom: 0px;
		.carousel.carousel-height {
			height: 212px;
		}
	}
}
/* --- end bg pages -- */

/* --- conteneur principal --- */
#conteneur-p {
	margin: 0 auto;
	height: 100%;
	text-align: center;
}

#conteneur-p .cadre-ajuste {
	text-align: left;
	margin-top: 0px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* banner */
#conteneur-p .cadre-ajuste #banner { 
	font-family: UbuntuLight, sans-serif; 
	margin-top: -70px;
	padding: 0px;
}
#conteneur-p .cadre-ajuste #banner #carousel-ban { 
	margin-bottom: 0px !important; 
	border-bottom: solid 1px #0e3d4b;
}
#conteneur-p .cadre-ajuste #banner #carousel-ban .slides { .carousel-top(69px); }
#conteneur-p .cadre-ajuste #banner #carousel-ban #carousel-entreprise { .carousel-top; }
#conteneur-p .cadre-ajuste #banner #carousel-ban #carousel-offres { .carousel-top(69px); }
#conteneur-p .cadre-ajuste #banner #carousel-ban #carousel-mobile-portal { .carousel-top(69px); }
#conteneur-p .cadre-ajuste #banner #carousel-ban #carousel-references { .carousel-top(69px); }
#conteneur-p .cadre-ajuste #banner #carousel-ban #carousel-recrutement { .carousel-top(69px); }
#conteneur-p .cadre-ajuste #banner #carousel-ban #carousel-contact { .carousel-top; }
#conteneur-p .cadre-ajuste #banner #carousel-ban #carousel-sitemap { .carousel-top; }
#conteneur-p .cadre-ajuste #banner #carousel-ban #carousel-supports { .carousel-top; }

#conteneur-p .cadre-ajuste #banner #carousel-ban #carousel-entreprise .slide > img { height: 100%; }
#conteneur-p .cadre-ajuste #banner #carousel-ban .description,
#conteneur-p .cadre-ajuste #banner #carousel-ban .description2 { 
	padding: 2px 30px;
	text-align: left;
	.gradient-white; 
	h4 { 
		margin: 2px 0px !important;
		text-transform: uppercase;
		color: #f4f9fd !important; 
		font-size: 10px;
		font-weight: normal;
	}
}

#conteneur-p .cadre-ajuste #banner #carousel-ban .markers > ul { 
	margin-top: -25px; 
	right: 20px; 
	left: inherit; 
}
#conteneur-p .cadre-ajuste #banner #carousel-ban .markers li a { background: #40d3f2; }
#conteneur-p .cadre-ajuste #banner #carousel-ban .markers li.active a { background: #e8fbfd; }
/* end banner */

/* sidebar */
@media (max-width: 979px) and (min-width: 768px) {
	#conteneur-p .cadre-ajuste #sidebar-menu { width: 180px; }
}
#conteneur-p .cadre-ajuste #sidebar-menu { 
	margin-top: -4px;
	padding-bottom: 0px;/*border: solid 1px rgb(7, 125, 148) !important;*/ 
	border-top: solid 4px #0e3d4b;
}
#conteneur-p .cadre-ajuste #sidebar-menu > ul { 
	box-shadow: none;
	display: block;
	margin-left: 0px;
}
#conteneur-p .cadre-ajuste #sidebar-menu ul li { margin: 0px; }
#conteneur-p .cadre-ajuste #sidebar-menu ul li > a { 
	font-size: 12px; 
	padding-top: 0; 
	padding-top: 8px;
	padding-bottom: 8px;
}
#conteneur-p .cadre-ajuste #sidebar-menu ul li.dropdown > a:hover { 
	background: #0f242d !important;
}
#conteneur-p .cadre-ajuste #sidebar-menu ul li > a:hover { 
	background: #2b6982 !important;
}
#conteneur-p .cadre-ajuste #sidebar-menu ul li > a > i.font8 { 
	margin-left: -15px;
	margin-right: 10px;
}
/* end sidebar */

/* contenu-box */
#conteneur-p .cadre-ajuste .contenu-box { 
	font-size:12px; 
	height: 100%;
	min-height: 350px; 
	margin-top: -3px;
}
/* media queries */
@media (max-width:1115px) and (min-width:768px) {
   /* page entreprise */
	body#page-entreprise #conteneur-p .cadre-ajuste .contenu-box {
		width: 65% !important;
		margin-left: 20px;
	}
	.hero-unit {
		height: 310px;
	}
	.hero-unit .carousel-height {
		height: 290px !important;
	}
}

.h1-top,
#conteneur-p .cadre-ajuste .contenu-box .h1-top {
	font-family: CaviarDreamsBold !important; 
	.font-line(28px, 28px); 
	text-transform: uppercase;
	color:#607373;
}
.h2-style {
/*	font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif !important;*/
}

.box940 {
	max-width: 940px !important;
	min-width: 320px !important;
	margin:20px auto !important;
}
.box940 .hero-unit { padding-top:0px; }
.box940 div.entete {
	padding: 10px 0;
	min-height: 249px;
}
.box940 div.entete .carousel.carousel-height {
	height: 235px;
	float: left;
	width: 100%;
	margin-bottom: 0px;
}
.box940 div.entete .carousel.carousel .control {
    top: auto;
    left: auto;
    bottom: -10px;
}
.box940 div.entete .carousel .control.left {
    right: 100px;
}
.box940 div.entete .carousel .control.right {
    right: 30px;
}
.tiles { 
	margin-top: 20px; 
	padding: 0 10px !important;
}
.tiles .tile-content { border: solid 1px rgb(240, 235, 235); }
.tiles .tile { cursor: default; }
.tiles .tile-content > img { 
	width: 280px !important; 
	height: 150px !important; 
}
.tiles .brand img.icon { 
	width: 25px;
	height: 23px;
}
.tiles .brand p.text { 
	left: 50px !important;
}

.tile .tile-content > img#logo-zendev { 
	width: 150px !important; 
	height: 150px !important;
	top: inherit;
	left: inherit;
	margin: 0px; 
}
.bg-hand-ipad {
	background: url(../images/hand-ipad.png) no-repeat right bottom;
	min-height: 280px !important;
}
.bg-candidat {
	background: url(../images/cand.png) no-repeat right bottom;
	min-width: 301px;
	min-height: 320px !important;
	margin-bottom: -5px !important;
}
.box3 {
	min-height: 205px !important;
	line-height: 205px;
	border: solid 1px #91c43c;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
	h2 > a {
		padding: 5px;
	}
}
.box3:hover {
	background: #fff url(../images/grey.png) !important;
	h2 > a {
		.border-bottom(#91c43c);
		> i {
			color:#91c43c !important;
			font-size: 90px !important;
		}
	}
}
.bg-tech {
	height: 250px;
	background: #2e641a url(../images/tech.png) 0 0;
}


/* images page references */
.image-collection div.image-container { line-height: 200px;/* border: solid 1px #ccc;*/ }
.image-collection div.image-container img { width: auto; min-height: inherit; }
.image-collection div.image-container .overlay { text-align: center; }
/* end images page references */

#conteneur-p #footer-home{
	padding: 10px 50px;
	background: #4a535e url(../images/px_by_Gre3g.png) repeat left top;
}
#conteneur-p #footer-home #logo_symbole-kemet-tic{
	background: url(../images/icones/kt-symbole.png) no-repeat left center;
	width: 30px;
	height: 32px;
	float: left;
	margin-left: -15px;
	margin-top: -25px;
}

/* end contenu-box */

/* --- end conteneur principal --- */


/* --- *********** --- */
/* -- End Pages style - */
/* --- *********** --- */