@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,500,600,700&display=swap');
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
main {
    display: block;
}

/**/

/*GENERIQUE*/
body {
    color: #000;
    font-family: 'Quicksand', sans-serif;
    margin: 0;
    text-align: justify;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}
.zoom-out td img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.zoom-out td:hover img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}

a img {
    border: 0;
}

a {
    color: black;
}

a:hover {
    text-decoration: none;
    color: #171717;
}

.titre-cord-header {
    width: 100%;
    float: left;
    font-weight: 500;
    display: block;
    text-align: center;
    font-size: 21px;
}
.fancybox {}

.fancyboxAjax {}

#popup {
    padding: 0 10px;
}

.mce-content-body {
    background: #fff;
}

.hack {
    /height: 120px !important
        /*Hack IE7*/
}



.hidden {
    display: none !important;
}

.clear {
    clear: both
}

.error {
    border: 1px solid #DF7B7B;
    background-color: #FFE6E6;
}

.conf {
    border: 1px solid #72CB67;
    background-color: #DFFAD3;
}


.conf,
.error {
    color: #383838;
    font-weight: 700;
    margin: 0 0 2% 0;
    line-height: auto;
    padding: 2% 3%;
}

.noPadding {
    padding: 0 !important;
}

#incomm {
    width: 280px;
    float: left;
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 100%;
    text-align: center;
    float: left;
}

.cords-header {
    width: 100%;
    display: block;
}

#beandeau {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}

#cms2 #img-header-2 {
    display: block;
}

#cms8 #img-header-3 {
    display: block;
}

#cms4 #img-header-4 {
    display: block;
}

#cms9 #img-header-5 {
    display: block;
}

#cms10 #img-header-6 {
    display: block;
}

#cms11 #img-header-7 {
    display: block;
}

#cms12 #img-header-8 {
    display: block;
}




#cms3 #img-header-5,
#cms7 #img-header-5,
#cms5 #img-header-5 {
    display: block;
}


.footer-container-bottom {
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center;
    float: left;
}

.fas,
.fab {
    /* text-align: center; */
    /* margin: 0; */
    /* width: auto; */
    /* padding-right: 9px; */
    /* font-size: 21px; */
    /* float: left; */
    /* margin-right: 10px; */
    /* display: inline-block; */
}

.fas:hover,
.fab:hover {
    /* color: #17467e; */
}

.cords-header a:hover {
    color: #000000 !important;
}

.row {
    margin: 0 !important;
}

.footer-container-bottom.container {
    width: 280px;
    display: block;
    height: initial;
}

#tel-header:hover, #fb-header:hover, a#mail-header:hover {
    color: 
    #000 !important;
}

.bg2 {
    background: url(../img/bg2.jpg)center no-repeat;
    height: 150px;
    width: 100%;
    position: relative;
    background-size: cover;
}

a#tel-header {
  
}
header div {
    width: 100%;
}
.bgfooter {
    background: #fad0d4;
    width: 100%;
    height: 240px;
}

div#slogf {
    font-family: 'Dancing Script', cursive;
    color: #000000;
    text-align: center;
    padding: 23px 0;
    font-size: 30px;
    width: 100%;
    margin: 0 auto;
}
div#btnrej {
    width: 100%;
    float: left;
    border: 1px solid;
    font-size: 20px;
    margin: 10px 0px;
}
.bg-suiv-header.d-flex.fb-header {
    background: #819d64;
    width: 171px;
    padding: 0 7px;
    text-align: center;
}

.fb-header .fa-facebook-square {
    font-size: 19px !important;
}
.fb-header .fa-instagram {
    font-size: 21px !important;
}

footer .url {
    margin: 2px !important;
} 
/* SMARTPHONES */
@media only screen and (min-width: 320px) {
.bg-fb {
    width: 210px;
    height: 240px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    padding: 53px 0px;
    background-size: auto;
    display: block;
}
    .bg-top {
    display: block;
    width: 100%;
    height: 250px;
    background: url(../img/bgtop.jpg)left 0px center no-repeat;
    float: left;
    position: relative;
    background-size: auto;
}
    .bg2 {
    background: url(../img/bg2.jpg)center top  no-repeat;
    height: 240px;
    width: 100%;
    position: relative;
}
.tel-header {
    margin: 0 auto;
    display: grid;
    width: 150px;
    margin-bottom: 10px;
}
.mail-header {
    margin: 0 auto;
    display: grid;
    width: 290px;
    margin-bottom: 10px;
    background: #819d64;
}
div#fb-header {
    width: 64px;
    text-align: center;
    margin: 0 auto;
}
header i {
    color: #000000;
    display: inline-block;
    margin: 0;
    padding: 5px;
    float: left;
    font-size: 17px !important;
    width: auto;
}
a#fb-header {
    float: left;
    /* display: flex; */
    /* width: 270px; */
    font-weight: 600;
}

  a#tel-header {
 font-weight: 400;
 text-decoration: none;
 width: 100%;
 float: left;
 display: block;
 height: auto;
 line-height: 34px;
 padding: 0 4px;
 margin: 10px 0px;
 font-size: 17px;
 text-align: left;
 border: 2px solid #819d64;
}


.bg-logo {
    height: auto;
    background-size: cover;
    width: 100%;
    padding: 40px 0px;
    background: #fad0d4 url(../img/trai_footer.jpg)top no-repeat;
}
.cords {
    padding: 0px 0px !important;
    display: block;
    justify-content: center !important;
    position: relative;
    top: 80px;
    width: 100%;
    margin: 0 auto !important;
}

    .logo_footer {
        position: relative;
        display: block;
        padding: 0;
        float: none;
        width: auto;
        margin: auto;
        text-align: center;
    }

    .container-header {
        width: 100%;
        float: left;
        margin: 0 auto;
        display: block;
        position: relative;
    }



    .container-cords-footer {
        display: block;
        margin: 0 auto;
        width: 300px;
        position: relative;
    }


    body {
        background: #fff;
    }

    #page {
        margin: auto;
        width: 100%;
        text-align: justify;
        float: left;
        background: white;
    }



    #header {
        position: relative;
        background: #fff;
    }


    a#home {
        display: block;
        /* text-align: center; */
        position: relative;
        width: 290px;
        left: 0;
        right: 0;
        top: 0;
        margin: 0px auto;
        float: none;
    }

    #header p#slogan {
        display: none;
    }

    #cms1 #columns {
        padding: 0px;
        height: auto;
        width: 100%;
    }

    #columns {
        clear: both;
        background: #ffffff;
        text-align: justify;
        padding: 0 15px;
    }


    #center_column {
        width: 100%;
        padding: 0;
    }

    #breadcrumb {
        margin: 5px 0;
        color: #666666;
        font-size: 0.8em;
    }

    #breadcrumb a {
        color: #666666;
    }

    #center_column,
    #left_column,
    #right_column {
        /* float: none; */
    }

    #left_column {
        width: 90%;
        padding: 5%;
    }

    #right_column {
        width: 200px;
        padding-right: 40px;
    }

    #footer {
        height: auto;
        width: 100%;
        display: block;
        margin-top: 20px;
    }

    #footer p.address {
        margin: 5px 0;
    }

    #footer p.address a {
        color: #333333;
    }

    #footer #incomm,
    #footer #seone {
        width: 100%;
        text-align: center;
        margin: 10px 0 5px 0;
        float: left;
        font-size: 0.7em;
    }

    #footer #incomm a,
    #footer #seone a {
        color: #333333;
        text-decoration: none;
    }

    .column .block {
        margin-bottom: 1em;
        border: 1px solid #cccccc;
    }

    .column .block p {
        margin: 0 0 1% 0;
    }

    .column .block header,
    article header,
    aside header {
        text-align: center;
        border-bottom: 0;
        padding: 3px 0;
    }

    .column .block .block_content {
        padding: 2%;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    iframe {
        max-width: 100%;
    }

    .no_image {
        display: none;
    }

    .headerTop {
        width: 100%;
        display: block;
        margin: 0 auto;
        position: relative;
        float: left;
        text-align: center;
        height: auto;
        background: url(../img/bgtop.jpg)center no-repeat;
        z-index: 9999;
        background-size: cover;
        border-bottom: 2px solid #fad0d4;
    }

    .headerBottom {
        float: none;
        position: absolute;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display: block;
        top: 0;
    }


.adresse-header {
      text-decoration: none;
      float: none;
      color: #000;
      text-align: center;
      position: relative;
      padding: 0;
      font-weight: 600;
      font-size: 17px;
      margin: 0 auto;
      display: block;
      width: 280px;
}
a#mail-header {
    font-size: 17px;
    line-height: 27px;
    width: 100%;
    float: none;
    display: flex;
    margin: 0 auto;
    color: #000;
}
.bg-suiv-header.d-flex.fb-header {
    width: 181px;
    padding: 0 7px;
    text-align: center;
    margin: 10px auto;
}
}

/* TABLETTES */
@media only screen and (min-width: 768px) {
    .bg-suiv-header.d-flex.fb-header {
    width: 175px;
}
    .titre-cord-header {
   text-align: center;
}
    a#encart-fb {
    margin: 20px 0px;
    width: 250px;
}
    .bg-top {
    display: block;
    width: 100%;
    height: 250px;
    background: url(../img/bgtop.jpg)left 0px center no-repeat;
    float: left;
    position: relative;
    background-size: auto;
   }
.tel-header {
    text-align: center;
    margin: 0 auto;
    display: grid;
    width: 151px;
    margin-bottom: 10px;
}

    div#fb-header {margin: 0 auto;display: flex;}
    a#fb-header {float: none;height: auto;padding: 0;text-align: left;display: inline-block;width: 20px;float: left;margin: 0;}
    #liensfooter_map {
    display: block;
    width: 100%;
    height: 240px;
    background: url(../img/map.jpg)center no-repeat;
    float: left;
    position: relative;
    background-size: cover;
    z-index: 9999999999;
}
#liensfooter_map a {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
}
header i {
    float: left;
}
a#tel-header {
  line-height: 40px;
  font-size: 16px;
  line-height: 29px;
  float: left;
  width: auto;
  display: block;
}
.adresse-header {
    font-size: 17px;
    line-height: 38px;
    /* margin-bottom: 20px; */
    /* float: left; */
    display: flex;
    height: auto;
    padding: 0;
    text-align: right;
    margin-bottom: 10px;
}
a#mail-header {
    font-size: 16px;
    line-height: 30px;
    /* float: left; */
    display: flex;
}


    #footer {
        height: auto;
    }

.cords> div {
    margin: 0px 15px;
}
    .cords {
        padding: 5px 0px !important;
        display: flex;
        justify-content: center;
        position: relative;
        top: 0;
        width: 230px;
        margin: 0 auto !important;
    }

  

    .logo_footer {
        position: relative;
        float: none;
        width: auto;
        text-align: center;
        display: block;
    }


    .column .block {
        float: left;
        width: 47%;
        margin: 1%;
    }

    .column .block p {
        margin: 0 0 2% 0;
    }

    #center_column,
    #left_column,
    #right_column {
        float: left;
    }

    .no_image {
        display: block;
    }

   .headerTop {
    width: 100%;
    float: left;
    position: relative;
    max-width: 100%;
    height: auto;
}


    .headerBottom {
        float: none;
        height: auto;
        top: 0;
    }

    a#home {
        position: relative;
        width: 190px;
        left: 0;
        margin: 0px auto;
        right: 0;
        padding: 0;
        left: 0;
    }

 
   .cont-hb {
}
    .bg-logo {
        width: 100%;
        height: 380px;
        padding: 55px 80px;
        background-size: auto;
    }

}

/* ORDINATEURS */
@media only screen and (min-width: 992px) {
    .bg-suiv-header.d-flex.fb-header {
    
    margin: 0;
}
.titre-cord-header {
    width: 100%;
    float: left;
    font-weight: 500;
    display: block;
    text-align: left;
    font-size: 18px;
}
div#adresse-header {
    text-align: left;
    font-size: 15px;
}

  .mail-header {
    text-align: left;
    width: auto;
    display: block;
    position: relative;
    left: 0;
    padding: 0px 4px;
    float: left;
}
    div#fb-header {
    width: auto;
    margin: 0 auto;
}
 .tel-header {
    display: block;
    width: 150px;
    text-align: left;
    float: left;
}
    #liensfooter_map {
    display: block;
    width: 100%;
    height: 380px;
    float: left;
    position: relative;
    background-size: auto;
}
    .cont-hb {width: 940px;margin: 0 auto;}

    .bg-cords-footer {}

  .bg-logo {
    padding: 55px 30px;
}

    .bg-cords-footer {
        height: auto;
    }

    .bg-cords-footer {}

    .logo_footer {
        /* position: relative; */
        width: auto;
        text-align: center;
        padding: 0;
        /* right: 0; */
    }

    .container-cords-footer {}


   

    body {}

    .cords-header {}


    #page {
        width: 100%;
        max-width: 1920px;
    }

    .headerTop {
    padding: 5px 0px;
    }

    .headerBottom {
        width: auto;
        float: none;
        position: relative;
        max-width: 100%;
        padding-bottom: 0;
        margin: 0 auto !important;
        padding: 10px;
        top: 0;
        left: 0;
        display: block;
        right: 0;
        background: #fad0d4;
    }

    #header {
        width: 100%;
        position: relative;
        height: 100%;
        background: #ffffff;
        float: left;
    }

    a#home {
        left: 0;
        width: auto;
        padding: 0;
        margin: 0px auto;
        top: 0;
        background: transparent;
    }

    #header p#slogan {
        margin: 10px 0 0 10px;
        float: left;
        display: block;
    }

    #cms1 #columns {
        clear: both;
        width: 100%;
        float: left;
        margin: 0 auto;
        position: relative;
    }

    #columns {
        clear: both;
        background: #ffffff;
        width: 90%;
        margin: 0 auto;
    }

    #center_column {
        width: 100%;
        padding: 0;
    }

    #breadcrumb {
        margin: 5px 0;
        color: #666666;
        font-size: 0.8em;
    }

    #breadcrumb a {
        color: #666666;
    }

    #center_column,
    #left_column,
    #right_column {
        float: left;
        clear: both;
    }

    #left_column {
        width: 200px;
        padding-left: 40px;
    }

    #right_column {
        width: 200px;
        padding-right: 40px;
    }

    #footer {
        float: left;
        height: auto;
    }

    #footer p.address {
        float: left;
        margin: 5px 0;
    }

    #footer p.address a {
        color: #333333;
    }

    #footer #incomm,
    #footer #seone {
        float: left;
        text-align: center;
        margin: 10px 0 0 0;
        font-size: 0.8em;
    }

    #footer #incomm a,
    #footer #seone a {
        color: #333333;
        text-decoration: none;
    }

    .column .block {
        width: 198px;
        margin-bottom: 1em;
        border: 1px solid #cccccc;
    }

    .column .block p {
        margin: 0 0 10px 0;
    }

    .column .block header,
    article header,
    aside header {
        text-align: center;
        border-bottom: 0;
        padding: 3px 0;
    }

    .column .block .block_content {
        padding: 5px;
    }
    .adresse-header {width: auto;/* margin: 0; */float: right;/* width: 100%; */margin-bottom: 20px;margin-right: 0;}
a#mail-header{
    float: left;
    font-size: 16px;
}

}

@media only screen and (min-width: 1200px) {
    .mail-header {
   
    width: 292px;
}
    #liensfooter_map {
}
    .cont-hb {width: 930px;justify-content: center;display: flex;}
a#fb-header {
  }

    a#tel-header {
    font-size: 18px;
}
.adresse-header {
    font-size: 18px;}

a#mail-header {
    width: 100%;
    display: block;
    font-size: 17px;
}

    .bg-cords-footer {}

    .headerTop {
    }

    .bg-logo {
    padding: 55px 30px;
    }



.cords-header {}

.bg-cords-footer {}



.logo_footer {/* width: auto; */}

.container-cords-footer {}

#cms1 #columns {
    width: 100%;
    margin: 0 auto;
    float: left;
}

#columns {

    width: 1170px;
    margin: 0 auto;
}

a#home {
}
.cords {
    display: flex !important;
    justify-content: flex-end !important;
    width: 210px;
}
.headerBottom {}

}


@media only screen and (min-width: 1366px){
    .mail-header {
    width: 300px;
}
.bg-suiv-header.d-flex.fb-header {
    background: #819d64;
    width: 175px;
    /* padding: 0 18px; */
    text-align: center;
}
a#blog {
  
    float: left;
    margin: 0;
  
}
div#adresse-header {
    text-align: left;
    font-size: 15px;
}
a#tel-header {
    font-size: 18px;
}
a#mail-header {
}
a#fb-header {
}
a#adresse-header {
}


.headerBottom {}
.cords {
    width: auto;
    float: right;
}  

}



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

.cont-hb {
    width: 1170px;
    justify-content: center;
    display: flex;
}

    .container-cords-footer {
        width: auto;
    }


    .cords-header {}

    .bg-cords-footer {}

    a#home {
    }

    .headerBottom {
}

   
    .logo_footer {
    }

    .headerTop {
    height: auto;
    padding: 15px 0px;
    }
.bg-logo {
    padding: 55px 35px;
}
}

@media only screen and (min-width: 1700px) {
    .cont-hb {
    width: 85%;
    margin: 0 auto;
}
.bg-logo {padding: 55px 100px;}   

.cords {
    padding: 10px 0px !important;
}

  .headerTop {
    padding: 22px 0px;
}


    .headerBottom {}



    .imgs-header {}

    a#home {}

    .cords-header {}

    .container-cords-footer {width: auto;}

    .logo_footer {
}
}