h1, h2 {font-family: Arvo;}
a.a-langue.btn-outline-primary {color: #008B8B;}
a.a-langue.btn-outline-primary:hover {color: #f6f9fe;}
a.navbar-brand.h1 {margin-top: 6px; margin-bottom: 0;}
#main_nav {background-color: #293033!important;}
.banner-wrapper img {max-width: 350px;}

#rect1 {background-color: #bf795c; margin-top: -50px; right: 60%;}
#rect2 {background-color: rgb(38,68,71); margin-top: 20px; right: 58%;}
/* #rect2 {background-color: #364c56; margin-top: 20px; right: 58%;} */
.text-marron {color: #bf795c!important;}
.navbar-light .navbar-nav .nav-link {
    color: lightgray;
}
.btn-outline-primary:hover {
    color: #f6f9fe;
    background-color: #bf795c;
    border-color: #bf795c;
}
strong {
    color: #bf795c;
}
.text-secondaire {
    color: #364c56!important;
}
.text-linen {
    color: #CAC0B6!important;
}
.bg-linen {
    background-color: #CAC0B6!important;
}
.navbar {
    background-color: transparent;
}
.typo-space-line::after, .typo-space-line-center::after {
    border-color: #bf795c;
}
.bg-fonce {background-image: linear-gradient(#364c56, #3f474b);}
.bg-secondaire {
    background-color: #364c56;
}
.btn-primary, .btn-outline-primary.active{
    background-color: #008B8B;
    border-color: #008B8B;
}
/* Override templatemo.css */
.recent-work .recent-work-vertical {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%, #bf795c 66.666%, rgba(255,255,255,0) 40%);
    background-size: 300% 300%;
    background-position: 0% 100%;
    transition: .5s;
    cursor: default;
}
.recent-work .recent-work-vertical:hover {
    background-position: 0% 0%;
    transition: .5s;
}

/**************************************************************************** Le site nice machin*/
.u-section-2 {
    background-image: linear-gradient(#364c56, #3f474b);
}
.u-overlap.u-overlap-transparent .u-header, .u-image, .u-gradient {
    color: #202425;
}
body, aside, .u-sidebar-block, section, header, footer {
    position: relative;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}
.u-container-layout {
    position: relative;
    flex: 1;
    max-width: 100%;
}
*, ::before, ::after {
    box-sizing: border-box;
}
.u-palette-1-base, .u-body.u-palette-1-base, .u-container-style.u-palette-1-base::before, .u-table-alt-palette-1-base tr:nth-child(2n) {
    color: #ffffff;
    background-color: #bf795c;
}
.u-inner-container-layout, .u-container-layout > * {
    position: relative;
}
*, ::before, ::after {
    box-sizing: border-box;
}
.u-section-2 .u-shape-2 {
    width: 446px;
    height: 540px;
    background-image: none;
    margin: -328px auto 0 46px;
}
.u-section-2 .u-shape-1 {
    width: 447px;
    height: 459px;
    background-image: none;
    margin: 0 auto 0 0;
}
.u-section-2 .u-image-1 {
    width: 344px;
    min-height: 342px;
    background-image: url("//images01.nicepage.com/c461c07a441a5d220e8feb1a/24355c837acb552491b5ec91/patterns.png");
    background-position: 50% 50%;
    margin: -385px 0 0 auto;
}
.u-section-2 .u-image-2 {
    width: 438px;
    height: 505px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
    object-position: 46.8% 100%;
    background-position: 46.8% 100%;
    margin: -559px 46px 0 auto;
}
img.u-image, .u-video-poster {
    overflow: hidden;
}
.u-overlap.u-overlap-transparent .u-header, .u-image, .u-gradient {
    color: #202425;
}
.u-inner-container-layout, .u-container-layout > * {
    position: relative;
}
.u-image, .u-background-effect-image, .u-video-poster {
    object-fit: cover;
    display: block;
    vertical-align: middle;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
img {
    border-style: none;
}
*, ::before, ::after {
    box-sizing: border-box;
}
.u-sheet {
    position: relative;
    width: 1140px;
    margin: 0 auto;
}
.u-sheet:not(.u-image):not(.u-video) {
    pointer-events: none;
}
.u-section-2 .u-sheet-1 {
    min-height: 811px;
}
.u-sheet:not(.u-image):not(.u-video) > * {
    pointer-events: auto;
    pointer-events: initial;
}
.u-section-2 .u-layout-wrap-1 {
    margin: 70px auto 70px 0;
        margin-right: auto;
        margin-left: 0px;
}
.u-expanded-width {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.u-gutter-0 .u-layout {
    margin: 0px;
}

@media (min-width: 1200px) {
    .u-sheet {
        width: 1140px;
    }
}
/********************************************************************************* Fin du site nice machin*/

#myswiper {
    text-align: center;
}
swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
  }

  swiper-slide img {
    display: block;
    /* width: 100%; */
    height: 50%;
    margin: auto;
    margin-top: 3%;
    border-radius: 100%;
  }

  swiper-slide div {
    text-align: center;
  }

  /* Fin du slider / carroussel */

  
  #map{ /* la carte DOIT avoir une hauteur sinon elle n'apparaît pas */
    height:400px;
}

.w-fit {width: fit-content;}

#divChgtLangue a {display: table-cell!important;}
#divChgtLangue a:hover i {color: white!important;}
#divChgtLangue a span {vertical-align: top;}

/* Virer les flèches des input number */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number]{
    -moz-appearance: textfield;
}

.recent-work-vertical:not(:hover) .recent-work-content p.card-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#contactForm .row .col-sm select {height: calc(3.5rem + 2px);padding: 1rem .75rem;}

/* On change la couleur des champs quand focused */
.form-control:focus, .form-select:focus {
    border-color: #008B8B!important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(0,139,139,.25)!important;
}

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:hover {
    background-color: #bf795c;
    border-color: #bf795c;
}

@media screen and (max-width: 479px) {
    #contactForm .row .col-sm:nth-child(2) {margin-top: .5rem;}
}