@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre:400,500,600,700,800');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

body {

	font-family: 'Open Sans', serif;

	font-size: 20px;

	color: #000000;

	line-height: 30px;

	font-weight: normal;

}

body.overflow{

    overflow: hidden;

}

h1,h2,h3,h4,h5{

	font-family: 'Open Sans', serif;

}

::-moz-selection {

	background: #0e4f91;

	color: #fff;

}

::selection {

	background: #000000;

	color: #fff;

}

a, a:hover {

    color: #8d8d8d

}

.main-navbar {

    padding: 15px;

    z-index: 999;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    background: transparent;

    max-width: 1140px;

}

.hamburger-menu.main-navbar {

	padding: 15px 0;

    z-index: 999;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    background: transparent;

}

.main-navbar .navbar-nav .nav-link {

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    padding: 0.5rem;

}

.hamburger-menu .main-navbar .navbar-nav .nav-link {

	font-size: 50px;

	font-weight: 400;

	padding: 40px 30px;

}



.main-slider .carousel-caption {

	left: 0;

	bottom: unset;

	right: 0;

    z-index: 0;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    position: absolute;

    top: 50%;

}

.main-slider .carousel-caption .container,

.main-slider .carousel-caption .row {

	height: 100%;

}

.main-slider .carousel-caption h5 {

	font-size: 43px;

	line-height: 46px;

	font-weight: normal;

	color: #fefefe;

}

.main-slider .carousel-caption p {

	font-size: 28px;

	line-height: 31px;

	font-weight: normal;

	color: #bad14b;

}

.main-slider .carousel-caption .more {

	text-decoration: none;

	color: #005c94;

	font-size: 20px;

	font-weight: bold;

}

iframe {

	width: 100%!important;

}





.about-text h3 {

    font-weight: bold;

    font-size: 24px;

    color: #080808;

    margin: 30px 0 15px;

}

.btn-custom {

    color: #000000;

    font-weight: normal;

    font-size: 16px;

    background-color: #bad14b;

    padding: 7px 50px;

    border-radius: 0;

    border: 1px solid #bad14b;

}



.collection {

    min-height: 554px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}

.min-collection {

    min-height: 265px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;    

}

.bloc-title {

    font-weight: normal;

    font-size: 60px;

    color: #bad14b;

}

.widget-collections a{

    float: none;

    margin: 0 auto;

    display: block;

}

.post-description span{

    font-size: 14px;

    text-transform: uppercase;

    font-weight: normal;

    line-height: 20px;

}

.post-description .post-d {

    font-size: 40px;

    padding: 0 10px;

}

.post-my {

    padding-right: 25px;

    border-right: 1px solid #c1c1c1;

    margin-right: 15px;

}

.post-dmy {

    float: left;

}

.post-dmy span {

    display: inline-block;

    vertical-align: middle;

}

.post-description {

    display: flex;

    align-items: center;

    justify-content: center;

}

.widget-text-banner-background h3{

    color: #fff;

    font-size: 47px;

    font-weight: normal;

}

.widget-text-banner-background p{

    color: #fff;

    font-size: 18px;

}

.contact-bloc p{font-size: 16px;color: #555555;line-height: 22px;}

.contact-bloc .contact-info {

    font-weight: normal;

    font-size: 18px;

    line-height: 24px;

}

.contact-address a {

    color: #fff !important;

}

.widget-contact-page p.adr a {

    color: #000 !important;

}

.social-buttons{

    font-size: 0;

}

.footer-menu .social-buttons a ,

.social-buttons a {

    padding: 0px;

    background: #bad14b;

    color: #ffffff;

    height: 30px;

    width: 30px;

    display: inline-block;

    text-align: center;

    border-radius: 44px;

    margin: 0 10px 10px 0;

    font-size: 17px !important;

    line-height: 30px !important;

}

.contact-bloc textarea {

    min-height: 130px;

}

.footer-bloc {

    background: #272727;

}

.footer-menu a {

    color: #fff;

    font-weight: normal;

    font-size: 14px;

}

.contact-bloc .bloc-title {

}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #747474;

  font-size:16px;

}

.form-control::-moz-placeholder { /* Firefox 19+ */

  color: #747474;

  font-size:16px;

}

.form-control:-ms-input-placeholder { /* IE 10+ */

  color: #747474;

  font-size:16px;

}

.form-control:-moz-placeholder { /* Firefox 18- */

  color: #747474;

  font-size:16px;

}



#footer-menu {

    color: #fff;

}

.post-image img {

    width: 100%;

}



.widget-about-full-bg-text {

	position: relative;

}

.page-index .about-img{

    background-color: #bad14b;

}

.about-img {

    position: absolute;

    left: 0;

    top: 0;

    width: calc(45% - 15px);

    height: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

footer a:hover {

    text-decoration: none;

}

footer a {

    text-decoration: none;

}

.form-control {

    background-color: #fff;

    border: 1px solid #ffffff;

    border-radius: 0;

    border: 1px solid #e6e6e6;

    padding: .375rem 1em;

    background-clip: initial;

}



.widget.widget-about.widget-about-image-text {

    font-size: 16px;

    line-height: 22px;

}



.widget-text-banner-background .btn-custom{

    float:none;	

}



.widget-about-image-text h2.bloc-title:after{

	position: relative;left: 50%;margin-left: -57.5px;

	}





.widget-collections {

    background-color: #f1f1f1;

}



.about-text.text-left p {

    font-size: 20px;

    color: #757575;

}





.bloc-about-image-text h2.bloc-title:after{

	left:0;

	margin-left:0;

}

/*.hamburger-menu #main-menu{

	position: absolute;

	background:#000;

	left: 0;

	right: 0;

	top: 0;

	text-align: center;

	z-index: 0;

	padding: 55px 0;

}*/

.hamburger-menu #main-menu {

    position: absolute;

    background: #000000;

    right: 15px;

    top: 80%;

    min-width: 320px;

    text-align: center;

}

.navbar-light .navbar-toggler-icon {

	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

}  

.navbar-light .navbar-toggler {

    outline: 0;

}

.main-slider .carousel-caption h5 span {

    /* font-weight: 700; */

}

.navbar-light .navbar-toggler {

    border-color: #ffffff00;

    position: relative;

    z-index: 9;

}

.about-text h4 {

    font-size: 25px;

    font-weight: bold;

    color: #000000;

}

.widget-full-width {

    background-size: cover;

    height: 790px;

}

h2.bloc-title span {

    /* font-weight: 700; */

}

.brd-t{

	line-height:24px;

	font-size: 20px;

}

h3.team-title {

    font-size: 24px;

    font-weight: bold;

    color: #000000;

}

h4.team-subtitle {

    font-weight: normal;

}

.team-text-image a {

    color: #000;

}

.brd-t a:hover {

    text-decoration:none;

}

.bloc.contact-bloc {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    padding: 100px 0;

    position: relative;

}

.parallax .bloc.contact-bloc {

    background-attachment: fixed;

}

.description p {

    color: #ffffff;

}

h3.contact-sub {

    color: #555555;

}

.contact-bloc h2 {

    font-size: 47px;

    color: #fff;

    line-height: 50px;

    font-weight: normal;

}

/*h4.team-subtitle:after {

    width: 263px;

    height: 1px;

    content: '';

    background: #000000;

    display: block;

    margin-top: 20px;

    position: relative;

    left: 50%;

    margin-left: -131.5px;

}*/

.contact-img{

    position: absolute;

    left: 0;

    top: 0;

    width: calc(45% - 15px);

    height: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    background-color: rgb(0,0,0);

    opacity: .5;

}

.description {

    position: relative;

}



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

	.description {

		top: 50%;

		transform: translateY(-50%);

	}

}



.widget-about-full-bg-text h3 {

    font-size: 52px;

    font-weight: normal;

    line-height: 50px;

}

.widget-about-full-bg-text h3 span{

	/* font-weight:700; */

}

.widget-about-full-bg-text .about-text h4 i[data-actions="color,icon"] {

    position: relative;

    font-size: 18px;

    line-height: 1;

    color: #bad14b;

    left: -7px;

}

.savr-faire h3 i[data-actions="icon,color"] {

    position: relative;

    font-size: 18px;

    line-height: 1;

    color: #a7a7a7;

    left: -7px;

}

img.logo-image.d-block {

    z-index: -2;

    position: relative;

}

i.fa5.fas.fa5-bars {

    color: white;

}



.navbar-toggler i:before {content: "\f00d" !important;transition-duration: .5s;}

.navbar-toggler.collapsed i:before {content: "\f0c9" !important; transition-duration: .5s;}







/***************** css pages internes *******************/



.page-title{

    position: absolute;

    top: 50%;

	left:0;

    transform: translateY(-50%);

}

.header {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 907px;

	margin-top: -76px;

}

h5.interne-title {

    color: #fefefe;

    font-size: 80px;

    font-weight: normal;

}

.widget-text.mention-leg h3 {

    font-size: 20px;

    font-weight: bold;

}



p.adr {

    font-size: 16px;

    font-weight: bold;

    line-height: 22px;

}



.team-text-image h3.team-title {

    font-size: 30px;

    font-weight: bold;

}

.team-text-image h4 {

    font-size: 20px;

    line-height: 1.2;

}



.team-text-image p.brd-t:before {

    width: 263px;

    height: 1px;

    content: '';

    background: #000000;

    display: block;

    margin-bottom: 40px;

    position: relative;

    left: 0;

}

.team-text-image hr.brd-hr {

    width: 263px;

    height: 1px;

    background: #000000;

    display: block;

    margin-bottom: 40px;

    position: relative;

    margin-left: 0;

}

.navbar-light .navbar-nav .nav-link:focus{

    color: #fff;

}

.widget-text-savoir-faire h3 a {

    color: #a7a7a7;

    font-size: 18px;

}



/*******************/





.widget-temoignages-page h3 {

    font-size: 22px;

    color: #515151;

    font-weight: bold;

}





.widget-catalogue-page h3{

    font-size: 25px;

    font-weight: bold;

}



.widget-temoignages-page p {

    font-size: 16px;

    color: #272727;



}



.widget-catalogue-page p {

    font-size: 19px;

}



.widget-catalogue-page h4 {

    color: #595959;

    font-size: 25px;

    font-weight: bold;

}





.widget-temoignages-page .date {

       font-size: 12px;

	color: #272727;



}

.quote i {

    background: #ececec;

    padding: 10px;

    color: #fff;

    font-size: 25px;

    line-height: 20px;

}

.filtre .btn-custom{

    font-size: 16px;

    padding: 7px 40px;

    border-radius: 0;

    margin: 0 20px;

	background:#fff;

	color:#000;

	border:none;

}





.filtre .btn-custom.active , .filtre .btn-custom:hover{

    font-size: 16px;

    padding: 7px 40px;

    border-radius: 0;

    margin: 0 20px;

	background:#000;

	color:#fff;

}



.img-actu {

    height: 455px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.widget-actualites-page h3{

    font-size: 25px;

    font-weight: bold;

}



.widget-actualites-page h4 {

    font-size: 20px;

}



.widget-actualites-page h4:after {

    content: '';

    background: #6aa9b9;

    width: 77%;

    height: 1px;

    position: relative;

    display: inline-flex;

    left: 10px;

    top: -5px;

}



.btn-collapse {

    color: #000000;

    text-decoration: none;

    padding: 5px 20px;

    margin: 0 5px;

}

.modal-toggler img {

    margin: 0 auto;

    display: block;

}

.section-title-pg .text-caption{

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    font-weight: bold;

    color: #fff;

}

.section-title-pg, .carousel-item {

    position: relative;

    padding-top: 42.85714%;

    overflow: hidden;

    height: 0;

}

.banner-img {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}

.banner-img img,

.banner-img video,

.widget-news-page .zoom-bloc img,

.widget-news-page .zoom-bloc video,

.widget-catalogue-page .overflow-hidden img,

.widget-catalogue-page .overflow-hidden video {

    display: inline;

    object-fit: cover;

    object-position: center;

    width: 100%;

    height: 100%;

}

.carousel-indicators li {

    border: none;

}

.modal {

    z-index: 99999;

}

.close-modal {

    font-family: 'Gudea', sans-serif;

}

.section-title-intern h1,

.section-title-pg h1{

    font-weight: bold;

    color: #ffffff;

    font-size: 60px;

}

.catalogue-image,

.zoom-bloc,

.actu-bloc{

    overflow: hidden;

}

.catalogue-image img:hover,

.zoom-img img:hover,

.actu-img img:hover

{

    z-index: 2;

    -webkit-transition: all 400ms ease-in;

    -webkit-transform: scale(1.05);

    -ms-transition: all 200ms ease-in;

    -ms-transform: scale(1.05);   

    -moz-transition: all 200ms ease-in;

    -moz-transform: scale(1.05);

    transition: all 400ms ease-in;

    transform: scale(1.05);

}

.vision-bloc{

    background-color: #272727;

    padding: 60px 0;

}

.widget-gdpr {

    position: fixed;

    bottom: 15px;

    right: 15px;

    background: black;

    max-width: 290px;

    padding: 15px;

    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);

    display: none;

    z-index: 99;

}

.widget-gdpr p, .widget-gdpr span {

    color: #ffffff;

    font-size: 13px;

    line-height: 20px;

}

.accept-gdpr span {

    background: #60b97e;

    padding: 5px 15px;

    cursor: pointer;

    float: right;

}

.widget-gdpr p a {

    color: #ffffff;

    text-decoration: underline;

}

.main-navbar .navbar-brand img {

    max-width: 200px;

    max-height: 80px;

}

.navbar-light .navbar-nav .active>.nav-link, 

.navbar-light .navbar-nav .nav-link.active, 

.navbar-light .navbar-nav .nav-link.show, 

.navbar-light .navbar-nav .show>.nav-link {

    color: #fff;

}

.team-bloc{

    display: inline-block;

}

.website-wrapper .nav-tabs {

    display: block;

    border: none;

    text-align: center;

}



.website-wrapper .nav-tabs .nav-item {

    display: inline-block;

    border: none;

}



.website-wrapper .nav-tabs .nav-link {

    color: #000000;

    background: transparent;

    font-family: 'Source Sans Pro', sans-serif;

    font-size: 15px;

    font-weight: normal;

    padding: 5px 15px;

    display: inline-block;

    margin: 10px 5px;

    border-radius: 5px;

    border: none;

    /*border-bottom: 1px solid transparent;

    border-left: none;

    border-right: none;

    border-top: none;*/

}

.website-wrapper .nav-tabs .nav-link:focus, 

.website-wrapper .nav-tabs .nav-link:hover, 

.website-wrapper .nav-tabs .nav-item.show .nav-link, 

.website-wrapper .nav-tabs .nav-link.active {

    /*background: #d80000;

    color: #ffffff;*/

    border-top: none;

    border-left: none;

    border-right: none;

    background: transparent;

    color: #000000;

    text-shadow: 1px 1px 3px;

    border-bottom: 1px solid;

    border-radius: 0;



}

.parallax .widget-banner-home > div,

.parallax .widget-contact-home{

    background-attachment: fixed;

    background-position: center;

    background-size: cover;

}

.equipe-title-line{

    width: 263px;

    content: '';

    background: #000000;

    display: block;

    margin-top: 20px;

    position: relative;

}



.carousel-control-next, .carousel-control-prev {

    z-index: 2;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    display: block;

    top: 50%;

    font-size: 25px;

    line-height: 40px;

    background: #949494;

    color: #fff;

    transform: translateY(-50%);

    opacity: .7;

    padding: 0;

}



.carousel-control-prev {

    left: 50px;

}



.carousel-control-next {

    right: 50px;

}



.widget-news-page .zoom-bloc{

	height: 400px;

}



.widget-catalogue-page .overflow-hidden{

	height: 350px;

}



.upload-btn label span.icon {

    background: #bad14b;

}



.upload-btn label span.text {

    background: #bad14b;

}

.ban-home {

    display: block;

    overflow: hidden;

    position: relative;

    height: 700px;

}

.catalogue-img {

    display: block;

    overflow: hidden;

    position: relative;

    height: 350px;

}

.ban-home img, .ban-home video, .catalogue-img img, .catalogue-img video {

    display: inline;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    -webkit-transition: all 400ms ease-in;

    -ms-transition: all 200ms ease-in;

    -moz-transition: all 200ms ease-in;

    transition: all 400ms ease-in;

}

.ban-home:hover img, .zoom-bloc:hover img, .catalogue-img:hover img {

    -webkit-transition: all 400ms ease-in;

    -webkit-transform: scale(1.05);

    -ms-transition: all 200ms ease-in;

    -ms-transform: scale(1.05);

    -moz-transition: all 200ms ease-in;

    -moz-transform: scale(1.05);

    transition: all 400ms ease-in;

    transform: scale(1.05);

}

 .conditions-span{

    font-size: 14px;

    line-height: 24px

}

.serv-title{

	display: inline-block;

	vertical-align: top;

}

.copyright a{

	display: inline-block;

}

.team-bloc-img img{

	width: 100%;

}

.modal-btn {

	border: 1px solid #000000;

}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {

    background-image: url("../img/close.png");

}

#contact-form input + span a{

	color: #ffffff;

}

.team-bloc-img a {

    height: 350px;

}



.img-vid img, .img-vid video {

    display: block;

    width: 100%;

    transition-duration: 1s;

    object-fit: cover;

    object-position: center;

    height: 100%;

}

.carousel-indicators {

    bottom: 80px;

}

.hover-scale:hover img {

    transform: scale(1.2);

    transition-duration: 1s;

}

.hover-scale {

	position: relative;

    overflow: hidden;

}