.topnav
{
    background: white;
    border: 1px solide rgb(232, 235, 233);
    border-top: none;
    overflow: hidden;
    width: 100%;
    height: 50px;
    margin-top: 2%;
}

#logo_navbar
{
    width: 5%;
    height: 5%;
    margin-left: 3%;
}

#img_princip
{
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 17%;
    height:17%;
}

.langues
{
    margin-top: 0;
    margin-bottom: 1%;
}
.langues a
{   
    padding: 0.2rem 0.1rem 0.5rem 0.3rem;
    border-radius: 2px;
}

@media (min-width:300px)
{
.langues
{
    display: block;
    margin-left: 80%;
}}


@media (min-width:600px)
{
.langues
{
    display: block;
    margin-left: 90%;
}}



@media (min-width:900px)
{
.langues
{
    display: block;
    margin-left: 93%;
}}
@media (min-width:900px)
{
.langues a
{   
    padding: 0rem 0.15rem 0.2rem 0.3rem;
    border-radius: 2px;
}
}
@media (min-width:1200px)
{
.langues
{
    display: block;
    margin-left: 92%;
}}

@media (min-width:1200px)
{

.langues a
{   
    padding: 0.2rem 0.1rem 0.5rem 0.3rem;
    border-radius: 2px;
}
}

@media (min-width:1400px)
{
.langues a
{   
    padding: 1rem 0.2rem 1rem 0.6rem;
    border-radius: 2px;
}}

@media(min-width:1400px)
{
    .langues
    {
    display: block;
    margin-left: 92%;
    padding-top:10px;
    }
}


.langues a img
{
    width: 35%;
}

.langues a.active
{
    background-color: #d4cfcf;
}

.langues a:hover
{
    border: 2px solid #d4cfcf;
    
}

#a_flag_en
{
    margin-right: 20px;
}
#a_flag_fr{
    margin-left: -20px;
}

h2.hestia-title
{
    font-family: 'Merriweather', serif;
    font-size: 37px;
    font-weight: 700;
    color: #07a7b6;
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-word;
    display: flex;
    justify-content: center;
}
.hestia-team h5.description {
    margin-bottom: 70px;
}


h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

h5.description
{
    line-height: 1.5;
    font-weight: 300;
    font-size: 18px;
    color : #999;
    margin-bottom: 15px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    display: flex;
    justify-content: center;
}

.feature-box
{
    display: inline-block;  
    float : none!important;
    margin-right: auto;
    margin-left: 10%;
    vertical-align: top;
}

.hestia-info
{
    padding: 70px 0 30px;
    margin: 0 auto;
    text-align: center;
}

.hestia-info p
{
    font-size: 16px;
    color: #999;
    margin: 0 0 10px;
}


.hestia-info h4.info-title
{
    font-size: 18px;
    transition: .3s ease;
    margin: 30px 0 15px;
    color: #3c4858;
}

#lalonde
{
    font-size: 16px;
}
.col-md-4 {
    width: 33.33333333%;
    float: left;
}

@media(max-width:480px){
.col-xs-12 {
    width: 100%;
    float: left;    
}}

.col-xs-12
{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 320px){
.col-md-offset-2 {
    margin-left: 16.66666667%;
}}

.col-md-8 {
    width: 66.66666667%;
    float: left;
}

@media (min-width: 768px){
#villa_4 {
    max-width: 840px;
    width: 840px;
}}  



@media (min-width: 992px){
#villa_4 {
    max-width: 960px;
    width: 960px;
}}

@media (min-width: 1200px){
    #villa_4 {
        max-width: 1080px;
        width: 1080px;
    }}

h2.hestia-title, h2.title {
    margin-bottom: 10px;
    font-size: 37px;
    color: #07a7b6;
    text-decoration: none;
    word-wrap: break-word;
}

.hestia-team .col-sm-6
{
    display: inline-block;
    float: none!important;
    margin-right: -4px;
    margin-left: -4px;
    vertical-align: top;
}






.card, .team .card {
    text-align: left;
}

.card-profile {
    margin-top: 30px;
    text-align: center;
}

.card-plain {
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 420px){
#feuille
{
    width: 100%;
    text-align: center;
    margin-right: 16.6667%;
}} 

#feuille
{
    margin-bottom: 20px;
    display: flex;
    margin: auto;
    justify-content: center;
}


.card-description a
{
    color:red;
}
.hestia-team .card {
    text-align: left;
    display: inline-block;
}
.card-profile {
    margin-top: 30px;
    text-align: center;
}
.card-plain {
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.card {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
    border-radius: 6px;
    color: rgba(0,0,0,.87);
    background: #fff;
    max-width: 100%;
}

.col-ms-6
{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media(min-width:850px)
{
.col-md-5 {
    width: 27%;
}   
}


@media(min-width:993px)
{
.col-md-5 {
    width: 28%;
}   
}


@media(min-width:1200px)
{
.col-md-5 {
    width: 30.1%;
}   
}


.card-plain .card-image {
    margin: 0;
    border-radius: 3px;
}

.card .card-image, .card-no-width .card-image {
    overflow: hidden;
    position: relative;
    height: 60%;
    transition: all .3s cubic-bezier(.34,1.61,.7,1);
    transform: translate(0,0);
}

.card-plain .card-image a {
    display: block;
}
a:not(.btn) {
    transition: .3s ease;
}

.card-plain .card-image img {
    border-radius: 3px;
}

.card .card-image img, .card-no-width .card-image img {
    width: 100%;
    height: 100%;
    margin: 0!important;
}

.card .card-image img
{
    height:178px;
}


.hestia-team img, .team img {
    transition: 1s ease-in;
}

.card img, .card-no-width img {
    width: 100%;
    height: auto;
}
.col-md-7 {
    width: 58.33333333%;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

a:not(.btn) {
    transition: .3s ease;
}

.hestia-team .card .content, .team .card .content {
    padding-top: 0;
}



.card .content, .card-no-width .content {
    padding: 15px 30px;
}


.card-plain .content {
    padding-right: 5px;
    padding-left: 5px;
}

.hestia-team .row
{
    text-align: center;
}
.row
{
    margin-left: -15px;
    margin-right: -15px;
}

a{
    background-color: transparent;
}

img {
    height: auto;
}
.wp-caption, button, embed, iframe, img, input, object, select, textarea, video {
    max-width: 100%;
}
img {
    vertical-align: middle;
}
img {
    border: 0;
}

.footer .widget h5, .hestia-info h4.info-title, h4.card-title, section.contactus h4.hestia-title {
    font-size: 18px;
    margin-top:10px;
}

a {
    color: #337ab7;
    text-decoration: none;
}

.card-title, .card-title a, .card-title a:hover, .footer-big h4, .footer-big h4 a, .footer-big h4 a:hover, .footer-big h5, .footer-big h5 a, .footer-big h5 a:hover, .footer-brand, .footer-brand a, .footer-brand a:hover, .hestia-title, .hestia-title a, .hestia-title a:hover, .info-title, .info-title a, .info-title a:hover, .media .media-heading, .media .media-heading a, .media .media-heading a:hover, .title, .title a, .title a:hover, .woocommerce ul.products[class*=columns-] li.product-category h2, .woocommerce ul.products[class*=columns-] li.product-category h2 a, .woocommerce ul.products[class*=columns-] li.product-category h2 a:hover {
    color: #3c4858;
    text-decoration: none;
    word-wrap: break-word;
}
.card-title, .footer-big h4, .footer-big h5, .footer-brand, .hestia-title, .info-title, .media .media-heading, .title, .woocommerce ul.products[class*=columns-] li.product-category h2 {
    font-family: "Roboto Slab","Times New Roman",serif;
}

.card-product .category, .card-title {
    line-height: 1.4;
    
}

.card-title, .footer-big h4, .footer-big h5, .footer-brand, .hestia-title, .info-title, .media .media-heading, .title, .woocommerce ul.products[class*=columns-] li.product-category h2 {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.618;
}
.page-content-wrap h4, .single-post-wrap h4, h4 {
    font-size: 27px;
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4, .h4 {
    font-size: 18px;
}

h6.category {
    text-transform: uppercase;
}
h6.category {
    font-weight: 500;
}
h6.category {
    font-size: 12px;
    letter-spacing: 0.03rem;
}

.text-muted {
    color: #07A7B6;
}
.text-center {
    text-align: center;
}

h6 {
    font-weight: 500;
    line-height: 1.618;
}

.card-description{
    color: #999;
}
.card-description, .woocommerce .product .card-product .card-description p, .woocommerce.single-product .woocommerce-product-details__short-description, section.pricing p.text-gray {
    font-size: 14px;
}
    

.container {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    
}

.container::before
{
    content: " ";
    display: table;
}

.row::before
{
    content: " ";
    display: table;
}
.row::after
{
    clear: both;
    content: " ";
    display: table;
}
.container::after
{
    clear: both;
    content: " ";
    display: table;
}

.hestia-team, .team {
    padding: 15px 0 0 0;
}

section{
    display: block;
}

#case,#case2,#case3,#case4
{
    border-style: none;
}
.hestia-testimonials, .testimonials {
    padding: 15px 0 40px;
}

@media (min-width: 1200px){
.container {
    max-width: 1240px;
}}

@media (min-width: 992px){
.container {
    max-width: 970px;
}}
@media (min-width: 768px){
.container {
    max-width: 750px;
}}
@media (min-width: 749px){
.container {
    max-width: 748px;
}}

@media (min-width: 1200px){
.container {
    width: 1170px;
}}
@media (min-width: 992px){
.container {
    width: 970px;
}}
@media (min-width: 768px){
.container {
    width: 750px;
}}




@media (min-width: 992px){
#blog.hestia-blogs .row,.hestia-clients-bar .row, .hestia-features .row,.hestia-team .row, .hestia-testimonials .row, .hestia-work .row {
        text-align: center;
}}


@media (min-width: 480px){
    #blog.hestia-blogs .row,.hestia-clients-bar .row, .hestia-features .row,.hestia-team .row, .hestia-testimonials .row, .hestia-work .row {
        text-align: center;
    }}
    


@media(min-width:320px)
{
    .col-md-6
    {
        width: 100%;
        padding: 0;
    }
    
}

@media(min-width:490px)
{
    .col-md-6
    {
        width: 50%;
        padding: 0;
    }
    
}

#sel
{
    width: 100%;
    margin:auto;
    text-align: center;
    padding: 0;
}


@media (min-width: 992px){
.col-md-8 {
    width: 66.66666667%;
}}

@media (min-width: 992px){
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }}

@media (min-width: 992px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}}

h2.hestia-title, h2.title {
    margin-bottom: 10px;
}

@media(min-width:200px)
{
    h2.hestia-title, h2.title {
        font-size: 20px;
    }
}

@media(min-width:350px)
{
    h2.hestia-title, h2.title {
        font-size: 25px;
    }
}


@media(min-width:490px)
{
    h2.hestia-title, h2.title {
        font-size: 37px;
    }
}

#loc_vc
{
    display: flex;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    text-align: center;
}

.card-title, .card-title a, .card-title a:hover, .footer-big h4, .footer-big h4 a, .footer-big h4 a:hover, .footer-big h5, .footer-big h5 a, .footer-big h5 a:hover, .footer-brand, .footer-brand a, .footer-brand a:hover, .hestia-title, .hestia-title a, .hestia-title a:hover, .info-title, .info-title a, .info-title a:hover, .media .media-heading, .media .media-heading a, .media .media-heading a:hover, .title, .title a, .title a:hover, .woocommerce ul.products[class*=columns-] li.product-category h2, .woocommerce ul.products[class*=columns-] li.product-category h2 a, .woocommerce ul.products[class*=columns-] li.product-category h2 a:hover {
    color: #3c4858;
    text-decoration: none;
    word-wrap: break-word;
}

h5.description {
    line-height: 1.5;
}

.card-product .price h4, h4.author, h5.description, h5.subscribe-description {
    font-weight: 300;
}

h5.description, h5.subscribe-description {
    font-size: 23px;
}
.card-description, .description, .footer-big {
    color: #999;
}
h5 {
    margin-bottom: 15px;
}

.col-ms-1, .col-ms-10, .col-ms-11, .col-ms-12, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}


@media (min-width: 992px){
#blog.hestia-blogs .hestia-blog-item,.feature-box,.hestia-clients-bar .col-md-3,.hestia-team .col-sm-6, .hestia-testimonials .col-sm-6, .hestia-work .portfolio-item {
    display: inline-block;
    float: none!important;
    margin-right: -4px;
    margin-left: -4px;
    vertical-align: top;
}}

@media (min-width: 320px){
#blog.hestia-blogs .hestia-blog-item,.feature-box,.hestia-clients-bar .col-md-3,.hestia-team .col-sm-6, .hestia-testimonials .col-sm-6, .hestia-work .portfolio-item {
    display: inline-block;
    float: none!important;
    margin-right: -4px;
    margin-left: -4px;
    vertical-align: top;
    
}}


.card, .card-no-width {
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
    border-radius: 6px;
    color: rgba(0,0,0,.87);
    background: #fff;
    max-width: 100%;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.card-plain {
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.card-testimonial {
    margin-top: 30px;
    text-align: center;
}

.card-testimonial .card-avatar {
    max-width: 120px;
    max-height: 120px;
    margin: 30px auto 0;
}
@media(min-width:1200px)
{
    .card-testimonial .card-avatar {
        max-width: 150px;
        max-height: 150px;
        margin: 30px auto 0;
    }
}
@media(min-width:1400px)
{
    .card-testimonial .card-avatar {
        max-width: 180px;
        max-height: 180px;
        margin: 30px auto 0;
    }
}
@media(min-width:1700px)
{
    .card-testimonial .card-avatar {
        max-width: 220px;
        max-height: 220px;
        height:100px;
        margin: 30px auto 0;
    }
}

.card .card-image, .card .header, .card-no-width .card-image, .card-no-width .header, .card-profile .card-avatar, .card-raised, .card-testimonial .card-avatar img, .iframe-container iframe, .img-raised {
    -webkit-box-shadow: 0 16px 38px -12px rgb(0 0 0 / 56%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
    box-shadow: 0 16px 38px -12px rgb(0 0 0 / 56%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
}

.card-testimonial .card-avatar img {
    overflow: hidden;
    max-width: 130px;
    max-height: 130px;
    height: 100px;
    margin: -50px auto 0;
    border-radius: 50%;
}

@media(min-width:1200px)
{
    .card-testimonial .card-avatar img {
        overflow: hidden;
        max-width: 150px;
        max-height: 150px;
        height: 100px;
        margin: -50px auto 0;
        border-radius: 50%;
    }
}
@media(min-width:1400px)
{
    .card-testimonial .card-avatar img {
        overflow: hidden;
        max-width: 180px;
        max-height: 180px;
        height: 130px;
        margin: -50px auto 0;
        border-radius: 50%;
    }
}
@media(min-width:1700px)
{
    .card-testimonial .card-avatar img {
        overflow: hidden;
        max-width: 200px;
        max-height: 200px;
        height: 150px;
        margin: -50px auto 0;
        border-radius: 50%;
    }
}

.card-testimonial .card-avatar+.content {
    margin-top: 15px;
}

#cc1, #cc2, #cc3, #cc4
{
    border-style: none;
}

@media (min-width: 992px){
#cc4_1 {
    width: 33.33333333%;
}}

@media (max-width:480px){
.col-sm-6 {
    width: 100%;
    float: left;
}}


@media (min-width:620px){
.col-sm-6 {
    width: 50%;
    float: left;
    padding: 0;
}}


@media (max-width:480px){
.col-ms-6 {
    width: 100%;
    float: left;
}}
        
        
@media (min-width:620px){
.col-ms-6 {
    width: 48%;
    float: left;
    padding: 0;
}}
#icon_home
{
    filter: invert(1);filter: invert(0.5) sepia(1) saturate(5) hue-rotate(175deg);
}

#icon_glass
{
    filter: invert(93%) sepia(88%) saturate(2460%) hue-rotate(68deg) brightness(91%) contrast(93%);
}