html { font-size: 62.5%; } 
body { /* =18px */
  font-size: 18px;
  font-size: 1.8rem;
  line-height:28px;
  line-height:2.8rem;
  overflow-x: hidden;
}
.mainbody-inner{
	padding-top:0;
}
.span12{
	width:100%;
}
/*TYPOGRAPHY*/
h1{	/* =24px */
	font-size: 64px;
	font-size: 6.4rem;
	font-weight:300;
	/*color:#ffffff;
	background-color:#0091BD*/
}


h2{	/* =36px */
	font-size: 36px;
	font-size: 3.6rem;
	font-weight:400;
	/*color:#0091BD;*/
}

h3{ /* =48px */
	font-size:48px;
	font-size: 4.8rem;
}
strong {
    font-weight: 500;
}
.bg_green{
	background-color:#56A500!important;
	color:#fff!important;
	padding: 0 10px;	
}
.bg_blue{
	background-color:#0091BD!important;
	color:#fff!important;
	padding: 0 10px;
}
.bg_white{
	background-color:#fff!important;	
	color:#4A4A4A!important;
	padding: 0 10px;
}
.bg_grey{
	background-color:#f5f5f5!important;
	padding: 0 10px;
}
.green{
	color:#56A500!important;
}
.blue{
	color:#0091BD!important;

}
.white{
	color:#fff!important;	
}
.grey{
	color:#666666!important;
}
.black{
	color:#141B21!important;
	}
.big{
	font-size:120px;
	font-size:12rem;
	line-height:130px;
}
.btn{
	border:none;
}	

.bouton{
		padding:8px 24px;
}

a{
	color:#56A500;
}
a:hover{
	color:#56A500;
}
a:hover, a:focus{
	outline: none!important;
}

a.arrow{
	padding:0 25px 2px 0;
	background:url("../images/link_arrow_green.png") no-repeat right center;
	font-size:16px;
	font-size: 1.6rem;
	font-weight:500;
	text-decoration:none!important;
}

.bouton {
	font-size: 15px;
	font-size:1.5rem;
	font-weight:500;
    text-transform:uppercase;
}
.arrow_wh{
	color:#fff;
	background:url("../images/link_arrow_white.png") no-repeat right 5px center;
	padding:25px 30px 25px 5px;
}
.arrow_grey{
	color:#4A4A4A;
	background:url("../images/link_arrow_grey.png") no-repeat right 5px center;
	padding:25px 30px 25px 5px;
}
a:hover.arrow_wh{
	color:#fff;
}
.top-sl span.bg_green{
	padding:15px;
}
.arrow_gr{
	color:#4A4A4A;
	background:#fff;
	padding:20px 50px 20px 25px;
	float:right;
}
a:hover.arrow_gr{
	color:#4A4A4A;
}

.section-title::before {
	background:none;
}


#top_1 .container, #bot_4.bot-sl .container, #footer .container, .navbar-static-top .container,#top_1 .span12{
	width:100%!important;
}

/*MENU*/

.navbar-form {
    margin-left: 0;
    width: 800px;
	background:none;
	position: relative;
	top: 15px;
}
@media screen and (min-width: 1025px) {
.navbar-brand {
    padding-left: 125px;
}
}

.home #mainnav{
	/*background-color:#000;*/
}

#mainnav .container{
	background-color: rgba(0,0,0,.5);
	padding:12px 0 0 0;
}
#mainnav{
	background:none;
	border:none;
	padding:0;
	z-index:20;
}
#mainnav .banner {
    line-height: 40px;
}
#mainnav .logo{
	padding-left:40px;
}
#mainnav .menu li > a {
    font-size: 16px;
	font-size: 1.6rem;
    text-transform: none;
	padding: 0px 17px;
	font-weight: 400;
	line-height:32px;
}
#mainnav .menu li {
    padding: 0px 8px;
}
#mainnav .menu li > a:hover, #mainnav .menu li > a:focus, #mainnav .menu li.current > a  {
	color:#fff;
    background-color:#0091bd;
	border-radius: 20px;
}


#mainnav .nav > li > a::after{
	border:0;
}
#mainnav .nav .parent > a::before {
    top: 3px;

}
.nav .nav-child{
	background:url("../images/submenu.png") no-repeat left top;
	width:450px;
	border:none;
	box-shadow: none;
}
#mainnav .nav .nav-child > li {
    border-bottom: none;
	float:left;
	background-color: #0091bd;
	margin-top:8px;
	padding-bottom: 4px;

}
#mainnav .menu .nav-child > li > a:hover{
	border-radius: 0;
	text-decoration:underline;
	background-color:none;
}


/*----------------------HOMEPAGE-------------------------*/
.top-sl .container {
    padding: 20px 0 0 0;
}
#top_2 .container {
    padding: 20px 0 0 0;
}
#top_3 .container {
    padding: 2px 0 2px 0;
}
#top_4 .container {
    padding:0;
}
.acm-features.style-1 .features-content .features-item.bg-primary{
	background:none;
}
.acm-features.style-1 .features-content .features-item {
    max-width:none;
}
/*HEADER*/
#top_1{
	margin-top:-126px;
}

.home #top_1{
	/*padding-top:0!important;*/
	margin-top:-20px;
	background:#000;
	}

#top_1 .custom.accueil{
	background:#fff;
	/*height:970px;
	background-size:1440px;
	background-position:top center;*/
	/*padding: 0 140px;*/
}	
#top_1 .accueil h1{
	font-size: 36px;
	font-size: 3.6rem;
	font-weight:400;
	/*position:relative;
	top:400px;*/
	/*transform: translateY(50%);
	-webkit-transform: translateY(50%);
	-webkit-transition: 1800ms all;
	-o-transition: 1800ms all;
	transition: 1800ms all;*/
}
a.jcepopup span.jcemediabox-zoom-span{
	position:inherit;
}
#top_1 .accueil .play{
	z-index: 10;
	position: absolute;
	top: 43%;
	left: 48%;
}
#top_1 .accueil a{
	text-decoration:underline;
}

#top_1 .accueil .row-fluid {
	position:relative;
	padding-top:40px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
 

/* BLOC ACTIVITE*/
.activites{
	background-size:1440px;
}
.custom.activites .row-fluid .span5{
	text-align:center;
}
#top_2 .custom.activites{
	height:590px;
	background-position:bottom;
}

#top_3 .custom.activites{
	height:330px;
	padding-top:100px;
	background-position:top;
}
#top_4 .custom.activites{
	height:330px;
	padding-top:100px;
	background-position:top;	
}
.activites .title_poles {
	color:#000;
	text-align:left;
	text-transform: uppercase;
    font-weight: 700;
	padding-left:140px;
	padding-bottom:50px;
	width:650px;
    font-size: 116px;
	font-size: 11.6rem;
	line-height:106px;
}
.activites h3, .activites p{
	color:#fff;
	padding:10px 0 10px 250px;
	}
.activites h3{
	font-size:44px;
	font-size:4.4rem;
	font-weight:400;
	/*transform: translateX(30%);
	-webkit-transform: translateX(30%);
	-webkit-transition: 1800ms all;
	-o-transition: 1800ms all;
	transition: 1800ms all;*/
}
	
	
/*BLOC REFERENCES*/
#bot_1.bot-sl .container, .bg_ref {
    padding: 45px 0;
    background: #eeeeee;
    background: linear-gradient(90deg, #eeeeee 50%, #ffffff 50%);
}
.bg_ref {
	position: relative;
	left: -10%;
	width: 120%;
}
.bg_ref h3{
	font-size:48px!important;
	font-size: 4.8rem!important;
	font-weight:400!important;
	margin: 5px 0!important;
}
.bg_ref p, .bg_ref h3{
	padding:5px 0!important;
}
#bot_1 .section-title, .item-page .section-title {
	text-align:left;
	margin-left:4%;
    font-size: 44px;
	font-size: 4.4rem;
    text-transform: uppercase;
    color: #141B21;
    font-weight: 700!important;
}
.item-page .section-title {
	margin-bottom:30px!important;
}
@media screen and (max-width: 480px) {
#bot_1 .section-title {
    font-size: 30px;
	font-size: 3rem;	
	}
}
#bot_1 .djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {
    bottom: 0px;
	top:auto;
    left: 10%;
}
#bot_1 .slide-desc-bg-default{
	background:none;
}
#bot_1 .slide-desc-text-default p{
	margin:0;
}
#bot_1 .slide-desc-text-default p span{
	font-size:14px;
	text-transform:uppercase;
	font-weight:500;
	padding:2px 5px;
} 
#bot_1 .slide-desc-text-default h3{
	/*font-size:48px;
	font-size: 4.8rem;*/
	text-transform:none;
	font-weight:400;	
	margin:5px 0;
}



/*BLOC CLIENTS*/
#bot_2 .section-title, .item-page.references h3.section-title {
    font-size: 25px;
	font-size: 2.5rem;
    text-transform: uppercase;
    color: #9b9b9b;
    font-weight: 500!important;
}
#bot_2 .djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {
    bottom: 0px;
	top:auto;
    right: 50%;
}
#bot_2 .slide-desc-bg-default{
	background:none;
}

#bot_2 .slide-desc-text-default p, .item-page.references .client p{
	font-family:Source Serif Pro;
	font-size:24px;
	font-size: 2.4rem;
	color:#666666;	
	line-height: 36px;
}
@media screen and (max-width: 1025px) {
#bot_2 .slide-desc-text-default p{
	font-size:inherit;	
	line-height: 25px;
}
}
#bot_2 .slide-desc-text-default span, .item-page.references .client span{
	font-family:Barlow;
	font-size:16px;
	font-size: 1.6rem;
	color:#4A4A4A
}
.djslider-default .load-button {
	height:10px;
	width:10px;
    background: none;
	border:1px solid #4A4A4A;
}
.djslider-default .load-button-active{
	height:12px;
	width:12px;
    background: #56A500;
	border:none;	
}

/*---------------------------RUBRIQUES---------------------*/
/*HEADER*/
#top_1 .custom.entete {
    height: 700px;
    background-repeat: no-repeat;
    background-size: 1920px;
    position: relative;
}
	
#top_1 .entete h1, .page-category.references #top_1 .entete h1{
	position:relative;
	top:50%;
}
#top_1 .entete .row-fluid{
	position:relative;
	top:700px;
}
div.menurubrique{
	text-align:center;
	width:100%;
	background-color: rgba(0,0,0,.5);
	position:absolute;
	bottom:0;
}
div.menurubrique span{
	padding: 0px 30px;
}
div.menurubrique span a{
	color:#fff;
	text-transform:uppercase;
	line-height:60px;
	line-height:6rem;
}


/*CONTENT*/
.item-page{
	padding-top:20px;
}
.blog, .item-page,.contact .mainbody-inner{
	width: 85%;
	margin-left: auto!important;
	margin-right: auto;
}
.item-page-equipe{
	width:100%;
}
.blog p, .blog h1, .blog h2, .blog h3, .blog h4, .blog ul, .item-page p, .item-page h1, .item-page h2, .item-page h3, .item-page h4, .item-page ul, .item-page dl{
	padding: 10px 10% 0px 10%;
}
.item-page p{
    padding: 10px 10% 20px 10%;
}
.blog.recrutement ul{
	padding:0;
}
.blog p, .blog h2, .blog h3, .blog h4, .item-page p, .item-page h2, .item-page h3, .item-page h4, .item-page dl{
	margin-bottom:0;
}

.blog h2, .item-page h2{
	color:#141b21;
	font-size: 33px;
	font-size: 3.3rem;
	line-height:48px;
	line-height:4.8rem;
	font-weight:500;
}
h2.headline{
	font-size: 36px;
	font-size: 3.6rem;
	font-weight:400;
	line-height:43px;
	line-height:4.3rem;
}
.blog h3, .item-page h3{
	font-size: 26px;
	font-size: 2.6rem;
	line-height:36px;
	line-height:3.6rem;
	font-weight:500;
}
.blog ul, .item-page ul{
	font-size: 16px;
	font-size: 1.6rem;
	line-height:34px;
	line-height:3.4rem;
	margin-left:0;
	/*list-style-image: url("../images/h4.png");*/
}
.blog ul strong, .item-page ul strong{
	font-size: 18px;
	font-size: 1.8rem;
}
.blog ul li, .item-page ul li{
	list-style-image: url("../images/list.png");
	list-style-position: outside;
	padding: 10px 0;
}
blockquote::before{
	background:url("../images/quote.png") no-repeat center;
	height: 90px;
	display: block;
	
}
blockquote{
	text-align:center;
	padding:inherit;
	margin:inherit;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border:none;
	font-family: Source Serif Pro;
	font-style:italic;
    font-weight: 300;
	border-bottom:1px #dddddd solid;
	padding-bottom: 45px;
	margin-bottom: 40px;
	font-size:44px;
	font-size:4.4rem;
	line-height:56px;
	line-height:5.6rem;
}


/*.row-fluid.article{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}*/

.metier{
	/*height:360px;*/
	position:relative;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
.metier h3{
	line-height:36px;
	line-height:3.6rem;	
	padding:0;
	position:absolute;
	top:20px;
	width:90%;
}
.metier h3 span{
	font-size:26px;
	font-size:2.6rem;
	font-weight:400;
	padding:10px!important;
}
.metier .btn{
	float:right;
	text-transform:uppercase;
	background-color:#fff;
	padding: 15px 25px 15px 15px;
	position:absolute;
	bottom:0;
	right:0;
}
.metier a{
	
}

/*----------------EQUIPE---------------------*/
.row-fluid.bg_grey{
	padding:0;
}
.row-fluid.bg_grey .span6 {
	width:50%;
}
.row-fluid.bg_grey [class*="span"] {
	margin-left:0;
}
.row-fluid.bg_grey .span6.text {
	padding:20px 90px 0 90px;
}
.bg_grey h2{
	color:#141B21;
	padding-bottom:20px;
}
.item-page-equipe span.bg_white, .item-page-equipe span.bg_blue {
    padding: 15px;
	margin-right:20px;
}

.item-page-equipe .row-fluid .span3{
	width:20%;
	margin-left:0;
	margin-top:30px;
}

.item-page-equipe .djslider-default .navigation-container-custom, .item-page-equipe .djslider-default .navigation-numbers {
    bottom: 0px;
    top: auto;
    left: 45%;
}
.item-page-equipe .djslider-default .load-button {
    border: 1px solid #fff;
	opacity:1;
}
.item-page-equipe .djslider-default .load-button-active {
    border: none;
}
.item-page-equipe .djslider-default .slide-desc {
	height:100%;
	background-color: rgba(0,0,0,.5);
}
.item-page-equipe .djslider-default .slide-desc-in{
	
}
.item-page-equipe .slide-desc-text-default{
	color:#fff;
	font-weight: 500;
	text-align:center;
	padding: 0 0 5px;
}
.item-page-equipe .slide-desc-text-default p{
	padding-top:59%;
	padding-left:30px;
	padding-right:30px;
}


.references .item-image img:hover{
	-ms-transform:scale(1.25);
	-webkit-transform:scale(1.25);
	transform:scale(1.25);
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;

}
.references .item-image img{
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	-moz-transition: all .5s ease-out;	
	-webkit-transition: all .5s ease-out;	
	transition: all .5s ease-out;	
}


/*-----------------REFERENCES-----------------*/
.blog.references{
	width:100%;
	margin-top:20px;
}
.blog.references .row-fluid .span6 {
    width: 50%;
	margin-left:0;
}
.items-row.cols-2 .item .item-image, .items-row.cols-3 .item .item-image, .items-row.cols-4 .item .item-image, .items-row.cols-5 .item .item-image, .items-row.cols-6 .item .item-image {
    max-height: 405px;
}
.blog.references .items-row .item {
    position: relative;
	padding:0;
	margin:0;
}
.blog.references .item-image {
    margin-bottom: 0;
}
.titre_ref{
    position: absolute;
    top: 65%;
    left: 5%;
	width:90%;
}

.blog.references h2{
	padding: 0;
	margin: 0;
	font-weight:300;
}



/*-----------------REFERENCE-----------------*/
.page-article.references #top_1 .custom.entete{
	height:810px;
}
.page-article.references #top_1 .entete .titre{
	position:relative;
	top: 75%;
	margin-left: 22%;
}
.page-article.references #top_1 .entete span.bg_green{
	padding:0 10px;
}
.page-article.references #top_1 .entete h1{
	top: inherit;
}

.page-article.references .row-fluid {
    padding: 40px 0;
	margin: 20px 0 40px 0;
}
.page-article.references .row-fluid .span8{
	width:62%;
}
.item-page.references h2 {
    padding: 0;
	margin-top:0;
}
.page-article.references .row-fluid .span4{
	width:27%;
	margin-left:3%;
	margin-right:3%;
}
.page-article.references .row-fluid .span6 {
    width: 44%;
    margin-left: 3%;
    margin-right: 3%;
}


.slide-desc-bg-default{
	background:none;
}
.slide-desc-text-default{
	color:#666666;
}
.djslider-default .navigation-container-custom {
    top:94%;
}

/*------------------RECRUTEMENT----------------------*/
.recrutement .blog{
		width:70%;
}
.recrutement .blog .items-row .item{
	position:relative;
}
.recrutement .blog ul.tags{
	position:absolute;
	top:0;
}
.recrutement .blog dl.article-info{
	position:absolute;
	top:0;
	left:75px;
	margin-top:8px;
	color:#666666;
	font-weight:500;
}
.recrutement .blog h2{
	font-weight:400;
	border-bottom:1px #d8d8d8 solid;
	padding:10px 0 20px 0;
}
.recrutement .blog h2 a,.recrutement .blog h2 a:hover{
	color:#0091BD;
}
.label-info[href]{
	background-color:#56A500!important;
	color:#fff!important;
	text-transform:uppercase;
	border-radius:0;
}



/*-------------------FORMULAIRE CONTACT-----------------*/
.coordonnees{
	color:#9B9B9B;
	font-size:16px;
	font-size:1.6rem;
	
}
.coordonnees .module-title{
	font-size:21px;
	font-size:2.1rem;
	font-weight:500;
	text-transform:none;
	border:none;
	margin:12px 0;
	padding-bottom:0;
}		
.contact .top-sl .container{
	padding:0;
}

.contact .sidebar{
	margin-top:50px;
}
.contact .span3 {
    width: 200px;
}
#userForm{
	background: #F1F1F1;
	padding:60px 40px;
}

.rsform-submit-button{
	padding:15px 75px 15px 25px;
	margin-top:35px;
	margin-left:60px;
	background:url("../images/btn_green.png") no-repeat right center;
	font-size:16px;
	font-size: 1.6rem;
	text-transform:uppercase;
	font-weight:500;
	text-decoration:none!important;
}
#userForm .btn:hover{
	background:url("../images/btn_green.png") no-repeat right center;
	text-decoration:underline;
}

/*-------------------FORMULAIRE RECRUTEMENT-----------------*/
.recrutement #userForm{
	width:80%;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 40px;
}

.recrutement #userForm h2{
	margin: 0;
	padding: 0 0 20px 0;
}
#userForm input{
	width:90%;
}
#userForm textarea{
	width:96%;
}
#userForm input.rsform-checkbox{
	width:inherit;
	height:20px;
}
/*BLOC CONTACT*/
.bot-sl .ja-module.contact{
	background-color:#0091BD;
	background-image:url("../images/bkg_contact.png");
	background-repeat:no-repeat;
	background-position:left center;
	color: #fff;
	padding: 85px 115px;
}
.bot-sl .ja-module.contact .row-fluid{
	position:relative;
}
.bot-sl .ja-module.contact .span4{
	position:absolute;
	top:35%;
	right:0;
}
.bot-sl .ja-module.contact h3{
	font-weight:500;
}
@media screen and (max-width: 1025px) {
.bot-sl .ja-module.contact h3{
	font-size:36px;
	font-size:3.6rem;
}}
@media screen and (max-width: 800px) {
.bot-sl .ja-module.contact{
padding: 50px 40px;
}}

/*FOOTER*/
#bot_3.bot-sl .container{
	width:1440px;
}
#bot_3.bot-sl .container .span12{
	margin-left:0;
}

 
#bot_4.bot-sl .container{
	padding-top:0;
	padding-bottom:20px;
} 
#bot_4.bot-sl .row {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.bot-sl .span3{
	width:20%;
}
.bot-sl .ja-module .module-title{
	border:none;
	color:#0091BD;
	font-size:21px;
	font-size:2.1rem;
	font-weight:500;
	text-transform:none;
	padding:0;
}
.bot-sl .module{
	color:#9b9b9b
}
.bot-sl ul{
	font-size:16px;
	font-size:1.6rem;
}
.bot-sl .ja-module .nav > li {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 5px;
}
.bot-sl .ja-module .nav > li > a{
	font-weight:400;
	color: #9B9B9B;
}
.bot-sl .ja-module .nav > li > a:hover{
	text-decoration:underline;
	color:inherit;
}

#footer{
	font-size:14px;
	font-size:1.4rem;
}
#footer .span7{
	width:66%;
}
#footer .span5{
	width:30%;
	margin-left:0;
}
#footer .span5 .nav{
	padding-right:0
}
#footer .copyright{
	margin-left:20px;
}
#footer .socialicons{
	float:right;
}
#footer .nav > li::before {
	content:none;
}
#footer .nav > li > a {
    color: #9b9b9b;
	text-transform:none;
	margin-left: 20px;
	line-height: 26px;
}
#footer .nav > li > a:hover {
    margin-left: 20px;
}

/*--------SITEMAP--------*/
#osmap-ul-uid-mainmenu,#osmap-ul-uid-printmenu,#osmap-ul-uid-webmenu,#osmap-ul-uid-footermenu{
	float:left;
	margin-right:50px;
}