html {
  scroll-behavior: smooth;
}

body {background: #fff;line-height: 1.25;padding:0;margin:0;color: #333333;font-size: 28px;font-family: 'dinprolight';}

body.site{
	border-top:none;
	padding:0;
	margin:0;
}

strong{
	font-weight: normal;
	font-family: 'dinproblack';
}

.body{overflow:hidden;background: #fff;}

a {
    color: #2c2d5c;
    text-decoration: none;
    transition: all .4s;
}

a:active, a:hover, a:focus {
    color: #c21400;
    text-decoration: none;
}

a.pdf {
    position: relative;
    display: table;
    background: url(../images/ic-pdf.png) top left no-repeat;
    height: 40px;
    padding-left: 47px;
}


img{max-width:100%;height:auto;}

.img-right {
    float: right;
    margin: 0 0px 50px 45px; 
    border-radius:10px;
}

.img-left{
   float: left;
   border-radius:10px;
    margin: 0 45px 40px 0px; 
}

.img-left, .img-right {
	 position: relative;
    overflow: hidden;
	border-radius:25px;
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1em;  
}

h1, .h1{
	color: #202121;
	font-size: 58px;
	font-family: 'din_procondensed_medium';
	text-align: left;
	line-height: 1.2em;
}

h1.slogan {
    position: absolute;
    top: -341px;
    left: 0;
    right: 0;
    display: block;
    font-family: 'latomedium';
    font-weight: normal;
    color: #fff;
    font-size: 50px;
    line-height: 1.3em;
    text-align: center;
    width: 65%;
    margin: auto;
}

.page-header {
    position: absolute;
    top: -200px;
    left: 0;
    display: table;
    line-height: 1em;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 30;
}

.view-article.itemid-146 .page-header, 
.view-article.itemid-147 .page-header {
    position: relative;
    top: unset;
    left: unset;
    display: block;
    line-height: 1em;
    text-align: left;
    width: 80%;
    margin: auto;
    max-width: 2000px;
}

h2, .h2{
	position:relative;
	font-size: 40px;
	font-family: 'dinproblack';
	font-weight: normal;
	margin: 30px 0 15px;
	line-height: 1.2;
	color: #eba440;
	text-align: left;
}

.row.exp h2{font-size: 37px;margin: 0px 0 15px;color: #2d6d3f;font-family: 'dinpromedium';font-weight: 700;}

.row.exp p{padding-right:35px}

.clearfix.bloc-serv h2 {
    text-align: left;
    font-size: 42px;
    color: #d2833b;
}

.clearfix.bloc-serv {
    margin-bottom: 50px;
}

.page-header h2
{
   color: #eed671;
   font-size: 62px;
   font-family: 'dinpromedium';
   font-weight: normal;
   display: block;
   margin:auto;
}

.view-article.itemid-146 .page-header h2,
.view-article.itemid-147 .page-header h2 {
    color: #0073a7;
display:none;
}


h3, .h3{
    margin: 20px 0 25px;
    font-size: 35px;
    font-family: 'dinpromedium';
    font-weight: 600;
    color: #1064a9;
    text-align: left;
    line-height: 1.2;
}

h4, .h4 {
    font-size: 27px;
    color: #001e57;
    font-weight: normal;
    margin: 20px 0 15px;
    font-family: 'latobold';
    line-height: 1.3em;
}

h5, .h5{
    font-size:16px;
	margin:30px 0 15px;
}

h6, .h6{
    font-size:14px;
	margin:30px 0 10px;
}

.clearfix {
    display: block;
    clear: both;  
}

header.header .container-fluid {
    max-width: 1920px;
    padding: 0 45px;
    margin: auto;
    display: table;
}

.headertop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    margin: auto;
    max-width: 2000px;
}

.view-article.itemid-147 .headertop,
.view-article.itemid-146 .headertop {
    position: absolute;
    top: -145px;
    background: rgb(27 29 33 / 90%);
}

.blocheadertop {
    position: relative;
    padding: 0 15px 10px;
    margin-bottom: 20px;  
}

div#sticky-wrapper { height:unset !important}

.is-sticky .blocheadertop{display:none;}


nav#nav-2, nav.mobile-nav {display: none;}

.topheader {
    position: relative;
    z-index: 5;
    padding: 24px 0;
}

.is-sticky .topheader {
    padding: 10px 0;
    background: rgb(18 20 33);
    box-shadow: 0px 0px 10px 4px rgb(28 31 49);
}

.header-inner .container{max-width: 1440px;}

.banner {clear: both;position:relative;z-index: 1;margin: 0;}
.com_tz_portfolio_plus.view-article.itemid-101 .banner .moduletable {
    display: none;
}

.com_tz_portfolio_plus.view-article.itemid-101 .banner, .site.com_k2.view-item .banner   {
background:url(../images/slide_interne2.jpg) top center no-repeat;
    height:689px; background-size:cover;
}
.view-article.itemid-146 .banner,
.view-article.itemid-147 .banner {margin: 145px 0 0;}

.view-article.itemid-146 .banner p,
.view-article.itemid-147 .banner p,
.view-article.itemid-146 .banner iframe,
.view-article.itemid-147 .banner iframe {margin: 0;padding:0;line-height: 0;}

.view-article .banner img {width:100%; height:auto}

.view-article .banner p {margin:0}

.view-article .banner:before {
	position:absolute;
	content:"";
	inset:0;
	background: rgb(18 20 33 / 45%);
	z-index: 2;
}

#flexslider-90 .slide-desc-box {
	top: 65% !important;text-align: left !important;left: 12% !important;max-width: 2000px !important;!i;!;margin: 0;right: unset;font-family: 'd-din-promedium';}

#flexslider-90 .slide-desc-box .slide-title {
    font-family: 'Oswald', sans-serif;
    max-width: 100% !important;
    font-size: 38px !important;
}

#flexslider-90 .light-text-shadow > div > div, 
#flexslider-90 .slide-desc-box > div.skrollable.skrollable-between, 
#flexslider-90 .slide-desc-box > div {
    text-shadow: unset !important;
    opacity: 1 !important;
    box-shadow: unset !important;
    max-width: 1200px !important;
    margin: 0 !important;
    display: table;
} 

#flexslider-90 .slide-desc {
    font-size: 50px !important;
    font-family: 'DIN Pro' !important;
    font-weight: 500 !important;
    /* max-width: 700px !important; */
    text-transform: uppercase;
    color: #fff !important;
    text-shadow: unset !important;
    text-align: center !important;
    display: table;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

#flexslider-90 .slide-desc .subtitle{
	display:table;
	font-size: 59px;
	font-family: 'din_procondensed_medium';
}

#flexslider-90 .slide-desc h2 {
    color: #fff;
    font-size: 108px;
    font-family: 'dinprocondregular';
    font-weight: normal;
    text-transform: initial;
    margin-bottom: 20px;
    padding-bottom: 0;
    text-align: left;
}

#flexslider-90 .slide-desc h3 {
    color: #fff;
    font-size: 52px;
    font-weight: normal;
}

#flexslider-90 .slide-desc span.span1 {
    position: relative;    
}

#flexslider-90 .slide-desc span.span1:before, 
#flexslider-90 .slide-desc span.span2:before {
    position: absolute;
    content:"";
	bottom:13px;
	left:-7px;
	background:#0079a7;
	width:491px;
	height:12px;
	z-index:-1
}

#flexslider-90 .slide-desc span.span2:before {  
	bottom:8px;
	left:270px;
}

#flexslider-90 .slide-desc span p {
   max-width: 700px;
   font-size: 32px;
   font-family: 'latolight';
   text-transform: initial;
   line-height: 1.3;
}

#flexslider-90 .slide-desc span a {
   position: relative;
   font-size: 28px !important;
   padding: 15px 85px 15px 35px;
   border-radius: 40px;
   display: table;
   color: #333333 !important;
   text-transform: initial;
   margin: 30px 0;
   background: #fff;
   transition:.3s all;
   font-family: 'din_procondensed_medium';
}


#flexslider-90 .slide-desc span a:before {
   position: absolute;
   content:"";
	background:url(../images/f3.png) top 15px right no-repeat;
	top:0;
	right:15px;
	width:33px;
	height:54px;
	transition:.3s all;
}


#flexslider-90 .slide-desc span a:hover:before {
   
	background:url(../images/f3.png) bottom  right no-repeat;
	top:15px;
	height:35px;
}


#flexslider-90 .slide-desc-box > div > div {
    background: unset !important;
    box-shadow: unset !important;
    padding: 0 !important;!i;!;
}

#flexslider-90.flexslider li .jslider-image:before{
	position:absolute;
	content:"";
	inset:0;
	background: url(../images/mask1.png) top center no-repeat;
}

#flexslider-90.flexslider li .jslider-image:after{
	position:absolute;
	content:"";
	bottom: 86px;
	right: 0;
	background: url(../images/formright.png) top center no-repeat;
	width: 373px;
	height: 604px;
	z-index: 2;
}


.banner:after{
	position:absolute;
	content:"";
	inset: 0;
	background: #0a1e333d url(../images/mask1.png) top center no-repeat;
	/* z-index: 1; */
}

.view-article.itemid-146  .banner:after,
.view-article.itemid-147  .banner:after,
.view-article.itemid-146 .banner:before,
.view-article.itemid-147 .banner:before{
	content:none; background:none;
}

#flexslider-90.flexslider.position-nav-bottom .flex-control-nav {
    bottom: 45px !important;
    width: 50% !important;
    text-align: right !important;
    right: 5%;
    left: unset !important;
}

#flexslider-90 .flex-control-paging li a {width: 12px !important;height: 12px !important;}

#flexslider-90 .flex-control-paging li a {
  background-color: rgb(255 255 255) !important;
  box-shadow: unset !important;
  border: 2px solid #ffffff !important;
  font-size: 0;
}

#flexslider-90 .flex-control-paging li a.flex-active, #flexslider-90 .flex-control-paging li:hover a:hover  {
  background-color: rgb(255 255 255) !important;
  box-shadow: unset !important;
  border: 2px solid #fff!important;
  width: 80px !important;
}

#flexslider-90 .flex-control-paging li.active a {
    background-color: rgb(255 49 49) !important;
    box-shadow: unset !important;
    border: 2px solid #ff3131 !important;
}

.flexslider.white-arrow .flex-direction-nav a {

    background-image: unset !important;
    border: 1px solid #003e7e !important;
    width: 71px !important;
    height: 71px !important;
    border-radius: 10px !important;
}

#flexslider-90 .flex-control-paging li a:hover {
 background-color: rgb(66 74 160 / 0%) !important;
}

.flex-direction-nav a.flex-prev:before, .flex-direction-nav a.flex-next:before{
	position:absolute !important;
	content:"" !important;
	width:18px !important;
	height:23px !important;
	top: 24px !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    margin: auto !important;
}

.flex-direction-nav .flex-prev {left: 100px !important;}

.flex-direction-nav .flex-next {right: 100px!important; }

.scrollb{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:45px;
	height:75px;
	background:url(../images/scroll.png) top center no-repeat;
	display:table;
	margin: auto;
	z-index: 22;
	font-size: 0;
}

.banner-i {
    position: relative;   
    overflow: hidden;
}

a.logo {
	position: relative;
	z-index: 4;
	display: table;
	text-align: center;
	margin: 27px 0 0px;
}

.is-sticky a.logo {
	margin: 0px ;
}

.nav-menu.navmenu1 {
    position: relative;
    display: block;
    margin: 0 250px 0 0;
    overflow: hidden;
    float: right;
}

.header-inner.row {clear:both; position: relative;z-index: 2;padding: 0;margin: 0;}

.nav-menu {padding-top: 4px;margin: auto;/* display: table; */}

.nav-menu.navmenu2 {padding-top: 0;margin: auto;z-index: 3;position: relative;display: table;}

.is-sticky .nav-menu.navmenu2 {padding-top: 15px;}

header.header {
    position: relative;
    padding: 0;
}

.is-sticky .headertop {
    z-index: 1000 !important;
    background: #121421;
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 16%);
    padding: 18px 0 0;
}

/****************---------HEADER------------*********************/

/**************---------Main------------****************/


main#content {
	position: relative;
	padding: 80px 0 0;
	/* z-index: 22; */
	text-align:justify;
}

.catid-8 main#content{
	padding: 0 0 80px;
	/* z-index: 22; */
}


.catid-8 main#content .container{
	max-width:100%;
	width:100%;
	padding: 0;
}

.itemid-101 main#content {
	position: relative;
	z-index: 2;
	padding:0;
}

.com_tz_portfolio_plus.view-article.itemid-101 main#content  {
	padding: 80px 0 ;
}

main#content ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow: hidden;
}

main#content img{
	border-radius:25px;
}

main#content ul li {
	position:relative;
	background: url(../images/puce.png) top 7px left no-repeat;
	padding-left: 35px;
	margin-bottom: 7px;
}

.custombloc1 {
    position: relative;
    background: #e9e9e9;
    padding: 80px 0 120px;
    font-weight: normal;
    margin: auto;
    max-width: 2000px;
    color: #333333;
    font-size: 28px;
    font-family: 'd-din-promedium';
    overflow: hidden;
}

.custombloc1 .txtinfo h2{color:#e6963f;font-size:28px;font-family: 'dinpromedium';}

.custombloc1 .txtinfo .photo {margin-top: 85px;display: flex;justify-content: space-between;align-items: flex-start;}

.custombloc1 img{	border-radius:25px;}

.custombloc1 .txtinfo h3{color:#333333;font-size:82px;text-align:left;font-family: 'din_procondensed_medium';line-height: 1.24;margin: 0 0 50px;}


.custombloc1 .txtinfo.info2 {
    padding-top: 102px;
    padding-left: 60px;
    line-height: 1.3;
    text-align: left;
    display: table;
    float: right;
}

.custombloc1 .txtinfo.info2 p{
    padding-bottom:90px;
    line-height: 1.42;
}

.custombloc1 .txtinfo  a{
	clear:both;
	position:relative;
	font-size: 28px !important;
	padding: 14px 68px 14px 30px;
	border-radius: 40px;
	display: table;
	font-family: 'din_procondensed_medium';
	color: #fff;
	text-transform: initial;
	margin: 30px 0;
	background: #0b73d9;
	transition: .3s all;
}

.custombloc1 .txtinfo  a:hover{
	background: #e6963f;
}

.custombloc1 .txtinfo  a:before{
	position:absolute;
	content:"";
	width:33px;
	height:33px;
	background:#fff;
	border-radius:50%;
	top:20px;
	right:15px;
	transition: .3s all;
}

.custombloc1 .txtinfo  a:after{
	position:absolute;
	content:"";
	width:33px;
	height:20px;
	background:url(../images/flec1.png) top right no-repeat;
	border-radius:50%;
	top: 28px;
	right:25px;
	transition: .3s all;
}

.custombloc1 .txtinfo  a:hover:after{background:url(../images/flec1.png) bottom right no-repeat;bottom: 17px;top:unset;transition: .3s all;}

.custombloc2 {
    position: relative;
    background: url(../images/bg-bloc-min.jpg) top center no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.blocpersonalises1{
	position:relative;
	margin-bottom:50px
}

.blocpersonalises1 .toptit{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:40px;
}

.blocpersonalises1 .toptit h2{
color:#373636;
	font-size:36px;
	 font-family: 'din_procondensed_medium';
}

.blocpersonalises1 .toptit .loc{
color:rgb(54 54 54 / 50%);
	font-size:28px;
	 font-family: 'din_procondensed_medium';
	background:url(../images/icloc.png)top 5px left no-repeat;
	padding-left:35px;
}

.blocpersonalises2 {
    clear: both;
    position: relative;
}

.bloc-right {
    float: right;
    max-width: 550px;
    padding-top: 117px;
    font-size: 28px;
    font-family: 'dinpromedium';
    font-family: 'd-din-proregular';
    text-align: left;
    margin-bottom: 100px;
}

main#content ul.echel.row {
    position: relative;
    clear: both;
    justify-content: end;
    color: #fff;
    font-size: 44px;
    font-family: 'din_procondensed_medium';
    padding-bottom: 55px;
}

.bloc-right h2 {color:#333333;font-size:82px;font-family: 'din_procondensed_medium';}

main#content ul.echel.row  .list {
    width: 265px;
    background: url(../images/puce.png) top 9px left no-repeat;
    padding-left: 43px;
    padding-top: 30px;
    line-height: 1;
}
main#content ul.echel.row  .list:before {
    position: absolute;
    content:"";
    border-left: 2px solid #0b73d9;
    top: 3px;
    left: 11px;
    width: 1px;
    bottom: -18px;
}

main#content ul.echel.row  .list:after {
    position: absolute;
    content:"";
    border-top: 2px solid #0b73d9;
    top: 20px;
    left: 0;
    right: 0px;
    height:2px;
}

main#content ul.echel.row  li.list.l2 {
    width: 603px;
}

main#content ul.echel.row  li.list.l3, main#content ul.echel.row  li.list.l4 {
    color: #0b73d9;
}

.customblocbloc4 {
    position: relative;
    padding: 80px 0 80px;
	max-width: 2000px;
    margin: auto;
}

.customblocbloc4  .row {
    justify-content: center;
    gap: 30px;
}

.customblocbloc4  .box {
    width: 30%;
}

.customblocbloc4 h2{
	position: relative;
	font-size: 58px;
	z-index: 2;
	text-align: center;
	margin: 0 0 80px;
}

.blocpersonalises1 .box {
    position: relative;
    display: block;
    margin: 0 auto 0px;
    border-radius: 25px;
    overflow: hidden;
}


.blocpersonalises1 .box img {

    border-radius: 25px;
}

.blocpersonalises1 .box:after {
    position: absolute;
    content:"";
    background:url(../images/form-right.png) top right no-repeat;
    width: 73px;
    height:73px;
    bottom: 15px;
    right: 0px;
    border-bottom-right-radius: 24px;
}

.blocpersonalises1 .box:before {
    position: absolute;
    content:"";
/* Permalink - use to edit and share this gradient. Permalien - à utiliser pour éditer et partager ce gradient: https://colorzilla.com/gradient-editor/#ffffff+0,1e2649+100,1e2649+100&0+0,1+99 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgb(32 40 75 / 78%) 99%,rgb(30 38 73 / 67%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 border-radius: 25px;
   inset:0 0 15px 0;
	transition:.3s all;
}

.blocpersonalises1 .box:hover:before {
   
/* Permalink - use to edit and share this gradient. Permalien - à utiliser pour éditer et partager ce gradient: https://colorzilla.com/gradient-editor/#ffffff+0,1e2649+100,1e2649+100&0+0,1+99 */
background: linear-gradient(to bottom,rgb(32 40 75 / 28%) 99%,rgb(30 38 73 / 57%) 100%,  rgba(255,255,255,0) 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.blocpersonalises1 .box h3 {position:absolute;bottom:50px;left: 40px;font-size:28px;color:#fff;font-family: 'din_procondensed_medium';}

.blocpersonalises1 .box  span.flech{
	position:absolute;
	bottom:20px;
	right:7px;
	background:url(../images/f1.png) top right no-repeat;
	width:42px;
	height:45px;
	z-index:2;
	transition:.3s all;
}

.blocpersonalises1 .box:hover  span.flech{
	background:url(../images/f1.png) bottom right no-repeat;	
}

.blocpersonalises1  .box a {
    position: absolute;
    inset: 0;
    z-index: 100;
    font-size: 0 !important;
}

.bloc-izportfo {
    position: relative;
    padding: 70px 0 0;
    max-width: 2000px;
    margin: auto;
}

.bloc-izportfo h2 {
    font-size: 83px;
    color: #333;
    font-family: 'din_procondensed_medium';
    text-align: center;
    line-height: 1;
    margin-bottom: 50px;
    margin-top: 0;
}

.blocreal 
.tplElegant .element .TzArticleMedia img {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    border-radius: 25px;
    position: relative;
    z-index: 100;
}

.blocreal 
.tplElegant .element {
    padding: 80px 0;
    overflow: unset !important;
}


.blocreal 
.tplElegant .element a:not(.btn) {
    color: #fff;
}

.blocreal 
.tplElegant .element .card {
    position: relative;
    background-color: unset;
    border: none;
}

.blocreal 
.tplElegant .element .card-body {
    padding: 0;
    position: absolute;
    bottom: 60px;
    z-index: 2;
    right: 25px;
    text-align: right;
    width: 250px;
}

.blocreal .tplElegant .element .card:hover:after {position: absolute;content:"";bottom:30px;right: 25px;height:45px;width: 45px;background: url(../images/f1.png) top right no-repeat;z-index: 3;}

.blocreal .tplElegant .element .card:hover:before {position: absolute;content:"";inset:0;background: rgb(11 115 217 / 80%);z-index: 2; border-radius:25px}

.blocreal 
.tplElegant .element .card-footer {
    padding: .7rem 1.25rem;
    border-top: 1px solid #ebebeb;
    background-color: #f9f9f9
}

.blocreal 
.tplElegant .element .tp-btn__readmore {
    margin-top: 1rem
}

.blocreal 
.tplElegant .element .TzInner {
    margin: 0;
}

.blocreal 
.tplElegant .element .TzPortfolioDescription {
    padding: 0
}

.blocreal {
    padding: 0;
} 

.blocreal  div#module__100 {
    margin: 0 -30px;
    padding: 0px 0;
}

.blocreal .owl-stage-outer {
    overflow: unset !important;
}

.blocreal .tplElegant .element .card h3 {
    font-size: 0px;
    color: #fff;
    font-family: 'din_procondensed_medium';
	transition:.3s all;
}

.blocreal .tplElegant .element .card:hover h3 {
    font-size: 28px; 
}

.blocreal .owl-carousel .owl-item.active:hover {
    z-index: 250000;
}

.blocreal .owl-carousel.owl-drag .owl-item:hover {
 transform:scale(1.25)
}

.blocreal .item-content {
    padding: 0;
    position: absolute;
    bottom: 60px;
    z-index: 2;
    right: 22px;
    text-align: right;
    width: 250px;
}

.blocreal h3.item-title {
    font-size: 0px;
    color: #fff;
    font-family: 'din_procondensed_medium';
    transition: .3s all;
}

.blocreal .item:hover h3.item-title {
    font-size: 28px;
}

.blocreal h3.item-title a {
    color: #fff;
}

.blocreal .item {
    position:relative;
	transition:.3s all;
	display:table;
}

.blocreal .item:after{
        position: absolute;
    content: "";
    bottom: 30px;
    right: 25px;
    height: 45px;
    width: 45px;
    z-index: 3;
}

.blocreal .item:hover:after{    
    background: url(../images/f1.png) top right no-repeat;
}

.blocreal .item:hover:before {position: absolute;content:"";inset:0;background: rgb(11 115 217 / 80%);z-index: 2; border-radius:25px}

.blocreal .owl-dots, .blocreal .owl-nav { display: none; }

.blocreal .owl-carousel.k2-carousel { margin-bottom: 90px;}

.blocprojets  .k2-list.row {}

.blocprojets .list-item { margin-bottom: 25px; }

.blocprojets .list-item  .itemreal {
    position: relative;
    display: table;
    margin: auto;
    transition:.3s all;
}

.blocprojets .list-item  .itemreal:after {
    position: absolute;
   content:"";
    background:rgb(3 55 106 / 20%);
    inset:0;
    border-radius:25px;
     transition:.3s all;
}

.blocprojets .list-item  .itemreal:hover:after { background:rgb(57 114 178 / 90%); }

.itemreal h3 {
    position: absolute;
    bottom:50px;
    left: 0;
    right: 0;
    z-index:2;
    transition:.3s all;
    width: 100%;
}

.itemreal:hover h3 { bottom:200px; }

.itemreal h3 a {
    color:#fac68f;
    font-size: 18px;
    background:#121421bf;
    padding: 10px 25px;
    border-radius:5px;
    transition:.3s all;
    text-transform: uppercase;
    text-align: center;
    margin: auto;
    display: table;
}

.itemreal:hover h3 a { color:#fff; }


.K2FilterBlock h3 {
    font-size: 30px;
    font-weight: normal;
    margin: 0 0 20px;
    font-family: 'dinproblack';
}

.K2FilterBlock .k2filter-field-radio input, 
.K2FilterBlock .k2filter-field-multi input, 
.K2FilterBlock .k2filter-field-category-checkbox input, 
.K2FilterBlock .k2filter-field-tag-multi input {
    position: absolute;
    margin: 8px 3px 0;
}

.K2FilterBlock label {
    display: block !important;
    margin: 0px 0 5px 24px;
    font-weight: normal !important;
    font-size: 24px;
}

.blocactu{ position:relative; padding-bottom: 100px; }

.blocactu:after{
    position:absolute;
    content:"";
    bottom:0;
    left:0;
    right:0;
    background: #e9e9e9;
    height: 1126px;
}


.blocactu
.tplElegant .element {
  
    overflow: unset !important;
}
.blocactu .k2-list.row {
    position: relative;
    z-index: 1;
}


.blocactu .container { position: relative; }

.blocactu h2 {
    position: relative;
    text-align: left;
    font-size: 36px;
    color: #373636;
    font-family: 'dinpromedium';
    z-index: 2;
}
.blocactu a.vplus {
    top: 0;
    z-index: 2;
    position: absolute;
    right: 50px;
    font-size: 32px;
    color: #373636;
    font-family: 'd-din-proregular';
    transition: .3s all;
}
.blocactu a.vplus:hover {
  
    color: #3a74b4;
}
.blocactu .tpp-portfolio__action.text-center {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.blocactu a.btn.btn-primary.btn-view-all{
    background:none;
    border:none;
    color:#373636;
    font-size:28px;
    font-family: 'd-din-proregular';
}

.blocactu .tplElegant .element .card {
    position: relative;
    background-color:unset;
    border: none; 
}

.blocactu .tplElegant .element .TzInner:hover{ box-shadow: unset;}


.blocactu
.tz_portfolio_plus_image:before {
 position: absolute;
    content: "";
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(32 40 75 / 78%) 99%, rgb(30 38 73 / 67%) 100%);
    border-radius: 25px;
    inset: 0 0 35px 0;
    transition: .3s all;
}

.blocactu
.tz_portfolio_plus_image {
    position: relative;
	border-radius:25px;
	overflow:hidden;
}

.blocactu 
.tplElegant .element .TzArticleMedia img{
	border-radius:25px;
	margin-bottom:35px;
}

.blocactu 
.tplElegant .element .card-body {padding: 0}

.blocactu .tplElegant .element .card-footer {
    padding: 0;
    border-top: none;
    background-color:unset
}

.blocactu .tplElegant .element .card h3, .blocactu h3 {
	position:relative;
    font-size: 32px;
    font-family: 'din_procondensed_medium';
    transition:.3s all;
    padding: 0 35px 0 4px;
    text-align:left
}
.blocactu h3 a:hover {
color:#e6963f;
}
.blocactu .tplElegant .element .TzPortfolioDescription {
    position: relative;
}

.blocactu h3:after{
    position: absolute;
	content:"";
    background: url(../images/f1.png) top right no-repeat;
    border: none;
	top:0px;
	right:50px;
	font-size:0;
	width:45px;
	height:45px;
	transition:.3s all;
}
.blocactu h3:hover:after {

    background: url(../images/f1.png) bottom right no-repeat;
}

.bloc-4 {
    position: relative;
    padding: 80px 0;
    background: #f7efda;
    font-size:28px;
    max-width: 2000px;
    margin: 0 auto 0px;
}

.bloc-4 h2 {  font-size: 50px;}

.bloc-4 .infotext {padding-right:80px;}

.table h3 {
    margin: 0;
    font-size: 35px;
    font-family: 'dinpromedium';
    font-weight: normal;
    color: white;
}

.table .thead-dark th {
    color: #fff;
    background-color: #422a20;
    border-color: #422a20;
}

.table tbody th {
    padding-top: 120px;
    padding-left: 15px;
    font-weight: normal;
    font-family: 'dinproblack';
    color: green;
}

.com_tz_portfolio_plus.view-article.itemid-101 .custombloc1, .com_tz_portfolio_plus.view-article.itemid-101 .custombloc2 , .com_tz_portfolio_plus.view-article.itemid-101 .bloc-izportfo {display:none;}

footer{
	position:relative;
	padding: 110px 0 20px;
	font-size: 28px;
	font-family: 'dinpromedium';
	font-weight: normal;
	color: #fff;
	max-width:2000px;
	margin:auto;
	background: #1f2432;
	z-index: 3;
}

.topfoot {margin: 0 0 75px;}

.topfoot h2{
	color:#fff;
	font-family: 'din_procondensed_medium';
	font-size: 62px;
	margin: 0 0 45px;
}

footer .conatiner{
	position:relative;
}

footer:before{position: absolute;content:""; inset:0; background:url(../images/mask-footer.png) top left repeat-x}

footer .logf {
    display: table;
    margin: 0 0 45px;
}

footer .bloctopf {
    position: relative;
    margin-bottom: 80px;
}

footer .blo {
    display: table;
    margin: 0 auto;
    font-size: 28px;
    font-family: 'd-din-proregular';
    line-height: 1.3;
    text-align: justify;
}

footer  .blo.blo1 {
    color: #888f95;    
    padding-right: 50px;
}

footer  .blo.blo3 {
    color: #fff;
}


p.copyright {position: relative;clear: both;text-align: center;font-size: 20px;margin-top: 0;margin-bottom:0;z-index: 1;}

p.copyright a{color: #e4955c;font-size: 20px;text-transform:unset}


::placeholder{
	color: #fff !important;
    font-size: 22px !important;
	padding-left:10px !important;
	
}

.itemid-146 ::placeholder, .itemid-147 ::placeholder{ color: #232323 !important;}


.devisform {
    display: table;
    margin: auto;
    width: 90%;
    padding:25px;
    text-align: center;
    box-shadow: 0px 0px 8px 0px rgb(2 21 41 / 62%);
    border-top-right-radius:55px;
    border-bottom-left-radius:55px;
    font-family: 'din_procondensed_medium';
}

.devisform h3{
    font-family: 'din_procondensed_medium';
    font-size: 48px;
    margin: 20px auto 55px;
    text-transform: uppercase;
    border-bottom: 2px solid #e6963f;
    display: table;
    padding-bottom: 6px;
    color: #e6963f;
}


div#acym_module_formAcym80521 {
    display: block;
    margin: auto;
    max-width: 80%;
}

.topfoot .acym_module_form {position:relative;font-size: 24px;font-family: 'dinprolight';padding-top: 16px;margin-bottom: 25px;}

.topfoot .acym_module_form .acym_introtext {
    margin-bottom: 25px;
}

.topfoot .acym_module {
    display: block;
    margin: auto;
    max-width: 80%;
}

.topfoot .acym_module_form .onefield {
    margin: 10px 0;
}

.topfoot .acym_module_form .acysubbuttons {
    width: auto;
    position: absolute;
    top: 73px;
    right: 141px;
}

.topfoot .acym_module_form .acysubbuttons input.btn.btn-primary.button.subbutton {
    padding: 0;
    border: none;
    font-size: 0;
    background: url(../images/f2.png) top right no-repeat;
    transition:.3s all;
    width: 42px;
    height: 45px;
}

.topfoot .acym_module_form .acysubbuttons input.btn.btn-primary.button.subbutton:hover {   
    background: url(../images/f2.png) bottom right no-repeat;
}

.topfoot .acym_module_form input {
    cursor: pointer;
    max-width: 393px;
    width: 95%;
    border-radius: 35px;
    outline: unset;
    padding: 11px 20px;
    background: #2e3547;
    border-radius: 50em;
    border: none;
	font-size:22px;
	color:#fff !important;
}

.cordonnee h3 {
    margin: -10px 0px 63px;
    color:#3a74b4;
    font-family: 'din_procondensed_medium';
    font-size: 79px;
    font-weight: 700;
}

.cordonnee h3 span.txtorg{color:#e99b3f;padding-right: 5px;}

.cordonnee i.fa {
    margin-right: 15px;
    color: #467cb8;
    font-size: 41px;
    top: -1px;
    position: absolute;
    left: -9px;
}

div.fcp_wrapper {
    background-color: unset !important;
    border: none !important;
    font-size: 22px !important;
    max-width: 80% !important;
}

.devis div.fcp_wrapper{
	max-width:90%  !important;
}

.fcp_wrapper {
    max-width: calc(65% - 10px) !important;
    padding: 0px !important;
}

 div.fcp_label {
    display:none !important;
}

.fcp_line.fcp_attachment  div.fcp_label {
    display:block !important; margin-bottom:10px;
}

 .fcp_wrapper input,  .fcp_wrapper select,  .fcp_wrapper textarea,
 .fcp_wrapper span, .fcp_wrapper img {
  border: none !important;
  border-bottom: 1px solid #222c3494 !important;
  margin-bottom: 25px !important;
}

 div.fcp_line input:not([type="submit"]), div.fcp_line textarea, div.fcp_line select {
    background-color: rgb(207 205 217 / 10%);
    border-radius: 0 !important;
}

#fcp_spinner {
    display: none !important;
}

.fcp_form button {
    padding: 14px 33px!important;
    margin: 0 !important;
    font-size: 22px !important;
    text-align: center !important;
    border-radius: 53px;
}

.fcp_form button:hover {
    color:#fff !important;
}

.fcp_wrapper select:not(.form-select):not(.form-control) {
    color: #97b1d1  !important;
    width: 100%  !important;
}

div.fcp_line input[type="file"] {
font-size: 20px !important;
    color: #97b1db  !important;
}

.fcp_form .fcp_attachment.pjcv   button {
  
    padding: 7px 20px !important;
    margin: -26px 0 0px !important;
    color: white !important;
    font-size: 18px !important;
}


.fcp_form .fcp_line.fcp_attachment  button{
       padding: 10px 33px!important;
  color:#fff !important;
	 font-size: 20px !important;
	 margin: -22px 0 0 0 !important;
}

.network { margin: 40px 0 0; }

.network a{
   color:#fff;
   margin-right: 16px;
   transition:.3s all;
   font-size: 29px;
   font-family: 'latolight';
}

.network a:hover{ color:#14c9fe; }

.coord{
    position: relative;
    padding-top: 0;
    margin-bottom: 36px;
    color: #232323;
    font-family: 'd-din-proregular';
    /* line-height: 0; */
    padding-left: 45px;
}

.cordonnee i.fa.fa-mobile { font-size: 64px; }

.cordonnee .coord.c3 { margin-bottom: 40px; }

.cordonnee .coord.c2 i.fa { top: 0px; font-size: 35px;}

.cordonnee .coord.c3 i.fa { top: -2px;}

.cordonnee .coord.c4 i.fa { top: -10px;  font-size: 58px;}

a.contact {
    display: block;
    max-width: 300px;
    margin: 80px auto 0;
    background: #006da8;
    color: #f3f3f3;
    border-radius: 22px;
    padding: 15px;
    text-align: center;
    font-family: 'latomedium';
    transition: .3s all;
    box-shadow: 9px 6px 15px 3px rgb(22 53 76 / 38%);
}

a.contact:hover { background: #03479c; color: #fefefe;}

.view-article .item-page {  margin-bottom: 80px;}


.com_tz_portfolio_plus .tpp-bootstrap.tpItemPage {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: self-start;
}


.com_tz_portfolio_plus .tpp-bootstrap.tpItemPage img{
 border-radius:25px
}

.itemid-144 .tplElegant .element .TzArticleMedia img {
    border-radius: 0 !important;
}

.com_tz_portfolio_plus div#tz-portfolio-template-media {
    width: 35%;
}

.com_tz_portfolio_plus div#tz-portfolio-template-body {
    width: 65%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
}

.com_tz_portfolio_plus .tp-item-tools.row-table {
    display: none;
}

.com_tz_portfolio_plus.view-portfolio .tpp-bootstrap .btn-primary {
    color: #fff;
    background-color: #e6963f;
    border-color: #e6963f;
}

.com_tz_portfolio_plus.view-portfolio .tpp-bootstrap .btn-primary:hover,
.com_tz_portfolio_plus.view-portfolio .tpp-bootstrap .btn-primary:not(:disabled):not(.disabled):active, 
.com_tz_portfolio_plus.view-portfolio .tpp-bootstrap .btn-primary:not(:disabled):not(.disabled).active, 
.com_tz_portfolio_plus.view-portfolio .show>.tpp-bootstrap .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3a74b4;
    border-color: #3a74b4;
}

.com_tz_portfolio_plus.view-portfolio .tpp-bootstrap h2{color: #3a74b4;font-size:24px;font-family: 'dinpromedium';font-weight: 600;}
 .row.rowgall {
    margin: 294px 0 0 -100%;
    /* width: 100%; */
}


 .row.rowgall .col-md-3{
	 margin-bottom:25px;
 }

 div.itemExtraFields,
.itemExtraFields {
    margin: 50px 0 30px -100%;
    border-top: unset;
}
.site.com_k2.view-item h2 a {
    display: none;
}
.com_tz_portfolio_plus div#tz-portfolio-template-body .tpArticleExtraField {
    margin: 50px 0 30px -109%;
}
div.itemBackToTop {
    display: none;
}
.com_tz_portfolio_plus div#tz-portfolio-template-body .tpArticleTag {
    display: none;
}

.site.com_k2.view-item div.itemCategory, 
.site.com_k2.view-item .itemNavigation,
.site.com_k2.view-item  .itemAuthorBlock,
.site.com_k2.view-item  .itemAuthorLatest,
.site.com_k2.view-item  .itemAuthorLatest,
.site.com_k2.view-item div.itemToolbar,
.site.com_k2.view-item div.itemRatingBlock,
.site.com_k2.view-item  div.itemHeader span.itemDateCreated,
.site.com_k2.view-item div.itemHeader span.itemAuthor{display:none}



.site.com_k2.view-item div.itemSocialSharing {
    padding: 8px 0;
    display: none;
}

.k2-pagination.text-center {
    display: table;
    margin: 0 auto;
}

.k2-pagination.text-center ul.pagination li {
    background: none !important;
    padding: 0 !important;
}

.k2-pagination.text-center ul.pagination li a {
    background: #e99b3f;
    color: #fff;
    padding: 5px 15px;
    line-height: 0;
    border-radius:3px;
	transition:.3s all;
}

.k2-pagination.text-center ul.pagination li a:hover,
.k2-pagination.text-center ul.pagination li.active a {
    background: #3a74b4;
}

.k2-pagination.text-center ul.pagination {
    overflow: unset !important;
    justify-content: center;
    gap: 10px;
    margin-top: 70px !important;
    flex-wrap: wrap;
}

.site.com_k2.layout-category.itemid-161 div#k2Container h2, .site.com_k2.layout-category.itemid-161 div.itemListCategory {
    display: none;
}
.site.com_k2.itemid-161 main#content .InfoItem a {
    font-size: 32px;
    text-align: left;
    font-family: 'dinpromedium';
    font-weight: 600;
    display: table;
}

.site.com_k2.itemid-161 main#content  .imgal-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.site.com_k2.itemid-161 main#content span.catItemImage img {
    max-width: 100%;
    height: auto;
    width: 100% !important;
}

.row.rowgall.desc2 {
	margin:94px 0 0 -100%;
    justify-content: center;
}


main#content .row.rowgall.desc2 img {

    margin-bottom: 35px;
}
/**************---------Endblog------------****************/


.col-md-8.leftinfo {
    padding-right: 150px;
}

.row.txtpr .leftinfo, .bloc2 .leftinfo {
    padding-right: 45px;     overflow: hidden;
}

a.liensbouton {
    display: table;
    padding: 15px 30px;
    margin: 50px auto 0;
    background: #3a74b4;
    border-radius: 30px;
    color: #fff;
    transition: .3s all;
}

a.liensbouton:hover {
    background: #ea9d3f;
}

.photoimg {
    position: relative;
    margin: 49px auto 20px;
    display: table;
}

.photoimg img {
    border-radius: 25px;
}

img.img2 {
    margin-top: -87px;
    margin-left: -103px;
}

.textbloc2 {
    clear: both;
    margin-left: -57%;
    margin-top: 150px;
}

.logoreference {
    margin-bottom: 35px;
    display: table;
}

main#content .row.loref ul {
    margin-right: 35px;
    margin-bottom: 25px;
}

main#content .row.loref ul li {
    margin-bottom: 20px;
}

.itemid-143 .tz-flex-grid.arum .tz-flex-grid-content a, .itemid-143 .tz-flex-grid .tz-flex-item a {
    color: #0e1333;
    font-size: 22px;
}

.itemid-143 .tz-flex-grid.arum .tz-flex-grid-content {
    background-color: #ffffff5e;
    color: #ec985a;
}

.itemid-143 .tz-flex-grid .tz-flex-grid-media>div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 !important;
}

.sect {
    position: relative;
    display: table;
    margin: auto;
    text-align: center;
    padding-top: 199px;
    margin-bottom: 60px;
    width: 450px;
    transition:.3s all;
    box-shadow: 18px -4px 27px -3px rgb(170 168 168 / 43%);
    border-radius: 50%;
    padding: 266px 25px 25px;
    height: 450px;
    border: 1px solid rgb(170 168 168 / 13%);
}

.sect:hover {
  box-shadow: -18px -4px 27px -3px rgb(170 168 168 / 43%);
}

.sect h3{
	transition:.3s all;
	text-align:center;
	text-transform:uppercase;
}
.sect:hover h3{
	color:#ea9c3f;
}

.sect.sect1 {
    background: url(../images/icone-residentielle.png) top 55px center no-repeat;
}
.sect.sect1:hover {
    background: url(../images/icone-residentielle-h.png) top 55px center no-repeat;
}

.sect.sect2 {
    background: url(../images/ico-agricole.png) top 55px center no-repeat;
}
.sect.sect2:hover {
    background: url(../images/ico-agricole-h.png) top 55px center no-repeat;
}

.sect.sect3 {
    background: url(../images/icone-industrielle.png) top 55px center no-repeat;
}

.sect.sect3:hover {
    background: url(../images/icone-industrielle-h.png) top 55px center no-repeat;
}

.sect.sect4 {
    background: url(../images/icone-collectivites.png) top 55px center no-repeat;
}

.sect.sect4:hover {
    background: url(../images/icone-collectivites-h.png) top 55px center no-repeat;
}

.sect a{
    position:absolute;
    inset:0;
    font-size:0;
    z-index:10;
}

main#content .tz-filter ul li {
	font-family: 'din_procondensed_medium';font-size: 44px;background: url(../images/puce.png) center left no-repeat;}

main#content .tz-filter ul.list-unstyled.list-extrafield.mb-0 li {
    margin: 0;padding:0;
    font-size: 22px;    background: none;     font-family: 'dinprolight';
}

main#content .tz-filter .tab-content{
    padding-left: 36px;
}

main#content .tz-filter .tab-content label.group-label {
    font-size: 25px;     font-family: 'din_procondensed_medium';
}

.com_tz_portfolio_plus.view-portfolio.itemid-163 .tplElegant .element {
    background: none;
    width: 33% !important;
    border: none !important;
}

.com_tz_portfolio_plus.view-portfolio.itemid-163 .tplElegant .element .card {
    background-color: unset !important;
    border: unset !important;
    text-align:left;
}

.com_tz_portfolio_plus.view-portfolio.itemid-163 .tpp-bootstrap .card {   
    background-color: unset !important;
    border: unset !important;
    border-radius: 0 !important;
}

.com_tz_portfolio_plus.view-portfolio .element img {
    border-radius: 0 !important;
}

.com_tz_portfolio_plus.view-article .tpArticleExtraField .list-group-item {
    border-color: unset;
    border: none;
    padding: 0;
    background: none !important;
}

.com_tz_portfolio_plus.view-article .tpArticleExtraField .list-group-item>h5 {
    color: #1f1f1f;
    font-size: 28px;
    font-family: 'dinpromedium';
}

.com_tz_portfolio_plus.view-article .tpArticleExtraField ul.value-list a {
    font-size: 23px;
}

.com_tz_portfolio_plus.view-article a.wfpopup.wf-zoom-image {
    margin-bottom: 30px;
}


.itemid-163 h4.resultf, .itemid-163 div.k2FeedIcon {
    display: none !important;
}

.itemid-163.no-layout .row.rowgall {
    margin: 0;
}

.itemid-163.no-layout div.genericItemList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.itemid-163.no-layout div.genericItemView {
    margin-bottom: 48px;
    width: 33.33%;
}

.itemid-163.no-layout div.genericItemIntroText , .itemid-163.no-layout div.genericItemReadMore, .itemid-163.no-layout div.genericItemCategory{
 display: none;
}

.itemid-163.no-layout div.genericItemHeader h2.genericItemTitle {
    padding: 10px 0 4px 0;
    margin: auto;
    font-size: 25px;
    width: auto;
    text-transform: uppercase;
    text-align: center;
}

.itemid-163.no-layout div.genericItemImageBlock {
    padding: 0;
    margin: 0;
    float: none;
}


.itemid-163.no-layout div.k2Pagination ul li {
    display: inline-block;
    margin: 0;
    padding: 0 !important;
    background: none !important;
}
/**************---------EndFooter------------****************/

@media screen and (max-width: 1680px){	
	a.logo {margin: 33px 0 0px;}
}

@media screen and (max-width: 1600px){
	header.header .container-fluid{  padding: 0 15px;}
}	
	
@media screen and (max-width: 1575px){	
	
	footer .blo, footer { font-size: 25px;}	

	#flexslider-90 .slide-desc h2 {  font-size: 90px;}	

	#flexslider-90 .slide-desc .subtitle { font-size: 57px;}	

	.custombloc1 .txtinfo h3 { font-size: 70px;}

	.bloc-right h2 {font-size: 70px;}	

	main#content ul.echel.row { font-size: 37px;}	
  
	.blocreal .tplElegant .element .card:hover h3 {   font-size: 26px;}
}


@media screen and (max-width: 1470px){
	
	.container{max-width:93%}

	#flexslider-90 .slide-desc h2 {  font-size: 60px;}	

	#flexslider-90 .slide-desc span a { font-size: 22px !important;  padding: 16px 60px 16px 24px; }

	#flexslider-90 .slide-desc .subtitle { font-size: 41px;}

	footer { font-size: 24px;}	

	main#content ul.echel.row li.list.l2 { width: 380px;}	

	main#content ul.echel.row  li.list.l2 { color: #0b73d9;}

	.custombloc1 .txtinfo a:before {  top: 15px;}	

	.custombloc1 .txtinfo a:after {  top: 24px;}
	
	.custombloc1 .txtinfo h3 {  font-size: 68px; }
  
  h2, .h2 {  font-size: 40px; text-align:left;}
	
  h3, .h3 {  font-size:28px; text-align:left;}
	
body {  line-height: 1.35;  font-size: 26px;}	

.row.exp h2 {  font-size: 32px;}	
  
 .clearfix.bloc-serv h2{  font-size: 36px;} 
	
.blocreal .item:hover h3.item-title {
    font-size: 24px;
}
	
.blocreal .item-content {
    right: 22px;
    width: 186px;
}	
	
	
}

@media screen and (max-width: 1400px){
	
	.container {  max-width: 95%;}
	
	main#content ul.echel.row .list {  width: 245px;}

	.bloc-right h2 { font-size: 65px;  }	

	 main#content ul.echel.row li.list.l2 { width: 342px;}

	.topfoot h2 { font-size: 52px;}

	  .bloc-izportfo .blocreal h2 {
        font-size: 67px;
        margin-bottom: 50px;
    }

	.blocactu:after {   height: 990px;}

	.custombloc1 .txtinfo .photo {   gap: 0 20px;}	
	
	.custombloc1 .txtinfo h3 { font-size: 58px;  }
	
	.custombloc1 .txtinfo a {font-size: 24px !important;}
	
}

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

	#flexslider-90 .slide-desc h2 {  font-size: 50px;}	

	div#custom-text .infotext h2, .bloc2 .infotext.info-2 h2{  font-size: 50px;}

	footer { font-size: 22px;}

	body {font-size: 26px;}		

    main#content ul.echel.row .list {  width: 189px;  }
	
	main#content ul.echel.row li.list.l2 {  width: 285px;  }
	
	.blocactu a.btn.btn-primary.btn-view-all { font-size: 26px;}
	
	.blocactu h2 { font-size: 32px;}
	
	.topfoot h2 { font-size: 45px;  }
	
	.blocactu .tpp-portfolio__action.text-center {  right: 30px;}
	
	.blocactu .tplElegant .element .card h3 { font-size: 26px;}
	
	.topfoot .acym_module_form .acysubbuttons { right: 50px;}
	
	.bloc-right {  max-width: 444px; font-size: 25px;     margin-bottom: 35px;}
	   
	main#content ul.echel.row {  font-size: 30px;}
	
.custombloc1 { font-size: 25px;}
	
.custombloc2 {background-size: inherit;	}
	
.col-md-8.leftinfo {  padding-right: 117px;}
	
.page-header h2 { font-size: 55px;}
	
.row.exp h2 {  font-size: 29px;}	
	
.blocactu h3 {
    font-size: 25px;
}	
.blocactu a.vplus {
    font-size: 26px;
}	
}


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

.container {   max-width: 98%;}	

footer { font-size: 20px; }
	
body {font-size: 24px;}	
	
h3, .h3 { font-size: 32px;}	
	
.header-inner .col-sm-10 { padding-right: 0;}
  
a.logo { margin: 37px 0 0px;}
	
.custombloc1 .txtinfo h2 {font-size: 26px;}
	
.bloc-right {  max-width: 420px;  font-size: 23px;  padding-top: 204px;  }
  
  h2, .h2 {  font-size: 37px; text-align:left;}
	
  h3, .h3 {  font-size:26px; text-align:left;}
	
.blocreal .tplElegant .element .card:hover h3 {   font-size: 22px;}
	
.blocreal .tplElegant .element .card-body {  right: 20px;  width: 180px;}
	
.page-header h2 {font-size: 45px;}	
	
.page-header { top: -145px;}	
	
.blocactu h3:after {
    right: 0;
}	
	
}


@media screen and (max-width: 1080px){
	
#flexslider-90 .slide-desc h2 {  font-size: 45px;}	
	
.custombloc1 .txtinfo h3 { font-size: 52px; }
	
.custombloc1 .txtinfo.info2 { padding-top: 102px; padding-left: 0;}	
	
.custombloc1 .txtinfo .photo { gap: 20px; flex-wrap: wrap; justify-content: center;   margin-top: 40px;  }
	
.custombloc2 { background: url(../images/bg-bloc-min.jpg) top right 37% no-repeat;}
  
 .clearfix.bloc-serv h2{ font-size: 30px;} 
  
.devisform {  width: 100%; } 
  
 .devisform h3 { font-size: 40px;}
	
}

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

.container {  max-width: 100%;  }
  
.header-inner .col-sm-10 { padding-right: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%;}
	
.header-inner .col-sm-2 { -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 67%;}	
	
  .nav-menu.navmenu2 { padding: 0;  display: block;}

	nav#navigation, nav#navigation.nav-top1{ display: none !important;}

	nav.mobile-nav {display: block; padding: 10px; position: absolute; right: 0; margin: 0; top:55px}
	
	.is-sticky 	nav.mobile-nav{ top:10px}
  
	.topheader { padding: 0;}
	
	nav.mobile-nav a { color: white;}
	
   .img-left, .img-right { float:none;display:table;margin:0 auto 40px;  max-width: 100%;}	
	
	.bloc-izportfo .blocreal h2 {font-size: 58px; }
}	
	
	
@media screen and (max-width: 991px){	

	body {font-size: 22px;}		

	.nav-menu.navmenu2:after { bottom: -99px;}
	
	.is-sticky .nav-menu.navmenu2:after{content:none}
	
	h3, .h3 { font-size: 29px;}	
	
	.table h3 {  font-size: 30px;}	
  
	.blocreal .tplElegant .element .card:hover h3 {   font-size: 19px;}
  
.com_tz_portfolio_plus div#tz-portfolio-template-media,  
.com_tz_portfolio_plus div#tz-portfolio-template-body { width: 50%;}  
	
 .row.rowgall { margin: 90px 0 0; }	
}


@media screen and (max-width: 975px){
	
	main#content .col-md-6, main#content .col-md-4, 
	main#content .col-md-8, footer .col-md-4 {-ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;}
	
	main#content .col-md-3{-ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%;}
	
	main#content .blocprojets.row  .col-md-3{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
	main#content .blocprojets.row .col-md-4{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.blocpersonalises1 .col-md-4,	
.custombloc1  .col-md-7,	
.custombloc1  .col-md-5, 
.topfoot .col-md-6,	
footer .bloctopf .col-md-5, 	
footer .bloctopf .col-md-3,
footer .bloctopf .col-md-4 
{-ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%;}
	
  input.btn.btn-warning.button.reset.filtrerechk2 {
    margin-top: 25px;
}
.col-md-8.leftinfo {padding-right: 15px;}
  
 main#content {  padding: 30px 0 0;}
  
.txtinfo.info1 { display: table;  margin: auto;}
	
.custombloc1 .txtinfo.info2 p { padding-bottom: 20px;}
	
.custombloc1 .txtinfo.info2 {padding-top: 65px; float:none; padding-left: 0;  display: table;   margin: auto;}
	
.blocpersonalises1 .box { display: table;  margin: 0 auto 40px;}	
	
		
.bloc-right { float: none; display: table; margin: 0 auto 40px; max-width: 580px;  font-size: 21px; padding: 8px; color: #fff; background: #0000003d;  border-radius: 7px;}  
  
.bloc-right h2{color:#fff; font-size: 50px;   }		
	
	
main#content ul.echel.row {  font-size: 28px; justify-content: center; }

.topfoot h2 {  font-size: 36px; }
	
.topfoot .acym_module_form { font-size: 22px;}
	
.topfoot .acym_module_form .acysubbuttons {  right: 7px; top: 68px; }
	
footer .blo.blo1 { padding-right: 0;}
	
footer .blo {margin: 0 auto 30px;}
	
main#content ul.echel.row li.list.l1,  main#content ul.echel.row li.list.l2 { color: #0b73d9;}
	
.custombloc2 { background: url(../images/bg-bloc-min.jpg) top center no-repeat; background-size: cover; }
	
.topfoot .acym_module { display: table;margin: auto;   max-width: 100%;}
	
.topfoot .custom { display: table; margin: auto;}	
  
footer .logf { display: table;   margin: 0 auto 45px;}
  
footer .blo.blo1 {  padding-right: 0;  max-width: 450px;}
  
footer:before { background: url(../images/mask-footer.png) top left repeat;}
    
  footer .blo, footer {font-size: 23px;  }
  
.photo2 { text-align: center;}	
  
 img.img2 { margin-top: -92px;  margin-left: 71px;}
	
.photoimg {display: table; max-width:500px	}
	
.clearfix.bloc-serv h2{font-size: 26px;}
	
.blocactu .k2-list.row { justify-content: center; margin: auto; display: table;}
	
.blocactu:after { height: 1926px;}
}


@media screen and (max-width: 860px){
  
.com_tz_portfolio_plus div#tz-portfolio-template-media,  
.com_tz_portfolio_plus div#tz-portfolio-template-body {  width: 100%;}   
  
	main#content .col-md-3, 
    .view-article main#content  .item-page .col-md-7, 
	.view-article main#content  .item-page .col-md-5,
	.view-article main#content  .item-page .col-md-6 {-ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;}
	
    main#content ul.echel.row li.list.l2,   main#content ul.echel.row li.list {  width: auto;     padding-left: 30px; }	
  
  
  h2, .h2 {  font-size: 35px; text-align:left;}
	
  h3, .h3 {  font-size:24px; text-align:left;}
	
  .row.exp h2 { font-size: 28px;}
	
  .devisform h3 { font-size: 30px;}
	
.page-header h2 { font-size: 35px;}	
	
.page-header {   top: -100px;}	
	.com_tz_portfolio_plus div#tz-portfolio-template-body .tpArticleExtraField {
    margin: 0px 0 30px;
}
	
.com_tz_portfolio_plus div#tz-portfolio-template-body .row.rowgall {
        margin: 60px auto 30px;
        display: table;
}
	
main#content .blocprojets.row .col-md-9, main#content .blocprojets.row .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;margin-bottom: 30px;
       
}	
	input.btn.btn-warning.button.reset.filtrerechk2 {
        margin-top: 0;
    }
.no-layout.itemid-143 	div#K2FilterBox119 {
    display: table;
    margin: auto;
    width: 80%;
}	
.no-layout.itemid-143 .buttons	{
        margin-top: 30px;
    }
	
	
.site.com_k2.view-item .banner   {background:url(../images/slide_interne2.jpg) top center no-repeat;  height:349px; background-size:cover;
}	
}

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

#flexslider-90 .slide-desc h2 {  font-size: 35px;}	

.page-header {top: -60px;}
	
.table h3 {  font-size: 28px;}	
	
.table { width: 90%;  margin: auto;}	
.site.com_k2.view-item .banner {
    background: url(../images/slide_interne2.jpg) top center no-repeat;
    height: 266px;
    background-size: cover;
}	
}

@media screen and (max-width: 693px){
	
#flexslider-90 .slide-desc h2 {  font-size: 30px;}	
		
#flexslider-90 .slide-desc span a { font-size: 20px !important;}	

p.copyright, p.copyright a{font-size: 16px;}	

#flexslider-90 .slide-desc-box {  top: 76% !important;}	
	
.custombloc1 { padding: 50px 0 80px;}
  
.blocactu .tplElegant .element .card h3 { padding-right: 55px;}
  
.blocactu .tplElegant .element .card .TzPortfolioDescription a.btn.btn-primary.readmore { top: -5px; right: 20px;}  
  
 .blocactu { padding-bottom: 0;}
	
    main#content .blocprojets.row .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }	
}


@media screen and (max-width: 600px){
	
.scrollb {bottom: -38px;}
  
a.logo { margin: 15px 0 0px; } 
  
 nav.mobile-nav {  top: 30px;} 
  
.header-inner .col-sm-10 {  padding-right: 0; -ms-flex: 0 0 44%;flex: 0 0 44%;   max-width: 44%; }
 
.header-inner .col-sm-2 {-ms-flex: 0 0 56%;    flex: 0 0 56%;    max-width: 56%; } 
	
.blocreal .tplElegant .element .card-body {right: 0;width: 170px;}	
	
main#content ul.echel.row li.list.l2, main#content ul.echel.row li.list {  width: 100%;  padding-left: 30px;}
  
main#content ul.echel.row {  font-size: 23px; flex-wrap: wrap;}		
	
}

@media screen and (max-width: 575px){
	
#flexslider-90.flexslider.position-nav-bottom .flex-control-nav { bottom: 15px !important;}
	
#flexslider-90 .slide-desc h2{display:none;}
	
h3, .h3 { font-size: 25px; text-align:left;}		

.custombloc1 .txtinfo h3 {  font-size: 39px;}
	
.custombloc1 { font-size: 21px;} 
  
.blocpersonalises1 .toptit h2 { font-size: 30px;}  
  
.blocpersonalises1 .toptit .loc { font-size: 25px; background: url(../images/icloc.png) top 0px left no-repeat; padding-left: 31px;}  
  
.blocactu h2 {  font-size: 28px;}
  
.blocactu a.btn.btn-primary.btn-view-all {   font-size: 22px;}
  
footer .blo, footer {  font-size: 21px;  }
  
.blocreal .tplElegant .element .card:hover h3 a,  
.blocreal .tplElegant .element .card:hover h3 {font-size: 20px;}
  
.blocreal .tplElegant .element .TzArticleMedia img {  width: auto; }
  
.blocreal .owl-carousel.owl-drag .owl-item:hover {  transform: scale(1.1);}
  
img.img2 {  margin-top: -45px;  margin-left: auto;  margin-right: auto;  display: table; }	
	
#flexslider-90 .slide-desc span a {	margin: 30px 0 0}
		
.row.exp p {  padding-right: 5px;}	
  
.tpp-bootstrap h1, .tpp-bootstrap .h1 { font-size: 30px;} 
	
.page-header { top: unset; position: relative; left: unset;  right: unset;  margin: 20px auto 62px;  }	
	
}


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

.bloc3.bloccms .box {  width: 80%; }
  
#flexslider-90 .slide-desc-box { top: 91% !important;  left: 0% !important; }
  
.custombloc1 .txtinfo a:before { top: 12px;  }
  
.custombloc1 .txtinfo a:after { top: 20px;}
  
.blocpersonalises1 .toptit h2 { font-size: 25px; }
  
.blocpersonalises1 .toptit { margin-bottom: 40px; flex-wrap: wrap; gap: 15px;}
  
.bloc-right h2 { font-size: 40px;}
  
.blocreal .tplElegant .element {overflow: hidden !important;}
	
.header-inner .col-sm-10 {padding-right: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}
 
.header-inner .col-sm-2 {-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;} 	

.row.exp h2 { font-size: 25px;}	
	
.blocreal .owl-carousel.owl-drag .owl-item:hover {transform: scale(.8);}
	
.blocreal .owl-carousel.owl-drag .owl-item:hover img {  transform: scale(1);} 	
	
.blocreal .owl-carousel .owl-item { transform: scale(.8);}	
.blocactu a.vplus {
    display: none;
}	
}

@media screen and (max-width: 460px){
	
.bloc3 h2, .bloc-4 h2 { font-size: 24px; text-align: left; }
	
#flexslider-90 .slide-desc-box {padding: 0 15px; top: 89% !important;  left: -3% !important; }
  
#flexslider-90 .slide-desc span a {padding: 11px 55px 11px 19px; }
   
#flexslider-90 .slide-desc span a:before {
     background: url(../images/f3.png) top 6px right no-repeat;  top: 0;  right: 6px;   height: 45px;
}  
  
.custombloc1 {  padding: 30px 0 80px; }
     
.custombloc1 .txtinfo h2 { font-size: 24px;  } 
  
.custombloc1 .txtinfo h3 { font-size: 33px;}
  
.bloc-izportfo .blocreal h2 {  font-size: 53px;   margin-bottom: 0;}
  
.blocactu .tpp-portfolio__action.text-center {  right: unset;  left: 5px;  top: 29px; }
    
h2, .h2 {  font-size: 30px; text-align:left;}
	
.scrollb {bottom: -44px;  } 
	
h3, .h3 {  font-size: 23px;}	
 
.sect{   padding: 266px 25px 25px;  margin: 0 auto 20px;  width: 280px;  box-shadow: unset; height: auto;  border: none; }
	
.sect:hover { box-shadow: unset;}	
}


@media screen and (max-width: 375px){
	
 header.header .container-fluid {  max-width: 2000px;   padding: 0 10px;}
	
.header-inner .container, .container { max-width: 100%; }	
	
.col-md-3.col-sm-3.col-xs-3.logos { padding: 0;}
	
.col-md-3.col-sm-3.col-xs-3.logos img { max-width:75%;}	
	
.blo.blo1 { padding-right: 25px;}
	
.bloc-4 h2 { font-size: 23px}
	
.view-article .banner img { width: 100%;  height: 136px;}
	
#flexslider-90 .slide-desc-box {top: 73% !important;   }
	
nav.mobile-nav { top: 18px;}
	
body {  font-size: 20px; }	
  
.devisform h3 { font-size: 25px;}	
  
 div.fcp_wrapper { font-size: 20px !important;  max-width: 100% !important;} 
	
 .page-header h2 {   font-size: 27px; } 
}