html {
  scroll-behavior: smooth;
}

body {background: #fff;line-height: 1.45;padding:0;margin:0;color: #121421;font-size: 28px;font-family: 'latolight';}

body.site{
	border-top:none;
	padding:0;
	margin:0;
}
strong{
	font-weight: normal;
	font-family: 'latobold';
}
.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, .pull-right {
    float: right;
    margin: 0 0px 50px 45px;
    border-radius:10px;
}

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

.img-left, .img-right {
	 position: relative;
    overflow: hidden;
}


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

h1, .h1{
	color: #202121;
    font-size: 58px;
    font-family: 'latobold';
	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: -230px;
    left: 22%;
    display: block;
    line-height: 1em;
    right: 0;
    margin: 0;
    text-align: left;
    z-index: 30;
    /* max-width: 500px; */
    display: none;
}
.view-article.itemid-141 .page-header, 
.view-article.itemid-111 .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: 48px;
	font-family: 'latomedium';
	font-weight: normal;
	margin: 30px 0 15px;
	line-height: 1.2;
	color: #121421;
}




.page-header h2
{
   color: #fff;
   font-size: 62px;
   font-family: 'latobold';
   font-weight: normal;
   display: block;
   margin:auto;
   /* max-width: 530px; */
}

.view-article.itemid-141 .page-header h2,
.view-article.itemid-111 .page-header h2 {
    color: #0073a7;
    margin: 0;
    font-family: 'latobold';
    font-size: 60px;
    padding-top: 55px;
}


h3, .h3{
    color: #2c2d5c;
    margin: 20px 0 25px;
    font-size: 35px;
    font-family: 'latobold';
    font-weight: normal;
}

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: 1800px;
    padding: 0 15px;
    margin: auto;
    display: table;
}


.headertop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    margin: auto;
    max-width: 2000px;
}
.view-article.itemid-141 .headertop,
.view-article.itemid-111 .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;}

.is-sticky .topheader:after{ bottom: -52px; left: 90px;	z-index: 1;}

.banner {clear: both;position:relative;z-index: 1;margin: 0;}

.view-article.itemid-141 .banner,
.view-article.itemid-111 .banner {margin: 145px 0 0;}


.view-article.itemid-141 .banner p,
.view-article.itemid-111 .banner p,
.view-article.itemid-141 .banner iframe,
.view-article.itemid-111 .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 / 59%);
	z-index: 2;
}
.view-article.itemid-141 .banner:before ,
.view-article.itemid-141 .banner:after,
.view-article.itemid-111 .banner:before ,
.view-article.itemid-111 .banner:after {
	content:none;
}



#flexslider-90 .slide-desc-box {top: 65% !important;text-align: left !important;left: 22% !important;max-width: 2000px !important;!i;!;margin: auto;}

#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;!i;!;
    margin: auto !important;!i;!;
} 

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

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

#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 {
   
    font-size: 24px !important;
    padding: 20px 35px;
    border-radius: 40px;
    display: table;
    margin-top: 35px;
    transition: .3s all;
    cursor: pointer;
    font-family: 'latoregular';
    font-weight: 500 !important;
    color: #fff!important;
    text-transform: uppercase;
    float: left;
    margin-right: 30px;
}

#flexslider-90 .slide-desc span a.vplus {
   
	background: linear-gradient(#f3f3f300, #f3f3f300) padding-box, linear-gradient(to right, #74c2d200, #9cd7c100) border-box;
    border-radius: 50em;
    border: 4px solid #80c9cd;
	
}

#flexslider-90 .slide-desc span a.vplus:hover {
   
	background: linear-gradient(#f3f3f300, #f3f3f300) padding-box, linear-gradient(to right, #74c2d2, #9cd7c1) border-box;
    border-radius: 50em;
    border: 4px solid #9cd7c100;
	
}
#flexslider-90 .slide-desc span a.contact {
    /* background: #0077a7   !important; */
    /* border: #0067a8 4px solid !important; */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2NhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2YTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to right, rgba(0, 124, 167, 1) 0%, rgba(0, 102, 168, 1) 100%);
    padding: 24px 35px;
}

#flexslider-90 .slide-desc span a.contact:hover {
    /* background: #0077a7   !important; *
    /* border: #0067a8 4px solid !important; */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2NhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2YTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to right, #74c2d2, #9cd7c1);

}

#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: rgb(18 20 33 / 50%);
}

#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:"";
	bottom: 0;
	right: 0;
	background: url(../images/formright.png) top center no-repeat;
	width: 373px;
	height: 350px;
	/* z-index: 1; */
}


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

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



#flexslider-90 .flex-control-paging li a {
  
    background-color: rgb(66 74 160 / 0%) !important;
    box-shadow: unset !important;
    border: 2px solid #ff3131 !important;
}
#flexslider-90 .flex-control-paging li a.flex-active, #flexslider-90 .flex-control-paging li:hover a:hover  {
  
    background-color: rgb(255 49 49) !important;
    box-shadow: unset !important;
    border: 2px solid #ff3131 !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;
    /* z-index: 20; */
}

.is-sticky .headertop {
    z-index: 1000 !important;
    /* height: 151px;*/
    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: 2;
	text-align:justify;
}

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



.view-article main#content  .txtgrass{
	position:relative;
	margin: 0px auto 30px;
	font-size: 32px;
	font-family: 'latobold';
	
	max-width:1200px;
	
}


.catid-8 main#content .container{
	max-width:100%;
	width:100%;
	padding: 0;
}
.catid-8 main#content .item-page .container, 
.view-article.catid-8 main#content .custom.bloc-3 .container, 
.view-article.catid-8 main#content .custombloc-4 .container,   
.view-article.catid-8 main#content .custom.bloc-2 .container {
    max-width:75%; width:100%; 
    
}
.itemid-101 main#content {
	position: relative;
	padding:0;
	z-index: 2;
}

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

main#content ul li {
	position:relative;
    background: url(../images/puce.png) top 9px left no-repeat;
    padding-left: 25px;
}
.itemid-141.catid-8 main#content,
.itemid-111.catid-8 main#content {
    background: #f3f3f3;
}


.bloc-right.blocright2  p {
    position: relative;
    z-index: 2;
}

.bloc-right.blocright2 {
    padding-top: 30px;
}
.custom.bloc-1 {
    position: relative;
    padding: 80px 0 168px;
    background: #f3f3f3;
    color: #121421;
    font-size: 28px;
    font-family: 'latolight';
    font-weight: normal;
    margin: auto;
    max-width: 2000px;
}

.view-article .custom.bloc-1 {
    padding: 80px 0 99px;
    z-index: 4;
}
.view-article .bloc-2,
.view-article  .bloc-20{
	padding: 150px 0 50px;
}
}
.view-article.itemid-108 .custom.bloc-1 p{
	padding-right:35px
}

.view-article  .row.row2.mach {
    position: relative;
    margin-top: 155px;
}


.view-article  .row.row2.mach.icop {
    margin-top: 70px;
}
.view-article  .row.row2.mach:before{
    position: absolute;
    content: "";
    top: -82px;
    left: -126px;
    width: 538px;
    background: url(../images/form4.png) top left no-repeat;
    height: 882px;
}



.view-article  .row.row2.mach.icop:before{
    content: none;
}


.view-article .row.row1 h3 {
    margin: 20px 0 15px;
    font-size: 30px;
}

.custom.bloc-1:before {
    position: absolute;
   content:"";
	background:url(../images/form1.png) top left no-repeat;
	width:150px;
	height:421px;
	top:194px;
	left:0;
}

.custom.bloc-1:after, .view-article .bloc-2:after  {
    position: absolute;
   content:"";
	background:url(../images/form2.png) top right no-repeat;
	width:149px;
	height:472px;
	top:212px;
	right:0
}

.view-article .bloc-2:after  {
    position: absolute;
   content:"";
	background:url(../images/form2.png) top right no-repeat;
	width:149px;
	height:472px;
	top:0px;
	right:0
}

.view-article.itemid-108 .bloc-2:after  { 
   content:none;
}
.view-article .custom.bloc-1:after{
	content:none
}
.custom.bloc-1 .blocleft {
	position:relative; padding-right: 35px;
}

.custom.bloc-1 .bloc-right .mask1 {
  -webkit-mask-image: url(../images/mask.png);
  mask-image: url(../images/mask.png);
  mask-size: 95%;
  mask-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: -26px;
}

.view-article .custom.bloc-1 .bloc-right .mask1 {
    /* -webkit-mask-image: url(../images/mask.png); */
    /* mask-image: url(../images/mask.png); */
    /* mask-size: 67%; */
    /* mask-repeat: no-repeat; */
}
.view-article .custom.bloc-1 .bloc-right.right2 .mask1 {
    position: absolute;
    /* mask-size: 77%; */
    /* right: -85px; */
    /* top: 0; */
}
.custom.bloc-1 .bloc-right .mask1 img{
 position:relative;
}

.custom.bloc-1  .bloc-right {
 position:relative;
 text-align: left;
 float: none;
 z-index: 22;
}

.custom.bloc-1  .bloc-right:before {
 position:absolute;
 content:"";
 background:url(../images/form3.png) top right no-repeat;
 width:299px;
 height:493px;
 top: -80px;
 right: -116px;
}

.custom.bloc-1  .bloc-right.blocright2:before {
 top: -35px;
}

.bloc-right.blocright2 {
    margin-top: -45px;
}

.custom.bloc-1 h2{
	margin-bottom:60px;
	color: #121421;
	font-size: 45px;
	text-align:left;
	font-family: 'latobold';
}

.custom.bloc-1 h2 span.titrebleu {
    position: relative;
	z-index:2
}

.custom.bloc-1 h2:after{
	position: absolute;
	content: "";
	bottom: 62px;
	left: 63px;
	background: #74c2d2;
	width: 491px;
	height: 12px;
}

.custom.bloc-1 h2:after{content:none}

.custom.bloc-1 .blocleft a{
	position:relative;
	color:#0f1222;
	text-transform:uppercase;
	font-size:24px;
	padding:15px 55px;
	border-radius:55px;
	display:table;
	margin-top:35px;
	background: linear-gradient(#f3f3f3, #f3f3f3) padding-box, linear-gradient(to right, #74c2d2, #9cd7c1) border-box;
	border-radius: 50em;
	border: 4px solid transparent;
	transition:.3s all;
}

.custom.bloc-1 .blocleft a:hover{
 	background: linear-gradient(#9cd7c1, #0079a7) padding-box, linear-gradient(to right, #74c2d200, #9cd7c100) border-box;
    color:#fff;

    }
.custom.bloc-2 {
    position: relative;
    padding: 80px 0;
    z-index: 3;
    margin-top: -110px;
    max-width: 2001px;
    margin: 0 auto 0;
}

.custom.bloc-2 .container {
    position: relative;
    
}
.custom.bloc-2 .container:after {
   position: absolute;
    content:"";
    top:-80px;
    right: 0;
    width:771px;
    background:url(../images/form5.png) top right no-repeat;
    height:885px
    
}
.custom.bloc-2:before {
    position: absolute;
    content:"";
    top: -16px;
    left:0;
    right:0;
    background:#121421;
    height:885px
}

.custom.bloc-2:after {
    position: absolute;
    content: "";
    top: 387px;
    left: 100px;
    width: 538px;
   background: url(../images/form4.png) top left no-repeat;
    height: 882px;
}
.view-article .custom.bloc-2:before, .view-article .custom.bloc-2:after, .custom.bloc-2 .container:after{
	content:none;
}
.custom.bloc-2  h2{
	position: relative;
	color:#fff;
	font-family: 'latobold';
	margin-bottom:30px;
}

.custom.bloc-2  h2 span.spanb{position:relative;z-index: 2;}

.custom.bloc-2 h2:after, .custom.bloc-3 .bloc-right1 h2:after{
	position: absolute;
	content: "";
	bottom: 5px;
	left: 96px;
	background: #0079a7;
	width: 491px;
	height: 12px;/* z-index: -1; */
}

.custom.bloc-3 .bloc-right1 h2:after{
	bottom:115px; z-index:-1;
	background:#74c2d2
}
.custom.bloc-2 .bloctop {
    position: relative;
    display: table;
    max-width: 600px;
    z-index: 2;
    color: #fff;
    font-family: 'latolight';
}


.custom.bloc-2 .blocbox {
    position: relative;
    display: block;
    margin-top: 100px;
    z-index: 2;
}

.custom.bloc-2 .blocbox .box, .boxe {
    position: relative;
    border-radius:45px;
    display:table;
    margin: 0 auto 50px;
}
.custom.bloc-2 .blocbox .box:after, .boxe:after {
    position: absolute;
   content:"";
	background:rgb(18 20 33 / 40%);
	inset:0;
	border-radius:45px;
	transition:.3s all;
}


.row.row2.mach.icop .boxe:after {
	content:none}


.custom.bloc-2 .blocbox .box:hover:after,  .boxe:hover:after {
   
	background:rgb(18 20 33 / 27%);
}

.custom.bloc-2 .blocbox .box a,  .boxe a{
    position:absolute;
    inset:0;
    z-index:10;
    font-size:0;
    
}

.boxe a{}

.custom.bloc-2 .blocbox .box img,  .boxe img {
    position: relative;
    border-radius:45px
}
.row.row2.mach.icop .boxe img {
    border-radius:0px
}
.custom.bloc-2 .blocbox .box h3,  .boxe h3{
    position:absolute;
    bottom:48px;
    left: 50px;
    color:#fff;
    font-size: 43px;
    font-family:latobold;
    transition:.3s all;
    z-index:2;
    text-align: left;
}
.boxe h3{

    font-size:42px;
}



.row.row2.mach.icop .boxe{
	text-align:center
}


.row.row2.mach.icop .boxe h3{

	text-align:center;
	bottom:unset;
	left:unset;
	color:#121421;
	position:relative;
	transition:.3s all;
    font-size:28px;  
}

.row.row2.mach.icop .boxe:hover h3{
	color:#0070a7;
}


.custom.bloc-2 .blocbox .box h3:before,  .boxe h3:before{
    position:absolute;
   content:"";
    background:url(../images/fleche.png) top left no-repeat;
    top:-150px;
    left:0;
    width:78px;
    height:78px;
	transition:.3s all;
	z-index:2
}


.row.row2.mach.icop .boxe h3:before{ content:none}

.custom.bloc-2 .blocbox .box:hover h3:before,  .boxe:hover h3:before{

    background:url(../images/fleche.png) bottom left no-repeat;
   
}

.custom.bloc-3 {
    position: relative;
    padding: 70px 0 80px;
    color:#fff;
	height:791px;
	max-width: 2000px;
    margin: auto;
}

.custom.bloc-3:before {
    position: absolute;
   content:"";
	top:0;
	left:0;
	width:100%;
	height:791px;
  background:url(../images/crtemps.jpg) top left no-repeat; 
}

.custom.bloc-3 h2{
	position: relative;
	color:#121421;
	font-size: 47px;
	z-index: 2;
	font-family: 'latobold';
	text-align: left;
	margin: 0 0 30px;
}


.custom.bloc-3  .bloc-right1 {
    max-width: 650px;
    float: right;
    font-size: 32px;
    color: #121421;
    font-family: 'latolight';
}

.custombloc-4 {
    position: relative;
    padding: 100px 0;
    background: #fff;
    margin-bottom: 150px;
    max-width: 2000px;
    margin: 0 auto 70px;
}

.custombloc-4 h2 {
    color: #121421;
    font-size: 65px;
    font-family: 'latolight';
    font-weight: normal;
    margin: 0px;
}

footer{
	position:relative;
	padding: 110px 0 20px;
	font-size: 26px;
	font-family:latolight;
	font-weight: normal;
	color: #fff;
	max-width:2000px;
	margin:auto;
	background: #121421;
	z-index: 3;
}
footer .conatiner{
	position:relative;
}
footer .container:after{

   position: absolute;
    content:"";
    top:0px;
    right: 17%;
    width:751px;
    background:url(../images/form7.png) top right no-repeat;
    height:691px
    

}

footer:after{
   position: absolute;
   content:"";
   bottom:0px;
   left: 0;
   width: 249px;
   background: url(../images/form8.png) bottom left no-repeat;
   height: 128px;
}

footer:before{position: absolute;content:"";top: -57px;right: 12%;width: 186px;background:url(../images/form6.png) top right no-repeat;height: 57px;}





.blocf {
    position: relative;
    z-index: 2;
}
.blocf.f1 {
    position: relative;
display:table;
	max-width:500px;
}
.blocf h2 {
    position: relative;
    color: #fff;
    font-size: 48px;
    font-family: 'latobold';
    font-weight: normal;
	margin-bottom:40px;
}
.blocf h2:before {
    
	position: absolute;
    content: "";
    bottom: 5px;
    left: 25px;
    background: #0079a7;
    width: 271px;
    height: 12px;
	z-index:-1
	
}

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: #704c94;font-size: 20px;text-transform:unset}



::placeholder{
	 color: #121421 !important;
    font-size: 22px !important;
	padding-left:10px !important;
	font-family:"latolight";
}

.custombloc-4 .acym_module_form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custombloc-4 .acym_module_form .acym_introtext {
    width: 50%;
}

.custombloc-4 .acym_module_form .acym_form {
    width: 39%;
}

.custombloc-4 .acym_module_form .onefield {
    margin: 10px 0;
    width: 100%;
}

.custombloc-4 .acym_module_form .acysubbuttons {
    width: 15%;
    margin: 0;
}

.custombloc-4 .acym_module_form .acysubbuttons input.btn.btn-primary.button.subbutton {
    padding: 16px 24px;
    border: none;
    font-size: 23px;
    text-transform: uppercase;
    font-family: 'latoregular';
    margin-top: 6px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2NhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2YTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to right, rgba(0, 124, 167, 1) 0%, rgba(0, 102, 168, 1) 100%);
	transition:.3s all;
}

.custombloc-4 .acym_module_form .acysubbuttons input.btn.btn-primary.button.subbutton:hover {
   
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2NhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2YTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to left, rgb(0 124 167 / 60%) 0%, rgb(15 63 95 / 71%) 100%);
}

.custombloc-4 .acym_module_form input {
    cursor: pointer;
    max-width: 501px;
    width: 100%;
    border-radius: 35px;
    outline: unset;
    padding: 11px 20px;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #73c2d2, #93d2c5) border-box;
    border-radius: 50em;
    border: 4px solid transparent;
}

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 {
    background-color: #0070a7 !important;
    padding: 14px 33px!important;
    margin: 0 !important;
    font-size: 22px !important;
    text-align: center !important;
    border-radius: 53px;
}

 .fcp_form button:hover {
    background-color: #14c9fe !important;
   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{
    padding-top: 50px;
    margin-bottom: 45px;
}

.coord.s1 {
    background: url(../images/i1.png) top left no-repeat;
    padding-top: 75px;
}
.coord.s2 {
    background: url(../images/i2.png) top left no-repeat;
}
.coord.s02 {
    background: url(../images/i4.png) top left no-repeat;
}
.coord.s3 {
    background: url(../images/i3.png) top left no-repeat;
}

.view-article .custom.bloc-2 {
    position: relative;
    max-width: 2000px;
    margin: auto;
    padding: 100px 0 120px;
    background: #f9f9f9;
}
/*.view-article.itemid-108 .bloc-2 .container-fluid{

   max-width:2000px;
	margin:auto;
}
.view-article.itemid-108 .bloc-2 .logo{
	display:flex;
	justify-content:center;
	gap: 100px;
}
.view-article .bloc-2 .row.row2 p{padding: 0 75px 0 0;}*/

footer span.tels1 {
    padding-left: 51px;
}
.row.row1.logos {
	position: relative;
	z-index: 1;
	justify-content: center;
	gap: 40px;
}

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;
}
/**************---------EndFooter------------****************/

/**************---------EndFooter------------****************/

@media screen and (max-width: 1680px){
  
#flexslider-90 .slide-desc-box {  left: 16% !important;}
  
#flexslider-90.flexslider li .jslider-image:after { bottom: 5px; right: -17px; background: url(../images/formright.png) top center no-repeat; background-size: 90%;}
  
.custom.bloc-2:after { top: 574px; left: 40px; background: url(../images/form4.png) top left no-repeat; background-size: 80%;}  
	
.view-article .row.row2.mach:before {top: -67px;left: -13px; background: url(../images/form4.png) top left no-repeat; 
	 background-size: 75%;
}	
.container {  max-width: 1300px; }	
	
.custom.bloc-2 .blocbox { margin-top: 120px;}
	
.custom.bloc-1 .bloc-right:before { right: -65px;}		
	
h1.slogan {top: -241px;   font-size: 45px;}	
}

@media screen and (max-width: 1538px){
	
#flexslider-90 .slide-desc h2 { font-size: 56px; }
	
.header-inner .container, .container {max-width: 80%;}
	
#flexslider-90 .slide-desc-box { top: 59% !important;}  
	
#flexslider-90 .slide-desc span.span1:before, #flexslider-90 .slide-desc span.span2:before {width: 466px;}
	
#flexslider-90 .slide-desc span.span2:before { bottom: 8px;left: 248px;}
  
#flexslider-90 .slide-desc span p { font-size: 29px;}
	
#flexslider-90 .slide-desc span a {font-size: 22px !important;}	
	
.custom.bloc-1 h2, .custom.bloc-3 h2 {font-size: 40px;}	
  
.custom.bloc-1 h2:after, .custom.bloc-3 .bloc-right1 h2:after {bottom: 104px; left: 49px; width: 447px;}	
	
.custom.bloc-1, .custom.bloc-3 .bloc-right1 {font-size: 26px;}	
	
.custom.bloc-2 .blocbox .box h3 {font-size: 46px;}
.custom.bloc-3 .bloc-right1 {
    max-width: 550px;}
.custom.bloc-3:before {

    left: -100px;
}
	
	.custombloc-4{font-size:24px;}
	.custombloc-4 p br{display:none}
	
.custombloc-4 .acym_module_form .acym_introtext { width: 34%;}
  
.custombloc-4 .acym_module_form .acym_form { width: 43%;}
  
.custombloc-4 .acym_module_form .acysubbuttons {width: 18%;}
	
.custom.bloc-2 .container:after { top: -94px; background-size: 95%;}
	
.custom.bloc-2 .blocbox {  margin-top: 180px;}	
	
.custom.bloc-2:after {  top: 474px;left: 98px;  background: url(../images/form4.png) top left no-repeat; background-size: 80%; }	
}


@media screen and (max-width: 1470px){
.catid-8 main#content .item-page .container, 
.view-article.catid-8 main#content .custom.bloc-3 .container, 
.view-article.catid-8 main#content .custombloc-4 .container {  max-width: 85%; width: 100%;}	
	
.header-inner .container, .container {max-width: 95%;}
	
#flexslider-90 .slide-desc h2 {font-size: 55px;}	
	
.custombloc-1, .custombloc-2 {  font-size: 26px;}
	
h2, .h2 { font-size: 39px;}
	
#flexslider-90.flexslider li .jslider-image:after {  
	bottom: -98px;  right: -53px; background: url(../images/formright.png) top center no-repeat;  background-size: 73%; 
}
	
#flexslider-90 .slide-desc h2 { font-size: 50px; }
	
#flexslider-90 .slide-desc span.span1:before, #flexslider-90 .slide-desc span.span2:before {  width: 420px; }
	
	
#flexslider-90 .slide-desc span p {  font-size: 24px;  max-width: 556px;}
	
#flexslider-90 .slide-desc span a {   font-size: 20px !important;}
	
footer {font-size: 24px;}	
	
.custom.bloc-1 .blocleft { position: relative;  float: right;  max-width: 500px;}
	
.view-article    .custom.bloc-1 .blocleft {  max-width: 550px;  }	
	
.custom.bloc-1 h2:after { bottom: 88px;  height: 9px;}	
	
.custom.bloc-1 .bloc-right .mask1 {right: 114px;}
	
.custom.bloc-1 .bloc-right:before {right: 62px;}	
	
  .view-article  .custom.bloc-1 .bloc-right:before {  right: -94px; }	
	
.custom.bloc-1 h2, .custom.bloc-3 h2 {  font-size: 37px; }
	
h1.slogan {   top: -242px; font-size: 36px;  width: 60%;}
	
body { font-size: 27px;}
	
.custom.bloc-2 .blocbox .box h3 {  font-size: 40px;}
	
.custom.bloc-2:after {  top: 533px;  left: 20px;   background: url(../images/form4.png) top left no-repeat;  background-size: 70%;}
	
.custombloc-4 h2 { font-size: 55px;}
	
.blocf h2 { font-size: 44px;}
	
footer { font-size: 22px; }
	
/*.custom.bloc-1 .bloc-right:before { background: url(../images/form3.png) top right no-repeat; right: -60px; background-size: 80%;}	
*/
.custom.bloc-2 .container:after { top: -96px; background: url(../images/form5.png) top right no-repeat; background-size: 70%;}	
	
.custom.bloc-1 h2:after, .custom.bloc-3 .bloc-right1 h2:after {  bottom: 91px;}	
	
.custom.bloc-1:after { background: url(../images/form2.png) top right no-repeat; top: 232px; background-size: 73%;}
	
.custom.bloc-1:before { background: url(../images/form1.png) top left no-repeat; top: 127px;  background-size: 70%;}
	
.custombloc-4 .acym_module_form .acysubbuttons input.btn.btn-primary.button.subbutton { font-size: 21px; margin-top: 13px;}	
	
	
footer .container:after { right: 10%;  background: url(../images/form7.png) top right no-repeat;  background-size: 86%;}	
	
.view-article.itemid-141 .page-header h2,	
.view-article.itemid-111 .page-header h2 { font-size: 50px;}   
	
.view-article.itemid-108 .bloc-2 .logo { gap: 30px;}	
		
.view-article .row.row2.mach:before {top: -50px;  left: -32px; background: url(../images/form4.png) top left no-repeat;  
	background-size: 64%;
}	
.custom.bloc-3 { padding: 70px 0 350px; height: auto;   }	
	
.view-article .bloc-2, .view-article .bloc-20 {  padding: 50px 0 50px;}
}

@media screen and (max-width: 1400px){
  
.catid-8 main#content .item-page .container, 
.view-article.catid-8 main#content .custombloc-4 .container {  max-width: 90%;  width: 100%;}
  
.view-article .bloc-2 .row.row2 p { position: relative;  z-index: 2;} 
  
.view-article .bloc-2:after { background: url(../images/form2.png) top right no-repeat; background-size: 80%;}
	
.custom.bloc-1 {padding: 80px 0 110px;} 
	
.custom.bloc-2 .blocbox { margin-top: 110px;}	
	
.custom.bloc-2:after { top: 384px; left: 20px; background: url(../images/form4.png) top left no-repeat; background-size: 75%; }	
	
.custom.bloc-2:before {  height: 780px; }
	
.view-article .custom.bloc-1 .bloc-right:before { right: -26px;    width: 250px;   }
	
a.logo img { max-width: 90%;}
}

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

#flexslider-90 .slide-desc h2 { font-size: 40px;}
	
#flexslider-90 .slide-desc span p {font-size: 23px;}
	
#flexslider-90 .slide-desc span a {font-size: 20px !important;}

.banner:after, 
#flexslider-90.flexslider li .jslider-image:after { 
	right: -6%;background: url(../images/formright.png) bottom center no-repeat; background-size: 65%; bottom: 59px;
}
  
#flexslider-90 .slide-desc span.span2:before { bottom: 4px;  left: 162px;}
  
#flexslider-90 .slide-desc span.span1:before, #flexslider-90 .slide-desc span.span2:before { width: 353px; }
  
.custom.bloc-2 .blocbox .box h3 { font-size: 38px;}
  
.custom.bloc-2 .container:after {background-size: 55% !important;}
  
footer:after {right: 7%;  background: url(../images/form.png) bottom right no-repeat; background-size: 90%;}
	
p.copyright, p.copyright a { font-size: 18px;}	
	
.img-left, .img-right { max-width: 45%;}	
	
body {font-size: 25px;}	

h2, .h2 {   font-size: 36px;}
  
.custom.bloc-1 h2, .custom.bloc-3 h2 {  font-size: 34px; }
  
.custom.bloc-1 h2:after { bottom: 80px;height: 9px; width: 432px;}
  
.custom.bloc-3 .bloc-right1 h2:after { bottom: 84px; left: 49px; width: 410px; }
  
.page-header h2 { font-size: 55px;}
  
.page-header { top: -170px; left: 14%;}
	
 .view-article.itemid-141 .page-header h2, 
.view-article.itemid-111 .page-header h2 { font-size: 40px;} 
  
.view-article .custom.bloc-1 .coord { font-size: 22px;}   
  
.boxe h3 {  font-size: 36px;}
	
.view-article.itemid-141 .headertop,
.view-article.itemid-111 .headertop { height: 140px;}
	
.custom.bloc-2:after { background-size: 65%; }	

.custom.bloc-3:before { left: -150px; background: url(../images/crtemps.jpg) top left no-repeat; background-size:100%;}

.custom.bloc-3 { padding: 70px 0 220px;    height: auto;  }
	
h1.slogan { top: -201px;    font-size: 32px; width: 64%;}	
	
.custom.bloc-1:before{ content:none}	
	
}


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

.custom.bloc-1:before {

    background: url(../images/form1.png) top left no-repeat; background-size: 50%;}
  
    .custom.bloc-1 .blocleft {  max-width: 480px;}

    .custom.bloc-1 h2, .custom.bloc-3 h2 { font-size: 30px;}
  
    .custom.bloc-1 h2:after { bottom: 70px; height: 9px;  width: 387px; }
  
    .custom.bloc-1, .custom.bloc-3 .bloc-right1 {  font-size: 23px;}

.custom.bloc-1:after {background: url(../images/form2.png) top right no-repeat; background-size: 67%;}
  
.custom.bloc-1 .blocleft a {font-size: 20px;}
		
.custom.bloc-2 h2:after { bottom: 1px;  width: 378px;	height: 9px;}
  
 body { font-size: 23px; }
	
.custom.bloc-2:after {  background: url(../images/form4.png) top left no-repeat; background-size:62%; top:313px;}
		
.custom.bloc-1 h2:after, .custom.bloc-3 .bloc-right1 h2:after { bottom: 72px;}
	
.custombloc-4 h2 {  font-size: 50px; }
	
.custombloc-4 { margin-bottom: 100px;}
  
.blocf h2 {font-size: 40px;}
	
.view-article.itemid-108 .bloc-2 .logo { flex-wrap: wrap;}
	
.boxe h3:before { top: -100px;}
	
.custom.bloc-2 {padding: 35px 0 80px;}	
	
.custom.bloc-2 .container:after { top: -49px;}	
	
.custom.bloc-1 {padding: 80px 0 80px;}	
	
.custom.bloc-2:before {  height: 670px;}	
	
.view-article .custom.bloc-1 .bloc-right.right2 .mask1 { mask-size: 80%;}	
	
.view-article .custom.bloc-1 .blocleft {   max-width: 500px;  }
	
 h1.slogan {   top: -167px;    font-size: 24px; width: 58%; }	
	
}


@media screen and (max-width: 1080px){
	
	    #flexslider-90 .slide-desc-box {left: 9% !important;}
	
    	#flexslider-90 .slide-desc h2 span { font-size: 33px;}
	
	    #flexslider-90 .slide-desc span p {font-size: 20px;}
	
	    #flexslider-90 .slide-desc-box {top: 65% !important; }
	
	    h2, .h2 {  font-size: 32px;}
	
	#flexslider-90 .slide-desc span.span1:before, #flexslider-90 .slide-desc span.span2:before { width: 315px;}
	
	#flexslider-90 .slide-desc span.span2:before {bottom: 1px;left: 138px; }
	
	#flexslider-90 .slide-desc span.span1:before { bottom: 3px;  }
  
	#flexslider-90 .slide-desc span a, #flexslider-90 .slide-desc span a.contact {padding: 16px 42px;}
	
	footer { font-size: 21px; }
		
.custom.bloc-3 .bloc-right1 h2:after {  width: 406px;  }

.custombloc-4 .acym_module_form .acym_introtext p br{display:none}	
	
.custom.bloc-1 .bloc-right:before {right: 51px;  width: 200px; }	
	
.custom.bloc-1 .bloc-right .mask1 { top: 24px;}	
		
.custom.bloc-1 .blocleft { max-width: 390px;}

.custom.bloc-2:after { top: 309px;  left: 14px;  background: url(../images/form4.png) top left no-repeat;  background-size: 54%; }
	
.custom.bloc-2 .blocbox .box h3:before {  top: -100px;}
	
.custom.bloc-2 .blocbox .box h3 {font-size: 34px; left: 30px; }
	
.banner:after, 
#flexslider-90.flexslider li .jslider-image:after { 
	right: -9%; background: url(../images/formright.png) bottom center no-repeat; background-size: 55%; bottom: 37px; 
}
  
.page-header {top: -110px;  left: 6%;}
  
.page-header h2 { font-size: 48px;}
  
div.fcp_wrapper {  max-width: 100% !important;}
	
.boxe h3 { font-size: 29px; left: 30px; bottom: 20px;}
	
.view-article .row.row2.mach:before { top: -42px; left: -15px; 
	background: url(../images/form4.png) top left no-repeat; background-size: 50%;}	
	
.custom.bloc-2:before { height: 630px; }	
	
.view-article .custom.bloc-1 {  padding: 40px 0;}	
	
.view-article .custom.bloc-1 .bloc-right:before { right: 0;  width: 250px;  top: -39px;}	

.custom.bloc-3 { padding: 70px 0 140px; height: auto;  }
}


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

  .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;}
  
	.topheader { padding: 0;}
	
	nav.mobile-nav a { color: white;}
	
   .img-left, .img-right { float:none;display:table;margin:0 auto 40px;  max-width: 100%;}	
	
   .view-article main#content strong {   font-size: 25px;}	

	body {font-size: 23px;}		
	
	.row.row2.mach.icop .boxe h3  {   font-size: 25px;}	
	
	.view-article.itemid-141 .headertop, .view-article.itemid-111 .headertop { height: 151px;}

.view-article.itemid-141 .headertop, .view-article.itemid-111 .headertop { top: -150px;}
	
.custombloc-4 .acym_module_form {justify-content: center; flex-wrap: wrap;  width: 500px;  margin: auto;}	
	
.custombloc-4 .acym_module_form .acym_introtext, 
.custombloc-4 .acym_module_form .acym_form {  width: 100%;  }	
	
.custombloc-4 .acym_module_form .acysubbuttons { width: 50%;  }	
	
}


@media screen and (max-width: 960px){
	
.custom.bloc-1 .col-md-6, .custom.bloc-2 .blocbox .col-md-4, .custom.bloc-3 .col-md-6, 
.view-article.itemid-141 .item-page .col-md-4, .view-article.itemid-141 .item-page .col-md-8,
.view-article.itemid-111 .item-page .col-md-4, .view-article.itemid-111 .item-page .col-md-8,
.view-article .bloc-2 .col-md-6, footer .col-md-6, footer .col-md-3 {
-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; 
}
footer .row{ display: table;  margin: auto;}	
	
footer .sf-menu {  margin: 0px auto 38px !important;}	
	
.view-article  .item-page .row.row2 .col-md-4	{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  
.custom.bloc-1 .blocleft { max-width: 600px;float: none;  margin: auto;  display: table;  margin: 0 auto 150px; padding-right: 0;}
	
.custom.bloc-1 h2:after { bottom: 69px; }	
	
 .view-article .custom.bloc-1 .bloc-right .mask1, .custom.bloc-1 .bloc-right .mask1 {
   -webkit-mask-image: url(../images/mask.png); mask-image: url(../images/mask.png);  mask-size: 82%; 
	 mask-repeat: no-repeat;  top: -167px;  right: 70px;  
}
	
.custom.bloc-1 { padding: 80px 0 380px; }
	
.custom.bloc-1 .bloc-right:before {content:none; background: url(../images/form3.png) top right no-repeat;right: -129px;}
		
.custom.bloc-2 {  padding: 135px 0 80px; }
	
.custom.bloc-2:before {top: 0; height: 90%; }
	
.custom.bloc-2 .container:after { top: -185px;}	
		
.custom.bloc-2 .bloctop{max-width: 600px;margin: 50px auto;}

.custom.bloc-3 .bloc-right1 {float: none;display: table;margin: auto;padding-top: 356px;max-width: 700px;}
	
.custom.bloc-2 .blocbox .box { display: table; margin: 0 auto 45px;}	
	
.custom.bloc-2:after { top: 453px;  left: 167px; background: url(../images/form4.png) top left no-repeat;  background-size: 90%; }
	
.custom.bloc-3 {padding: 70px 0 30px; height: auto;}
	
.view-article.itemid-108 .custom.bloc-1 .blocleft {  max-width: 100%;  margin: 0 auto 0; }
	
.view-article.itemid-108 .bloc-2 .logo{ flex-wrap:wrap;}
	
.view-article.itemid-108 .custom.bloc-1 p { padding-right: 0; text-align: left;}	
	
.bloc-right.blocright2:before { content:none !important}
	
.view-article.itemid-108 .row.row2:before { 
	top: -67px; left: -20px; background: url(../images/form4.png) top left no-repeat; background-size: 74%;
}
	
.view-article .custom.bloc-1 .blocleft {  max-width: 100%;  margin: 0 auto 30px;  }
	
.custombloc-4, .view-article .custom.bloc-1.mch  { padding: 40px 0 100px;}	
	
.view-article .custom.bloc-1 { padding: 40px;}
	
.view-article .custom.bloc-1 .bloc-right.right2 .mask1 { mask-size: 70%; right: 0;top: -150px;}	
	
.custom.bloc-3:before {
    left: 0px; right:0; margin:auto;
	text-align:center; display:table;  background: url(../images/crtemps.jpg) top center no-repeat; background-size:100%;
}	
	
.view-article .custom.bloc-1 .bloc-right .mask1{ display: none; }
	
.view-article .bloc-2, .view-article .bloc-20 { padding: 20px 0 50px; }	
	
	
	.custombloc-4 .acym_module_form { width: 85%;}
	
	.custombloc-4 .acym_module_form input {max-width: 100%;}
	
	.custombloc-4, .view-article .custom.bloc-1.mch {  padding: 40px 0px;}
	
	.custombloc-4 {  font-size: 23px; }
	
	.custombloc-4 h2 { font-size: 53px; margin: 0px 0 25px;}	
	
}

@media screen and (max-width: 900px){
	
    #flexslider-90 .slide-desc-box {  top: 56% !important;}
	
	#flexslider-90 .slide-desc h2 {font-size: 32px; }
	
    #flexslider-90 .slide-desc span a {font-size: 18px !important;}
	
    h2, .h2 { font-size: 29px;}	
  
	.page-header h2 {font-size: 48px;}
  
  	footer span.tels1 { padding-left: 0px;}
	
	nav.mobile-nav {  top: 13px;}
  	
	.is-sticky  nav.mobile-nav {  top: 13px; }

}

@media screen and (max-width: 860px){
	
.banner:after, #flexslider-90.flexslider li .jslider-image:after { right: -12%; background: url(../images/formright.png) bottom center no-repeat; background-size: 47%;  bottom: 18px; }
	
.view-article .bloc-2:after {
	background: url(../images/form2.png) top right no-repeat; top: 103px; right: 0; background-size: 55%; z-index: -1; }
	
 .view-article .custom.bloc-1 .bloc-right .mask1, .custom.bloc-1 .bloc-right .mask1 {
        -webkit-mask-image: url(../images/mask.png);
        mask-image: url(../images/mask.png);  mask-size: 70%; mask-repeat: no-repeat; top: -101px;  right: 0;
    } 
.view-article .bloc-2 { padding: 40px 0 30px;}
  
.custom.bloc-2:after { top: 513px; left: 128px; background: url(../images/form4.png) top left no-repeat;  background-size: 80%;  }
  
#flexslider-90 .slide-desc-box {  top: 60% !important; left: 10% !important;}
	
 #flexslider-90 .slide-desc h2 {   font-size: 27px;  margin-bottom: 10px; }
	
#flexslider-90 .slide-desc span p { margin-bottom: 0 !important; }
	
#flexslider-90 .slide-desc span a {  margin-top: 17px;}	
	
.header-inner .col-md-3.col-sm-3.col-xs-3.logos { flex: 0 0 36%;max-width: 36%;}	
	
.col-md-9.col-sm-9.col-xs-9.menus { flex: 0 0 58%; max-width: 58%;}	
  
.custombloc-4 h2 {font-size: 40px;}
	
.custombloc-4 .acym_module_form .acysubbuttons input.btn.btn-primary.button.subbutton {  font-size: 17px;  margin-top: 13px; padding: 15px 28px; }	
	
.blocf h2:before {  bottom: 1px; left: 21px;  width: 235px;height: 9px;  }
	
footer .sf-menu { margin: 0px auto 50px !important;}
	
footer {padding: 50px 0 20px;  font-size: 20px; }	
  
.custom.bloc-1 .blocleft { max-width: 500px;  }
	
.view-article .custom.bloc-1 .bloc-right .mask1, .custom.bloc-1 .bloc-right .mask1 {
   -webkit-mask-image: url(../images/mask.png);
    mask-image: url(../images/mask.png);
    mask-size: 70%;   mask-repeat: no-repeat;   top: -101px;  right: 0;
} 

h1.slogan {  top: -129px;   font-size: 22px;   width: 70%;}
	
.is-sticky nav.mobile-nav {  top: 0;  }
  
 .custom.bloc-2 .blocbox .box h3 {
        font-size: 28px;
    } 
}

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


.view-article .bloc-2 .row.row2 p {  padding: 0;}
  
.view-article .bloc-2:after {  background: url(../images/form2.png) top right no-repeat; top: 405px; background-size: 57%;}
  
.catid-8 main#content .item-page .container, 
.view-article.catid-8 main#content .custombloc-4 .container { max-width: 95%;  width: 100%; padding:0 10px}
  
#flexslider-90 .slide-desc-box { top: 66% !important; }
   
.banner:after, 
#flexslider-90.flexslider li .jslider-image:after { right: -16%; background: url(../images/formright.png) bottom center no-repeat;  
  background-size: 39%;  bottom: 18px; }
  
#flexslider-90 .slide-desc h2 span {  font-size: 30px; }
  
 #flexslider-90 .slide-desc span.span1:before, #flexslider-90 .slide-desc span.span2:before { width: 278px; }
	
#flexslider-90 .slide-desc span.span2:before { bottom: 1px; left: 122px; }
  
#flexslider-90 .slide-desc span a.vplus {background: linear-gradient(#f3f3f300, #f3f3f300) padding-box, linear-gradient(to right, #74c2d200, #9cd7c100) border-box;
    border-radius: 50em;  border: 2px solid #80c9cd;}

.custom.bloc-2 .container:after { background-size: 44% !important;  top: -143px;}
	
#flexslider-90 .slide-desc-box { left: 6% !important;  }
	
footer {  font-size: 18px; }
	
.blocf h2 {  font-size: 35px;}
	
.blocf { position: relative;  z-index: 2; margin: 0 auto 30px;display: block; max-width: 500px;}
  
.page-header {top: -90px;}	
  
.page-header h2 { font-size: 39px;}
  
.vie-article .custom.bloc-1:before{content:none}
	
.view-article  .item-page .row.row2.mach .col-md-4	{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } 
	
.view-article .row.row2.mach:before {top: -67px;  left: 59px; background: url(../images/form4.png) top left no-repeat; 
	background-size: 75%;
}	
	
.row.row1.logos  { gap: 20px;}
	
.row.row1.logos img { width: 20%;}
	
}

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

	
.demdevis { padding: 50px 25px;}

p.copyright, p.copyright a {   font-size: 18px; margin: 26px 0 20px; }
	
#flexslider-90 .slide-desc h2 { font-size: 23px;  margin-bottom: 2px; }

#flexslider-90 .slide-desc span a {font-size: 14px !important;  margin-top: 7px; }

h2, .h2, .custombloc-2 .bloc-right h2 {  font-size: 23px; }

#flexslider-90 .slide-desc span p { font-size: 18px; max-width: 400px; }
  
.banner:after, #flexslider-90.flexslider li .jslider-image:after { 
	right: -22%;  background: url(../images/formright.png) bottom center no-repeat;  background-size: 34%; bottom: 10px; 
}
	
#flexslider-90 .slide-desc h2 span { font-size: 25px; }
	
#flexslider-90 .slide-desc span.span1:before, #flexslider-90 .slide-desc span.span2:before { width: 215px;  height: 8px; }
	
.custom.bloc-1 .blocleft { max-width: 400px;  float: none;  margin: auto; display: table;  margin: 0 auto 150px;z-index:1  }
  
.custom.bloc-1:after { background: url(../images/form2.png) top right no-repeat;  background-size: 63%; }
	
.custom.bloc-1 .bloc-right:before {  background: url(../images/form3.png) top right no-repeat; right: -45px;  background-size: 64%;}
  
.custom.bloc-2 h2:after { bottom: 1px; width: 270px;  height: 9px; left: 52px; }
	
.custom.bloc-3 .bloc-right1 {  float: none;  display: table;margin: auto;  max-width: 405px;  }
  
.custom.bloc-2:after {  top: 513px; left: 44px;  background: url(../images/form4.png) top left no-repeat;  background-size: 80%; }
  
.custom.bloc-3 h2 {font-size: 27px; }
  
.custom.bloc-3 .bloc-right1 h2:after { width: 366px; bottom: 66px;  height: 9px; }
  
.custom.bloc-1, .custom.bloc-3 .bloc-right1 { font-size: 20px; }
	
.custombloc-4 .acym_module_form {display: block; justify-content: unset;}
	
.custombloc-4 .acym_module_form .acym_form {  width: 90%; }
  
.custombloc-4 .acym_module_form .acysubbuttons { width: 35%;  }
  
.custombloc-4 .acym_module_form input {max-width: 800px;}
  
#flexslider-90 .slide-desc span a, #flexslider-90 .slide-desc span a.contact { padding: 16px 20px;}
	
.custom.bloc-1 h2, .custom.bloc-3 h2 { font-size: 28px; margin-bottom: 20px;}
	
.custom.bloc-1 h2 br {  display: none; }	
	
.view-article main#content strong { font-size: 20px;}

.row.row2.mach.icop .boxe h3  { font-size: 23px;}
	
h1.slogan {  position:relative; top:unset; left:unset; right:unset; bottom:unset; color:#232323; font-size:24px; width:100%; text-align:left; margin-bottom:30px }
	
.custom.bt-whats a {  right: -20px;   top: 56px;}

body, .custombloc-4 {   font-size: 20px; }	
	
}

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

.custom.bloc-1 { padding: 30px 0 380px; }		
	
.custom.bloc-1:after {
    background: url(../images/form2.png) top right no-repeat; background-size: 54%;  top: 95px;
}
	
.row.row1.logos  { gap: 20px;}
	
.row.row1.logos img { width: 30%;}  
	
.custom.bloc-1 h2:after { bottom: 65px;  width: 300px; left: 39px;}
	
.custom.bloc-1 .blocleft {  max-width: 371px; float: none; margin: auto; display: table;margin: 0 auto 150px;}
	
.view-article .custom.bloc-1 .blocleft {  margin: 0 auto; }	
	
#flexslider-90 .slide-desc span p {  max-width: 400px;}
	
.custom.bloc-1 .bloc-right:before {  background: url(../images/form3.png) top right no-repeat; right: 25px; background-size: 64%; }
  
.custom.bloc-2 {  margin: -130px auto 0;  padding: 135px 0 30px;}
	
.custom.bloc-2:after {  top: 513px;  left: 24px; background: url(../images/form4.png) top left no-repeat;  background-size: 70%;  }
  
  .page-header { top: -60px;}
  
  .page-header h2 { font-size: 34px;}
		
.view-article .row.row2.mach:before {  top: -67px; left: 35px; background: url(../images/form4.png) top left no-repeat;  background-size: 78%; }
	
.view-article .custom.bloc-1 .bloc-right .mask1, 
.custom.bloc-1 .bloc-right .mask1 { -webkit-mask-image: url(../images/mask.png);  mask-image: url(../images/mask.png);
	mask-size: 60%; mask-repeat: no-repeat;  top: -101px; right: -155px;
}	
	
 #flexslider-90 .slide-desc span a, #flexslider-90 .slide-desc span a.contact {  padding: 10px 13px;  margin-top: 15px;  }
	
 #flexslider-90 .slide-desc span.span1:before, #flexslider-90 .slide-desc span.span2:before { width: 180px;  height: 4px;   bottom: 6px;}
	
.view-article .custom.bloc-1 .bloc-right.right2 .mask1 { mask-size: 66%; right: -112px; top: -150px; }	
  
  
h1.slogan {   font-size:22px;}  
  
}


@media screen and (max-width: 538px){
   
.network a {  font-size: 28px;}
	
 #flexslider-90 .slide-desc-box {top: 73% !important; left: 4% !important;}
	
.header-inner .col-md-3.col-sm-3.col-xs-3.logos { flex: 0 0 50%; max-width: 50%;}
	
.col-md-9.col-sm-9.col-xs-9.menus { flex: 0 0 50%; max-width: 50%;}
	
#flexslider-90 .slide-desc h2 span {  font-size: 23px; }
  
#flexslider-90 .slide-desc span.span1:before, #flexslider-90 .slide-desc span.span2:before { width: 184px; height: 5px; } 
  
#flexslider-90 .slide-desc span p{ display:none}
	
footer {  font-size: 18px; }
	
footer h3 { font-size: 21px;}
	
	h3, .h3 { font-size: 32px;}
	

    h1.slogan { font-size: 27px;  }	
  
  .custom.bloc-1 h2, .custom.bloc-3 h2 { font-size: 26px; }
  
  .custom.bloc-1 h2:after { bottom: 60px; width: 300px; left: 27px; height: 7px; }
  
.custom.bloc-1:after {  background: url(../images/form2.png) top right no-repeat;  background-size: 51%; top: 95px;  right: -8px;}
  
  .custom.bloc-1 .blocleft {  max-width: 345px; }
  
   .custom.bloc-1 .blocleft a {font-size: 19px; }

    .custom.bloc-3 .bloc-right1 {padding-top: 200px;}
  
  .custom.bloc-3 .bloc-right1 h2:after { width: 300px;  bottom: 62px; height: 7px;}
  
  .custombloc-4 { padding: 50px 0 100px}
  
  .banner:after, #flexslider-90.flexslider li .jslider-image:after {
        right: -26%;  background: url(../images/formright.png) bottom center no-repeat;background-size: 28%; bottom: 7px; }
	
.custom.bloc-2:after {
        top: 459px;  left: 13px;  background: url(../images/form4.png) top left no-repeat;  background-size: 80%;
    }
}


@media screen and (max-width: 500px){
  
 .custom.bloc-1:before,  .custom.bloc-1:after{content:none}
  
.custom.bloc-3 .bloc-right1 h2:after { width: 291px;  bottom: 61px; height: 7px; }
  
.banner:after, 
#flexslider-90.flexslider li .jslider-image:after { 
	right: -35%;  
	background: url(../images/formright.png) bottom center no-repeat;
	background-size: 24%; 
	bottom: 7px; 
}
  
.page-header h2 { font-size: 34px;}
  
 .col-md-9.col-sm-9.col-xs-9.menus { flex: 0 0 25%; max-width: 25%;}
  
.header-inner .col-md-3.col-sm-3.col-xs-3.logos {flex: 0 0 75%;  max-width: 75%; }
	
.view-article .row.row2.march:before { top: -48px; left: 7px; background: url(../images/form4.png) top left no-repeat;  
	background-size: 71%;
}	
  .row.row1.logos img {  width: 40%;}  
	
.view-article .custom.bloc-1 .blocleft {  max-width: 100%; }
	
	.view-article .row.row2.mach { margin-top: 55px;}
	
	.view-article .row.row2.mach:before{content:none}	
	
	.view-article .row.row1 h3 {  font-size: 27px;}
	
	.custombloc-4 .acym_module_form { width: 100%; }	
	
	a.logo img { max-width: 81%; }
a.logo {  margin: 9px 0 0px;}
header.header .container-fluid {  padding: 0 15px 0 0;}
}

@media screen and (max-width: 425px){
  
.page-header {top: 25px;left: 0;right: 0;margin: auto;text-align: center;}
  
.page-header h2 { color: #006fa7; font-size: 32px;}
  
.custom.bloc-2:after {  top: 428px; left: 15px; background: url(../images/form4.png) top left no-repeat; background-size: 66%; }
  
#flexslider-90 .slide-desc span a {  font-size: 13px !important;   margin-top: 10px; padding: 11px 19px;}
  
#flexslider-90 .slide-desc span a.contact { padding: 11px 16px; }
  
.view-article .custom.bloc-1, .view-article .custom.bloc-1.mch {  padding: 40px 0 100px; }
  
h1.slogan {   font-size: 21px;  padding: 0 10px;  margin-bottom: 20px; }
  
.custombloc-4 .acym_module_form .acysubbuttons { width: 56%;}
  
.view-article .bloc-2:after{content:none;}
	
.view-article.itemid-141 .page-header h2, 
.view-article.itemid-111 .page-header h2 { font-size: 31px;} 
	
.view-article .row.row2.march:before {content:none} 
	
.custom.bloc-3:before {   transform: scale(1.85);   top: 308px;}
	
}

@media screen and (max-width: 396px){
	
#flexslider-90 .slide-desc span a { font-size: 13px !important;  margin-top: 4px;  padding: 9px 12px; margin-right: 15px; }
  
#flexslider-90 .slide-desc span a, #flexslider-90 .slide-desc span a.contact { padding: 9px 12px; margin-top: 73px;}
  
.banner:after, #flexslider-90.flexslider li .jslider-image:after { background-size: 20%;  right: -52%;}	

.custom.bloc-1 .bloc-right:before { background: url(../images/form3.png) top right no-repeat;  right: 6px; background-size: 42%;  top: -50px;}
  
.custom.bloc-1 h2, .custom.bloc-3 h2 {  font-size: 25px; }
  
.custom.bloc-1 h2:after {   bottom: 60px;  width: 264px; left: 27px;  height: 6px; }
  
.custom.bloc-1 .blocleft a { font-size: 18px;}
  
.custom.bloc-2 h2:after { bottom: -1px;  width: 243px;  height: 8px;  left: 48px;}
  
.custom.bloc-2:after { top: 477px; left: 5px;background: url(../images/form4.png) top left no-repeat;  background-size: 48%; }
  
.custom.bloc-3 .bloc-right1 h2:after {  width: 275px; bottom: 61px;  height: 6px; left: 0;}
  
#flexslider-90 .slide-desc h2 span { font-size: 20px; }
	
 .row.row1.logos img {   width: 70%;} 
	
 #flexslider-90 .slide-desc h2, #flexslider-90 .slide-desc span a.vplus { display: none;}	

}


@media screen and (max-width: 360px){
  
.header-inner .container, .container { max-width: 100%; }	
	
}