/*
Theme Name: WP Bootstrap Starter Child
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Template: wp-bootstrap-starter
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Tags: blog,custom-menu,featured-images,threaded-comments,translation-ready,right-sidebar,custom-background,e-commerce,theme-options,sticky-post,full-width-template
Version: 4.0
Updated: 2025-03-18 23:11:16

*/


body {
	font-family: 'Bricolage Grotesque Regular', serif;
	font-size: 16px;
	color: #294155;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	line-height: 1.6;
}


.btn-fly{z-index: 2;top: 400px;border-radius: 10px 0 0 10px !important;}

p:last-child{margin-bottom: 0}

#breadcrumbs{color: #A2AEB9;font-size: 12px}
#breadcrumbs a{color: #A2AEB9}

#page{overflow: hidden;width: 100%}

#content.site-content {

	padding-top: 178px;
}





b, strong,.text-bold {
  font-weight: normal;font-family: 'Bricolage Grotesque Bold', serif !important;
}

.hover-zoom{transform: scale(1);transition: all 0.5s;}
.hover-zoom:hover{transform: scale(0.95)}

.top-0{top: 0}
.bottom-0{bottom: 0}
.left-0{left: 0}
.right-0{right: 0}
.right-50{right: 50%}
.w-20{width: 20%}

.z-index-1{z-index: 1}
.z-index-10{z-index: 10}

.text-decoration-none{text-decoration: none !important}

.bg-cover{background-size: cover;background-position: center;object-fit: cover}
.bg-contain{background-size: contain;background-position: center;object-fit: contain}

.border-radius-10{border-radius: 10px}

.border-top-0{border-top: 0}

.bg-gradient-orange{ background: rgb(244,142,27);
background: -moz-linear-gradient(65deg, rgba(244,142,27,1) 0%, rgba(244,102,27,1) 100%);
background: -webkit-linear-gradient(65deg, rgba(244,142,27,1) 0%, rgba(244,102,27,1) 100%);
background: linear-gradient(65deg, rgba(244,142,27,1) 0%, rgba(244,102,27,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f48e1b",endColorstr="#f4661b",GradientType=1); }

.bg-gradient-blue{  background: rgb(0,87,205);
background: -moz-linear-gradient(65deg, rgba(0,87,205,1) 0%, rgba(2,62,116,1) 100%);
background: -webkit-linear-gradient(65deg, rgba(0,87,205,1) 0%, rgba(2,62,116,1) 100%);
background: linear-gradient(65deg, rgba(0,87,205,1) 0%, rgba(2,62,116,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057cd",endColorstr="#023e74",GradientType=1);  }


.bg-gradient-yellow{  background: rgb(255,250,232);
background: -moz-linear-gradient(249deg, rgba(255,250,232,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(249deg, rgba(255,250,232,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(249deg, rgba(255,250,232,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffae8",endColorstr="#ffffff",GradientType=1); }


h1,h2,h3,h4,h5{font-weight: normal;padding: 0}

h1{font-family: 'Bricolage Grotesque Extra Bold';color: white;font-size: 70px;line-height: 1}

h1,.home h2,h2.h1{font-family: 'Bricolage Grotesque Extra Bold';color: #023E74;font-size: 60px;line-height: 1}

h2{font-size: 27px;color: #0057CD;font-family: 'Bricolage Grotesque Bold';}

h2.big, #pourquoi h2{font-size: 38px;font-family: 'Bricolage Grotesque Semi Bold';}

.home h3{font-size: 26px}

.home h4{font-size: 22px;font-family: 'Bricolage Grotesque Bold';color: #294155;}

h3 {
	color: #294155;
	font-family: 'Bricolage Grotesque Bold';
	font-size: 22px;
	line-height: 1.4;
}

h4{font-size: 20px;color: #0057CD;font-family: 'Bricolage Grotesque Semi Bold';}

h5{font-size: 12px;color: #EE4700;font-family: 'Bricolage Grotesque Semi Bold';}

.guillemet {
	background-image: url(images/guillemet.svg);
	min-height: 294px;
	background-repeat: no-repeat;
	background-position: center;
}

.guillemet h2 {
	font-size: 38px;
	font-family: 'Bricolage Grotesque Semi Bold';
}

.text-gradient-orange {
	background: -webkit-linear-gradient(left,#F4661B, #FFC501);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.border-bottom-orange{border-bottom: 2px solid #F48E1B }

.btn {
	font-family: 'Bricolage Grotesque Extra Bold';
	color: white !important;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	border: 0 !important;
	border-radius: 10px;
	padding: 15px 20Px;
overflow: hidden;
	position: relative;text-decoration: none !important;
}

.btn.btn-light {
	border: 1px solid white !important;
	background-color: transparent;
	text-transform: initial;
	font-family: 'Bricolage Grotesque Semi Bold';
	letter-spacing: 0;
}



.btn-light:hover {
	border: 1px solid #F28E1C !important;
	color: #F28E1C !important;
}

.btn::before{content: "";opacity: 0;height: 100%;width: 100%;top: 0;left: 0;position: absolute;transition: all 0.5s;}

.btn.bg-gradient-orange::before{background-color: #EE4700;}
.btn.bg-gradient-blue::before{background-color: #F4661B;}

.btn:hover::before{opacity: 1}

.btn-light-blue-small {
	text-decoration: none !important;
	transition: all 0.5s;
	color: #0057CD;
	font-size: 12px;
	border: 1px solid #0057CD;
	border-radius: 5px;
	padding: 10px 25px;
	font-family: 'Bricolage Grotesque Medium';
	text-transform: initial;
	letter-spacing: 0;

}

.btn-light-small {
	text-decoration: none !important;
	transition: all 0.5s;
	color: white;
	font-size: 12px;
	border: 1px solid white;
	border-radius: 5px;
	padding: 10px 25px;
	font-family: 'Bricolage Grotesque Medium';
	text-transform: initial;
	letter-spacing: 0;

}

.btn-light-blue-small:hover,.btn-light-small:hover {

	border: 1px solid #F28E1C;
	color: #F28E1C;

}

hr.dotted-blue{border: 0;background-image: url(images/dotted-blue.png);height: 2px}

hr.border-orange{border-color:#F4661B }

.text-orange{color: #F4661B !important}

.text-lightblue{color: #0057CD !important}

.text-blue{color: #023E74 !important}

.text-darkblue{color: #294155 !important}

.bg-orange{background-color: #F48E1B !important}

.bg-yellow{background-color: #FFFAE8 !important}

.bg-lightblue{background-color: #0057CD !important}

.bg-blue{background-color: #023E74 !important}

.bg-darkblue{background-color: #294155 !important}

.border-white{border: 1px solid white}

.border-blue{border: 1px solid #023E74}

.border-right-orange{border-right: 1px solid #F48E1B}

.border-right-lightblue{border-right: 1px solid #0057CD}

.encart-shadow{box-shadow: 0 15px 23px rgb(0,0,0,0.15)}

.owl-dots{display: none}

.owl-nav {
	position: absolute;
	width: calc(100% + 320px);
	display: flex;
	justify-content: space-between;
	top: calc(50% - 55px);
	left: -160px;
}


.owl-nav button {
	color: transparent !important;
	width: 100px;
	height: 100px;
	margin: 5px;
	top: 0;right: 0;
	position: absolute;
}
.owl-nav button span {
	color: transparent !important;
	-webkit-mask-image: url(images/arrow.svg) !important;
	width: 100%;
	height: 100%;
	background-color: #F28E1C !important;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}

.owl-nav button.owl-prev{transform: rotate(180deg);left: 0}



.img-radius-left{border-radius: 0 175px 175px 0}
.img-radius-right{border-radius: 175px 0 0 175px}

.img-radius-left,.img-radius-right{min-height: 350px}


/*HEADER*/

header#masthead{background-color: white;transition: all 0.5s;top: 0;
	left: 0;
	z-index: 10;
	height: 178px;}

header#masthead .navbar-brand > a img{width: 150px}


header#masthead a{text-decoration: none !important}

header#masthead ul.navbar-nav > li {
	cursor: pointer;
	display: flex;
	align-items: center;
}

header#masthead ul.navbar-nav > li.current-menu-parent > a {
	color: #1F97D0 !important;
}

header#masthead ul.navbar-nav > li > a {
	color: #294155 !important;
	text-transform: uppercase;
	font-family: Bricolage Grotesque Semi Bold;
	font-size: 12px !important;
	height: 100%;
	display: flex;
	align-items: center;letter-spacing: 1px;

}

header#masthead ul.navbar-nav > li.dropdown > a {
	pointer-events: none;
}

header#masthead ul.navbar-nav > li::after {
	content: "";
	width: 1px;
	height: 16px;
	background-color: #F4661B;
	display: inline-block;
	margin: 0 15px;
}

header#masthead ul.navbar-nav > li.blog::after{display: none}


header#masthead .sub-header{font-size: 12px}


header#masthead .sub-header span::after {
	content: "";
	width: 1px;
	height: 16px;
	background-color: #F4661B;
	display: inline-block;
	margin: 0 15px;
}


header#masthead .sub-header .search-form{display: flex;position: relative}

header#masthead .sub-header .search-form label{order: 2;margin: 0}

header#masthead .sub-header .search-form .search-submit{display: none}

header#masthead .sub-header .search-form .search-field {
	background-image: url(images/picto-search.svg);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 18px;
	margin-right: 20px;
	background-color: transparent;
	border: 0;
	color: white;
	font-size: 12px;
}

header#masthead .sub-header .search-form .search-field::placeholder{color: white}


.home .menutop header#masthead {
	background-color: transparent !important;
	box-shadow: 0 0 0 rgb(0,0,0,0);
}

.home .menutop #content.site-content{padding-top: 0}

.home .menutop header#masthead .navbar-brand > a img {
	
	filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(500%) contrast(500%);
}

.home header#masthead .navbar-brand > a img,.home header#masthead:hover .navbar-brand > a img {
	transition: all 0.1s;
	filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);
	

}

.home .menutop header#masthead:hover{background-color: white !important}

.home .menutop header#masthead .nav-link{color: white !important}

.home .menutop header#masthead:hover .nav-link{color: #294155 !important}

.formulaire-contact label,
.formulaire-contact p,
.formulaire-contact select,
.formulaire-contact input,
.formulaire-contact textarea {
    font-size: 14.8px; /* ou 12px, selon ce que tu veux */
}


.relevanssi-live-search-results {
	background-color: #011F3E !important;
	border-radius: 0 !important;
	color: white !important;
	border: 0 !important;
	padding: 20px;
	font-size: 15px;
	left: 15px !important;
	top: 39px !important;
}

.relevanssi-live-search-results a{color: white !important}

.relevanssi-live-search-result p{padding: 5px 0 !important}

.relevanssi-live-search-result-status p {
	padding: 0 0 5px !important;
	text-transform: uppercase;
	border-bottom: 0.3px solid white !important;
	margin-bottom: 5px;
}


.mega-menu {
z-index: 10;
	display: none;
	transform: translateY(-30px);
	opacity: 0;
	visibility: hidden;transition: all 0.5s;
}



#main-nav .navbar-nav li.dropdown:hover .mega-menu{transform: translateY(0);
	opacity: 1;
	visibility: visible;}

.mega-menu a {
	color: white !important;
	text-decoration: none;
	padding: 3px 0;
	font-size: 14px;

}


.mega-menu a:hover{opacity: 0.8}

.mega-menu ul.mega-nav > li{display: none}

li.profil .mega-menu ul.mega-nav > li.profil,
li.domaines .mega-menu ul.mega-nav > li.domaines,
li.solutions .mega-menu ul.mega-nav > li.solutions,
li.savoir-faire .mega-menu ul.mega-nav > li.savoir-faire,
li.societe .mega-menu ul.mega-nav > li.societe{display: block}


li .mega-menu{position: absolute;width: 300px;top: 127px;left: calc(50% - 150px)}
li.solutions .mega-menu{position: fixed;width: 100%;left: 0;
	top: 177px;
	max-height: calc(100vh - 145px);}

li .menu-col{width: 100%}
li.solutions .menu-col.col1{width: 22.22%;}
li.solutions .menu-col.col2{width: 44.44%;}
li.solutions .menu-col.col3{width: 33.33%;}
li.solutions .menu-col.col4{width: 100%}
li.solutions .menu-col.col4 > ul > li > ul{display: flex;align-items: flex-end;}

li.solutions .menu-col.col4 > ul > li > ul > li{width: 20%}
li.solutions .menu-col.col4 > ul > li > ul > li a{margin: 0}
li.solutions .menu-col.col4 > ul > li > ul > li.btn{width: 33.33%;margin-left: 6.66%;display: flex;align-items: center}

li.solutions .menu-col.col4 > ul > li > ul > li.btn a{padding: 15px 20Px;}

.mega-menu ul.mega-nav > li > a{display: none}

.dropdown-menu {
	display: block;
	position: static !important;
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	float: none;
}

.mega-menu .col {
	display: none;
	padding: 0 8px;
	flex-basis: inherit;
}

.mega-menu .col1 .col1,.mega-menu .col2 .col2,.mega-menu .col3 .col3,.mega-menu .col4 .col4{display: block}

.mega-menu ul.mega-nav > li > ul > li:not(.btn) > a {
	font-size: 16px;
	font-family: 'Bricolage Grotesque Semi Bold';
	padding-bottom: 10px;
	border-bottom: 1px solid #F4661B;
	margin-bottom: 10px;
}

.mega-menu ul.mega-nav > li > ul > li.menu-item-has-children:not(.btn) > a{margin-bottom: 25px;padding-bottom: 15px;}

.mega-menu ul.mega-nav > li > ul > li > a::before {
	content: "+";
	display: inline-block;
	color: #F4661B;
	font-size: 28px;
	line-height: 0;
	font-family: 'Bricolage Grotesque Regular';
	position: relative;
	top: 3px;
	margin-right: 8px;
}

.mega-menu ul.mega-nav > li > ul > li:last-child > a{border: 0;padding-bottom: 0;margin-bottom: 0}

.mega-menu ul.mega-nav > li > ul > li > ul > li > a::before {
	content: "";
	display: inline-block;
	background-color: #F4661B;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	position: relative;
	top: -1px;
	margin-right: 6px;
}


.mega-menu ul.mega-nav > li > ul > li.img > a:before,.mega-menu ul.mega-nav > li > ul > li.btn > a:before{display: none}
.mega-menu ul.mega-nav > li > ul > li.img > a,.mega-menu ul.mega-nav > li > ul > li.btn > a{border: 0}

.mega-menu .dropdown.menu-item-has-children .dropdown.menu-item-has-children > a::after{display: none}

/*HEADER*/

/*HOME*/

#banner h1, #banner h2 {
	font-size: 50px;
	letter-spacing: 10px;
	line-height: 1.2;
}


#banner .owl-nav{display: none}


#banner .owl-dots{display: flex;justify-content: center}

#banner .owl-dots button{width: 26px;height: 6px;background-color: white;margin: 10px}

#banner .owl-dots button.active{width: 45px;background-color: #F48E1B}


#domaines #container-owl-carousel-domaines{width: calc(100% + 100px);}

#domaines .domaine .img{padding: 55% 0}


#domaines .owl-nav{display: block !important;}
#domaines .owl-nav button{box-shadow: 4px 12px 8px rgba(0, 0, 0, 0.1);background-color: white !important;
	
	border-radius: 100%;}
#domaines .owl-nav button.owl-next{display: none}



#temoignages .temoignage img{width: 160px;height: 160px;border-radius: 100%;}

@media (min-width: 992px) {
    .temoignage {
        padding-left: 60px !important;
    }
}


#container-owl-carousel-chiffres:before{content: "";height: 100%;top: 0;width: 300px;position: absolute; z-index: 2;
	left: 0;
	background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }

#container-owl-carousel-chiffres:after{content: "";height: 100%;top: 0;width: 300px;position: absolute; z-index: 2;
	right: 0;
	background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffae8",endColorstr="#fffae8",GradientType=1); }


.chiffre {
	background-image: url(images/circle.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 290px;
	height: 290px;margin: 15px auto;
	transition: all 0.5s;
}
.chiffre img{height: 30px;width: auto}

.center .chiffre{transform: scale(1.1)}

.chiffre h2 {
	font-size: 50px;
	line-height: 0.8;
	margin-top: 5px !important;
}

.chiffre small{font-size: 35px}

.chiffre h3 {line-height: 1;font-size: 24px}


#partenaires .img{padding: 50% 0;background-position: center;background-repeat: no-repeat}

#partenaires .d-flex *{margin: 0 3px}


/*END HOME*/









#avantages{background-attachment:fixed;background-image: url(images/bg-avantages.jpg);background-blend-mode: multiply;}

.page-template-page-domaine #avantages{background-image: url(images/bg-avantages-domaine.jpg);}

#avantages .avantage h3{font-size: 20px;font-family: 'Bricolage Grotesque Medium', serif;}

#avantages .avantage img {
	top: -27.5px;
	left: calc(50% - 27.5px);
}

#avantages .avantage>div::before, #avantages .avantage>div::after {
	content: "";
	width: calc(50% - 40px);
	border-top: 1px solid white;
	height: 20px;
	top: 0;
	position: absolute;
}

#avantages .avantage>div::before {
	left: 0;
	border-radius: 10px 0 0 0;
}

#avantages .avantage>div::after {
	right: 0;
	border-radius: 0 10px 0 0;
}

a.ask-demo{font-size: 20px;font-family: 'Bricolage Grotesque Extra Bold';}

#rubrique .child .titre{width: 390px}
#rubrique .child .extrait p{margin: 0}

#rubrique .child .extrait {
	width: calc(100% - 540px);
}

#rubrique .child div{position: relative}

#rubrique .child:before{transition: all 0.3s;content: "";position: absolute;width:0;height: 100%;right: 0;top: 0;
color: white;
	background-color: background: rgb(0,87,205);
  background:
-moz-linear-gradient(65deg, rgba(0,87,205,1) 0%, rgba(2,62,116,1) 100%);
  background:
-webkit-linear-gradient(65deg, rgba(0,87,205,1) 0%, rgba(2,62,116,1) 100%);
  background:
linear-gradient(65deg, rgba(0,87,205,1) 0%, rgba(2,62,116,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057cd",endColorstr="#023e74",GradientType=1);}

 #rubrique .child:hover:before{width: 100%}

  #rubrique .child:hover{border-color: transparent}

  #rubrique .child:hover h2, #rubrique .child:hover .text-darkblue{color: white !important}


  #rubrique .child:hover .bg-gradient-blue{background: rgb(244,142,27);
  background:
-moz-linear-gradient(65deg, rgba(244,142,27,1) 0%, rgba(244,102,27,1) 100%);
  background:
-webkit-linear-gradient(65deg, rgba(244,142,27,1) 0%, rgba(244,102,27,1) 100%);
  background:
linear-gradient(65deg, rgba(244,142,27,1) 0%, rgba(244,102,27,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f48e1b",endColorstr="#f4661b",GradientType=1);}

.more-avantage{font-family: 'Bricolage Grotesque Extra Bold', serif;display: block}
.more-avantage hr {
	border-top: 1px solid #F28E1C;
	width: calc(50% - 50px);
}

.actu{font-size: 13px;padding-bottom: 190px}
.actu p{margin-bottom: 0}

.actu .img{height: 190px}



.wpcf7{font-size: 18px}

.wpcf7 label{display: block}

.wpcf7 hr{border-color: #F4661B}


.wpcf7 .form-control {
	background-color: transparent;
	border-radius: 0;min-height: 64px;
	border: 1px solid #0057CD;width: 100%;height: auto;
}


.wpcf7 .form-control.wpcf7-checkbox,.wpcf7 .wpcf7-acceptance {
	border: 0;
	padding: 0;
	font-size: 18px;
	min-height: inherit;column-count: 2;
	font-family: 'Bricolage Grotesque Semi Bold';
	margin: 20px 0 0 -18px;
}
.wpcf7 .form-control.wpcf7-checkbox > span,.wpcf7 .wpcf7-acceptance > span {
	position: relative;
	display: block;
	white-space: nowrap;
}

.wpcf7 .wpcf7-acceptance .wpcf7-list-item{margin: 0}

.wpcf7-spinner{display: block}

.wpcf7 .form-control.wpcf7-checkbox label input,.wpcf7 .wpcf7-acceptance label input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;opacity: 0}

.wpcf7 .form-control.wpcf7-checkbox label input ~ span,.wpcf7 .wpcf7-acceptance label input ~ span{padding-left: 30px;}

.wpcf7 .form-control.wpcf7-checkbox label input ~ span:before,.wpcf7 .wpcf7-acceptance label input ~ span:before{position: absolute;position: absolute;left: 0;top: 0;width:24px;height:24px;border-radius: 5px;border: 1px solid #0057CD}

.wpcf7 .form-control.wpcf7-checkbox label input ~ span:after,.wpcf7 .wpcf7-acceptance label input ~ span:after{content: "";position: absolute;position: absolute;left: 5px;top: 5px;width:14px;height:14px;border-radius: 100%;background-color:#0057CD;opacity: 0}

.wpcf7 .form-control.wpcf7-checkbox label input:checked ~ span:after,.wpcf7 .wpcf7-acceptance label input:checked ~ span:after{opacity: 1}

.wpcf7 .wpcf7-submit {
	font-family: 'Bricolage Grotesque Extra Bold';
	color: white !important;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	border: 0 !important;
	border-radius: 10px;
	margin: 15px;
	padding: 15px 20Px;
overflow: hidden;
	position: relative;text-decoration: none !important;
	background: rgb(0,87,205);
background: -moz-linear-gradient(65deg, rgba(0,87,205,1) 0%, rgba(2,62,116,1) 100%);
background: -webkit-linear-gradient(65deg, rgba(0,87,205,1) 0%, rgba(2,62,116,1) 100%);
background: linear-gradient(65deg, rgba(0,87,205,1) 0%, rgba(2,62,116,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057cd",endColorstr="#023e74",GradientType=1);
}


.agence{min-height: 111px;}
.agence .ville {
	width: 250px;
}

.agence .adresse {
	width: calc(100% - 680px);
}

.agence .adresse p{margin: 0}



ul.liste{list-style: none;padding: 0}

ul.liste li{margin-top: -1px;border-bottom:1px solid #F4661B ;border-top: 1px solid #F4661B;padding: 20Px 0 20Px 30px;position: relative}

ul.liste li::before {
	content: "";
	position: absolute;
	border-radius: 100%;
	width: 16px;
	height: 16px;
	background-color: #F4661B;
	left: 0;
	top: 24px;
}

.text-white ul.liste li::before {background-color: white}

.encart-shadow .img-round {
	border-radius: 100%;
	width: 150px;
	height: 150px;
	object-fit: cover;
}



#pourquoi h2{color: #023E74}


#rubrique-domaine .img {
	padding: 55% 0;
}


#pourquoi ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#pourquoi ul li{position: relative;padding-left: 30px;margin-bottom: 8px}

#pourquoi ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(images/check2.svg);
	width: 18px;
	height: 21px;
	background-size: contain;
	background-repeat: no-repeat;
}


.wpcf7 .form-control.wpcf7-checkbox > span, .wpcf7 .wpcf7-acceptance > span{white-space: normal;}

.encart-offre, .encart-offre h3{font-size: 20px}
.encart-offre .contenu {
	width: calc(100% - 140px);
}

footer#colophon{font-size: 12px;color: white}

footer#colophon .deco-logo-1,
footer#colophon  .deco-logo-2{position: absolute;background-image: url(images/deco-logo.svg);width: 1000px;
	padding: 100px;
	background-repeat: no-repeat;
	opacity: 0.3;
	background-position: right top;}



footer#colophon .deco-logo-1 {

	right: 0;
	top: 130px;

}
footer#colophon .deco-logo-2{transform: rotate(180deg);left: 100%;top: 0}


footer#colophon #menu-footer .img,footer#colophon #menu-footer .btn,footer#colophon #menu-footer .blog{display: none}

footer#colophon ul {
	list-style: none;
	padding: 0;
	margin: 0;
	min-width: inherit;
}

footer#colophon #menu-footer > ul > li > a {
	padding-bottom: 15px;
	text-transform: uppercase;
	font-family: Bricolage Grotesque Semi Bold;
	
}

footer#colophon #menu-footer a{white-space: normal;}

footer#colophon #menu-footer > ul > li {
	border-right: 1px solid #F4661B;
	margin-right: 20px;
	padding-right: 20px;

}
footer#colophon #menu-footer > ul > li.societe{border: 0}

footer#colophon #menu-footer li{padding: 0}

footer#colophon #menu-footer a {
	font-size: 12px !important;
	color: white;
	padding: 3px 0 0;
}


footer#colophon #menu-footer .dropdown-toggle::after{display: none}

footer#colophon .hidden-footer{display: none !important}







@media (min-width: 1200px) {li .mega-menu {display: block;}}

@media (min-width: 1400px) {.container-big{max-width: 1320px}}

@media (min-width: 1500px) {.container-big{max-width: 1420px}}

@media (min-width: 1600px) {.container-big{max-width: 1520px}}

@media (min-width: 1700px) {.container-big{max-width: 1620px}}








@media (max-width: 1490px) {
	
	header#masthead .navbar-brand > a img {width: 90px;}

	header#masthead {height: 133px;}
	#content.site-content {
		padding-top: 133px;
	}
}

@media (max-width: 1400px) {
	.btn-menu{display: none}
	
}


@media (max-width: 1199px) {
	
	

	#domaines #container-owl-carousel-domaines{width: 100%}
	.owl-nav {
	width: calc(100% + 160px);
	left: -80px;
}

#domaines .owl-nav button {

	width: 60px;
	height: 60px;
}

	#banner h1, #banner h2 {
	
	letter-spacing: 5px;
	
}

	h1, .home h2, h2.h1 {font-size: 50px;}
	#content.site-content {
		padding-top: 60px;
	}

		header#masthead {
		
		height: 60px;
	}

		header#masthead .navbar-brand > a img {
		width: 60px;
	}
}
@media(max-width: 991px){

	.encart-offre .contenu {
		width: 100%;
	}

	.encart-offre .border-right-lightblue{border: 0}

	img.num{height: 60px}

	footer#colophon #menu-footer > ul > li {width: 100%;margin: 0 0 30px;padding: 0;}

	footer#colophon #menu-footer > ul > li{border: 0}

	.home #domaines{background-color: white}
	.home #domaines .domaine h3.text-white{color: #0057CD !important}

	.btn-fly {
		font-size: 12px;
		width: 100%;
		border-radius: 0 !important;
		bottom: 0;
		top: inherit;
	}

	.btn-fly br{display: none}

	#banner h1, #banner h2 {
		font-size: 40px;
		letter-spacing: 1px;
		
	}
	
	h1, .home h2, h2.h1 {font-size: 40px;}
	h2{font-size: 25px}
	h3{font-size: 18px}

	#avantages h2{font-size: 20px}

	#pourquoi h2{font-size: 28px}

	.guillemet h2 {
		font-size: 28px;
		
	}

	.btn-plus img{width: 30px;height: 30px}
}


@media(max-width: 768px){
	#container-owl-carousel-chiffres::before,#container-owl-carousel-chiffres::after{display: none}
}

img.mr-4 {
  margin-right: 1.7rem !important;
}

/* Picto spécifique à la page Mobile Chantiers (ID 120) */
.picto-120 {
    width: 162px;      /* ajustable */
    max-width: 60%;    /* ajustable */
    height: auto;
    margin: 0 auto 30px auto;
    display: block;
}

#clients .border-blue .img {
    width: 150px;
    height: 90px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#clients .owl-carousel .img,
#partenaires .owl-carousel .img {
    width: 100%;
    height: 100px; /* même hauteur que sur la home */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#clients .owl-carousel .img {
    height: 80px;
}




/* Logos */
#clients .owl-carousel .img {
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#clients .border-blue {
    border: 1px solid #003A70;
}

#clients .border-radius-10 {
    border-radius: 10px;
}

.blog-categories .cat-badge {
    display: inline-block;
    background: #F4661B; /* orange Arès */
    color: #fff;
    padding: 4px 10px;
    margin-right: 6px;
    border-radius: 20px;
    font-size: 12px;
    text-decoration: none;
}

.blog-categories .cat-badge:hover {
    background: #003A70;
}

.cat-badge-small {
    display: inline-block;
    background: #003A70;
    color: #fff;
    padding: 3px 8px;
    font-size: 11px;
    margin-right: 5px;
    border-radius: 12px;
}

.ticketing-iframe-wrapper {
    max-width: 100%;
    margin: 0 auto;
}

/* Contrôle de la hauteur de l'iframe INÈS */
.ticketing-iframe-wrapper iframe {
    display: block;
    width: 100%;
    height: 100vh;        /* prend la hauteur de la fenêtre */
    min-height: 900px;    /* pour les grands écrans */
    max-height: 1100px;   /* évite que ça descende trop bas */
}