@font-face {

  font-family: 'SuisseBPIntl-Regular';

  src: url('../fonts/SuisseBPIntl-Regular.eot?#iefix') format('embedded-opentype'),  

  url('../fonts/SuisseBPIntl-Regular.woff') format('woff'), 

  url('../fonts/SuisseBPIntl-Regular.ttf')  format('truetype'), 

  url('../fonts/SuisseBPIntl-Regular.svg#SuisseBPIntl-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}




@font-face {

  font-family: 'SuisseBPIntl-Medium';

  src: url('../fonts/SuisseBPIntl-Medium.eot?#iefix') format('embedded-opentype'),  

  url('../fonts/SuisseBPIntl-Medium.woff') format('woff'), 

  url('../fonts/SuisseBPIntl-Medium.ttf')  format('truetype'), 

  url('../fonts/SuisseBPIntl-Medium.svg#SuisseBPIntl-Medium') format('svg');

  font-weight: normal;

  font-style: normal;

}

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


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



*{

	box-sizing:border-box;

}





body{

	margin:0;

	padding:0;

	font-family: 'SuisseIntl-Regular';

	color:#000000;

	overflow-x:hidden;

	
    padding-bottom: 36px;

}



h1, h2, h3, h4, h5, h6, p, ul{

	margin:0;

	padding:0;

	font-weight:normal;

}



a{

	outline:none;

	text-decoration:none;
    color: black

}



ul{

	list-style:none;

}



img{

	display:block;

	margin-left:auto;

	margin-right:auto;

	outline:none;

}



/************** HEADER ******************/



#header{

	width:100%;

	padding:15px 14px;

	height:83px;

	background:#ffffff;

	position:relative;


	z-index:21;

}



#header .logo{

	float:left;
    position: relative; z-index: 3;

}



#header .logo-et{

	right:16.665%;

	position:absolute;

	top:15px;

	text-align:left;

	width:67%;

	padding:0 14px 0 3px;

	display:block;  

  -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

	text-align:left;
    z-index: 3

}



#header .logo-et-anim{

	right:0px;

	padding:0 14px;

}



#header .logo-et img{

	display:block;

	margin:0;

}



#header .right{

	float:right;

	width:33.33%;

	position:relative;

	z-index:3;

}



#header .right .title-langue{

	float:left;
   padding-left: 5px;
}



#header .right .title{

	font-size:13px;

}



#header .right .langue{
    padding-top:15px;
    display: none;
}



#header .right .langue li{

	float:left;

	margin-right:2px;

}



#header .right .langue li a{

	display:block;

	border-radius:50%;

	border:1px solid #171616;

	color:#171616;

	width:19px;

	height:19px;
    
    line-height: 10px;

	text-align:center;

	/*line-height:18px;*/

	font-size:9px;
    padding-top: 4px;

  

  -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}



#header .right .langue li a.actif,

#header .right .langue li a:hover{

	border:1px solid #171616;

	color:#ffffff;

	background:#171616;

}



.menu-trigger{	float:right; width:33px; height:23px; display: none }



.menu-btn-open{

	background:url(../images/btn-fermer.png) no-repeat center center;

}



.menu-btn-open .btn-menu{

	display:none!important;

}



#header .right .btn-menu{

    background-color: #000000;

	display:block;

    height: 4px;

    width: 33px;

    z-index: 10;

	position:relative;

	top:8px;

}



#header .right .btn-menu::before, #header .right .btn-menu::after {

    backface-visibility: hidden;

    background-color: #000000;

    content: "";

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    transform: translateZ(0px);

	transform: translateY(-8px) rotate(0deg);

    transition: transform 0.3s ease 0s;

    width: 100%;

}



#header .right .btn-menu::after {

	transform: translateY(8px) rotate(0deg);

}



/************** Slide show **************/



.container {overflow: hidden; width: 100%}

.flexslider {max-width: 100%; width: 100%; margin: 0 auto;}

.flexslider.showSlider {height: auto; opacity: 1; visibility: visible;}

.content {background: #f2f2f2; max-width: 800px; display: block; margin: 0 auto}

.home-slider .flex-viewport {overflow: visible !important}



.flex-caption{

	display:none!important

}



.text-caption{

	width:83.325%;

	float:right;

	padding:0 14px 0 0;

	position:relative;

	top:-15px;
    height: 92px;

}



.flex-caption .title-date,

.text-caption .title-date{

	float:left;

	/*width:83px;*/

	width:9.89%;

	font-size:12px;

}



.flex-caption .title-date .title,

.text-caption .title-date .title {

    /*background: #000000;*/

    color: #000;

    display: block;

    padding: 0px 5px;

}



.flex-caption .title-date .date,
.text-caption .title-date .date {
    display: none;
    padding: 0px 5px;


}



.flex-caption .desc,

.text-caption .desc{

	float:left;

	width:90.11%;

	font-size:30px;

    padding: 2px 5px;

}



.clear{

	clear:both;

}



.text-intro
{
	float:right;
	width:87%;
	min-height:80px;
	overflow:hidden;
	clear:both;
	font-size: 30px;
    line-height: 32px;
    padding: 2px 5px;
    font-family:  'SuisseIntl-SuisseIntlMedium';
    page-break-inside: avoid;
}



.title-souligne{

	text-decoration:underline;

}



.slider{

	width:100%!important;

}



.gallery img{

	height:475px!important;

	margin:0;

	width:auto;

	outline:none;

}



.gallery{

	position:relative;

	width:100%;

	padding:0 0 15px 14px;

	outline:none;

	overflow:hidden;

}



/*.gallery.slider2{

	padding:0 0 0 14px

}



.gallery.slider3{

	padding:0 0 0 14px

}*/



.slick-slide{

  position:relative;

  cursor:pointer;

  outline:none;

}



.gallery-cell {

  /*width: 100%;*/

  height: 475px;

  position:relative;

  outline:none;

}



.slick-dots{

	list-style:none;

	position:absolute;

	left:14px;

	top:478px;

	margin:0;

	padding:0;

}



.slick-dots li{

	float:left;

	margin-right:5px;

}



.slick-dots li button{

	width:8px;

	height:8px;

	padding:0;

	border:1px solid #000000;

	border-radius:50%;

	cursor:pointer;

	text-indent:-9999px;

	background:#ffffff;

}



.slick-dots li.slick-active button,

.slick-dots li button:hover{

	background:#000000;

}



.slick-arrow{

	position:absolute;

	height:86%;

	width:12%;

	top:0;

	opacity:0;

	z-index:20;

	cursor:pointer;

}



.slick-prev{

	left:0;

}



.slick-next{

	right:0;

}



.flickity-prev-next-button.next{

	right:0;

}



.slick-slider

{

    position: relative;



    display: block;

    box-sizing: border-box;



    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;



    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list

{



    display: block;

    /*overflow: hidden;*/



    margin: 0;

    padding: 0;

	width:100%;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;



    display: block;

}

.slick-track:before,

.slick-track:after

{

    display: table;



    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;



    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;



    height: auto;



    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}



.slide-prev,

.slide-next{

	position:relative;

	z-index:12;

  -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.gallery.slider1,

.gallery.slider2,

.gallery.slider3{

	margin-bottom:-15px;

	

}

.slider2 .gallery-cell,

.slider3 .gallery-cell,

.slider1 .gallery-cell{

}



.text-middle{

	width:66.66%!important;
   
	/*float:right;*/

	font-size:15px;

	padding:4px 14px 5px 3px;

	overflow:hidden;

	text-align:justify;

	margin-top:4px;
    margin-left: 33.33%;
    clear: both

}



.oneColumn{

	
    width:50% !important;
   

}



.text-middle .column:first-child{

	padding-right:14px;

}
.text-middle .column:nth-child(odd){padding-right: 14px; }
 .text-middle.two-colonne,  .text-simple.two-colonne
{ -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

/************** End Slide show **************/





/***************** MENU ***************/



.menu{

	width:67%;

	height:100%;

	position:fixed;

	right:0;

	top:83px;

	background:#ffffff;

	transform: translateX(100%);
    
    -ms-transform: translateX(100%); /* IE 9 */
    
    -webkit-transform : translateX(100%);
    
	padding:0 14px;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    
    height: 100vh;

}



.menu-open{

	transform: translateX(0px);
    -ms-transform: translateX(0px); /* IE 9 */
    -webkit-transform : translateX(0px);

}



.menu .list-search{

	width:100%;

}



.menu .list-menu{

	width:50%;

	float:left;

	position:relative;

}



.menu .list-menu .et{

	font-size:36px;

	position:absolute;

	top:-50px;

	left:-253px;

font-family:  'SuisseIntl-SuisseIntlMedium';

}



.menu .list-menu li{

	width:100%;

font-family:  'SuisseIntl-SuisseIntlMedium';

}



.menu .list-menu li a{
	color:#000000;
	font-size:30px;
    line-height: 32px;
}



.menu .list-menu li a:hover, .menu .list-menu li a.active{

	text-decoration:underline;

}



.menu form{
	width:50%;
	float:right;
}

.menu form input{
	width:100%;
	height:25px;
	line-height:25px;
	padding:0 7px;
	border:none;
	color:#000000;
	font-size:16px;
	background:#ececec;
    outline: none;
}
.menu .adresse{
	width:100%;
	font-size:16px;
	overflow:hidden;
	position:absolute;
	bottom:118px;
    line-height: 17px;
}

/***************** END MENU ***********/



#container-home, #container-publications{
	width:100%;
	padding:0 7px ;
	box-sizing:border-box;
}



.container-home{
	width:100%;
	overflow:hidden;
}


.homeblock .item-projet { margin-bottom: 92px}
.item-projet, .item-publication, .item-equipe{

	width:33%;
	padding:0 7px;
	float:left;
    margin-bottom: 0;

}



.item-projet li{

	display:block;

	padding:0 0 0 14px;

	background:url(../images/puce-liste.png) no-repeat left center;

}

.item-projet li{

	display:block;

	padding:0 0 0 14px;

	background:url(../images/puce-liste.png) no-repeat left center;

}

.detail-projets .item-projet ul{
	
	list-style: disc;
	/*display: list-item;*/
	padding: 0 0 0 14px;
	
}

.detail-projets .item-projet li{
	background: none;
	display: list-item;
	padding: 0;
}

.projet-list .item-projet{
	position:relative;
    padding-bottom: 92px;
}
.page-projtes-id .item-proje{padding-bottom: 0}
.client .item-client { /*margin-bottom: 92px*/}

.projet-list .item-projet:before {

	border-bottom:1px solid #000000;

	content:"";

	position:absolute;

	bottom:0px;

	left:7px;

	width:calc(100% - 21px);

	z-index:1;

}
.projet-list .item-projet:first-child::before{border-bottom: none}


.Img-hide{

	display:none!important;

  -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}



.projet-list .item-projet.vue-filtre:before{

	display:none;

}



.item-projet-width2{

	width:66.66%;

	padding:0 7px;

	float:left;
    page-break-after: avoid;
  overflow: visible !important;
    display: inline-block !important;

}



.item-projet-width{

	width:100%;

}



.item-projet img, .item-publication img, .item-equipe img{

	width:100%;

	height:auto;

	display:block;

}



.item-projet .bloc-title, .item-publication .bloc-title{

	width:25%;

	float:left;

	font-size:10px;

}
.homeblock .item-projet .bloc-title{ margin-top: 2px; line-height: 10px}

.item-projet .bloc-title .title,
.item-publication .bloc-title .title,
.item-equipe .bloc-title .title{

	display:block;

	padding:0px ;

	background:#fff;

	color:#000;

}



.item-projet .bloc-title .date, .item-publication .bloc-title .date{

	display:none;
	padding:0px ;
    font-family: 'SuisseIntl-Regular';

}
.page-projtes-id .item-projet .bloc-title .date{ display: block}

.item-blog.item-champs.item-projet-width2.desc-post{width: 66%; padding-bottom: 0}
.item-projet .bloc-desc, .item-publication .bloc-desc, .item-equipe .bloc-desc{

	width:75%;

	float:left;

	padding:2px 1px 12px;

    font-family: 'SuisseIntl-Regular';

	font-size:24px;

	line-height:25px;
    
    font-weight: normal;

}

.iamge-col1 {width: 49.5%}
.iamge-col2 {width: 100%}
.iamge-col2, .iamge-col1 { position: relative; overflow: hidden; float: left; padding: 0 7px;}
.iamge-col2 img, .iamge-col1 img, .iamge-col3 img
{
    width: 100%; height: auto;
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid
}
.item-equipe .bloc-desc, .item-equipe .bloc-title{
    font-size:13px;
    line-height:14px;
}
.item-equipe .bloc-desc{
    padding: 0 1px 12px;
    width: 50%;
}

.item-equipe .bloc-desc a
{
	color:#000000;
}

.item-equipe .bloc-title{
    font-family:  'SuisseIntl-SuisseIntlMedium';
    width:50%;
    float: left;
}

.item-equipe .bloc-desc a:hover{
	text-decoration:underline;
}
.item-equipe .title{ font-size: 13px;}
.page-societe .text-contact{ font-size: 24px; line-height: 26px;}
.homeblock .item-projet .bloc-desc{font-family: "SuisseIntl-Regular"; font-size: 24px;}
.homeblock .item-projet  .date
{
    font-size: 10px;
    line-height: normal;
    display: none;
}

/**************** Page projet *****************/



.item-champs
{	
    font-family:  'SuisseIntl-SuisseIntlMedium';
    font-size:15px;
}





.content-text .item-champs
{	
	font-family: "SuisseIntl-Regular";
	text-align:justify;
}

.content-text .item-champs.tags
{	
	text-align:left;
}

.item-champs .title, .text-simple h1,  .text-simple h2, .text-simple h3, .text-simple h4,  .text-simple h5,  .text-simple h6   {

    display:block;

    padding-left:24px;

    text-decoration:underline;

    font-size:15px;

    padding-top:5px;

    font-family:  'SuisseIntl-SuisseIntlMedium';

}

.text-simple .title{

	padding:0;

}

.text-simple .first{
	padding-right:10px;
}

.detail-projets .text-simple{
    text-align: justify;
    overflow: visible!important;
    
}

.text-simple p{
	text-indent:24px;
    line-height: 17px;
    font-size: 15px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow: visible!important;

    
}


.detail-projets .text-simple p:first-child{
    text-indent:0px;
}

.detail-projets .text-simple p:first-child{
    text-indent:0px;
}

.text-simple .column p:first-child{
	text-indent:0px;
}

.item-champs .champs-text{
    font-size:30px;
    font-family:  'SuisseIntl-SuisseIntlMedium';
    line-height: 30px;
}

.content-text{
	padding:10px 0;
	overflow:hidden;
}

.mandat{
	display:block;
	overflow:hidden;
    font-family:  'SuisseIntl-SuisseIntlMedium';
}

.mandat .mandat-left{
	width:50%;
	float:left;
}

.mandat .champs-text{ font-size:15px;}

.mandat .title{ padding-left:0; }

.tab6px{ padding-left:6px; }



.mandat ul{

}



.mandat li{

	padding-left:6px;

	background:url(../images/puce-li.png) no-repeat left center;

}



.titre-flitre{

	width:100%;

	height:25px;

	line-height:25px;

	padding:0 6px;

	background:#ececec;

	font-size:16px;

	display:block;

	margin-top:38px;

	cursor:pointer;

}



.paddingBottom100{

	padding-bottom:100px;

}



#container-home.bloc-projet{

	padding-top:14px;

}

.link-to-projet{color:#000}
.projet-list .row-filtre .content-filtre.checkbox, .client .row-filtre .content-filtre.checkbox{   width: 22%; }
.projet-list .content-filtre.text > input{   width: 44%; }
.filter-button-group .btnff {width: 40%; display: inline-block}
.filter-button-group .btnff  button:hover {  text-decoration: underline; cursor: pointer}
.filter-button-group .btnff button { border: none; background:none; padding: 0 }
.item-projet.stamp { padding-bottom: 94px; border: none}
.label-vue {float: left}
/**************** Page Service *****************/
section.service {font-family: 'SuisseBPIntl-Medium';}
.service .service-titre{ padding-left:35px; font-size: 36px; text-decoration: underline; text-transform: capitalize;}
article.service-content{ margin-bottom: 36px; padding-left:0; padding-right:0; clear: both }
.service .service-desc { font-size: 36px; font-weight: normal}
.service .service-desc p {line-height: 36px}
.service .service-desc p:nth-child(even){  padding-left:35px; }
.service .service-desc .service-list  { padding-left:195px; margin-top: 20px; margin-bottom: 46px;}
.service .service-desc .service-list  h3 { font-size: 15px;  text-decoration: underline;  text-transform: capitalize; padding-left:23px; }
.service .service-desc .service-list ul  { padding-right: 85px; }
.service .service-desc .service-list ul li { font-size: 24px; text-align: left; line-height: 25px; background: url("../images/disc-service.png") no-repeat scroll left 10px;  padding-left: 10px;}
.item-service-image { float: left; padding: 0 7px; width: 33.33%; }   
.item-service-image img { width:100%; height:auto}
.item-service-image .desc-image{ background: url("../images/disc-service.png") no-repeat left 6px ; padding-left:14px;}
.service-list li{ font-family: "SuisseIntl-Regular" }
.bloc-date-projets{display: none}


/**************** BLOG  *****************/
.blog .item-blog .date-blog{ display: none}
.item-blog p,.item-blog header h1.title  {font-family: 'SuisseBPIntl-Regular';}
.item-blog {float: left; padding: 0 6px 93px; width: 33%; line-height: 17px}
.item-blog .line-blog{display:black; height: 1px; width: 100%}
.item-blog header{overflow:hidden; margin-bottom: 19px}
.item-blog header .date-cat { float: left; font-size: 10px; width: 25%; line-height: normal; margin-top: 1px}
.item-blog .bloc-title .title { background: #000 none repeat scroll 0 0; color: #ffffff; display: block; padding: 2px 5px;}
.item-blog header h1.title { font-size: 24px; }
.item-blog p { font-size: 15px; text-indent: 24px; }
.item-blog.infos-post p {  text-indent: 24px; font-size: 15px; line-height: 17px; }
.item-blog.infos-post a:hover{ text-decoration: underline}
.item-blog .champs-text.date-post { margin-top: 24px; }
.item-blog .date-cat span { float: left; width: 100%}
.titre-bloc { float: left; width: 66%; padding-top: 2px;}
.titre-bloc .title { line-height: 25px;}
.item-blog img {width:100%; height: auto}
.blog .item-blog .line-blog:before, .homeblock  .line-blog:before{

	border-bottom:1px solid #000000;

	content:"";

	position:absolute;

	top:0px;

	left:7px;

	width:calc(100% - 21px);

	z-index:1;

}
/**************** Client *****************/
.item-client p,.item-client header h1.title  {font-family: 'SuisseBPIntl-Regular';}
.item-client {float: left; padding: 0 7px 93px; width: 16.5%; line-height: 17px; overflow: hidden}
.item-client:first-child{ width: 33%; height: 129px; padding-bottom:0;  display: block !important; margin-bottom: 92px}
.item-client .line-client{display:black; height: 1px; width: 100%}
.item-client header{overflow:hidden; margin-bottom: 19px}
.item-client header .date-cat { float: left; font-size: 10px; width: 40%; line-height: normal}
.item-client .bloc-title .title { background: #000 none repeat scroll 0 0; color: #ffffff; display: block; padding: 2px 5px;}
.item-client header h1.title { font-size: 24px; }
.item-client p { font-size: 15px; text-indent: 40px; }
.item-client .date-cat span { float: left; width: 100%}
.titre-client { float: left; width: 66%; padding-top: 2px;}
.titre-bloc .title { line-height: 25px;}

.item-client img {width:auto; height: auto; display: inline; text-align: left; max-width: 100% }
.client .item-client:not(:first-child) header:before{

	border-bottom:1px solid #000000;

	content:"";

	position:absolute;

	top:0px;

	left:7px;

	width:calc(100% - 8px);

	z-index:1;

}

.row-filtre {margin-bottom: 16px;  clear: both; overflow: hidden}
.row-filtre .content-filtre.checkbox{width: 30%; }
.filtre form label { font-size:16px; font-family: 'SuisseBPIntl-Regular';}

label.image-radio{margin-right: 25px}
.filtre form span.label { font-size:16px; font-family: 'SuisseBPIntl-Regular';}
.filtre form label.label-filtre, .filter-button-group .btnff button { font-size:16px; }
.content-filtre.text > input {width: 60%; border: none; border-bottom : solid 1px #000}
.filtre .content-filtre.text span, .row-filtre .label { display: inline-block; width: 25%}
.row-filtre .content-filtre.checkbox, .row-filtre .label{  float: left;}
.row-filtre .label{ padding-top: 2px}
.filters-select, .quicksearchAn{width: 152px}
.image-typecolonne{width: 100%; clear: both; overflow: auto; position: relative;}
.content-image-typecolonne{width: calc(66% + 14px); float: right; overflow: hidden}
.content-image-typecolonne.full{width: 100%}
.client  .flex-direction-nav{ display: block}
.client  .flex-control-nav { display: none;}
.client .flex-caption {
    width: 100%;
    padding: 0
    left: 0;
    bottom: 0;
    /* background: rgba(0,0,0,.5);*/
    color: #000;
    /*text-shadow: 0 -1px 0 rgba(0,0,0,.3);*/
    font-size: 16px;
    line-height: 16px;
    font-family: 'SuisseIntl-Regular';
    text-indent: 0;
}

a.down {
    background: url("../images/arrowDwon.png") no-repeat  center center;
    display: block;
    height: 14px;
    position: absolute;
    right: 1px;
   /* text-indent: -1e+9px;*/
    top: 2px;
    width: 13px;
}

a.down.arrowdown{  background: url("../images/arrowTop.png") no-repeat scroll center top;}
.flex-direction-nav a{ height: 9px; width: 10px; top:62%}
.item-client .flex-direction-nav a.flex-next{ text-indent: -1e+9px;}
.item-client .flex-direction-nav a.flex-prev{ background: url(../images/arrowRight.png) no-repeat left center; text-indent: -9999px}
.item-client  .flex-direction-nav a.flex-next { background: url(../images/arrowLeft.png) no-repeat left center; text-indent: -9999px; text-align: inherit}
.client .flexslider:hover .flex-direction-nav .flex-prev { left: 10px !important;}
.flexslider .slides > li img{ width: 100% !important; height: auto}
.client .flexslider:hover .flex-direction-nav .flex-next {right: 10px;}
.item-client .local, .item-client .flexslider{display: block;}
/*.item-client .flexslider .slides > li{display: block!important}*/
.client .flex-viewport{ }
.client .flex-caption { display: block !important}
/*.client .flex-viewport { overflow: inherit !important}*/
.client .flexslider { margin-top: 14px;}
.client .flexslider:hover .flex-direction-nav .flex-next{right: -20px !important}
.client .date-client.hide, .item-projet .date.hide{display: none  !important }
/*********** Footer *************/
 

footer {
    width: 100%;
    margin-top: 30px;
    position: fixed;
    bottom: 0;
    left: 0;
    /*z-index: 33*/
   display: none;
}
.footer-content {
    background: #fff none repeat scroll 0 0;
    color: #000;
    height: auto;
    overflow: hidden;
    padding:  0;
    position: relative;
    text-align: center;
}

.footer-content .footer-bloc{ width: 33.33%; float: right; text-align: left; padding-right: 63px}
.footer-content .footer-bloc-right h2, .footer-bloc-left a{ 
    text-decoration: underline;
    font-size: 13px;
    text-transform: capitalize;
    padding-top: 0; line-height:14px;
    /*padding-top:1px; padding-bottom:2px*/
}

.barNorefooter{ height: 10px; background: black; width: 100%; display: none}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 2px !important;
  right: 10px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #fff url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  border: 1px solid #000;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
    visibility: hidden;
    opacity: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /*border: 1px solid #000;*/
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #525252;
  opacity: 1;
}

.all-footer{ width: 66.66%; float: right; padding-bottom: 2px; padding-top: 1px}
.footer-bloc-left, .footer-bloc-right{ width: 49%; text-align: left; display: inline-block; padding-right: 63px}

/*******  End footer ****/

/******* loader youtube ****/

.loader {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: white;
    z-index: 100;
}
.animated {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.yt-loader {
    -webkit-animation-name: horizontalProgressBar;
    animation-name: horizontalProgressBar;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    background: black;
    height: 3px;
    /*left: 0;*/
    position: relative;
    /*top: 0;*/
    width: 0%;
    z-index: 9999;
    display: none !important;
}

@keyframes horizontalProgressBar
{
    0%   {width: 0%;}
    25%  {width: 22%;}
    50%  {width: 55%;}
    75%  {width: 83%;}
    100% {width:100%;}
}

@-webkit-keyframes horizontalProgressBar /* Safari and Chrome */
{
    0%   {width: 0%;}
    25%  {width: 22%;}
    50%  {width: 55%;}
    75%  {width: 83%;}
    100% {width:100%;}
}


/******* End loader youtube ****/



/****** rechercher ********/

.loading{ display: none}
ul.ui-autocomplete li{ border: 1px solid #000;  padding: 0px 29px; border-left:  none; border-right:  none}
ul.ui-autocomplete li a{background: none !important; border: none !important}
ul.ui-autocomplete li{background: url(../images/section-2.png) no-repeat 6px 3px}
ul.ui-autocomplete li.section-2{ background: url(../images/section-2.png) no-repeat 6px 3px }
ul.ui-autocomplete li.section-7 { background: url(../images/section-7.png) no-repeat 6px 3px }
ul.ui-autocomplete li a, .autoU span{ text-transform: capitalize;  font-family: 'SuisseBPIntl-Regular';}
ul.ui-autocomplete li:hover a{ text-decoration: underline; background: none; border: none;  }
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all{ border-left:1px solid #000 ; border-right: 1px solid #000 }
ul.ui-autocomplete .autoU { margin-top: 10%; background-color: #ececec; position: absolute; bottom: 0; width: 100%}
ul.ui-autocomplete .autoU li{ border: none; padding: 0px 29px}
ul.ui-autocomplete .autoU li.section-projet{background: url(../images/projet.png) no-repeat 6px}
ul.ui-autocomplete .autoU li.section-service{background: url(../images/service.png) no-repeat 6px}
ul.ui-autocomplete .autoU li.section-blog{background: url(../images/blog.png) no-repeat 6px}

ul.ui-autocomplete{width: 32%}
#ui-id-1{height:calc(100% - 112px); top: 108px !important; padding-bottom: 100px;overflow-y: auto}


.headroom--pinned {
    display: block;
}
.headroom--unpinned {
   /* display: none;*/
}

.headroom--pinned, #header.headeroom-hover{
    transform: translateY(0%);   
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);

    transition: transform 0.2s ease-in 0.2s  ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -moz-transition: -moz-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
}

.headroom--unpinned {
    transform: translateY(-90%);
    -webkit-transform: translateY(-90%);
    -moz-transform:translateY(-90%);
    -o-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    
    transition: transform .2s ease-in 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -moz-transition: -moz-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
}
.headeroom-hover{ }

/************Page Contact ***************/

.text-contact{
	font-size:36px;
	line-height:36px;
    font-family:  'SuisseIntl-SuisseIntlMedium';
	padding-left:16.53%;
	padding-right:20px;
}

.text-contact h2{
	font-size:36px;
	line-height:36px;
	padding-left:35px;
	text-decoration:underline;
}
.text-contact h2{
	margin-top: 20px;
}
.text-contact h2:first-child{
	margin-top: 0;
}
.text-contact p{
	padding-bottom:0px;
}
.text-contact p:nth-child(2n){
	padding-left:35px;
}

.text-contact p span{
	display:block;
	
}

.text-contact a{
	color:#000000;
}

.text-contact a:hover{
	text-decoration:underline;
}

.google-map{
	padding:60px 14px 0 14px;
}

#google_map {
    height: 503px !important;
    width: 100% !important;
}

.text-footer-contact{
	padding-left:33.33%;
	font-size:24px;
	line-height:24px;
font-family:  'SuisseIntl-SuisseIntlMedium';
}

.text-footer-contact .bloc{
	display:block;
	overflow:hidden;
	padding-bottom:7px;
}

.text-footer-contact a{
	color:#000000;
}

.text-footer-contact a:hover{
	text-decoration:underline;
}

.text-footer-contact h3{
	font-size:15px;
	line-height:26px;
	padding-left:25px;
	text-decoration:underline;
}

/******************* Equipe *************/

.email-equipe{
	clear:both;
	display:block;
}

/******************* Barre Noire Menu *************/
/*.barrNoireScrool{ width: 100%; height: 10px; display: none; background: black; position: absolute; bottom: -9px; left: 0}

.headroom--unpinned .barrNoireScrool{display: block}*/


/***************** Barre Noire Menu ***********/
 #header:after { width: 100%; height: 10px; 
    background: black; position: absolute; bottom: 0px; left: 0; 
           -webkit-transition: all .2s ease-in-out 0.2s;
           -moz-transition: all .2s ease-in-out 0.2s;
            -ms-transition: all .2s ease-in-out 0.2s;
             -o-transition: all .2s ease-in-out 0.2s;
                transition: all .2s ease-in-out 0.2s;
     content: '';
}

#header.headroom--unpinned:after{
   bottom: -10px;}

.barrNoireScrool{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: white; z-index: 2;
}


input[type="radio"] {
    display:none;

}
 input[type="radio"] + label span {
    display:inline-block;
    width:11px;
    height:11px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../images/btn-radio.png) left top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(../images/btn-radio.png) no-repeat bottom;
}

.content-filtre.blcok-radio input[type="radio"] + label span{ margin: 5px 3px 0 0 }
.content-filtre.blcok-radio
{
    overflow: hidden;
}
.content-filtre.blcok-radio span 
{
    float: left;
}
/** Select style **/

.filtre .content-filtre.text span, .filtre .content-filtre.blcok-radio > span, .filter-button-group > span
{
  width: 137px !important;
  height: 22px;
}

.filtre .content-filtre.text span.selection{width: 100%}

.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-dropdown li
{   font-size: 16px !important;
    font-family: "SuisseBPIntl-Regular"; 
    line-height: 22px !important;
    color: black !important;
}
.select2-container--default .select2-selection--single, .select2-dropdown{
    border: 1px solid #000 !important;
    border-radius: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b
{
    left: 90%!important;
    border-color: #000 transparent transparent !important
}
.item-publication{padding-bottom: 92px;}

/******************* Responsive *************/


@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 30px;
  }
}


/*********** Responsive *************/

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

#container-home, #container-publications{
	padding:0;
}
.item-projet {
    float: left;
    padding: 0 7px;
    width: 33.33%;
}
.detail-projets .item-projet.item-projet-width2 {
    float: left;
    padding: 0 7px;
    width: 66.67%;
    overflow: hidden;
}

.flex-caption{
	max-width:750px;
}

/*.flex-caption .desc{

	font-size:25px;

}*/

}

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

.flex-caption{
	max-width:550px;
}

/*.flex-caption .desc{

	font-size:20px;

}*/

}



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

.item-projet{
	width:50%;
}

#header .right {
    width: auto;
}

#header .right .title-langue {
    padding-right: 10px;
}

.text-caption {
    float: none;
    padding: 10px 14px 0 7px;
    top: 0px;
    width: 100%;
}

.flex-caption .title-date, 
.text-caption .title-date {
    width: 25%;
}

.flex-caption .desc, .text-caption .desc {
    width: 75%;
}

section.service, .service .service-desc .service-list{ padding-left:17px }

.text-contact, .text-footer-contact{
	padding:0 14px;
}
    
    /**** détail Projets ****/
    
    .text-middle.two-colonne, .text-middle.one-colonne{margin-left: 0; width: 100% !important}
    
    .content-image-typecolonne, .iamge-col1, .detail-projets .item-champs, .detail-projets .item-projet.item-projet-width2 
    {width: 100%}

    
}

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

.item-projet{
	width:100%;
}

#header .logo-et{
	right:0px;
	width:50%;
}

#header .logo-et-anim{
	width:67%;
}

#header .right .title {
    display: none;
}

#header .right .langue {
    padding-top: 0;
}

.text-middle {
    width: 100% !important;
}

.menu .list-menu li a
{
    font-size: 28px;
}
.blog .item-blog{width: 100%}
    
/** Societe **/

.text-contact h2, .page-societe .text-contact {  font-size: 18px; line-height: 19px; }

/** Services **/
    
.service .service-desc p { font-size: 18px; line-height: 19px;  }
    
.service .service-desc .service-list h3 { font-size: 12px; line-height: 13px; }

.service .service-desc .service-list ul li { font-size: 16px; line-height: 15px; }

.service .service-desc .service-list ul li{background: url("../images/disc-service.png") no-repeat scroll left center}

/*** Détail blog ***/ 
    
.item-blog.item-champs.item-projet-width2.desc-post, .item-blog{  width: 100%}
    
 .text-middle.two-colonne,  .text-simple.two-colonne
{ -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
    
    
}
/** Détails Projets **/
    
.item-champs .title, .detail-projets .text-simple p, .detail-projets .item-projet li, .menu .adresse{ font-size: 12px; line-height: 13px}
.item-champs .champs-text{ font-size: 18px; line-height: 19px;}
.footer-content{display: none}
    
    
/** SLider  **/
    
.slick-slider .slick-dots { display: none !important}
.gallery.slider1 { margin-bottom: 0}
    
/**  slider Home  **/
 
.home-slider.gallery img{ height: 237px !important}
    
/** Globale **/
    
#header .right .title-langue, .menu form input{ display: none}
#header .logo img{ width: 80%;}    
#header .logo-et {width: 67%!important; padding: 0 14px !important}
}

@media only screen and (max-width : 375px) {
    #header .logo img{
        width:80%;
    }
}

@media only screen and (max-width : 768px) {
    .item-client, .item-client:first-child, .item-service-image, .item-publication, .item-equipe
    {
        width:50%;
    }
    article.service-content{padding-left: 0}
    .service .service-desc .service-list{ padding-left: 23px}
    .item-client:first-child{height: auto}
}

@media only screen and (max-width : 320px) {
    .item-client, .item-client:first-child, .item-service-image, .item-publication, .item-equipe,
    .filtre .content-filtre.text span, .filtre .content-filtre.blcok-radio > span, .filter-button-group > span
    {
        width:100% !important;
    }
    
    
}
/*** Impression  ***/

@page { 
    margin: 1%;
    marks: none;
}

article, .item-equipe{
    /*page-break-before: avoid;*/
}

 .item-equipe{
    width: 50% !important;
    page-break-inside: avoid;
}
p, blockquote {
  orphans: 3; /* pas de ligne seule en bas */
  widows: 3; /* pas de ligne seule en haut */
}
#block-item-equipe,
.item-projet img, 
.item-publication img,
.item-equipe img,
.iamge-col2 img,
.text-intro,
.iamge-col1 img, .iamge-col3 img, img {
    page-break-before: auto; 
    page-break-after: auto; 
    page-break-inside: avoid;
}
.detail-projets{   page-break-inside: avoid;}
.slick-dots{display: none !important}
/*#block-item-equipe{page-break-inside: avoid}*/