html {
    scroll-behavior: smooth;
}
body {
	background: #fff;
    color: #5c5757;
    font-size: 22px;
    line-height: 1.5;
    padding:0;
    margin:0;   
    font-family: 'poppinsmedium';
	font-weight: normal;
}
body.site{
	border-top:none;
	padding:0;
	margin:0;
}
.body{overflow:hidden;background: #fff;}
a {
    color: #0a0909;
    text-decoration: none;
    transition: all .4s;
}
a:active, a:hover, a:focus {
    color: #a51d37;
    text-decoration: none;
}

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

.img-right {
    position: relative;
    float: right;
    margin: 0 0px 0px 85px;
}

.img-left, .photo.lf {
    position: relative;
    float: left;
    margin: 0 75px 30px 0px;
}

.img-left, .img-right {
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

img.img-left.left1 {padding-top: 80px;}

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

h1, .h1{
	color: #f4f4f5;
	font-weight: normal;
	font-size: 48px;
	position: absolute;
	font-family: 'poppinsbold';
	font-weight: normal;
	top: -338px;
	left: 200px;
	/* right: 0; */
	/* margin:auto; */
	text-align: left;
	
line-height: 1.2em;width: 55%;}

h2, .h2{
	position:relative;
	color: #7b7b7b;
	font-size: 32px;
	font-family: 'poppinsbold';
	font-weight: normal;
	margin: 40px 0 10px;
}

h2 span.subtitile {
    display: block;
    margin-top: 7px;
}

h3, .h3{
    color: #232323;
    margin:30px 0 10px;
    font-size: 27px;
    font-family: 'poppinsbold';
    font-weight: normal;
}


h4, .h4{
    font-size: 25px;
    color: #060808;
    font-family: 'poppinsbold';
    font-weight: normal;
    margin: 20px 0 10px;
}

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

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


.clearfix {

    display: block;
    clear: both;
  
}

.view-article h2 {
    position: relative;
    color: #cf0023;
    font-size: 45px;
    font-family: 'poppinsbold';
    font-weight: normal;
    margin: 0 0 40px;
    display: table;
    /* padding-right: 14px; */
    /* width: 490px; */
    /* line-height: 1.3em; */
    text-transform: uppercase;
}
/****************---------HEADER------------*********************/

.header-inner {
	position: absolute;
	z-index: 142;
    left: 0;
	margin: auto;
	right: 0;
	top: 0;
}
header .container-fluid {
    padding: 0;
}

.itemid-107 .header-inner {
    background: #232323;
    top: -92px;
}

div#sticky-wrapper {z-index: 250;height: auto !important;}

.is-sticky .topheader {z-index: 300 !important;height: auto !important;}
.is-sticky .topheader:after {position:absolute;content:"";top:0;left:0;right:0;background: rgb(0 0 0 / 80%);height: 93px;}
header.header {position: relative;z-index: 350;}
.is-sticky .topheader a.logo {margin:0;/* float:left; */}
.is-sticky .topheader a.logo img {max-width: 90%;text-align: center;}

.is-sticky .topheader  .nav-menu {/* padding-top: 30px; */margin-right: 0;display: table;margin: auto;}

.is-sticky .topheader .customnetworks {float:right;margin-top: -65px;}




a.logo {position: relative;display: table;margin: auto;z-index: 5;background: #bb001c;padding: 10px;max-width: 290px;}

nav#navigation {position: relative;margin: -68px auto 0;display: table;}


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


.nav-menu {position: relative;clear: both;/* margin-right: 172px; */z-index: 2;}

.moduletableslider, .moduletablebannin {
    position: relative;
   /* margin-top: -93px; */
    overflow: hidden;
	/* z-index:1; */}

.moduletablebannin img{width:100%; height:auto;}

.moduletablebannin p{margin-bottom:0;}
.moduletablebannerc {
    position: relative;
    margin-top: 92px;
    overflow: hidden;
}
.moduletableslider .scroll a {
    position: absolute;
    bottom: 14px;
    font-size: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: url(../images/scroll.png) top center no-repeat;
    width: 31px;
    height: 42px;
	z-index:2;
	display:block;
	margin: auto;
}

div#flexslider-91 .slide-desc-box {
    box-sizing: border-box;
    padding: 0;
    position: absolute;
    left: 23%;
    right: unset;
    text-align: left;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#flexslider-91 .slide-desc {
    max-width: 850px !important;
}

#flexslider-91 .slide-desc h2 {font-size: 68px;color: #fff;text-transform: uppercase;font-family: 'poppinsmedium';font-weight: normal;}
.read-more-slider a{
	font-size: 25px;
	border-bottom: 1px solid;
}
.read-more-slider a:hover{
	color: #fff !important;
	border-bottom: 1px solid #bb001c;
}
#flexslider-91 .slide-desc h3{position:relative; font-size:26px; color:#bc0021; font-family:'poppinsregular'; font-weight: normal; padding-bottom:45px}

#flexslider-91 .slide-desc h3:after{ position:absolute; content:""; background:#bc0021; bottom:0; left:0; height:10px; width:65px;}


.slide-desc-box > div > div, .slide-desc-box > div {
	opacity:1 !important;
    padding: 0 !important;
    text-shadow: unset !important;
}

.flexslider li .jslider-image:after, 
.moduletablebannin:after{
	position:absolute;
	content:"";
	inset:0;
	background:rgb(39 39 39 / 30%);
}
.flexslider li .jslider-image:before, 
.moduletablebannin:after{
	position:absolute;
	content:"";
	inset:0;
	background:url(../images/mask.png) top center no-repeat;
	background-size:cover;
}


.moduletablebannin:before{
	position:absolute;
	content:"";
	inset:0;
background:rgb(39 39 39 / 30%)
}



.customnetworks {position: relative;float: right;margin-top: -54px;margin-right: 80px; color:#fff;z-index: 2;}

.customnetworks a{font-size:0; margin-right:15px}

.customnetworks a .fa{color:#fff; font-size:20px; transition:.3s all; }
.customnetworks a:hover .fa{color:#b1011d; }
.flexslider.position-nav-bottom .flex-control-nav {
    position: absolute !important;
    bottom: 35px !important;
    width: auto !important;
    left: 100px !important;
    text-align: left !important;
}

ul.slides:before {
    position: absolute;
    content: "";
    background: #fff;
    bottom: 0px;
    left: 0;
    width: 22%;
    height: 110px;
    z-index: 5;
}

.flex-control-paging li a {
    
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:  unset !important;
    -moz-box-shadow:  unset !important;
    -o-box-shadow:  unset !important;
    box-shadow: unset !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#flexslider-91 .flex-control-paging li a.flex-active {
    background-color: #bc0021  !important;
}

.flex-control-paging li a.flex-active {
    background: #000 !important;
    background: rgba(0, 0, 0, 0.9) !important;
    cursor: default;
}
#flexslider-91 .flex-control-nav li {
    padding: 8px 4px !important;
}
.color-nav-dark .flex-control-paging li a {
    box-shadow: unset !important;
    background-color: rgb(0 0 0) !important;
}


.flex-direction-nav .flex-next { 
    right: 81% !important;
}

.flex-direction-nav a {
    top: unset !important;
bottom: 29px;}


.flex-direction-nav li a{display: block;margin: -30px 0 0;}


.flexslider.white-arrow .flex-direction-nav a, .flexslider .flex-direction-nav a {
  background-image:inherit !important;
	font-size:0 !important;
opacity: 1 !important;}

.flexslider .flex-direction-nav a.flex-prev{
	background: url("../images/prev.png") center no-repeat !important;
	center no-repeat !important;
	padding: 5px;
	background-color: #fff !important;
}

.flexslider .flex-direction-nav a.flex-next{
	background: url("../images/next.png") center no-repeat !important;
	padding: 5px;
	background-color: #fff !important;
}

.flex-direction-nav .flex-prev {
    left: 25px !important;
}
/**************---------Main------------****************/

main#content {
	position:relative;
	background: #fff;
	z-index:3;
	padding: 40px 0;
}

.itemid-101 main#content {padding: 100px 0 0;background: #e9e9e9}

.itemid-107 main#content {
padding: 0;
}

.itemid-107 header.header {
    background: #e9e9e9;
}

.itemid-107 header.header .moduletablebannerc p{margin:0}

.customrealisation {position: relative; font-size: 30px;font-family: 'poppinslight';font-weight: normal;line-height: 1.45em;margin-bottom: 100px;/* height: 776px; */}

.customrealisation .container {position: relative; }

.customrealisation .container:before{
	position:absolute; 
	content:""; 
	right:15px; 
	width:180px; 
	height:180px; 
	top:-180px; 
	background:url(../images/trait.png) top right no-repeat;
}

h2.nosreal, 
.customrealisation h2, 
.formhome h2 {color: #272727;font-size: 61px;font-family: 'poppinsmedium';font-weight: normal; margin:0 0 30px}

h2.nosreal:before,
.customrealisation h2:before, 
.formhome h2:before { 
  position:absolute;
	content:"";
	top:50px;
	left:-123px;
	background: #bc0121 !important;
	width:123px;
	height:1px;
}
.customrealisation p.info{max-width: 583px;}

.customrealisation .realisation, .projets {position:relative; display:table;margin-bottom: 100px;}




.projets {
	clear:both;
    margin: 0 0 20px;
}

.projets.prjts-3 {
    margin: 45px auto 0px;
}

.itemid-126 .projets.projet9{float:right}


.customrealisation .realisation.rea-1 {margin-top:180px;clear: both;margin-bottom: 100px;}

.customrealisation .realisation .photo, .projets .photo{position:relative; display:table; z-index:1; overflow:hidden;}

/* Circle */

.customrealisation .realisation .photo::before, .projets .photo::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.customrealisation .realisation:hover .photo::before, .projets .photo::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}


.customrealisation .realisation h3, .projets h2{
    position:absolute;
    bottom: 0;
    background: #fff;
    min-width: 60%;
    padding: 13px 30px 10px 12px;
    color: #272727;
    font-size: 33px;
    text-transform: uppercase;
    font-family: 'poppinslight';
    border-top: 8px solid #bc0021;
    margin: 0;
    z-index:2;
    transition:.3s all;
}

.projets h2{
	z-index:14;
	font-size: 30px;
	text-transform: unset;
}
.projets h2 br{display: none;}
.projets.prjt h2 {
    width: 68%;
}
.customrealisation .realisation:hover h3, .projets:hover h2{
	color: #fff;
}

.customrealisation .realisation h3:before, .projets h2:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #bc0021;
   -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.customrealisation .realisation:hover h3:before, .projets:hover h2:before{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.customrealisation .realisation.rea-3 h3, 
.customrealisation .realisation.rea-2 h3{
	border-top: 0px solid #bc0021;
	border-right: 12px solid #bc0021;
}

.customrealisation .realisation.rea-2 h3:before,
.customrealisation .realisation.rea-3 h3:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #bc0021;
  -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.customrealisation .realisation.rea-2:hover h3:before, 
.customrealisation .realisation.rea-3:hover h3:before {
 -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.customrealisation .realisation.rea-2:after{
	
	position:absolute; 
	content:""; 
	right:-45px; 
	width:180px; 
	height:180px; 
	bottom: -80px; 
	background:url(../images/trait.png) top right no-repeat; 
	
}

.customrealisation .realisation.rea-3, 
.customrealisation .realisation.rea-4 {float: right;}

.customrealisation a.alllinks{
	position:relative;
	/* text-transform:uppercase; */
	color:#bc0021;
	font-size: 24px;
	margin-left:120px;
	padding-left:33px;
	transition:.3s all;
}

.customrealisation a.alllinks:hover{
	color:#000;	
}

.customrealisation a.alllinks:before{
	position:absolute;
	content:"";
	background:url(../images/fleche.png) top center no-repeat;
	width:22px;
	height:42px;
	left: 0px;
	top: -7px;
	transition: .3s all;
	}

.customrealisation a.alllinks:after{
	position:absolute;
	content:"";
	border:1px solid #ccc;
	width:100px;
	height:100px;
	left: -31px;
	border-radius:50%;
	top: -40px;
	z-index: -1;
}

.customrealisation a.alllinks:hover:before{
	background:url(../images/fleche.png) bottom 5px center no-repeat;		
}
.customblocbas {
	position: relative;
	background: url(../images/bloc-bas-2-min.jpg)  center no-repeat fixed;
	background-size: cover;
	padding: 0;
	min+height: 711px;
	min-height: 700px;
}

.customblocbas .container{position:relative;padding: 168px 0;}
.customblocbas .container:before{
	position:absolute;
	content:"";
	left:0;
	right:0;
	width:13px;
	height:70px;
	background:#bc0021;
	margin:auto;
	z-index:1;
	top: 0;
}

.customblocbas:before{ position:absolute; content:""; inset:0; background: url(../images/mask02.png) top center no-repeat; z-index: 2;}

.customblocbas:after{ position:absolute; content:""; inset: 0;  background: rgb(17 17 17 / 70%); background-size:cover;  /* z-index: 2; */}

.customblocbas .box {position: relative;display: table;margin: auto;transition:.3s all;z-index:2;text-align: center;}

.customblocbas .box h3{
    position: relative;
    font-size: 37px;
    font-family:'poppinsmedium';
    font-weight:normal;
    color:#fff;
    padding-top:150px;
    transition:.3s all;
}

.customblocbas .box:hover h3{
  color: #bc0021;
}

.customblocbas  .box h3:before{
    position:absolute;
    content:"";
    width:103px;
    height:112px;
    top:0;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
	transition:.3s all;
}

.customblocbas  .box h3:after{
    position:absolute;
    content:"";
    width:100px;
    height:100px;
    bottom: -67px;
    left:0;
    right:0;
    border:1px solid rgb(255 255 255 / 0.10);
	margin:auto;
	border-radius:50%;
	background: url(../images/fleche1.png) bottom 26px center no-repeat;
    text-align:center;
	transition:.3s all;
}

.customblocbas  .box:hover h3:after{
   background: url(../images/fleche01.png) bottom 26px center no-repeat;
   border:1px solid rgb(188 0 33 / 45%);
	
}

.customblocbas .box.bx-1 h3:before{
    background:url(../images/ic-1.png) top center no-repeat;
}

.customblocbas .box.bx-1:hover h3:before{
    background:url(../images/ic-1.png) bottom center no-repeat;
}
.customblocbas .box.bx-2 h3:before{
    background:url(../images/ic-2.png) top center no-repeat;
}

.customblocbas .box.bx-2:hover h3:before{
    background:url(../images/ic-2.png) top center no-repeat;
}

.customblocbas .box.bx-3 h3:before{
    background:url(../images/ic-3.png) top center no-repeat;
}

.customblocbas .box.bx-3:hover h3:before{
    background:url(../images/ic-3.png) bottom center no-repeat;
}

.customblocbas  .box.bx-4 h3:before{
    background:url(../images/ic-4.png) top center no-repeat;
}

.customblocbas  .box.bx-4:hover h3:before{
    background:url(../images/ic-4.png) bottom center no-repeat;
}

.box a, .customrealisation .realisation a, .projets a.link{position:absolute;font-size:0;inset:0;z-index:10;}
.fcp_wrapper {width:100%;border: none !important;background-color: transparent !important;font-family: inherit !important;position: relative;}
footer {position: relative;background: #e9e9e9;padding: 100px 0 50px;color: #272727;font-size: 27px;font-family: 'poppinslight'; z-index:2}

footer:after{position:absolute; content:""; left:0; right:0; width:13px; height:20px; background:#bc0021;
	margin:auto; z-index:1; bottom:0px;}

.itemid-101 footer:before{ position:absolute; content:""; top: -149px; background:url(../images/demi-bande.png) top right no-repeat;
	width: 355px; height:237px; right: 0;}

footer i.fa {color: #bc0021;margin-right: 25px; font-size: 28px;}

footer .coord div {margin-bottom: 20px;}

footer .networks a {font-size: 0;}

footer.networks i.fa {font-size: 25px;margin-right: 10px; color: #0a0909;}

footer .networks  {margin-left: 57px;color: #0a0909;}

footer .networks a i.fa {color: #0a0909;}

footer .networks a:hover i.fa {color: #bc0021;}

p.employe-1 {padding: 63px 0 0;text-align: justify;line-height: 1.73em;}

p.employe-2 {text-align: center;line-height: 1.73em;}

.itemid-102 i.fa.fa-check {color: #880018;font-size: 18px;}

.equipes {display: table;margin: 0 auto 40px;text-align: center;}

.equipes img{border-top-right-radius:50px;  border-bottom-left-radius: 50px;}

.equipes h3 { font-size: 24px; color: #232323; line-height: 1.3em;}

.equipes h3 span{display:table; margin: 0 auto 40px; text-align: center; color:#940019}

p.txt-titre .h4 {font-size: 45px; font-family: 'poppinsbold'; line-height: 1.55em; margin: 0 0 40px;}

.equipes.ekip { background: #e9e9e9; padding: 90px 80px 110px; border-top-right-radius: 50px; border-bottom-left-radius: 50px;}

.equipes.ekip .fa.fa-user-circle {display:table; margin: 0 auto 20px;text-align: center; color: #940019;font-size: 78px;}

footer .coord div span.local { display: table; padding-left: 49px;}

ul.breadcrumbarbo {display: flex; justify-content: flex-start; list-style: none; padding: 0; margin-bottom: 40px}

ul.breadcrumbarbo li {margin-right: 12px; font-family: 'poppinsregular'; font-size: 18px; }

/**************---------EndMain------------****************/


p.copyright {text-align: center;font-size: 14px;margin-top: 50px;margin-bottom:0}

p.copyright a{color: #bc0021;}


.jsn-master .jsn-bootstrap {
   position:relative;
}
input,  select,  textarea {
    background: #2d2d2d !important;
    color: #fff !important;
    border: none !important;
    height: 50px !important;
    font-size: 22px !important;
    padding: 0 15px 0 15px !important;
}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea {
    height: auto !important;
	    padding-top: 19px !important;
}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input:focus{ border: none !important; outline:unset !important}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {
     color: #272727 !important;
    font-size: 60px !important;
    margin-bottom: 35px !important;
    font-family: 'poppinsmedium' !important;
    font-weight: normal !important;
line-height: 1em;position: relative;}
.formhome label{display: none !important;}

#jsn_form_2.jsn-master.jsn-master .jsn-input-medium-fluid {
    width: 90% !important;
}

.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label:before {
    position:absolute;
	content:"";
	top:55px;
	left:-123px;
	background: #bc0121 !important;
	width:123px;
	height:1px;
}


.newsletter div.fcp_sendrow{
    text-align: right;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    right: 0;
    bottom: 12px;
}
.newsletter div.fcp_sendrow button.fcp_btn {
    float: none !important;
    background: #bc0121 !important;
    height: 50px !important;
    border-radius: 0 !important;
    width: 58px !important;
    font-size: 0 !important;
    border: none !important;
    outline: none !important;
    position: relative;
    transition: .3s all;
}
.formhome .jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {
    background-color: unset!important;
    border-color: unset!important;
    border: none !important;
}
button.fcp_btn{
    float: none !important;
    background: #bc0121 !important;
    height: 50px !important;
    border-radius: 0 !important;
    width: 58px !important;
    font-size: 0 !important;
    border: none !important;
    outline: none !important;
	position:relative;
	transition:.3s all
}
  .btn:hover, div.fcp_sendrow button.fcp_btn:hover{
    background: #fff !important;
    color: #bc0121;
}

button.fcp_btn:before {
	position: absolute;content: '';background: url(../images/fleche.png) bottom center no-repeat;
	top: 0;left: 0;right: 0;margin: auto;width: 22px;height: 42px;z-index: 2; 	transition:.3s all
}

button.fcp_btn:hover:before {background: url(../images/fleche.png) top 7px center no-repeat !important; }

div.fcp_sendrow button.fcp_btn {
    float: none !important;
    background: #bc0121 !important;
    height: 50px !important;
    border-radius: 0 !important;
    font-size: 21px !important;
    border: none !important;
    outline: none !important;
    position: relative;
    transition: .3s all;
}
button.fcp_btn:before {
    position: absolute;
    content: '';
    background: url(../images/fleche.png) bottom right no-repeat;
    top: 0;
     left: unset; 
    right: 11px;
    margin: auto;
    width: 22px;
    height: 42px;
    z-index: 2;
    transition: .3s all;
}

div.fcp_sendrow{
    text-align: left !important;
 
}
.button.fcp_btn:hover {  
    color: black;
}
.formhome {
    margin-bottom: 80px;
}

.formhome.newsletter {
    max-width: 535px;
}

.itemid-107 .customcoord {
    padding-top: 90px;
}
.realisation.rea-3.projets {
    padding-top: 200px;
}
ul.listpartner {list-style: none;display: flex;flex-wrap: wrap;justify-content: space-evenly;}

ul.listpartner li {
    margin: 0 30px 40px;
    width: 23%;
}
/**************---------EndFooter------------****************/
/**********************************************************/



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

}

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

	body.site{zoom: 0.85;}

}


@media screen and (max-width: 1470px){
	
body.site{zoom: 1;}	
	.flex-direction-nav .flex-prev {
    left: 25px !important;
}
	.flexslider.position-nav-bottom .flex-control-nav { 
    left: 60px !important; 
}
a.logo img{max-width:90%; height:auto;}	
	
a.logo{text-align:center;}	
.is-sticky .topheader a.logo {/* text-align: left; */padding: 10px;}	
#flexslider-91 .slide-desc h2 {font-size: 50px;}
	
.customnetworks {margin-right: 20px;}
	
.nav-menu {/* margin-right: 160px; */}	
	
.container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1270px;}	
	
.moduletableslider .scroll a {background-size: 70%;}
	
.customrealisation h2 { font-size: 45px;}	
	
.customrealisation { font-size: 24px;  zoom: .95;}
	
.customrealisation .container {/* padding: 0; */}	
	
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label:before,
.customrealisation h2:before { left: -60px; width: 60px;top: 30px;}
.jsn-master .jsn-input-medium-fluid {
    width: 57% !important;
}	
.customrealisation .container:before { right: 0;}	
	
.customrealisation .realisation h3 {}	
	
.customblocbas .box h3 {font-size: 29px;}	
	
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {font-size: 40px !important;padding-right: 150px;}
	
.jsn-uniform.jsn-master .jsn-row-container .form-actions {right: 170px;}
	
footer { font-size: 25px;}
	
footer i.fa { font-size: 28px;}	
	
.realisation.rea-3.projets img{height:auto}
	
.is-sticky .topheader a.logo img {
    max-height: 50px;
    text-align: center;
}
	
.is-sticky .topheader:after {
    height: 65px;
}
.is-sticky .topheader .nav-menu {
    padding-top: 17px;
}
.projets h2 { font-size: 24px;}		
}


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

.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 100%;}
	
.customblocbas .box h3 {font-size: 30px;}
	
.customblocbas {}
	
footer:before {top: -104px !important;background-size: 70% !important;}
	
footer {font-size: 22px;}	
	
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label { font-size: 35px !important;}
	
.customblocbas .container:before {}
	
.customrealisation .realisation .photo img { max-width: 90%;}
	
.itemid-101 main#content {padding: 50px 0 0;}	
	
.customrealisation .realisation.rea-3 .photo, .customrealisation .realisation.rea-4 .photo {text-align: right;}	
	
.customrealisation .realisation.rea-3 h3, .customrealisation .realisation.rea-4 h3 {left: 56px;}	
	
.customrealisation .realisation h3 {width: 60%;}	
	
.flex-control-paging li a { width: 8px !important;height: 8px !important;}	
	
.flexslider.position-nav-bottom .flex-control-nav { bottom: 32px !important;}	
	
#flexslider-91 .slide-desc h2 {font-size: 40px;max-width: 500px;margin: 0;}
	
#flexslider-91 .slide-desc h3 {font-size: 20px;}
	
.projets h2 { font-size: 21px;}	
	
}

@media screen and (max-width: 1190px){
 
.customnetworks {margin-left: 20px;margin-top: -68px;float:left}
	
.nav-menu {margin-right: 20px;}	
	
nav#navigation {margin: 0;display: none;}
	
nav.mobile-nav {display: block;position: absolute;right: 0;top: -68px;background: #bb001c;padding: 5px 15px;}
	
nav.mobile-nav i {color: #fff;}	
	
.is-sticky .topheader  nav.mobile-nav {right: 153px;top: -54px;}	
	
.is-sticky .topheader .nav-menu { display: block; margin: 0;}	
		 
	
.customrealisation .realisation.rea-3 h3, .customrealisation .realisation.rea-4 h3 {left: 46px;}
	
.customrealisation a.alllinks {font-size: 21px;}
	
.customblocbas .box h3 { font-size: 27px;  padding-top: 120px;}
	
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {font-size: 30px !important;}	
	
.jsn-uniform.jsn-master .jsn-row-container .form-actions { right: 97px;}
	
.customrealisation .realisation h3 {font-size: 26px;}
	
.customblocbas {min-height: 620px;}	
	.itemid-101 footer:before{
		/* top: 0; */
	}
.customblocbas .box h3:before {height: 79px;  background-size: 70% !important;}
	
.customblocbas .box h3:after, .customblocbas .box:hover h3:after {  width: 80px; height: 80px;bottom: -58px;background-size: 19%;}
	
ul.slides:before {/* width: 33%; */}	
	
.flex-direction-nav .flex-next {/* right: 68% !important; */}
	
.flexslider.position-nav-bottom .flex-control-nav {width: auto !important;left: 37px!important;}
	
.customrealisation p.info{max-width: 100%;}	
 
	.flexslider.position-nav-bottom .flex-control-nav { 
    left: 50px !important; 
}
	ul.slides:before {

		
    height: 90px;
}
}

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

.container, .container-sm, .container-md, .container-lg { max-width: 100%;}
	
.customrealisation .container {padding: 0 15px;}

.customrealisation h2 {font-size: 40px;}
	
.customrealisation h2:before, #jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label:before{content:none}	
	
.customrealisation { font-size: 20px;}	
	
.customrealisation .container:before {right: 15px;}	
	
.customrealisation .realisation.rea-3 h3, .customrealisation .realisation.rea-4 h3 {left: 45px;}
	
.customrealisation a.alllinks {font-size: 19px;}
	
.customrealisation a.alllinks:before, .customrealisation a.alllinks:hover:before  { height: 28px; background-size: 65%;}	
	
.customrealisation a.alllinks:after {width: 80px; height: 80px; top: -34px;}
	
.customblocbas {height: auto;}
	
.customblocbas .box {margin: 0 auto 50px;z-index: 2;}	
	
ul.slides:before { height: 90px;}

#flexslider-91 .slide-desc h2 { font-size: 45px;}	
	
a.logo img { max-width: 80%;}
	
div#flexslider-91 .slide-desc-box { left: 15%;}	
	
#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {font-size: 27px !important;}	
	
.jsn-uniform.jsn-master .jsn-row-container .form-actions { right: 84px;}	
	
.jsn-master button.btn.btn-primary.jsn-form-submit:before {top: 7px; height: 30px; background-size: 67% !important;}	
	
.customblocbas .container:before {}
	
.customrealisation { margin-bottom: 0px;}	
	
.projets { margin: 0 auto 20px;}
	
ul.breadcrumbarbo li {margin-right: 7px; font-size: 15px;}
	
h2.nosreal, .customrealisation h2, .formhome h2 {font-size: 40px;}	
}	
	
@media screen and (max-width: 890px){	
	.flex-direction-nav .flex-next { 
    right: 10px !important;
}
	
a.logo img {max-width: 100%;height:auto;}

a.logo  {max-width: 200px;}
	.is-sticky .topheader a.logo img {
    max-width: inherit;
    max-height: 45px;
    /* width: auto; */
}
nav.mobile-nav {top: -60px;}	
	
.customnetworks {margin-top: -50px;}
	
#flexslider-91 .slide-desc h2 {font-size: 33px;margin-bottom: 0;}
	
#flexslider-91 .slide-desc h3 { font-size: 18px; margin-top: 10px; padding-bottom: 30px;	}	
	
ul.slides:before {height: 70px;width: 200px;}
	
.flexslider.position-nav-bottom .flex-control-nav {
    bottom: 15px !important;
    padding-left: 0;
}
.flex-direction-nav a { bottom: 15px;}	
	
.customrealisation .container:before { right: 15px; top: -93px;background-size: 52%;}	
	
.itemid-101 main#content {padding: 90px 0 0;}
.customrealisation .realisation.rea-2:after { bottom: -125px; background-size: 53%;}
	
.customrealisation .realisation .photo img { max-width: 100%; }	
	
.customrealisation .realisation.rea-3 h3, .customrealisation .realisation.rea-4 h3 {left: 0;}
	
.jsn-uniform.jsn-master .jsn-row-container .form-actions {right: 54px;}
	
.jsn-master .jsn-input-medium-fluid { width: 62% !important;}
	
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {font-size: 24px !important;}
	
footer {font-size: 19px;}
	
footer i.fa {margin-right: 6px;font-size: 26px;}	
	

.itemid-126 .projets.projet9{float:none}
.is-sticky .topheader:after {
    /* height: 46px; */
}
.is-sticky .topheader nav.mobile-nav {
    right: 153px;
    top: -53px;
    padding: 1px 9px;
}
.is-sticky .topheader .customnetworks {
    margin-top: -108px;
}
}	

@media screen and (max-width: 767px){
		.header-inner {
	background: #000;
	position: relative;
	}
.customrealisation .realisation.rea-3, 
.customrealisation .realisation.rea-4, 
.customrealisation .realisation { float: none;margin: 0 auto 50px;}
	
.customrealisation .realisation.rea-3 .photo, 
.customrealisation .realisation.rea-4 .photo, 
.customrealisation .realisation .photo{text-align: center; margin: auto;}
.customrealisation .realisation.rea-1 {margin-top: 50px;}	
	
.customrealisation { margin-bottom: 80px;}
	
.customrealisation a.alllinks { font-size: 18px; display: table; margin: 20px auto;}
	
footer:before {top: -89px !important;background-size: 60% !important;}

	.customblocbas .container { 
    padding: 78px 0;
}
.formhome{
    margin-bottom: 40px;
}
.jsn-uniform.jsn-master .jsn-row-container .form-actions {right: 115px;}
	
.footer-container .row {display: table; margin: auto;}
	
::placeholder{ font-size: 20px;}
.employe-1{text-align:left !important;padding: 0  !important;}
.img-left, .photo.lf { 
    margin: 0 20px 20px 0px;
}
	
body{
	font-size:18px
}
	
h4, .h4 {
    font-size: 20px; 
}
	
}

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

#flexslider-91 .slide-desc h2, #flexslider-91 .slide-desc h2 span {font-size: 25px;margin-bottom: 0;}

#flexslider-91 .slide-desc h3 {font-size: 16px; margin-top: 8px;padding-bottom: 25px;}
	
ul.slides:before {height: 60px;}
	
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {font-size: 23px !important;}

.customrealisation .realisation h3 {font-size: 25px;}	
	
footer .col-md-6 { padding: 0;}
}

@media screen and (max-width: 538px){
	
.moduletableslider .scroll a {display:none}
	
#flexslider-91, #flexslider-91 .slides li {
}

a.logo, .is-sticky .topheader a.logo {
    max-width: 150px;
}
.flex-direction-nav .flex-prev {
    left: 8px !important;
}
.flex-direction-nav .flex-next {  left: 150px; right: initial;}
	
div#flexslider-91 .slide-desc-box {left: 15%;display: none;}
.customrealisation .container:before {content:none}
.itemid-101 main#content {padding: 60px 0 0;}	
.customnetworks a {font-size: 0; margin-right: 5px;}
.customnetworks {margin-left: 10px;margin-top: -41px;}
nav.mobile-nav {padding: 5px 10px 3px;top: -50px;}
.nav-menu {margin-right: 10px;}
.jsn-master .jsn-input-medium-fluid {width: 83% !important;}
.jsn-uniform.jsn-master .jsn-row-container .form-actions {right: 0;}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input {font-size: 16px !important;}

main#content { 
    padding: 20px 0;
}
	
ul.breadcrumbarbo { 
    margin-bottom: 20px;
}
	
}

@media(max-width:500px){
	
header #flexslider-91 .flex-control-nav, header #flexslider-91 .flex-direction-nav {
     display: block !important;
}
	
.flex-direction-nav .flex-next { left: 41px; }
	
ul.slides:before {/* width: 78px; */}
	
.formhome h2:before {top: 18px;}
	
.formhome h2 { font-size: 25px; }	
}

@media screen and (max-width: 420px){
	
.jsn-master .jsn-input-medium-fluid {width: 73% !important;}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {font-size: 23px !important;width: 100% !important;
 padding-right: 21px !important;}
.customrealisation h2 {font-size: 35px;}
.jsn-uniform.jsn-master .jsn-row-container .form-actions {right: 13px;}
.footer-container {position: relative; overflow: hidden;}
footer:before {top: -66px !important;background-size: 45% !important;}
footer { font-size: 17px;}
::placeholder{ font-size: 17px;}
	
}

@media screen and (max-width: 386px){
	a.logo, .is-sticky .topheader a.logo {
    max-width: 128px;
}
	#flexslider-91, #flexslider-91 .slides li {
}
a.logo { margin: 0; text-align: left;}
.customnetworks {margin: -42px 10px 0 0;float: right;}	
nav.mobile-nav, .is-sticky .topheader nav.mobile-nav {top: -46px;padding: 4px 10px 0;right: 100px;}
.moduletableslider .scroll a { background-size: 55%; bottom: 0;}
ul.breadcrumbarbo li {
    margin-right: 4px;
    font-size: 8px;
}	
}