@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');


header,
.vgcenter,
footer {
    width : 1200px;
    margin: 0 auto
}

body {
    font-family     : Montserrat, Georgia, "Times New Roman", Times, serif;
    font-size       : 16px;
    line-height     : 1.75;
    background-color: #fff;
    font-weight     : 400;
}

.contenent {
    clear           : both !important;
    max-width       : 1300px !important;
    margin          : 4% auto 9% auto !important;
    background-color: #FFF !important;
    border-radius   : 8px !important;
    float           : unset !important;
}

.loader {


    position        : fixed;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    background-color: #fff;
    z-index         : 1100;
    z-index         : 9999999;
    justify-content : center;
    align-items     : center;
    display         : flex;

}

#loader-content {

    border-radius  : 163px;
    position       : fixed;
    z-index        : 9999;
    width          : 160px;
    height         : 160px;
    justify-content: center;
    align-items    : center;
    display        : flex;

}

.loader-logo,
#loader-circle {
    position: absolute;
}

.loader-logo {

    color      : #fff;
    font-weight: 700;
    font-size  : 15px;
    line-height: 1e
}

.loader-logo img {
    width: 100px;
}

img {
    border: 0;
}


a {
    text-decoration: none;
}

.isotopeprojets {
    height: 250px !important;
}


header,
.vgcenter,
footer {}

.hdpage {
    width  : 100%;
    display: none;
}

.page {
    background-color: #FFF !important;
}

.pageContent {
    max-width: 1300px;
}

.projet-left-block {
    text-align: right;
}

.bdLanding {
    background-color: #FFF !important;
}

body>section>article {
    margin-top: 50px;
}

body>section {
    margin-top: 50px;
}

/*=======================================
           LOADER
========================================*/
.preloader {
    background: url('../web-images/loading.gif') 50% 50% no-repeat rgb(249, 249, 249);

    bottom  : 0;
    left    : 0;
    position: fixed;
    right   : 0;
    top     : 0;
    z-index : 99999;
}

.status-mes {
    width            : 45px;
    height           : 45px;
    position         : absolute;
    top              : 50%;
    left             : 50%;
    margin           : -40px 0 0 -40px;
    font-size        : 10px;
    text-indent      : -12345px;
    border-top       : 8px solid #978b7c;
    border-right     : 8px solid #978b7c;
    border-bottom    : 8px solid #978b7c;
    border-left      : 8px solid #fff;
    border-radius    : 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation        : spinner 700ms infinite linear;
    z-index          : 10000;
}

.galeriee a {
    clear          : both;
    margin-bottom  : 0;
    color          : #7a7a7a;
    font-size      : .75em;
    text-transform : uppercase;
    display        : inline-block;
    padding        : 5px 0 5px 0 !important;
    text-decoration: none;
    margin         : 5px;
    font-weight    : 500;
    width          : 100%;
}

.galeriee-container {
    float: left;
    width: 100%;
}

.galeriee ul {
    list-style   : none;
    float        : left;
    margin-bottom: 0;
    border       : 0;
    width        : 100%;
    margin-top   : 70px;
}

.galeriee ul li {
    display   : inline-block;
    margin    : 0;
    background: none;
    border    : 1px solid #efefef;
    padding   : 3px;
}

.galeriee .current {
    color              : #0f3b56;
    background-position: bottom center;
    background-repeat  : no-repeat;
    text-decoration    : none;
    padding            : 44px;
    background-color   : #efefef;
}

.galeriee a {
    clear          : both;
    margin-bottom  : 0;
    color          : #7a7a7a;
    font-size      : .75em;
    text-transform : uppercase;
    display        : inline-block;
    padding        : 5px 0 5px 5px !important;
    text-decoration: none;
    margin         : 0 10px;
    font-weight    : 500;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform        : rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform        : rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform        : rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform        : rotate(360deg);
    }
}


/** header **/

.topHd {
    background: #fff;
    padding   : 5px 0;
}

.topHd a {
    margin-left: 15px;
    color      : #FFF;
}

body>div.hd .index .hd {
    position        : absolute;
    top             : 0;
    z-index         : 99;
    background-color: #fff;
}


.hd {
    width   : 100%;
    padding : 0;
    float   : left;
    position: absolute;
    z-index : 99;
    top     : 0;
}

.hd2 {
    position        : absolute;
    top             : 0;
    z-index         : 99;
    background-color: #fff;
    width           : 100%;
    padding         : 0;
    float           : left;
}

header {
    position : relative;
    /* margin: 0; */
    padding  : 0;
}

header .logo {
    padding   : 0;
    margin    : 0;
    text-align: center;
    width     : 100%;
    z-index   : 999;
}

header .logo img {
    height    : 100px;
    position  : absolute;
    display   : block;
    margin-top: -10px;
    left      : 38%
}

header h1 {
    float      : right;
    font-size  : 24px;
    font-style : italic;
    font-weight: 400;
    margin     : 8% 1% 0 0;
    color      : #E5E5E5;
    text-shadow: 0 1px 4px #000;
    text-align : center;
    display    : none;
}


body>div.hd>header {
    z-index: 2;
}

body>div.hd2>header {
    z-index: 2;
}

/** Menu **/

.nav {
    z-index         : 1;
    margin          : 0;
    width           : 100%;
    top             : 0;
    left            : 0;
    right           : 0;
    padding         : 0;
    position        : absolute;
    background-color: #fff0;
}

#projetCarousel:hover {
    cursor: url(./images/main.png), auto;

}

.nav ul {
    list-style   : none;
    padding      : 0;
    margin-bottom: 0;
    height       : 120px;

}

.isStuck {
    list-style   : none;
    padding      : 0;
    margin-bottom: 0;
    height       : 50px;
}

.nav ul>li {
    margin  : 5px 0;
    padding : 0;
    float   : left;
    position: relative;
}

.nav2 ul>li {
    margin  : 5px 0;
    padding : 0;
    float   : left;
    position: relative;
}

.nav ul>li:before {
    color: #dcddd3;
}

.nav ul>li a,
.nav ul>li span {
    display        : inline-block;
    padding        : 0 20px;
    border         : 1px solid transparent;
    color          : #ffffff;
    text-transform : uppercase;
    text-decoration: none;
    font-size      : 15px;
    margin-top     : 85px;
    font-family    : 'Montserrat', sans-serif;
}

.nav2 ul>li a,
.nav ul>li span {
    display        : inline-block;
    padding        : 10px;
    border         : 1px solid transparent;
    color          : #3b505d;
    text-transform : uppercase;
    text-decoration: none;
    font-size      : 13px;
    margin-top     : 30px
}

.nav2 ul li .active a {
    color : #FFF;
    border: 1px solid #FFF;
}

.nav2:hover ul>li a,
.nav ul>li span {
    display        : inline-block;
    padding        : 10px;
    border         : 1px solid transparent;
    color          : white;
    text-transform : uppercase;
    text-decoration: none;
    font-size      : 13px;
    margin-top     : 30px
}

.isStuck ul>li a,
.nav ul>li span {
    display        : inline-block;
    padding        : 10px 20px;
    border         : 1px solid transparent;
    color          : white;
    text-transform : uppercase;
    text-decoration: none;
    font-size      : 14px;
    margin-top     : -1px !important;
    font-family    : 'Montserrat', sans-serif;
}

.nav ul li .active a {
    color : #FFF;
    border: 1px solid #FFF;
}

.nav ul li a:hover {
    text-decoration: underline;
}

.isStuck ul li a:hover {
    text-decoration: underline;

}

.nav ul>li span {
    font-weight: 500;
}

#menu1 a {
    border: 1px solid #363638;
}

#menu ul li ul {
    display: none;
}

#menu ul li .sub-menu {
    display         : none;
    height          : auto;
    left            : -1px;
    position        : absolute;
    width           : 150px;
    z-index         : 87;
    padding         : 0px 0 0 18px;
    margin          : 0;
    background-color: #c1c1c1c7;

}

.sub-menu li {
    width  : 100%;
    float  : left;
    padding: -20px !important;
}

.sub-menu li a {
    font-size     : 13px !important;
    padding       : 5px 0 !important;
    margin        : 0 0 0 10px !important;
    width         : 100%;
    text-transform: none !important;
    border        : none !important;
    color         : black !important;
}

#menu ul li:hover>.sub-menu {
    display: block;
}

.sub-menu li a:hover {
    border: none !important;
    color : #ffffff !important;
}


.telHd {

    position: absolute;
    left    : 0;
    color   : #FFF;
    top     : 0;
}

.telHd span {
    /*padding: 10px;*/
}

.telHd span a {
    background-color: #a3850d;
    float           : left;
    cursor          : pointer;
}

.telHd a {
    background-color: #4a4a4a;
    color           : #FFF;
    padding         : 0px 8px;
    cursor          : copy;
    text-decoration : none;
    float           : right;
    line-height     : 28px;
}

#menu2 a {}

#menu17 a {}

#menu4 a {}

#menu22 a {}

.isStuck {
    padding         : 0 !important;
    z-index         : 9999 !important;
    margin          : 0 !important;
    bottom          : inherit !important;
    background-color: rgba(128, 128, 128, 0.6) !important;
}

.isStuck header .logo {}

.isStuck .langue {
    display: none;
}

.isStuck .logo img {
    width: 200px;
}

.isStuck #menu {}

.isStuck #menu ul>li a {
    padding: 15px 13px;
}

.cart {
    float           : right;
    background-color: #f37e1a;
    padding         : 3px 10px;
    border-top      : 0;
    margin-right    : 0.5%;
    border-radius   : 0 0 5px 5px;
    position        : absolute;
    right           : 0;
    top             : 0;
    z-index         : 200;
}

.cart p {
    text-align: center;
    margin    : 0;
    color     : #646464;
    font-size : 11px;
}

.cart a {
    text-align         : left;
    margin             : 0;
    color              : #fbfbfb;
    font-size          : 15px;
    /* text-transform  :uppercase; */
    background-image   : url(../web-images/panier.png);
    background-position: left center;
    background-repeat  : no-repeat;
    background-size    : 29px;
    padding            : 0px 0 0 39px;
    line-height        : 37px;
    display            : block;
    text-decoration    : none;

}



/*Langue*/
.langue {

    width: 120px;

    -moz-border-radius: 0 0 3px 0;

    border-radius: 0 0 5px 5px;

    padding-left: 0;

    padding: 0;

    height: 25px;

    z-index: 999;

    float: right;

    position: absolute;

    right: 0px;

    top: 10px;
}

/*******************masonry*/
* {
    box-sizing: border-box;
}

/* force scrollbar */
html {
    overflow-y: scroll;
}

body {
    font-family: sans-serif;
}

/* ---- grid ---- */

.grid {
    background: #DDD;
    margin    : 0 auto;
}

/* clear fix */
.grid:after {
    content: '';
    display: block;
    clear  : both;
}

/* ---- .grid-item ---- */

.grid-sizer {
    width: 25%;
}

.grid-item {
    width: 25%;
}

/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .grid-item {
        width: 50%;
    }
}

/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 540px) {
    .grid-item {
        width: 100%;
    }
}

.grid-item {
    float: left;
}

.grid-item img {
    display  : block;
    max-width: 100%;
    width    : 100%;
}

#lslang {
    padding  : 0 0 0 8px;
    color    : #FFF;
    cursor   : pointer;
    font-size: 18px;
}

#slangs {
    padding      : 5px 8px;
    border-radius: 0 0 5px 5px;
}

#slangs a {
    display     : inline-block;
    margin-right: 5px
}

#slangs a img {}

#slangs div {
    padding: 3px 0;
    z-index: 9999
}

#slangs div a {
    color          : #FFFFFF;
    text-decoration: none;
    font-size      : 14px;
}

#slangs div a:hover {
    color: #D5D5D5;
}

section {
    float: left;
    width: 100%;
}

.index section {
    clear           : both;
    width           : 100%;
    margin          : 0 auto 0 auto;
    background-color: #FFF;
    border-radius   : 8px
}

.slide {
    width   : 100%;
    float   : left;
    position: relative;
}

.index section hr {}

.pcontact {
    background-color: #FFF;
    margin-bottom   : 2%;
    margin-top      : 3%;
}

.colTxt {
    width             : 48%;
    float             : left;
    background        : #FFF;
    padding           : 2.15% 6.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    margin-right      : 1%;
}

.colTxt h2 {

    text-align: center;
}

.colTxt p {
    text-align : center;
    font-weight: normal;
}

.colImg {
    width      : 48%;
    float      : left;
    margin-left: 1%;
}

.colImg img {
    width: 100%
}

.col-idx {
    width  : 100%;
    margin : 0;
    padding: 1%;
    clear  : both;
    float  : left;
}

.h1ind {
    font-family: 'Playfair Display', serif;

    text-align: center;
    color     : rgb(37, 37, 37);
    margin    : 20px 0;
    padding   : 10px;
}

.col-idx2 {
    width    : 100%;
    max-width: 1500px;
    margin   : 0 auto;
}

.col-idx2 h1 {
    text-align : center;
    font-size  : 30px;
    color      : #3b505d;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.col-idx2 h2 {
    font-family  : 'Playfair Display', serif;
    text-align   : center;
    color        : rgb(37, 37, 37);
    font-size    : 23px;
    margin-bottom: 20px;
    font-weight  : 500;

}

.col-idx2 h3 {
    text-align  : center;
    color       : #d2d2d2;
    font-size   : 21px;
    margin-top  : 50px;
    font-weight : 300;
    margin-right: 65px;
}

.col-idx2 p {
    text-align : center;
    font-size  : 15px;
    color      : #5d5d5d;
    font-family: 'Montserrat', sans-serif;

}

.col-idx2 img {
    max-width    : 100%;
    width        : auto;
    text-align   : center;
    margin-bottom: 5px;
}

.vig p {
    font-size    : 14px;
    text-align   : center !important;
    line-height  : 20px;
    margin-bottom: 50px;

}

.vig h4 {
    font-size : 18px;
    margin-top: 27px;

}

.vig img {
    margin-top: 8px;
}

.col-idx2 a {
    color: #80b4da;
}

.vgcenter {
    padding: 10px 0 50px 0;
    float  : center;
}

.vg {
    width     : 100%;
    float     : left;
    margin-top: 25px;
}

.vignette {
    width        : 100%;
    float        : left;
    background   : #fafafa none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow   : 0 1px 1px rgba(0, 0, 0, 0.1);
    margin       : 15px 0;
    position     : relative;
}

.vignette:hover {
    background: #fafafa none repeat scroll 0 0;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.vignette a:before {
    background        : rgba(255, 255, 255, 0.3);
    left              : 0;
    right             : 0;
    top               : 0;
    height            : 0;
    -moz-transition   : 0.2s;
    -o-transition     : 0.2s;
    -webkit-transition: 0.2s;
    transition        : 0.2s;
    z-index           : 1;
}

.vignette a:hover:before {
    height: 100%;
}

.vignette a {
    text-decoration: none;
    color          : inherit;
    font-size      : 17px;
}

.vignette figure {

    float: left;

    padding   : 0;
    margin    : 0;
    text-align: center;
}

.vignette img {
    width        : 100%;
    border-radius: 50%;
}

.vignette h3 {
    font-size : 20px;
    color     : #FFF;
    text-align: left;
    width     : 100%;
    clear     : both;
    margin    : 0;

    background   : #978b7c;
    padding      : 2px;
    font-weight  : normal;
    border-radius: 3px;
}


.vignette .lienv {
    overflow             : hidden;
    padding              : 6px 21px !important;
    color                : #FFF !important;
    font-weight          : bold;
    text-shadow          : none;
    background           : #80a8bf !important;
    border               : none;
    font-size            : 13px;
    box-shadow           : none;
    text-decoration      : none;
    text-transform       : uppercase;
    -webkit-transition   : all 0.3s ease;
    -moz-transition      : all 0.3s ease;
    -o-transition        : all 0.3s ease;
    transition           : all 0.3s ease;
    /* float             : left; */
    margin-top           : 6px;
    display              : inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    border-radius        : 3px;
}


.vignette p {
    color      : #253951;
    margin     : 0;
    font-size  : 16px;
    line-height: 20px;
    text-align : center;
    padding    : 0;
    float      : left;
    width      : 100%;
}

.vgcenter2 {
    width : 1200px;
    margin: 60px auto 20px auto;
}

.vignette2 {
    width             : 31.333%;
    float             : left;
    position          : relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    margin            : 1%;
}


.vignette2 img {
    width             : 100%;
    float             : left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;

    -webkit-transition: all 0.5s;
    -moz-transition   : all 0.5s;
    -o-transition     : all 0.5s;
    -ms-transition    : all 0.5s;
    transition        : all 0.5s;
}

.vignette2 a {
    display: block;
    float  : left;
}

.vignette2 a:hover img {
    opacity: 0.7;
}


.vignette2 h2 {
    position        : absolute;
    background-color: #f37e1a;
    color           : #FFF;
    padding         : 3px 10px;
    font-weight     : 400;
    font-size       : 20px;
}

.vignette2:hover h2 {
    position        : absolute;
    background-color: #76acd3;
    color           : #FFF;
    padding         : 3px 10px;
    font-weight     : 400;
    font-size       : 20px;
}






.adresse p {
    margin: 40px 50px;
    color : #FFF;
}

article.page {
    background-color: #FFF;
    margin-bottom   : 3%;
    margin-top      : 3%;
    clear           : both;
    float           : left;
    position        : relative;
}



/*

* Galerie
*/


.btgalerie {
    background           : url('../web-images/album.png') no-repeat #676767 left 10px top 6px;
    padding              : 7px 11px 8px 50px;
    text-decoration      : none;
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    border-radius        : 5px;
    float                : right;
    margin               : 1%;
    height               : 18px;
}


.single_3 {
    text-decoration: none;
}


#toTop {
    display        : none;
    text-decoration: none;
    position       : fixed;

    bottom       : 165px;
    right        : 20px !important;
    border-radius: 500px;
    width        : 26px;
    height       : 26px;
}

#toTop:before {
    content    : '\f077';
    color      : #978b7c;
    font-size  : 30px;
    line-height: 27px;
    right      : 20px;
    bottom     : 73.5px;
    position   : fixed;
}

/* Pages contenu */

.page1 .col-text {
    float: right;
}

.page2 .col-text {
    float: left;
}


.page3 .col-img {
    float: left;
    width: 100%;
}

.page3 .col-img img {
    float: left;
    width: 25%;
}

.page3 .col-text {
    float  : left;
    width  : 75%;
    padding: 2% 2% 0 2%;
}

.col-img {
    width : 30%;
    float : right;
    margin: 1% 2%;
}

.col-img p {
    text-align: center;
}

.col-img p img {
    width     : 100%;
    border    : 2px solid #0f3b56;
    box-shadow: 0 1px 5px #303030;
}

#page-6 .col-text {
    width: 100%;
}

.col-text {
    padding  : 0%;
    max-width: 1200px;
    margin   : 0 auto;
}

#page-44>.col-text {
    width: 100%;
}

.large {
    width  : 98%;
    padding: 4% 1% 1% 1%;
}

/*=======================================
            Form envoi demande
========================================*/

.form2 {
    /* margin-bottom  :3%; */
    float             : left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    padding           : 1%;
}

.form2 fieldset {
    border            : 1px solid #ccc;
    border-radius     : 5px;
    float             : left;
    padding           : 1%;
    width             : 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    margin            : 1% 0;
}

.form2 fieldset legend {
    color      : #074a5d;
    font-size  : 20px;
    font-weight: normal;
    font-weight: bold;
}

.perso p {
    float : left;
    margin: 2px 0;
    width : 50%;
}

.adr_liv {
    width      : 100% !important;
    margin-top : 10px !important;
    color      : #074a5d;
    font-weight: bold;
}

.perso label {
    color             : #673636;
    display           : block;
    float             : left;
    font-size         : 16px;
    padding-left      : 6px;
    padding-top       : 4px;
    width             : 39%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
}

.form2 input[type="text"],
.form2 select,
.form2 input[type="email"] {
    background-color     : #eaeaea;
    border               : 1px solid #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    border-radius        : 3px;
    font-size            : 16px;
    padding              : 5px;
    width                : 60%;
    -webkit-box-sizing   : border-box;
    -moz-box-sizing      : border-box;
    -ms-box-sizing       : border-box;
    box-sizing           : border-box;

}

.form2 input[type="submit"],
.form2 input[type="button"] {
    background-color  : #074a5d;
    border            : 1px solid #0e4b86;
    border-radius     : 3px;
    color             : #fff;
    cursor            : pointer;
    float             : right;
    font-size         : 14px;
    margin            : 1% 1% 0 0;
    padding           : 10px 30px 8px;
    text-decoration   : none;
    text-transform    : uppercase;
    font-weight       : bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
}

.perso2 p {
    float : left;
    margin: 5px 0;
    width : 100%;
}

.perso2 label {
    color      : #3d3d3d;
    display    : block;
    float      : left;
    font-size  : 16px;
    margin-left: 10px;
    padding-top: 4px;
    width      : 50%;
}

.card {
    position : relative;
    display  : block;
    max-width: 310px;
    margin   : 6px;
}

.col-text h1 {
    color        : rgb(37, 37, 37);
    font-size    : 25px;
    font-weight  : 400;
    margin-bottom: 20px;
    margin-top   : 50px;
    text-align   : left;
    font-family  : 'Playfair Display', serif;
}

body>section>article>div>div>div>h1 {
    text-align: center !important;
}

.immo h1 {
    color         : #202a33;
    font-size     : 25px;
    font-weight   : 500;
    margin-bottom : 20px;
    margin-top    : 20px;
    text-align    : left;
    text-transform: initial;
    font-family   : 'Montserrat', sans-serif;
}

#page-4>div>p:nth-child(3)>img {
    width: 80%;
}

.verth1 {
    background-color: #bbc33d;
}

.bleuh1 {
    background-color: #2196f3;
}

.roseh1 {
    background-color: #e660b9;
}

.orangeh1 {
    background-color: #f2902c;
}

.vignette h3 {
    color      : #ffffff;
    font-weight: normal;
    text-align : center;
}

.col-text h2 {

    color        : #80b4da;
    font-size    : 20px;
    font-weight  : 300;
    margin-top   : 35px;
    margin-bottom: 35px;
    font-family  : 'Playfair Display', serif;
}

.col-text h3 {
    font-size  : 16px;
    color      : #585858;
    text-align : left;
    line-height: 25px;
    font-weight: 700;
    margin-top : 30px;
    font-family: 'Montserrat', sans-serif;

}

.col-text h4 {
    font-size  : 16px;
    color      : #585858;
    text-align : justify;
    line-height: 25px;
    font-weight: bold;
}

.col-text p {
    font-size  : 15px;
    color      : #808080;
    text-align : justify;
    line-height: 27px;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
}

.col-text a {
    font-size    : 15px;
    color        : #808080;
    /* text-align: justify; */
    line-height  : 27px;
    font-weight  : normal;
}

.col-projet-left p {
    font-size   : 14px;
    color       : #999;
    text-align  : right;
    font-weight : normal;
    margin-right: 100px;
}

.col-projet-left em {
    color       : #d6d6d6;
    margin-right: 10px;
}

.projet h1 {
    font-size  : 20px;
    color      : #3b505d;
    font-weight: 400;
    margin     : 50px 100px 30px 100px;
}

.projet hr {
    text-align: right;
    border-top: 1px solid #80b8e0;
    margin    : 0 100px 40px 100px;
}

.col-projet-right p {
    font-size  : 14px;
    color      : #333;
    text-align : justify;
    font-weight: 400;
    margin     : 0px 200px 15px 25px;
    max-width  : 880px;
    line-height: 26px;
}

.col-projet-right h2 {
    font-size  : 20px;
    color      : #3b505d;
    text-align : left;
    font-weight: 400;
    margin     : 50px 200px 25px 25px;
    max-width  : 880px;
}

.back-link {
    float          : right;
    margin-right   : 100px;
    clear          : both;
    font-size      : .75em;
    padding        : .75em 1em;
    text-decoration: none;
    background     : #80b8e0;
    color          : #fff;
}

.back-link:hover {
    background: #fff;
    color     : #80b8e0
}

.icon-arrow-left:before {
    content: "\3c";
}

.actu p {
    font-size  : 15px;
    color      : #676767;
    line-height: 27px;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
}

.actu a {
    font-size: 15px;
    color    : #9a9a9a;
}

.boffre {
    background-color: #d13076;
    color           : #FFF !important;
    padding         : 3px 10px 0 10px;
    display         : table;
    text-transform  : uppercase;
    font-weight     : bold !important;
}

.boffre a {
    color          : #FFF;
    text-decoration: none !important;
}

.br1 {
    font-weight: bold;
    color      : #93b032 !important;
    /* margin  : 5px 0; */
    padding    : 0;
}

.col-text p em {
    color: #707070;
}

.col-text a {
    /*text-decoration:underline;*/
}

.col-text ul {
    font-size   : 15px;
    color       : #444444;
    font-weight : normal;
    text-align  : justify;
    padding-left: 12px;
    list-style  : none;
    margin-top  : 5px;
    line-height : 20px;
}


.col-text ul li,
.col1 ul li {
    background: url(../web-images/puce.png) no-repeat top 3px left;
    padding   : 0 0 5px 24px;
    color     : #808080;
}

.col-text hr {
    background     : url(../web-images/points.png) center bottom repeat-x;
    clear          : both;
    background-size: 15px;
    height         : 10px;
    border         : 0 !important;
    width          : 57%;
    margin-left    : 18%;
    margin         : 4% auto;
}

.ct-hr {
    background     : url(../web-images/points.png) left bottom repeat-x;
    clear          : both;
    background-size: 15px;
    height         : 10px;
    border         : 0 !important;
    width          : 57%;
    /* margin-left : 18%; */
    margin         : 1% auto;
}



/* Pages contenu  fin */


.hrPr {
    position  : relative;
    display   : inline-block;
    width     : 335px;
    height    : 3px;
    background: #fff;
    content   : "";
    margin-top: 35px;
}


.more {
    position             : relative;
    display              : inline-block;
    overflow             : hidden;
    padding              : 16px 42px 17px !important;
    font                 : 500 15px/15px 'Ubuntu', sans-serif;
    color                : #FFF !important;
    text-shadow          : none;
    background           : #2a74a0 !important;
    -webkit-border-radius: 0;
    -moz-border-radius   : 0;
    border-radius        : 0;
    border               : none;
    box-shadow           : none;
    height               : auto !important;
    text-decoration      : none;
    text-transform       : uppercase;
    -webkit-transition   : all 0.3s ease;
    -moz-transition      : all 0.3s ease;
    -o-transition        : all 0.3s ease;
    transition           : all 0.3s ease;
    margin-top           : 30px;
    border-radius        : 5px;
}


.more:hover {
    color             : #000 !important;
    background        : #FFF !important;
    text-shadow       : none;
    box-shadow        : none;
    text-decoration   : none !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition   : all 0.3s ease;
    -o-transition     : all 0.3s ease;
    transition        : all 0.3s ease;
}

/*****/

form#formulaire {
    font-size : 14px;
    color     : #726667;
    text-align: justify;
}

.formP {
    float             : left;
    margin            : 0 1% !important;
    padding           : 4px;
    width             : 98% !important;
    /* text-align     : right; */
    border-radius     : 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
}

.formP p {
    margin    : 0 !important;
    float     : right !important;
    text-align: right;
    width     : 100%;
}

.formP label {
    /* font-weight:bold!important; */
    color         : #737373 !important;
    float         : left !important;
    text-transform: uppercase !important;
    padding       : 8px 5px 0 !important;
    width         : auto !important;
    font-size     : 14px;
}

.formP select {
    padding      : 4px 8px !important;
    font-size    : 14px !important;
    border       : 1px solid #B3B3B3;
    border-radius: 3px !important;
    float        : left !important;
    margin-top   : 50px;
}

.card-body h4 {
    font-size  : 17px;
    font-weight: 600;
}

.card-body a {
    color: #000;
}

.card-body p {
    font-size: 13px;
    color    : #768092
}

.card-body {
    margin-bottom: 50px;
}

.footerCard .btn {
    font-size       : 14px;
    color           : #fff;
    background-color: #79b1d6;
}

.footerCard {
    position     : absolute;
    bottom       : 0;
    width        : 100%;
    padding-left : 20px;
    padding-right: 20px;

}

.page .list {
    position          : relative;
    display           : flex;
    flex-wrap         : wrap;
    padding           : 6px 6px;
    justify-content   : center;
    /* float          : left; */
    max-width         : 1300px;
    margin            : 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
}


.page .list h2 {
    font-size         : 20px;
    color             : #000000;
    a background-color: initial;
    padding           : 0;
}

.page .list h3 {
    font-size  : 22px;
    /* margin  : 15px 0 0 0; */
    color      : #074a5d;
    font-family: 'Roboto Slab', serif;
    display    : none;
}

.page .list .prod {
    border-spacing    : 0 2px;
    margin            : 0.5%;
    width             : 32.333%;
    float             : left;
    border            : 1px solid #9b9b9b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    /* min-height     : 432px; */
    padding           : 1%;
    border-radius     : 8px;
    background-color  : #FFF;
    position          : relative;
}

.page .list .prod:hover {

    box-shadow      : 0 0 20px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    /* border-color : transparent; */
}


.page .list .prod p {
    font-size  : 16px;
    color      : #7a7a7a;
    font-weight: bold;
}

.page .list .prod h4 {
    margin       : 0;
    /* text-align:center; */
    padding      : 5px 0;
    font-size    : 16px;
    color        : #cccccc;
    /* height    : 39px; */
    line-height  : 21px;
    font-weight  : normal;
    position     : absolute;
}

.page .list .prod img {
    float: left;
    width: 100%;
}

.page .list .prod .prodtxt {
    width             : 70%;
    float             : left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    padding           : 0 0 0 1%;
}

.page .list .prod .tarif {
    vertical-align: bottom;
    font-weight   : bold;
    margin        : 0;
    font-size     : 34px;
    color         : #b4a579;
    float         : left;
}

.page .list .prod .tarif span {
    font-weight: normal;
    color      : #000;
}

.page .list .prod .pilien {
    color          : #FFF;
    background     : top -2px center url(../web-images/fd-bt.png) no-repeat #074a5d;
    text-decoration: none;
    width          : 93px;
    float          : right;
    text-align     : center;
    margin-left    : 0;
    padding        : 8px 0 5px 0;
    margin-bottom  : 0;
    margin-top     : 5px;
    text-transform : uppercase;
    font-size      : 12px;
    top            : 20px;
    border-radius  : 4px;
}

/************************ image accueil ****************/
.row {
    display: -ms-flexbox;
    /* IE10 */
    display      : flex;
    -ms-flex-wrap: wrap;
    /* IE10 */
    flex-wrap: wrap;
    padding  : 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
    flex          : 25%;
    padding       : 0 4px;
    display       : flex;
    flex-direction: column;
}

.column img {
    vertical-align: middle;
    width         : 100%;
    height        : 100%;
}


.photoWrapper {
    display            : block;
    position           : relative;
    overflow           : hidden;
    background-size    : cover;
    background-position: 50%;
    flex-grow          : 2;
    margin-bottom      : 5px;
    margin-top         : 5px
}

#page-50>div>p:nth-child(3) {
    text-align: center;
}

#page-50>div>p:nth-child(3) img {
    padding: 10px;
}

#page-48 > div > p:nth-child(4){
    text-align: center;
}
#page-48 > div > p:nth-child(4) img{
    padding: 10px;
}

.photo-title {
    position     : absolute;
    color        : #fff;
    text-shadow  : 0 2px 3px #000;
    font-weight  : 500;
    font-size    : 26px;
    bottom       : 5px;
    left         : 26px;
    padding-right: 80px;
    font-family  : 'Montserrat', sans-serif;
}

.dest a {
    color      : rgb(37, 37, 37);
    font-size  : 18px;
    float      : right;
    font-family: 'Montserrat', sans-serif;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .column {

        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        -ms-flex : 100%;
        flex     : 100%;
        max-width: 100%;
    }
}

/**********************/
.image-accueil-left {
    max-height: 680px;
    margin-top: 30px
}

.withbg {
    background-color: rgba(138, 138, 138, 0.53);
}

.bloc-accueil h3 {
    text-align : justify;
    font-size  : 20px;
    color      : #80b4da;
    margin-top : 30px;
    font-family: 'Montserrat', sans-serif;
}

.bloc-accueil p {
    text-align : justify;
    font-size  : 15px;
    color      : #8a8a8a;
    margin-top : 30px;
    font-family: 'Montserrat', sans-serif;
}

.bloc-accueil a {
    float           : right;
    font-size       : 15px;
    color           : #545454;
    background-color: antiquewhite;
    padding         : 10px;
}

/*=======================================
details produit
========================================*/



.h2panier {
    float           : left;
    margin          : 10px 0 0px 16px;
    color           : #074a5d;
    background-color: initial;
    padding         : 0;
    font-size       : 20px;
}

.produit {
    border-top        : 1px solid #b4a579;
    float             : left;
    margin            : 0;
    width             : 100%;
    padding           : 1% 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    background-color  : #FFF;
    border-radius     : 0 0 10px 10px;
}

.produit .imgp {
    float             : left;
    width             : 28%;
    padding-right     : 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
}

.img-big {
    width: 100%;
    float: left;
}

.img-big img {}

.img-small {
    width : 23%;
    margin: 1%;
    float : left;
}


.img-small img {}

.produit .txtp {
    float             : right;
    width             : 72%;
    margin-top        : 1%;
    margin-bottom     : 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    padding-right     : 1%;
}

.produit .txtp p {
    /*font-size: 14px !important;*/
    /* color   : #768092 !important;*/
    text-align : justify;
}


.produits {
    border       : 1px solid #ccc;
    border-radius: 5px;
    float        : left;
    margin       : 1%;
    width        : 98%;
    padding      : 1% 2%;



    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    /* margin-bottom  : 1%; */
}

.produit img {
    width             : 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    border            : 1px solid #CCC;
}

.produit table {
    float     : left;
    margin-top: 18px;
    width     : 756px;
}

.produit .txtp h1 {
    font-size       : 24px;
    text-align      : left;
    background-color: transparent;
    margin          : 0;
    text-transform  : none !important;
    color           : #000;
}

.produit .txtp h1::after {
    display: none;
}

.produit .tarifp {
    vertical-align  : bottom;
    font-weight     : 600;
    margin          : 0;
    /* text-align   : center; */
    font-size       : 18px !important;
    color           : #1A2B48 !important;
    /* border-bottom: 1px dashed #CCC; */
    text-align      : right !important;
}

.produit .quantite {
    vertical-align  : bottom;
    /* font-weight  : bold; */
    margin          : 0;
    /* text-align   : center; */
    font-size       : 21px;
    color           : #074a5d !important;
    /* border-bottom: 1px dashed #CCC; */
    text-align      : right !important;
}


.produit .txtp hr {
    background     : url(../web-images/points.png) center bottom repeat-x;
    clear          : both;
    background-size: 15px !important;
    height         : 9px;
    border         : 0 !important;
    width          : 100%;
    margin         : 0;
    background-size: 2px !important;
}

.produit .boutoncom {
    float : right;
    clear : both;
    margin: 0 1% 0 0;
}

.produit .boutoncom a {
    background-color: #000000;
    padding         : 3px 8px;
    color           : #FFF;
    text-decoration : none;
    border-radius   : 3px;
    margin          : 0;
}




.produit form {
    color     : #3d3d3d;
    float     : right;
    font-size : 18px;
    margin    : 1% 0;
    width     : 461px;
    text-align: right;
}

.produit input {
    border-radius: 3px;
    font-size    : 18px;
}

.produit input[type="number"],
#dep {
    border : 1px solid #ccc;
    margin : 0 10px;
    padding: 5px;
    width  : 35px;
}

.produit input[type="button"] {
    background-color: #79aed4;
    border          : 1px solid #0e4b86;
    color           : #fff;
    cursor          : pointer;
    margin          : 0;
    padding         : 5px 22px;
    float           : right;
}

.vide {
    font-size : 20px;
    text-align: center;
    padding   : 10px;
}

.produit #msg {
    color      : #FF0000;
    float      : right;
    margin     : 0 0 10px 0;
    float      : left;
    width      : 100%;
    font-weight: bold;
    text-align : right;
}

.produits img {
    height: 70px;
    margin: 10px;

    width: 100px;
}

.produits h2 {
    /* float        : left; */
    margin          : 0;
    color           : #707070;
    background-color: initial;
    padding         : 0;
    font-size       : 16px;
}

.produits p {
    font-size: 15px;
    margin   : 3px 0 0 0;
}

.produits p span {
    float  : left;
    margin : 0 16px 0 0;
    width  : 197PX;
    display: block;
}




.produits .delete {
    background-color: #980030;
    border          : medium none;
    border-radius   : 12px;
    color           : #fff;
    cursor          : pointer;
    float           : right;
    margin          : 5px 7px -25px;
    padding         : 2px 4px 1px 3px;
}


/*****/

.galphoto {
    width           : 100%;
    clear           : both;
    background-color: #FFF;
    background-color: #FFF;
    margin-bottom   : 3%;
    margin-top      : 3%;
    float           : left;
}

.galphoto hr {
    width : 100%;
    clear : both;
    border: 0;
}

.galphoto h2 {
    clear        : both;
    font-weight  : bold;
    color        : #3A3A3A !important;
    font-size    : 20px;
    margin-bottom: 0;
    margin-left  : 1%;
}

.galphoto a {
    text-decoration: none;
    float          : left;
    width          : 23%;
    padding        : 1%;
}

.galphoto a img {
    width: 100%
}

.cs-pricing {
    float : left;
    width : 100%;
    margin: 50px 0;
}

.price {
    font-size  : 18px !important;
    color      : #1A2B48 !important;
    font-weight: 600;
    float      : right;
}

.vig-3 {
    width             : 25%;
    float             : left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
}

.vig-3 h2 {
    padding       : 15px 0;
    margin        : 0;
    font-size     : 20px;
    line-height   : 1.1;
    letter-spacing: 0;
    text-align    : center;
    color         : #FFF;
}

.vig-3 h3 {
    padding       : 40px 20px 40px;
    font-size     : 60px;
    line-height   : 20px;
    letter-spacing: -2px;
    margin        : 0 !important;
    text-align    : center;
    color         : #FFF;
}

.vig-3 h3 sup {
    top           : -5px;
    font-size     : 40%;
    vertical-align: top;
}

.vig-3 h3 span {
    display       : inline-block;
    margin-left   : 5px;
    font-size     : 25%;
    letter-spacing: 0;
}

.vig-3 .content {
    color             : #555;
    border            : 1px solid #c7c7c7;
    background-color  : #fff;
    border-top        : 0;
    text-align        : center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    padding           : 0;
    margin            : 0 0 -1px -1px
}

.vig-3 .content ul {
    list-style-type: none;
    padding        : 0;
    margin         : 0;
    margin-bottom  : -1px;
}

.vig-3 .content ul li {
    border-bottom: 1px solid #e8e8e8;
    padding      : 10px;
    background   : none;
    text-align   : center
}

.vig-3 .content .cs-button {
    margin: 25px 0;
}

.vig-3 .content .cs-button a {
    font-size       : 16px;
    padding         : 8px 24px;
    line-height     : 1.6326530617;
    background-color: #d13076;
    color           : #FFF;
    text-decoration : none
}

.carousel-caption h5 {
    color    : #0e0e0e;
    /* margin: 0; */
}

.carousel-caption p {
    /* margin: 15px 0 0 0; */
}

.carousel-caption p img {
    vertical-align: bottom;
    width         : 26px;
    margin-left   : 14px;
}

.carousel-caption p span {
    margin-left: 8px;
}

.carousel-caption span {
    color: #100f0f;
}

.owl-nav {
    float: right;
}

.owl-prev {
    background-color: #7db1d7 !important;
    color           : white !important;
    /* padding      : 59px; */
    height          : auto;
    width           : 75px !important;
}

.owl-next {
    background-color: #f37e1a !important;
    color           : white !important;
    /* padding      : 59px; */
    height          : auto;
    width           : 75px !important;
}

.owl-nav {
    position : absolute !important;
    right    : 0 !important;
    bottom   : -30px !important;
    font-size: 50px;
}

.ow-nav {
    background        : #f05c1f;
    border-top        : 1px solid #f37d4f;
    -webkit-box-shadow: 1px 1px 3px #999;
    box-shadow        : 1px 1px 3px #999
}

.owl-carousel {
    height    : 80vh;
    min-height: 200px;
    z-index   : 0 !important;
}

.owl-carousel .owl-stage-outer {
    height: 100%
}

.owl-carousel .owl-stage,
.owl-carousel .owl-item,
.owl-carousel .owl-item .item {
    height: 100%;
}

.owl-carousel .owl-item img {
    height    : auto;
    width     : auto !important;
    max-height: 100%;
    min-height: 100%;
}

.red {
    background-color: #dc508d;
}

.orange {
    background-color: #f0ad4e;
}

.vert {
    background-color: #93b032;
}


.noire {
    background-color: #236e9a;
}

.cs-r {
    background-color: #d13076 !important;
    color           : #FFF !important;
    font-size       : 18px !important;
}

.cs-o {
    background-color: #ec971f !important;
    color           : #FFF !important;
    font-size       : 18px !important;
}

.cs-v {
    background-color: #819c27 !important;
    color           : #FFF !important;
    font-size       : 18px !important;
}

.cs-b {
    background-color: #1f516f !important;
    color           : #FFF !important;
    font-size       : 18px !important;
}

.cs-gray {
    background-color: #adadad !important;
    color           : #FFF !important;
}

.cs-gray2 {
    background-color: #d0d0d0 !important;
    color           : #6d6d6d !important;
    border-bottom   : 1px solid #ffffff !important;
}

.cs-gray3 {
    background-color: #f1f1f1 !important;
    color           : #6d6d6d !important;
    border-bottom   : 1px solid #ffffff !important;
}

.red h2 {
    background-color: #d13076;
}

.orange h2 {
    background-color: #ec971f;
}

.vert h2 {
    background-color: #819c27;
}

.noire h2 {
    background-color: #1f516f;
}

.col2 {
    float : left;
    width : 48%;
    margin: 0 1% 0 1%;
}

.col2 h2 {
    color      : #f21515;
    font-size  : 16px;
    font-weight: bold;
}


.col2 p,
.col2 ul {
    font-size: 14px;

}

.contact {
    padding      : 0;
    margin-left  : 10%;
    margin-bottom: 21px;
}

.ft {
    clear              : both;
    width              : 100%;
    float              : left;
    margin             : 0;
    background-image   : url(../web-images/bg-footer.png);
    background-position: left top;
    background-repeat  : repeat-x;
    margin-top         : -10px;
    z-index            : 9999;
    position           : relative;

}

.ft h4 {
    color    : #ab9556;
    font-size: 18px;
}

.ftrs {
    margin: 0 10;
}

.car {
    width : 100%;
    float : left;
    margin: 0;
}

.info {
    float    : left;
    font-size: 16px;
    color    : #FFF;
    margin   : 2% 1%;
}

.info img {
    width: 170px
}

.banner-ind {
    background     : url(../web-images/banner_1.jpg) 50% 0 no-repeat fixed;
    color          : #FFF;
    margin         : 0 auto;
    /* overflow    : hidden; */
    padding        : 0;
    background-size: cover;
    height         : 350px;
    position       : relative;
}

.banner-ind::before {
    background: url(../web-images/after-section.png) center top repeat-x;
    position  : absolute;
    left      : 0;
    top       : -1px;
    right     : 0;
    content   : '';
    height    : 29px;
    z-index   : 9;
}





/*=======================================
            Menus
========================================*/

.tarifs {
    width           : 100%;
    float           : left;
    /* width        : 80%; */
    background-color: #FFF;
    padding         : 2% 0;
}

.tarifs h2 {
    margin-bottom : 1px;
    color         : #93b032 !important;
    font-size     : 28px !important;
    padding       : 0.5% 1%;
    float         : left;
    width         : 98%;
    border-radius : 8px 0 0 0;
    margin-top    : 0;
    text-align    : center;
    text-transform: initial !important;
}

.tarifs ul {



    list-style: none outside none;
    margin    : 0 0 2% 0;
    padding   : 0 0 1% 0 !important;
    width     : 100%;
    float     : left;
}

.tarifs hr {
    background   : url(../web-images/points.png) center bottom repeat-x;
    clear        : both;
    height       : 10px;
    border       : 0 !important;
    width        : 64%;
    margin-left  : 18%;
    margin-bottom: 2%;
}


.tarifs ul .item {
    /* background-color: transparent; */
    display            : block;
    background-image   : inherit;
    float              : left;
    font-size          : 13px;
    margin             : 1px 1%;
    padding            : 3px 1%;
    width              : 48%;
    background-color   : #F5F5F5;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    -ms-box-sizing     : border-box;
    box-sizing         : border-box;
    min-height         : 65px;
}

.tarifs ul .item .titre {
    margin   : 0;
    font-size: 16px;
    color    : #000;
}

.tarifs ul .item .text {
    margin : 0;
    padding: 0;
    color  : #161616;
}

.tarifs ul li span {
    float      : right;
    font-weight: bold;
    color      : #323232;
}

/*********************************
         FORM resa
**********************************/

#formresa {
    width    : 100%;
    float    : left;
    position : absolute;
    top      : 80%;
    z-index  : 89;
    transform: translateY(-50%);
}

.form-resa {
    background: rgba(0, 0, 0, 0.6196078431372549);
    float     : left;
    width     : 100%;
}

.form-resa h3 {
    color        : #fff;
    /*margin     : 0 0 5px 0;*/
    font-weight  : 300;
    font-size    : 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.34);
}

#formresa label {
    color         : #FFF;
    font-size     : 12px;
    text-transform: uppercase;
}

#formresa .form-group {
    margin       : 5px 0;
    padding-right: 0;
    float        : left;
}


.vehicules {
    float     : left;
    width     : 100%;
    background: #FFF;
    padding   : 60px 0;
}

.veh {
    background: #FFF;
    position  : relative;
}

.veh a img {
    width: 100%
}

.veh h3 {
    font-size : 18px;
    color     : #978b7c;
    margin    : 0;
    text-align: center;
}

.veh h4 {}

.veh p {
    font-size  : 13px;
    text-align : center;
    font-weight: 600;
    margin     : 0;
}

.veh .icons {
    text-align: center;
    margin-top: 8px;
}

.veh .icons li {

    margin: 0 5px;
}

.veh .icons li span {
    font-size  : 16px;
    margin     : 0 5px;
    font-weight: 500;
    /* float   : left; */
}

.veh .icons li img {
    width         : 25px;
    vertical-align: bottom;
    display       : inline-block;
}

.actusIndex h2,
.vehicules h2,
.logos h2,
.tith2lead {
    text-align   : left;
    margin-bottom: 50px;
    display      : inline-block;
    clear        : both;
    width        : 100%;
    font-size    : 25px !important;
    margin-top   : -11px;
    font-weight  : 300;
}

.actusIndex {
    float           : left;
    width           : 100%;
    padding         : 0px 50px !important;
    background-color: #f1f1f1 !important;
}

/*********************************
          Transfert
**********************************/

.transfert {}

.transfert h2 {

    color: #605E5E;

    font-size: 25px;

    text-align: left;

    margin: 15px 0;
}

.transfert .prix {

    font-size: 23px;

    font-weight: 600;

    color: #978b7c;
}

.transfert .prix span {
    font-weight: normal;
    color      : initial;
    font-size  : 14px;
}

.transfert .selTran {
    background   : #007bff !important;
    padding      : 7px 45px;
    border-color : #978b7c;
    border-radius: 10px;
}

.transfert .icons {}

.transfert .icons li {
    background: none
}

.transfert ul {}

/*=======================================
            Actualite
========================================*/

.actusIndex {
    float           : left;
    width           : 100%;
    padding         : 50px 0;
    background-color: #f1f1f1 !important;
}

.actusIndex .actu {

    /* padding: 6px; */
}

.actusIndex h1 {
    color      : #585858 !important;
    font-size  : 22px !important;
    font-weight: 300;
    margin-left: 30px;
}

.actusIndex .actu a {}

.actusIndex .actu .txtAct h3 {
    font-size  : 15px;
    color      : #808080;
    margin     : 5px 0;
    font-weight: 400;
    text-align : center;
    font-family: 'Montserrat', sans-serif;
}

.actu {
    float        : left;
    padding      : 0;
    min-height   : 240px;
    margin-top   : 15px;
    text-align   : justify;
    margin-bottom: 20px;
}

.actu .imgAct {
    float: left;
}

.actu .imgAct img {
    filter       : grayscale(00%);
    margin-bottom: 30px
}

.actu .imgAct img:hover {
    filter: grayscale(80%);
}

.actu .imgActindex {
    float: left;
}

.actu .imgActindex img {
    filter: grayscale(00%);
}

.actu .imgActindex img:hover {
    filter: grayscale(80%);
}

.actu .txtAct {
    float: left;
}

.txtActAccueil {
    float: left;
    width: 100% !important;
}

.actu .txtAct h2 {
    font-size  : 18px;
    margin     : 15px 0 5px 0;
    color      : #4b4c4c;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}


.actu .txtAct h3 {
    font-size  : 15px;
    margin     : 5px 0 5px 0;
    color      : #6f6f6f;
    font-family: 'Montserrat', sans-serif;
}

.actu .txtAct h3 span {
    background-color: #fff;
    padding         : 0 10px;
    font-family     : 'Montserrat', sans-serif;
}

.h3-bottom-container {
    display      : flex;
    position     : relative;
    /* text-align: right; */
    width        : 90%;
    align-items  : center;
    margin-left  : 30px;
}

.h3-bottom-container h3 {
    margin-left : 10px;
    margin-top  : 10px;
    margin-right: 10px;
    text-align  : unset;
}

.trait-custom {
    height    : 1px;
    background: #d2d2d2;
    flex-grow : 5;
}


.actu hr {
    border       : 0;
    margin       : 20px 0;
    border-bottom: 1px dashed #CCC;
    display      : inline-block;
    width        : 100%;
}




.actu .txtAct h4 {
    font-size: 16px;
    color    : #978b7c;
    margin   : 0;
    display  : none;
}

.actu .txtAct p,
.txtAct ul {
    font-size  : 15px;
    color      : #636363;
    text-align : justify;
    margin     : 8px 0;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
}

.actu .txtAct a {
    margin         : 8px 0;
    font-weight    : 600;
    text-decoration: none;
    color          : #d24323;
    font-size      : 16px;
}

.fb {
    color          : #3B5998;
    cursor         : pointer;
    text-decoration: none;
}

/** Footer **/
footer {
    /* clear :both; */
    /* width : 1200px; */
    /* margin: 0 auto; */
    padding  : 0 0 2% 0;
}

footer .logo {
    float     : left;
    margin    : 10px 1%;
    text-align: center;
}

footer .logo img {
    max-width : 350px;
    margin-top: 60px;
}

footer .adresse {
    margin: 0;
}

footer .adresse p {
    color      : #fff;
    font-size  : 14px;
    margin     : 0;
    text-align : left;
    font-family: 'Montserrat', sans-serif;
    margin-top : 75px;

}

footer .liens {}

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

footer .liens ul li {}

footer .liens ul li a {
    color    : #999;
    font-size: 10px;
}

footer nav {
    width: 100%;
    float: left;
    clear: both;

}

footer nav br {
    display: none;
}

footer nav ul {
    float  : left;
    z-index: 99999999;
    margin : 0;
    padding: 0;
}

footer nav ul li {
    display   : inline;
    float     : left;
    list-style: none outside none;
    margin    : 0;
    padding   : 0;
}

footer nav ul li a {
    color             : #fff;
    float             : left;
    padding           : 5px 13px;
    margin            : 0;
    font-weight       : 500;
    font-size         : 11px;
    text-decoration   : none;
    text-transform    : uppercase;
    -webkit-transition: all 0.5s;
    -moz-transition   : all 0.5s;
    -o-transition     : all 0.5s;
    -ms-transition    : all 0.5s;
    transition        : all 0.5s;
}

.signature {
    width           : 100%;
    text-align      : center;
    font-size       : 12px;
    margin          : 0;
    float           : left;
    background-color: #234054;
    padding         : 5px 0;
}

.signature a {
    text-decoration: none;

    background-repeat  : no-repeat;
    background-position: right center;
    padding            : 2px 20px;
    color              : #949494;
}

.mention-legale {
    text-decoration: none;
    background     : none !important;
    padding        : 2px 5px 1px 5px;
    color          : #949494;
}

.slicknav_menu {
    display: none;
}

.btn a {
    color           : #fff;
    background-color: #045296;
    padding         : 8px;
    border-radius   : 3px;
    text-decoration : none;
}

.btn a:hover {

    background-color: #2873b5;

}

@media screen and (max-width: 1300px) {
    .col-idx2 img {
        display: none;
    }

    .col-idx2 {
        width: 100%;
    }

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

        .carousel-indicators li::before {
            display: none;
        }

        header,
        footer {
            width: 100%;
        }

        section {
            width    : 100%;
            /* margin:0; */
        }

        body>section {
            margin-top: 0px;
        }

        .vgcenter {
            width    : 100%;
            /* margin: 0; */
        }

        .col-idx {
            /* width  : 98%; */
            /* margin : 0 0 2% 0; */
            /* padding: 0 1%; */
        }

        .image-accueil-left {
            width: 90%;
        }

    }

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


        nav a br {
            display: none;
        }

        .page {
            /* margin-top: 10px; */
        }

        .tp-banner-container {
            /* top:54px; */
        }


        header .logo {
            /* display : none; */
            position   : relative;
            z-index    : 999;
            margin     : 0;
            top        : 0;
            /* position: fixed; */

            left: 0px;
        }

        header .logo img {
            /* display: none; */
            /* width  : 150px; */
        }

        .vg {
            margin-top: 47px !important;
        }

    }

    @media screen and (max-width: 990px) {
        .col-idx p {
            width        : 98%;
            margin-bottom: 36px;
        }

        .carousel-caption p img {
            vertical-align: bottom;
            width         : 26px;
            margin-left   : 0px;
        }

        .isStuck {
            display: none;
        }

        .js #menu {
            display: none;
        }

        .js .slicknav_menu {
            display    : block;
            /* position: absolute; */
            top        : 0;
            z-index    : 999;
            width      : 100%;
            /* position: fixed; */
        }

        header .logo {
            display: none;
        }

        #slangs {
            display: none;
        }

        .image-accueil-left {
            width: 90%;
        }

    }

    @media screen and (max-width: 875px) {
        .vg {
            margin-top   : 0;
            margin-bottom: 2%;
        }

        .vignette {
            /* width  : 100%; */
            /* float  :left; */
            /* margin : 0.2% 0; */
            /* padding: 5px 0; */
        }

        .vignette img {
            /* display:none; */
        }

        .vignette p {
            padding: 0;
            height : inherit;
        }

        .cherry_parallax1,
        .carousel-indicators li::before {
            display: none;
        }

        .image-accueil-left {
            display: none;
        }

        .bloc-accueil {
            display: none;
        }
    }

    @media screen and (max-width: 780px) {
        .h3-bottom-container h3 {
            display: none;
        }

        @media screen and (min-width: 767px) and (max-width: 990px) {
            footer .logo img {

                display    : block;
                float      : left;
                margin-left: -33px;
                width      : 111%;
            }

            .hd {
                width: 5px;
            }

        }

        @media screen and (min-width: 518px) and (max-width: 768px) {
            .hd {
                width: 5px;
            }

            .col-idx p {
                width        : 98%;
                margin-bottom: 45px;
            }

            footer .logo {
                display: none;
            }

        }

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

            .carousel-indicators li span {}

            .carousel-inner {
                height: 439px;
            }


            img.d-block.w-100 {
                margin-top  : -19px;
                display     : block;
                margin-left : auto;
                margin-right: auto;
                width       : 100%;
            }

            .carousel-indicators {
                display              : block;
                list-style-type      : disc;
                -webkit-margin-before: 1em;
                -webkit-margin-after : 1em;
                -webkit-margin-start : 121px;
                -webkit-padding-start: 40px;
                list-style-type      : none;
                text-align           : center;
                margin-top           : -99px;
                display              : none;
            }


            .tp-banner-container {
                /* display: none !important;*/
            }

            .telHd {
                background-color: #c7c7c7;
                z-index         : 999;
            }


            header .logo img {
                margin-top  : 35px;
                display     : block;
                margin-left : auto;
                margin-right: auto;
                width       : 100%;
            }

            .hd .container {
                padding: 0
            }

            #formresa {
                position : inherit;
                float    : left;
                top      : 0;
                transform: none;
                display  : none;
            }

            #formresa .form-group {
                padding-right: 0;
                padding-left : 0;
            }

            .col-idx h1 {
                font-size: 30px;
            }

            .col2 {
                float: left;
                width: 98%;
            }

            .tarifs ul .item {
                width     : 98%;
                min-height: inherit;
            }

            .vig-3 {
                width : 96%;
                margin: 2%;
            }

            .langue {
                /*display: none;*/
                top      : 16px;
            }

            .carousel-indicators li {
                width     : 98%;
                float     : left;
                margin-top: 38px;
            }
        }

        @media screen and (max-width: 600px) {
            .col-text {
                width  : 100%;
                padding: 2%;
            }

            .col-img {
                width  : 96%;
                margin : 2%;
                display: none;
            }

            .carousel-indicators li {
                width: 98%;
                float: left;
            }

            .hd {
                width: 5px;
            }

        }


        .carousel-inner .pack {

            margin-top: -22px;

        }

        .carousel-indicators span {
            text-align: center;
            display   : flex;
            margin-top: 30px;
        }


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

            #formresa {
                position : absolute;
                top      : 1992px;
                transform: none;
            }

            .hd {
                width: 5px;
            }

        }

        #page-1>div>div:nth-child(7) {
            margin: 0 auto !important;
            float : none !important;
        }

        @media screen and (min-width: 357px) and (max-width: 517px) {

            #formresa {
                position : absolute;
                top      : 1948px;
                transform: none;
            }



        }


        @media screen and (min-width: 518px) and (max-width: 552px) {

            #formresa {
                position : absolute;
                top      : 2041px;
                transform: none;
            }

            .hd {
                width: 5px;
            }

        }

        @media screen and (min-width: 553px) and (max-width: 608px) {

            #formresa {
                position : absolute;
                top      : 2070px;
                transform: none;
            }

            .hd {
                width: 5px;
            }

        }


        @media screen and (min-width: 609px) and (max-width: 680px) {

            #formresa {
                position : absolute;
                top      : 2105px;
                transform: none;
            }

            .hd {
                width: 5px;
            }
        }

        @media screen and (min-width: 680px) and (max-width: 767px) {

            #formresa {
                position : absolute;
                top      : 2133px;
                transform: none;
            }

            .hd {
                width: 5px;
            }

        }