@charset "utf-8";

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

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

html { background: #FEFEFE; }
body {
	font-size: 12px !important;
	min-width: 960px !important;
	max-width: 1366px !important;
	text-align: center;
	margin: 0 auto;
}
body h1, body h2,body h3, body h4, body h5 { font-family: "Lucida Grande", sans-serif; }
.hide {
	display: none !important;
	visibility: hidden;
}
.font10 { font-size: 10px !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.font18 { font-size: 18px !important; }
.font20 { font-size: 20px !important; }
.font22 { font-size: 22px !important; }
.font24 { font-size: 24px !important; }
.font28 { font-size: 28px !important; }
.font50 { font-size: 50px !important; }
.font100 { font-size: 100px !important; }
.font120 { font-size: 120px !important; }
.font150 { font-size: 150px !important; }
.font200 { font-size: 200px !important; }
.blockquote-style {
  margin: 0;
  padding: 5px 10px;
  border-left: 4px #ccc solid;
  display: block;
  background-color: rgba(204, 204, 204, 0.1);
}
.blockquote-style-green {
  margin: 0;
  padding: 5px 10px;
  border-left: 4px #4a721f solid;
  display: block;
  background-color: rgba(74, 114, 31, 0.1);
}
.transparent {
	padding: 10px;
}
.no-italic {
	font-style: normal !important;
}
.default-font-family {
	font-family: inherit !important;
}
.smallCaps {
	font-variant: small-caps !important;
}

.left {
	float: left !important;
}
.right {
	float: right !important;
}
.hLine-yellow {
	display: block !important;
	border-top: solid 1px #fbcb73;
	width: 70% !important;
	margin-bottom: 15px;
}
.padding2 {
	padding: 2px;
}.padding5 {
	padding: 5px;
}
.padding10 {
	padding: 10px;
}
.border-fat {
	/*margin-top: -6px;
	width: 130px;
	height: 4px;
	background: #000;
	display: block;*/
	/*.border-fat(-5px);*/
	.border-fat;
}

/* -- PLACEHOLDER STYLES -- */
input::-webkit-input-placeholder {
	font-style: italic;
	font-size: 12px;
}
input:-moz-placeholder {
	font-style: italic;
	font-size: 12px;
}
/* -- Fin PLACEHOLDER STYLES -- */

/*-------------------------------------*/
/* ------ Debut General style ------ */
/*-------------------------------------*/

/* header */
#header {
	background: #2D3033;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	position: fixed;
	z-index: 9874;
	.border-radius(0 0 5px 0);
}
#header hgroup#slogan {
	margin: 0px;
	display: inline-block;
	padding: 5px 70px 5px 10px;
	background: url(../images/icones/kt.png) no-repeat 96% center;
}
#header hgroup#slogan h1, #header hgroup#slogan h2 {
	padding: 0px;
	display: inline;
	color: #F9F9F9;
}
#header hgroup#slogan h1 {
	font-size: 24px;
	margin: 0px !important;
	padding: 0px;
	line-height: 24px;
}
#header hgroup#slogan h1 > a {
	font-family: "WalkwayBoldRegular", sans-serif;
	font-size: 20px;
	-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 hgroup#slogan h1 > a:hover {
	color: #F8F8F8;
}
#header hgroup#slogan h2 {
	font-size: 12px;
	margin: 0px 0px 0px 10px !important;
	line-height: 12px;
}
/* conteneur principal */
#conteneur-principal { 
	font-family: "Lucida Grande", sans-serif;
	min-width: 960px !important; 
}
#footer { }

/* home style */
#conteneur-principal #footer,
#conteneur-principal #footer-home {
	min-width: 960px !important;
	margin-top: 5px;
}

#conteneur-principal #footer-home {
	min-height: 35px;
}
#footer-home nav.nav-bar {
	font-variant: small-caps;
	font-size: 16px !important;
	font-weight: bold;
	color: #CFDDF1;
	text-shadow: 0 0 5px #0C1B2C;
	padding-left: 25%;
	padding-top: 10px;
	padding-bottom: 5px;
}
@media (max-width: 960px) {
	#footer-home nav.nav-bar {
		padding-left: 15%;
		padding-right: 15%;
	}
}
#footer-home ul#links-home {
	padding-top: 5px;
	list-style: none;
	overflow: hidden;
}
#footer-home ul#links-home li:first-child {
	padding-left: 2px;
}
#footer-home ul#links-home li {
	padding-right: 7px;
	padding-left: 7px;
	float: left;
}
#footer-home ul#links-home li a {
	font-size: 16px !important;
	font-weight: bold;
	color: #CFDDF1;
	text-shadow: 0 0 5px #0C1B2C;
}
#footer-home ul#links-home li a:hover {
	color: #FFFFFF;
	text-shadow: 0 0 5px #0C1B2C;
}
#footer-home #links-home .icon-accessibility {
	float: left;
}
.others-links {
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.others-links .block-rub {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 3px;
	margin-top: 8px;
	padding-bottom: 0px;
	width: 30%;
}

.others-links .block-rub h3{
	margin: 0 0 10px;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
	border-bottom: 1px dashed #CECECE;
	padding-bottom: 3px;
}
.others-links .block-rub div span.logo-part:first-child {
	margin-left: 0px;
}
.others-links .block-rub div span.logo-part {
	height: 28px;
	margin-left: 5px;
	display: inline-block;
}
.others-links .block-rub div span#protei,  
.others-links .block-rub div span#edibon,
.others-links .block-rub div span#canya,
.others-links .block-rub div span#bambooGroup {
	-webkit-transition: background 0.9s ease-in-out;
	-moz-transition: background 0.9s ease-in-out;
	-o-transition: background 0.9s ease-in-out;
	transition: background 0.9s ease-in-out;
}
.others-links .block-rub div span#protei {
	background: url(../images/logos-partenaires-gray.png) no-repeat 0px 0px;
	width: 79px;
}
.others-links .block-rub div span#edibon {
	background: url(../images/logos-partenaires-gray.png) no-repeat -90px 0px;
	width: 60px;
}
.others-links .block-rub div span#canya {
	background: url(../images/logos-partenaires-gray.png) no-repeat -158px 0px;
	width: 75px;
}
.others-links .block-rub div span#bambooGroup {
	background: url(../images/logos-partenaires-gray.png) no-repeat -238px 0px;
	width: 112px;
}
.others-links .block-rub div span#protei:hover {
	background: url(../images/logos-partenaires-color.png) no-repeat 0px 0px;
	width: 79px;
}
.others-links .block-rub div span#edibon:hover {
	background: url(../images/logos-partenaires-color.png) no-repeat -90px 0px;
	width: 60px;
}
.others-links .block-rub div span#canya:hover {
	background: url(../images/logos-partenaires-color.png) no-repeat -158px 0px;
	width: 75px;
}
.others-links .block-rub div span#bambooGroup:hover {
	background: url(../images/logos-partenaires-color.png) no-repeat -238px 0px;
	width: 112px;
}
#copyright {
	color: #596266;
	text-align: center;
	margin-bottom: 2px;
}
#copyright a#author { color: #444B4F; }
#copyright a#author:hover { color: #660033; }

/* end home style */

/* internes pages styles */

.section-inContainer {
	margin: 3px;
	min-width: 960px !important;
}
.section-inContainer > .header2 { padding: 5px 10px; }
.section-inContainer > .header2 > .navigation { margin-right: 10px; }
.section-inContainer > .header2 > .navigation > ul.menu { float: right; }
.section-inContainer > .header2 > .navigation > ul.menu > li {
	float: left;
	margin-right: 12px;
}
.section-inContainer > .header2 > .navigation > ul.menu > li > a {  }
.section-inContainer > .header2 > .navigation > ul.menu > li > a:hover { 
 	color: rgb(82, 82, 82) !important; 
	padding-bottom: 3px; 
	border-bottom: solid 2px #0f131a; 
}
.section-inContainer > .contenu-detail {
	margin-top: 60px;
}
.section-inContainer > .contenu-detail > .div-box {
	margin: 0 auto;
	width: 75%;
	text-align: left;
}
.section-inContainer > .contenu-detail > .div-box h2.titre2 {
	font-family: WalkwayObliqueSemiBoldRegular;
	font-variant: small-caps;
	padding: 5px 0 0 0;
	margin-bottom: 50px;
	border-top: solid 1px #2d2f31;
	display: inline-block;
}

/* -- */
.section-inContainer > .contenu-detail > #div-box-offres h2.titre2 > span.border-fat{
	.border-fat;
}
.section-inContainer > .contenu-detail > #div-box-mobile h2.titre2 > span.border-fat{
	.border-fat(240px);
}
.section-inContainer > .contenu-detail > #div-box-references h2.titre2 > span.border-fat{
	.border-fat(205px);
}
.section-inContainer > .contenu-detail > #div-box-recru h2.titre2 > span.border-fat{
	.border-fat(230px);
}
.section-inContainer > .contenu-detail > #div-box-sitemap h2.titre2 > span.border-fat{
	.border-fat(218px);
}
/* -- */

.section-inContainer > .contenu-detail > .div-box h3.sub-title-h3 {
	font-family: "Times New Roman", Times;
	/*font-variant: small-caps;*/
	font-style: italic;
	padding: 5px 0 0 0;
	margin-bottom: 10px;
	/*border-top: solid 1px #2d2f31;*/
}
.section-inContainer > .contenu-detail > .div-box .detail-box:not(:last-child) { border-right: solid 1px #d3d6da; }
.section-inContainer > .contenu-detail > #div-box-mobile .detail-box:not(:last-child) { border-right: solid 1px #a3be36; }
.section-inContainer > .contenu-detail > .div-box .detail-box {
	padding: 10px;
	text-align: left;
	margin: 0 auto;
	display: table-cell;
	width: 325px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.section-inContainer > .contenu-detail > .div-box .detail-box > div > p {
	font-family: inherit;
}
.section-inContainer > .contenu-detail > .div-box .detail-box:hover {
	background: #FFF;
	border: solid 1px #afafaf;
	-webkit-box-shadow: 0 0 1px #b1b1b1;
	-moz-box-shadow: 0 0 1px #b1b1b1;
	box-shadow: 0 0 1px #b1b1b1;
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}
/*.section-inContainer > .contenu-detail > #div-box-mobile .detail-box {
	background: rgba(243, 254, 245, .9);
}*/
.section-inContainer > .contenu-detail > #div-box-mobile .detail-box:hover {
	background: #f9fffb;
	border: solid 1px #579C36;
	-webkit-box-shadow: 0 0 1px #b4dd86;
	-moz-box-shadow: 0 0 1px #b4dd86;
	box-shadow: 0 0 1px #b4dd86;
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}
.section-inContainer > .contenu-detail > .div-box .detail-box > i {
	display: block;
	line-height: 120px;
	margin: 0 auto 20px auto;
	text-align: center;
}
.section-inContainer > .contenu-detail > #div-box-references div.image-container { line-height: 200px; }
.section-inContainer > .contenu-detail > #div-box-references div.image-container img { width: auto; min-height: inherit; }
.section-inContainer > .contenu-detail > #div-box-references div.image-container .overlay { font-size: 12px; text-align: center; }

.section-inContainer > .contenu-detail > #div-box-recru > .recru-box { width: 70%; }
.section-inContainer > .contenu-detail > #div-box-recru > .transparent:hover {
	background: rgba(255,255,255,.7);
	.border-radius(2px);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

}
.section-inContainer > .contenu-detail > #div-box-recru > .transparent:hover > h3 {
	color:#ba820c !important;
}
.section-inContainer > .contenu-detail > #div-box-recru > .transparent ul.listview li {
	width: 600px;
}  


/* end internes pages styles */


/*-------------------------------------*/
/* ------ Fin General style ------ */
/*-------------------------------------*/

/*-------------------------------------*/
/* ------ Debut Ascenseur style ------ */
/*-------------------------------------*/
#servicesSections { overflow: hidden; }


#servicesSections .section {
	overflow: auto;
	box-shadow: inset 0 0 0px 3px #2D3033;
}
#navigationMap {
	position: fixed;
	right: 100px;
	bottom: 20px;
	width: 140px;
	height: 40px;
	z-index: 99999;
}
#navigationMap ul li a {
	background: #CFCFCF;
	height: 10px;
	width: 10px;
	border-radius: 2px;
	position: fixed;
}
#navigationMap .servicesLink2, #navigationMap .servicesLink3 { margin-left: 30px; }
#navigationMap .servicesLink3 { margin-top: 30px; }
#navigationMap .servicesLink4 { margin-left: 60px; }
#navigationMap .servicesLink5, #navigationMap .servicesLink6 { margin-left: 90px; }
#navigationMap .servicesLink6 { margin-left: 120px; }
/*#navigationMap .servicesLink7 { margin-left: 120px; }*/
#navigationMap .servicesLinkActive { background: #333; }
#navigationMap .servicesLink:hover { background: #444; }
#servicesFloor1 { background: /*#F9B233;*/ url(../images/bg_diamond.jpg) repeat scroll 0px 0px; }
#servicesFloor2 { background: #FCFCFC /*#71B5E5;*/ url(../images/bg-offres.jpg) no-repeat left top; }
#servicesFloor3 { background: #f1fae6 /*#B3CE4A*/ url(../images/bg-mobile-portal.jpg) no-repeat left top; }
#servicesFloor4 { background: /*#4AAEB6*/ url(../images/3.png) no-repeat left top, url(../images/px_by_Gre3g.png) repeat left top; }
#servicesFloor5 { background: #F9B233 url(../images/bg-recru.jpg) no-repeat right top; }
#servicesFloor6 { background: #FFF/*#E7DFBF*/; }
/*#servicesFloor7 { background: #FFF; }*/
/*-------------------------------------*/
/* ------ Fin Ascenseur style ------ */
/*-------------------------------------*/