/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.single-actualite iframe{display:block; width:100%; height:450px; padding:0; margin:20px 0; box-sizing: border-box;}

/*FANCY BOX*/
.fancybox-thumbs__list a::before {border: 6px solid #222 !important;}
.fancybox-caption{display: block !important; padding: 20px 0 60px 0 !important; font-weight: 600 !important; background-color: #222 !important; bottom: 0px !important; font-size: 1rem !important;}

.rouge{color:#b01b20 !important;}
.noir{color:#222 !important;}
.gris{color:#656565 !important;}

.clear{clear:both;}

.inputtext{display:block; padding:10px 10px; margin:15px 0 0 0; width:100%; background-color:white; color:#222; border:solid 3px transparent; font-size:1rem; font-weight:600; box-sizing:border-box; transition:all 0.4s ease;}
.inputtext:focus{border-color:#EC2525;}

.areatext{display:block; height:145px; padding:10px 10px; margin:15px 0 0 0; width:100%; border:solid 3px transparent; background-color:white; color:#222; font-size:1rem; font-weight:600; box-sizing:border-box; transition:all 0.4s ease;}
.areatext:focus{border-color:#EC2525;}

.inputselect{display:block; padding:10px 10px; margin:18px 0; width:100%; border:none; background-color:white; color:#222; font-size:1rem; font-weight:600; box-sizing:border-box; transition:all 0.4s ease;}





.template-general{display:block; padding:70px 0;}
.template-general *{margin:0; padding:0;}
.template-general .titre{display:block; padding:0; margin:0; font-size:1.6rem; }
.template-general .descriptif{display:block; padding:0; margin:0; font-size:0.9rem; }
.template-general img{display:block; padding:0; margin:15px 0; }
.template-general iframe{display:block; width:100%; padding:0; margin:15px 0; }
.template-general hr{display:block; padding:0; margin:0; height:0; border:none;}
.template-general .lien{display: inline-block;cursor: pointer;padding: 15px 20px;margin: 15px 0;background-color: #b01b20;color: #fff;text-transform: uppercase;font-size: 0.85rem;font-weight: 600;text-decoration: none;box-sizing: border-box;transition: all 0.3s ease;}
.template-general .lien:hover{background-color:#222;}







img{display:block; width:100%; height:auto; padding:0; margin:0; border:none; box-sizing:border-box;}
html, body{display:block; height:100% !important; font-family: 'Raleway', sans-serif; font-weight:400; padding:0; margin:0; width:100%; box-sizing:border-box;}
.wrapper{display:block; position:relative; padding:0; margin:0 auto; max-width:1200px; width:100%; box-sizing:border-box;}


header{display:block; height:80px;border-bottom:solid 1px transparent; background-color:#fff; position:fixed; top:0; left:0; z-index:9999; padding:0; margin:0; width:100%; box-sizing:border-box; transition:all 0.4s ease;}
header .open-menu-responsive{display:none;}
header .logo{display:block; opacity:1; position:absolute; top:10px; left:0; width:80px; padding:0; margin:0; box-sizing:border-box; transition:all 0.5s ease;}
header .logo:hover{ opacity:0.6;}
header .menu-responsive{display:block; padding:0; margin:0; box-sizing:border-box;}
header .menu-responsive .iconeclosemenuresponsive{display:none;}
header .menu-responsive nav{display:block; padding:0; margin:0; box-sizing:border-box;}
header .menu-responsive nav ul{display:block; padding:0; margin:0 0 0 125px; text-align:left; box-sizing:border-box;}
header .menu-responsive nav ul li{display:inline-block; padding:0; margin:0; box-sizing:border-box;}
header .menu-responsive nav ul li a{display:block; height:80px; color:#222; line-height:80px; font-size:0.9rem; font-weight:600; text-decoration:none; padding:0 15px; margin:0; box-sizing:border-box; cursor:pointer; transition:all 0.4s ease;}
header .menu-responsive nav ul li a:hover,header nav ul li.active a{background-color:#b01b20; color:#fff;}
header .navigation-secondaire{display:block; position:absolute; top:0; right:0; width:185px; padding:0; margin:0; text-align:right; box-sizing:border-box;}
header .navigation-secondaire li{display:inline-block; vertical-align: middle; padding:0; margin:0; box-sizing:border-box;}
header .navigation-secondaire li a{display:block; height:80px; color:#b01b20; line-height:80px; font-size:1.6rem; text-decoration:none; padding:0 4px; margin:0; box-sizing:border-box; transition:all 0.4s ease;}
header .navigation-secondaire li a:hover{color:#222;}
header .navigation-secondaire li.langue a{line-height: 79px; }
header .navigation-secondaire li.langue a img{width: 25px; display: inline-block; padding:0 0 4px 0; border-bottom: solid 2px transparent;}
header .navigation-secondaire li.langue a:hover img, header .navigation-secondaire li.active a img{border-color:#b01b20;}
header.scroll{border-color:#b01b20;}




header .menu-responsive nav ul li.accesclient a i{display: inline-block;  font-size: 1.2rem; margin: 0; color: #b01b20; padding: 0 4px 0 0;transition:all 0.4s ease;}
header .menu-responsive nav ul li.accesclient a:hover i{color: white;}

header .menu-responsive nav ul li.ecommerce a{background-color:#b01b20; color: white;}
header .menu-responsive nav ul li.ecommerce a:hover{background-color:#222; color: white;}



@media screen and (max-width: 1400px){
  .wrapper{max-width:1000px; width:100%;}
  header .menu-responsive nav ul li a{font-size:0.8rem; padding:0 12px; }

  header .navigation-secondaire{top:8px; right:-5px; width:90px; text-align: right;}
header .navigation-secondaire li{display:inline-block;}
header .navigation-secondaire li a{display:block; height:auto; line-height:1; font-size:2rem;  padding:0 5px; margin:0;}
header .navigation-secondaire li.langue a{line-height: 1; }
header .navigation-secondaire li.langue a img{width: 27px; display: inline-block; padding:0 0 5px 0; }

}




@media screen and (max-width: 1100px){
  .wrapper{width:90%; margin:0 auto;}
  header .wrapper{height:80px;}
  header .open-menu-responsive{display:block; position:absolute; top:0px; width:90px; margin:0 0 0 -45px; height:80px; line-height:80px; font-weight:600; font-size:0.95rem; color:#b01b20; left:50%; box-sizing:border-box;}
  header .open-menu-responsive i{display:inline-block; vertical-align:middle; padding:0 10px 0 0px; font-size:1.8rem;}
  header .menu-responsive{display:none;}
  header .menu-responsive.open{display:block; z-index:999999998; background-color:#b01b20; position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:auto; padding:30px 50px 70px 50px;}
  header .menu-responsive .iconeclosemenuresponsive{display:block; padding:30px 0; margin:0; color:white; font-size:3rem; text-align:center; box-sizing:border-box;}
  header .menu-responsive nav ul{width:100%; max-width:500px; margin:0 auto;}
  header .menu-responsive nav ul li{display:block; text-align: center;}
  header .menu-responsive nav ul li a{height:auto; color:white; line-height:1; padding:20px 10px; font-size: 1rem; border-bottom:dotted 1px white;}
  header .menu-responsive nav ul li a:hover,header nav ul li.active a{background-color:white; color:#b01b20;}
  header .menu-responsive nav ul li.accesclient a i{color: white;}

   

}

@media screen and (max-width: 500px){
  header .logo{top:20px; left:0; width:60px;}
 

}


.accueil{display:table; position:relative; table-layout:fixed; vertical-align:middle; z-index:99; text-align:center; height:100%; padding:0; margin:0; width:100%; box-sizing:border-box;}
.accueil .interne{display:table-cell; vertical-align:middle; text-align:center; padding:0; margin:0; width:100%; box-sizing:border-box;}
.accueil .interne .intro{display:block; background-color:rgba(255, 255, 255, 0.7); width:100%; padding:30px 20px 10px 20px; margin:0; box-sizing:border-box;}
.accueil .interne .intro h1{display:block; padding:0 0 20px 0; color:#222; margin:0; text-align:center; font-size:1.4rem; font-weight:500; font-style:italic; box-sizing:border-box;}
.accueil .interne .intro img{display:block; padding:0; margin:0 auto; text-align:center; width:180px; box-sizing:border-box;}
.accueil .interne .intro hr{display:block; width:100px; background-color:#b01b20; padding:0; margin:20px auto 15px auto; height:1px; border:none; position:static; box-sizing:border-box;}
.accueil .interne .intro a{display:block; background-color:#b01b20; width:270px; padding:15px 0; margin:0px auto -35px auto; color:white; text-decoration:none; text-transform:uppercase; font-size:0.9rem; letter-spacing:1px; font-weight:700; box-sizing:border-box; transition:background 0.4s ease,color 0.4s ease;}
.accueil .interne .intro a:hover{background-color:#222;}
.accueil .interne .icone{display:block; cursor:pointer; position:relative; width:100%; padding:0; margin:0; color:#b01b20; position:absolute; bottom:40px; left:0; text-align:center; font-size:3rem; box-sizing:border-box; transition:all 0.4s ease;}
.accueil .interne .icone:hover{color:#222;}

.accueil-interne{display:block; position:relative; z-index:999; text-align:center; padding:200px 0 200px 0; margin:0; width:100%; box-sizing:border-box;}
.accueil-interne .titre{display:block; position:absolute; bottom:-25px; width:100%; z-index: 999;padding:0; left:0%; margin:0; text-align:center; box-sizing:border-box;}
.accueil-interne .titre h1{display:inline-block; background-color:#b01b20; color:white; font-size:1rem; margin:0; padding:0 30px; font-weight:600; height:50px; line-height:50px; box-sizing:border-box; }

.accueil-implantation{display:block; position:relative; padding:0; margin:0;}
.accueil-implantation .googlemaps{display:block; position:relative; width:100%; height:400px; padding:0; margin:70px 0 0 0; box-sizing:border-box;}


@media screen and (max-width: 760px){
  .accueil{display:block; height:auto; padding:150px 0 30px 0; margin:0; }
  .accueil .interne{display:block;}
  .accueil .interne .intro{ background-color:rgba(255, 255, 255, 0.9); width:70%; margin:0 auto;}
  .accueil .interne .intro h1{font-size:1rem; }
  .accueil .interne .intro img{width:100px;}
  .accueil .interne .intro hr{width:50px;}
  .accueil .interne .intro a{width:100%; padding:15px 10px; margin:0px auto 10px auto; font-size:0.8rem; letter-spacing:normal;}
  .accueil .interne .icone{padding:30px 0; margin:0; color:#b01b20; position:static;font-size:3rem;}

  .accueil-interne{ padding:300px 0 0 0; }
  .accueil-interne .titre{display:block; position:static; width:100%; padding:0; left:0%; margin:0; text-align:center; box-sizing:border-box;}
  .accueil-interne .titre h1{display:block; padding:20px 20px; height:auto; line-height:1.4rem; }

  .accueil-implantation{display:block; position:relative; padding:0; margin:0;}
  .accueil-implantation .googlemaps{height:300px;}


}



.colonne-75{display:block; width:75%; float:left; padding:0 40px 0 0; margin:0; box-sizing:border-box;}
.colonne-25{display:block; width:25%; float:left; padding:0 0 0 0; margin:0; box-sizing:border-box;}

.introduction{display:block; position:relative; z-index:9; background-color:white; text-align:center; padding:70px 0; margin:0; width:100%; box-sizing:border-box;}
.introduction h2{display:block; padding:0 0 50px 0; margin:0; text-align:center; font-size:1.6rem; color:#222; font-weight:700;  box-sizing:border-box;}
.introduction h3{display:block; padding:0px 0 20px 0; margin:0; text-align:center; font-size:1.2rem; line-height:1.6rem; font-style:italic; color:#656565; font-weight:500; box-sizing:border-box;}
.introduction .barre-haut{display:block; width:50px; background-color:#b01b20; padding:0; margin:-10px auto 30px auto; height:1px; border:none; box-sizing:border-box;}
.introduction .barre-bas{display:block; width:50px; background-color:#b01b20; padding:0; margin:0 auto 40px auto; height:1px; border:none; box-sizing:border-box;}

.introduction .liste-prestations{display:block; padding:0; margin:0 0 40px 0; text-align:center; box-sizing:border-box;}
.introduction .liste-prestations li{display:block; float:left; width:33.333%;  padding:0 30px; margin:0; box-sizing:border-box;}
.introduction .liste-prestations li .icone{display:block; padding:0; margin:0; text-align:center; font-size:3rem; color:#b01b20; box-sizing:border-box;}
.introduction .liste-prestations li h2{display:block; padding:10px 0; margin:0; text-align:center; font-size:1.4rem; text-transform:uppercase; font-style:normal; color:#b01b20; font-weight:600; box-sizing:border-box;}
.introduction .liste-prestations li h3{display:block; padding:0; margin:0; text-align:center; font-size:0.95rem; font-style:normal; color:#656565; font-weight:500; box-sizing:border-box;}


.introduction .chiffres-clefs{display:block; padding:0 20px 40px 20px; margin:0 0 0 0; text-align:center; background-color:#b01b20; box-sizing:border-box;}
.introduction .chiffres-clefs .titre{display:inline-block; height:70px; line-height:55px; letter-spacing:1px; padding:0 20px; margin:-15px 0 0 0; background-color:#222; color:white; border:solid 6px white; font-size:0.95rem; font-weight:700; text-transform:uppercase; box-sizing:border-box;}

.introduction  .chiffres-clefs ul{display:block; padding:15px 0 0 0; margin:0; box-sizing:border-box;}
.introduction  .chiffres-clefs ul li{display:block; padding:0; margin:0; box-sizing:border-box;}
.introduction  .chiffres-clefs ul li span{display:block; color:white; line-height:1; font-size:4rem; font-weight:700; padding:0; margin:0; box-sizing:border-box;}
.introduction  .chiffres-clefs ul li h2{display:block; color:white; font-size:1rem; font-weight:500; padding:10px 0 0 0; margin:0; box-sizing:border-box;}
.introduction  .chiffres-clefs ul li hr{display:block; width:50px; padding:0; margin:20px auto 10px auto; border:none; height:2px; background-color:#222; box-sizing:border-box;}


.introduction .section-image{display:block; padding:0; margin:30px 0 0px 0; box-sizing:border-box;}
.introduction .section-image .colonne-texte{display:block; position:relative; padding:30px 20px 30px 52%; margin:0; box-sizing:border-box;}
.introduction .section-image .colonne-texte h3{display:block;  color:#b01b20; text-align:left; font-size:1.6rem; font-weight:600; padding:0; margin:0; box-sizing:border-box;}
.introduction .section-image .colonne-texte hr{display:block; width:50px; background-color:#b01b20; padding:0; margin:20px 0 0 0; height:1px; border:none; box-sizing:border-box;}
.introduction .section-image .colonne-texte h4{display:block; color:#656565; text-align:left; font-size:1rem; line-height:1.4rem; font-weight:500; padding:20px 0; margin:0; box-sizing:border-box;}
.introduction .section-image .colonne-texte h4 p{padding:0; margin:0;}
.introduction .section-image .colonne-texte h4 a{text-decoration:none; color:#b01b20; font-weight:600;}
.introduction .section-image .colonne-texte h4 a:hover{text-decoration:underline;}
.introduction .section-image .colonne-texte .image{display:block; padding:0; margin:0; position:absolute; top:0; left:0;  height:100%; width:50%; background:url(../img/accueil.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; box-sizing:border-box;}
.introduction .section-image .colonne-texte .push{display:block; padding:0; margin:0; position:absolute; top:0; left:0; height:100%; width:100%; text-decoration:none; border:none; box-sizing:border-box;}
.introduction .section-image .colonne-texte .push .bck{display:block; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0;  height:100%; width:50%; background-color: rgba(0, 0, 0, 0); box-sizing:border-box; transition:all 0.4s ease;}
.introduction .section-image .colonne-texte .push .bck .bouton{display:block; position:absolute; opacity:0; top:50%; left:50%; width:150px; text-align:center; color:#fff; padding:0 20px; margin:-25px 0 0 -75px; height:50px; line-height:50px; background-color:transparent; border:solid 1px #fff; font-size:0.9rem; font-weight:600; text-transform:uppercase;  box-sizing:border-box; transition:all 0.4s ease;}
.introduction .section-image .colonne-texte .push:hover .bck{background-color:rgba(0, 0, 0, 0.6);}
.introduction .section-image .colonne-texte .push:hover .bck .bouton{opacity:1;}
.introduction .section-image .colonne-texte .push .bck .bouton:hover{background-color:#222; border-color:#222;}

.introduction .bouton{display:inline-block; cursor:pointer; padding:20px 20px; margin:50px 0 0 0; background-color:#222; color:#fff; text-transform:uppercase; font-size:0.9rem; font-weight:700; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.introduction .bouton:hover{background-color:#b01b20; }


@media screen and (max-width: 1400px){
  .introduction h2{font-size:1.2rem;}
  .introduction h3{font-size:1.2rem;}
  .introduction .section-image .colonne-texte h3{font-size:1.6rem; }


}

@media screen and (max-width: 1000px){
  .colonne-75{display:block; width:100%; float:left; padding:0 0 0 0; margin:0; box-sizing:border-box;}
  .colonne-25{display:block; width:100%; float:left; padding:40px 0 0 0; margin:0; box-sizing:border-box;}


}

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


  .introduction{padding:40px 0;}
  .introduction h2{padding:0 0 40px 0;font-size:1.2rem;}
  .introduction h3{padding:0 0 40px 0; font-size:1.2rem;}
  .introduction .barre-bas{margin:0 auto 10px auto;}


  .introduction .liste-prestations{ margin:0;}
  .introduction .liste-prestations li{float:none; width:100%;  padding:0px 30px 40px 30px;}

  .introduction .section-image .colonne-texte{display:block; position:relative; padding:200px 0px 40px 0;}
  .introduction .section-image .colonne-texte h3{text-align:center; font-size:1.4rem; padding:30px 0 0 0;}
  .introduction .section-image .colonne-texte hr{padding:0; margin:15px auto 0 auto; }
  .introduction .section-image .colonne-texte h4{text-align:justify; font-size:0.95rem; padding:15px 0 0 0;}
  .introduction .section-image .colonne-texte .image{ height:200px; width:100%;}
  .introduction .bouton{display:block; cursor:pointer; padding:20px 20px; margin:40px 0 0 0; font-size:0.85rem; }



}






.prestations{display:block; position:relative; z-index:9; background-color:white; text-align:center; padding:70px 0; margin:0; width:100%; box-sizing:border-box;}
.prestations h2{display:block; padding:0 0 0 0; margin:0; text-align:center; font-size:1.4rem; color:#222; font-weight:600; font-style:italic; box-sizing:border-box;}

.prestations .separation{display:block; width:80px; background-color:#222; padding:0; margin:60px auto; height:1px; border:none; box-sizing:border-box;}


.prestations .section-image{display:block; padding:0; margin:0; box-sizing:border-box;}
.prestations .section-image .colonne-texte{display:block; position:relative; padding:50px 20px 50px 52%; margin:0; box-sizing:border-box;}
.prestations .section-image .colonne-texte h3{display:block; color:#b01b20; text-align:left; font-size:1.6rem; font-weight:600; padding:0; margin:0; box-sizing:border-box;}
.prestations .section-image .colonne-texte .soustitre{display:block; color:#222; text-align:left; font-size:1.2rem; text-transform:uppercase; font-weight:600; padding:0; margin:0; box-sizing:border-box;}
.prestations .section-image .colonne-texte hr{display:block; width:50px; background-color:#b01b20; padding:0; margin:10px 0 10px 0; height:1px; border:none; box-sizing:border-box;}
.prestations .section-image .colonne-texte h4{display:block; color:#656565; text-align:left; font-size:1rem; line-height:1.4rem; font-weight:400; padding:20px 0; margin:0; box-sizing:border-box;}
.prestations .section-image .colonne-texte .image{display:block; padding:0; margin:0; position:absolute; top:0; left:0;  height:100%; width:50%; background:url(../img/accueil.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; box-sizing:border-box;}
.prestations .section-image .colonne-texte .push{display:block; padding:0; margin:0; position:absolute; top:0; left:0; height:100%; width:100%; text-decoration:none; border:none; box-sizing:border-box;}
.prestations .section-image .colonne-texte .push .bck{display:block; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0;  height:100%; width:50%; background-color: rgba(0, 0, 0, 0); box-sizing:border-box; transition:all 0.4s ease;}
.prestations .section-image .colonne-texte .push .bck .bouton{display:block; position:absolute; opacity:0; top:50%; left:50%; width:150px; text-align:center; color:#fff; padding:0 20px; margin:-25px 0 0 -75px; height:50px; line-height:50px; background-color:transparent; border:solid 1px #fff; font-size:0.9rem; font-weight:600; text-transform:uppercase;  box-sizing:border-box; transition:all 0.4s ease;}
.prestations .section-image .colonne-texte .push:hover .bck{background-color:rgba(0, 0, 0, 0.6);}
.prestations .section-image .colonne-texte .push:hover .bck .bouton{opacity:1;}
.prestations .section-image .colonne-texte .push .bck .bouton:hover{background-color:#222; border-color:#222;}
.prestations .section-image.inverse .colonne-texte{padding:50px 52% 50px 20px;}
.prestations .section-image.inverse .colonne-texte h3{float:right;}
.prestations .section-image.inverse .colonne-texte .soustitre{float:right;}
.prestations .section-image.inverse .colonne-texte hr{float:right;}
.prestations .section-image.inverse .colonne-texte h4{text-align:right;}
.prestations .section-image.inverse .colonne-texte .image{left:auto; right:0;}
.prestations .section-image.inverse .colonne-texte .push .bck{left:auto; right:0;}
.prestations .bouton{display:inline-block; cursor:pointer; padding:15px 20px; margin:50px 0 0 0; background-color:#222; border:solid 1px #222; color:#fff; text-transform:uppercase; font-size:0.9rem; font-weight:600; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.prestations .bouton:hover{background-color:#fff;  color:#222;}

@media screen and (max-width: 1400px){
  .prestations h2{font-size:1.2rem;}
  .prestations .separation{margin:40px auto;}
  .prestations .liste-prestations li .icone{font-size:2rem;}
  .prestations .liste-prestations li h2{font-size:1rem;}
  .prestations .liste-prestations li h3{text-align:justify; font-size:0.85rem;}
  .prestations .section-image .colonne-texte h3{font-size:1.6rem;}
  .prestations .section-image .colonne-texte .soustitre{font-size:1rem;}


}


@media screen and (max-width: 1000px){
  .prestations .liste-prestations li{display:inline-block; vertical-align:top; float:none; width:48%;  padding:20px 40px;}

}

@media screen and (max-width:767px){
  .prestations{padding:40px 0;}

  .prestations .liste-prestations li{display:block; width:100%;  padding:20px 20px;}

  .prestations .section-image .colonne-texte{display:block; position:relative; padding:200px 0px 40px 0;}
  .prestations .section-image .colonne-texte h3{text-align:center; font-size:1.4rem; padding:30px 0 0 0;}
  .prestations .section-image .colonne-texte .soustitre{font-size:1rem;text-align:center;}
  .prestations .section-image .colonne-texte hr{padding:0; margin:15px auto 15px auto; }
  .prestations .section-image .colonne-texte h4{text-align:center; font-size:0.95rem; padding:15px 0 0 0;}
  .prestations .section-image .colonne-texte .image{ height:200px; width:100%;}
  .prestations .section-image.inverse .colonne-texte{padding:200px 0px 40px 0;}
  .prestations .section-image.inverse .colonne-texte h3{float:none;}
  .prestations .section-image.inverse .colonne-texte .soustitre{float:none;text-align:center;}
  .prestations .section-image.inverse .colonne-texte hr{float:none;}
  .prestations .section-image.inverse .colonne-texte h4{text-align:center;}
  .prestations .section-image.inverse .colonne-texte .image{left:0; right:auto;}
  .prestations .bouton{display:block; cursor:pointer; padding:15px 20px; margin:0px 0 0 0; font-size:0.8rem; }



}


.implantation{display:block; padding:50px 0 50px 0; position:relative; text-align:left; margin:0; box-sizing:border-box;}
.implantation .bloc{display:inline-block; border:solid 1px #ececec; vertical-align:top;  padding:20px 20px; width:23%; position:relative; margin:20px 0.5% 0 0.5%; box-sizing:border-box; transition:all 0.5s ease;}
.implantation .bloc i{display:block; cursor:pointer; padding:0; color:#b01b20; font-size:2.4rem; text-align:right; margin:0; box-sizing:border-box; transition:all 0.5s ease;}
.implantation .bloc h2{display:block; color:#b01b20; text-align:left; font-size:1.4rem; font-weight:700; padding:10px 0 0 0; margin:0; box-sizing:border-box;}
.implantation .bloc a{display:block; color:#222; text-align:left; font-size:1rem; text-decoration:none; font-weight:500; padding:0; margin:10px 0 0 0; box-sizing:border-box; transition:all 0.5s ease;}
.implantation .bloc a:hover{color:#b01b20; }
.implantation .bloc:hover{border-color:#b01b20;}
.implantation .bloc.active{border-color:#b01b20;}
.implantation .bloc i:hover{color:#222; padding-right:20px;}

@media screen and (max-width: 1400px){
  .implantation .bloc{ width:30%; margin:20px 1% 0 1%; }


}

@media screen and (max-width: 1100px){
  .implantation .bloc{ width:45%; margin:0px 2% 20px 2%; }


}

@media screen and (max-width: 767px){
  .implantation{display:block; padding:10px 0 50px 0;}
  .implantation .bloc{display:block; width:90%; margin:20px auto 0 auto; max-width:400px;}


}



.infocontact{display:block; padding:0 0 0 50%; position:relative; margin:0; box-sizing:border-box;}
.infocontact .googlemap{display:block; position:absolute; top:0; left:0; width:50%; height:100%; padding:0; margin:0; box-sizing:border-box;}
.infocontact .contenu{display:block; width:600px; padding:70px 0 50px 70px; margin:0; box-sizing:border-box;}
.infocontact .contenu h1{display:block; color:#222; text-align:left; font-size:1.8rem; font-weight:600; font-style:italic; padding:0; margin:0; box-sizing:border-box;}
.infocontact .contenu hr{display:block; width:50px; background-color:#222; padding:0; margin:20px 0 0 0; height:1px; border:none; box-sizing:border-box;}
.infocontact .contenu .bloc{display:block; padding:0 0 0 60px; position:relative; margin:20px 0 0 0; box-sizing:border-box;}
.infocontact .contenu .bloc i{display:block; padding:0; position:absolute; color:#b01b20; top:10px; left:10px; font-size:2.2rem; margin:0; box-sizing:border-box;}
.infocontact .contenu .bloc h2{display:block; color:#222; text-align:left; font-size:1.3rem; font-weight:600; padding:0 0 5px 0; margin:0; box-sizing:border-box;}
.infocontact .contenu .bloc a{display:block; overflow: hidden; text-overflow: ellipsis; color:#656565; text-align:left; font-size:1.1rem; text-decoration:none; font-weight:600; padding:0; margin:0; box-sizing:border-box; transition:all 0.5s ease;}
.infocontact .contenu .bloc a:hover{color:#b01b20;}


@media screen and (max-width: 1400px){
  .infocontact{display:block; padding:0 0 0 50%; position:relative; margin:0; box-sizing:border-box;}
  .infocontact .contenu{display:block; width:600px; padding:70px 0 50px 70px; margin:0; box-sizing:border-box;}
  .infocontact .contenu h1{font-size:1.6rem;}
  .infocontact .contenu hr{}
  .infocontact .contenu .bloc{}
  .infocontact .contenu .bloc i{top:10px; left:10px; font-size:2rem;}
  .infocontact .contenu .bloc h2{text-align:left; font-size:1.2rem;}
  .infocontact .contenu .bloc a{text-align:left; font-size:1.1rem; }


}

@media screen and (max-width: 900px){
  .infocontact{padding:0; }
  .infocontact .googlemap{display:none;}
  .infocontact .contenu{display:block; width:100%; padding:40px 0 40px 0px; }
  .infocontact .contenu h1{text-align:center; font-size:1.4rem; }
  .infocontact .contenu hr{ margin:20px auto 0 auto;}
  .infocontact .contenu .bloc{display:block; padding:0px 0 0 0; position:relative; margin:30px 0 0 0; box-sizing:border-box;}
  .infocontact .contenu .bloc i{display:block; padding:0 0 5px 0; position:static; color:#222; font-size:2rem; text-align:center;}
  .infocontact .contenu .bloc h2{text-align:center; font-size:1rem;}
  .infocontact .contenu .bloc a{overflow: hidden; text-overflow: ellipsis; text-align:center; font-size:1.2rem;}

}





.bloc-signaletique{display:block; position:relative;  padding:50px 0; margin:0; text-align:center; box-sizing:border-box; background: url(../img/bck.png) no-repeat center fixed; background-size:cover; background-color:#b01b20;}
.bloc-signaletique .filtre{display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.85; padding:0; margin:0; box-sizing:border-box; background-color:#b01b20;}
.bloc-signaletique h2{display:block; padding:0; margin:0; font-size:2rem; font-weight:600; color:#fff; box-sizing:border-box;}
.bloc-signaletique h3{display:block; padding:20px 0; margin:0; font-size:1.2rem; color:#fff; font-style:italic; font-weight:500; box-sizing:border-box;}
.bloc-signaletique .validation{display:block; cursor:pointer; padding:15px 20px; margin:50px 0 0 0; border:solid 1px #fff; background-color:#b01b20; color:#fff; text-transform:uppercase; font-size:0.9rem; font-weight:600; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.bloc-signaletique .validation:hover{background-color:white; color:#b01b20;}
.bloc-signaletique .colonne{display:block; width:33.333%; float:left; padding:0 20px; margin:30px 0; box-sizing:border-box;}
.bloc-signaletique .colonne .titre{display:block; padding:0; text-transform:uppercase; margin:0; font-size:1.2rem; text-align:left; color:#fff; font-weight:600; box-sizing:border-box;}
.bloc-signaletique .colonne-bis{margin: 0; width: 66.666%;}
.bloc-signaletique .validation-bis{display:inline-block; margin: 20px 0 0 0;}
@media screen and (max-width: 1400px){
  .bloc-signaletique{}
  .bloc-signaletique h2{font-size:1.6rem;}
  .bloc-signaletique h3{padding:20px 0; font-size:1.2rem;}
  .bloc-signaletique .colonne .titre{ font-size:1rem; }


}

@media screen and (max-width: 1100px){
  .bloc-signaletique{padding:40px 0;}
  .bloc-signaletique h2{font-size:1.4rem;}
  .bloc-signaletique h3{padding:20px 0; font-size:1rem;}
  .bloc-signaletique .validation{font-size:0.8rem;}

}

@media screen and (max-width: 767px){
  .bloc-signaletique .colonne{width:100%;  margin:40px 0 0 0; box-sizing:border-box;}
  .bloc-signaletique .colonne .areatext{margin-bottom:40px;}

}





.bloc-engagement{display:block; padding:50px 0 0 0; margin:0; text-align:center; box-sizing:border-box; background-color:#fff;}
.bloc-engagement h2{display:block; padding:0; margin:0; font-size:2rem; font-weight:600; color:#b01b20; box-sizing:border-box;}
.bloc-engagement h3{display:block; padding:20px 0 50px 0; margin:0; font-size:1.2rem; color:#656565; font-style:italic; font-weight:500; box-sizing:border-box;}
.bloc-engagement hr{display:block; width:80px; background-color:#222; padding:0; margin:20px auto 0 auto; height:1px; border:none; box-sizing:border-box;}
.bloc-engagement .listing{display:block; padding:30px 0 50px 0; margin:20px 0 0 0; text-align:center; box-sizing:border-box; background-color:#eaeaea;}
.bloc-engagement .listing .liste-prestations{display:block; padding:0; margin:0; text-align:center; box-sizing:border-box;}
.bloc-engagement .listing .liste-prestations li{display:block; float:left; width:33.333%;  padding:0 30px; margin:-55px 0 0 0; box-sizing:border-box;}
.bloc-engagement .listing .liste-prestations li .icone{display:block; padding:0; margin:0; text-align:center; font-size:3rem; color:#b01b20; box-sizing:border-box;}
.bloc-engagement .listing .liste-prestations li h2{display:block; padding:10px 0; margin:0; text-align:center; font-size:1.4rem; font-style:normal; color:#b01b20; font-weight:700; box-sizing:border-box;}
.bloc-engagement .listing .liste-prestations li h3{display:block; padding:0; margin:0; text-align:center; font-size:0.95rem; font-style:normal; color:#222; font-weight:500; box-sizing:border-box;}
.bloc-engagement .listing .liste-prestations li a{display:inline-block; cursor:pointer; padding:15px 20px; margin:20px 0 0 0; background-color:#b01b20; color:#fff; text-transform:uppercase; font-size:0.9rem; font-weight:600; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.bloc-engagement .listing .liste-prestations li a:hover{background-color:#222; }


.bloc-engagement .listing .liste-prestations li .lightbox{display:none; cursor:default; position:fixed; overflow-y:auto; top:0; left:0; z-index:99999999999999999; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box; background-color: rgba(0, 0, 0, 0.85);}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox{display:block; position:relative; width:1100px; padding:20px 30px 20px 70px; margin:80px auto; box-sizing:border-box; background-color:#fff;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite{display:block; padding:0 0px 20px 0px; box-sizing:border-box;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .iconecloselightbox{display:block; padding:0 0 10px 0; cursor:pointer; box-sizing:border-box; text-align:right; font-size:3rem; color:#b01b20;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .iconecloselightbox:hover{color:#222;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu{display:block; text-align:left; padding:0 20px 0 0; margin:5px 0 0 0; font-size:0.95rem; font-weight:500; color:#797979; box-sizing:border-box;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image{display:block; padding:0; margin:30px 0 50px 0; box-sizing:border-box;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte{display:block; position:relative; padding:0px 20px 0px 42%; margin:0; box-sizing:border-box;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h3{display:block;  color:#b01b20; text-align:left; font-size:1.6rem; font-weight:600; padding:0; margin:0; box-sizing:border-box;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte hr{display:block; width:50px; background-color:#b01b20; padding:0; margin:20px 0 0 0; height:1px; border:none; box-sizing:border-box;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h4{display:block; color:#656565; text-align:left; font-size:1rem; line-height:1.4rem; font-weight:500; padding:20px 0; margin:0; box-sizing:border-box;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h4 p{padding:0; margin:0;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h4 a{text-decoration:none; color:#fff; font-weight:600;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h4 a:hover{text-decoration:none;}
.bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte .image{display:block; padding:0; margin:0; position:absolute; top:0; left:0;  height:100%; width:40%; background:url(../img/accueil.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; box-sizing:border-box;}

@media screen and (max-width: 1400px){
  .bloc-engagement h2{font-size:1.6rem;}
  .bloc-engagement h3{ font-size:1.2rem;}


}

@media screen and (max-width: 1100px){
  
  .bloc-engagement h2{font-size:1.4rem;}
  .bloc-engagement h3{font-size:1rem;}

  .bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox{width:100%; padding:20px 30px 20px 30px; margin:0 auto;}


}

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

  .bloc-engagement .listing{padding:40px 0 10px 0; margin:0px 0 0 0; }
  .bloc-engagement .listing .liste-prestations li{display:block; float:left; width:100%;  padding:0 30px; margin:0 0 30px 0; box-sizing:border-box;}

}

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

  .bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte{display:block; position:relative; padding:200px 0px 40px 0;}
  .bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h3{text-align:center; font-size:1.4rem; padding:30px 0 0 0;}
  .bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte hr{padding:0; margin:15px auto 0 auto; }
  .bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h4{text-align:justify; font-size:0.95rem; padding:15px 0 0 0;}
  .bloc-engagement .listing .liste-prestations li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte .image{ height:200px; width:100%;}

}


.listing-historique{display:block; padding:0 0 0px 0; margin:0; text-align:center; box-sizing:border-box; }
.listing-historique li{display:inline-block; cursor:pointer; vertical-align:top; padding:30px; border:solid 1px #ececec; margin:0 1% 30px 1%; width:30%; box-sizing:border-box; transition:all 0.4s ease;}
.listing-historique li .annee{display:block; width:200px; position:relative; padding:0; margin:0 auto; box-sizing:border-box; }
.listing-historique li .annee .haut{display:block; font-weight:600; color:#222; position:relative; z-index:99; background-color:white; width:100px; border-right:solid 1px #ececec; height:80px; line-height:77px; font-size:5rem; padding:0; margin:0; box-sizing:border-box; }
.listing-historique li .annee .bas{display:block; font-weight:600; color:#b01b20; position:relative; z-index:99; background-color:white; width:100px; border-right:solid 1px #ececec; height:80px; line-height:57px; font-size:5rem; padding:0; margin:0; box-sizing:border-box; }
.listing-historique li .annee .icone{display:block; color:#b3b3b3; position:absolute; z-index:9; left:75px; top:40px; font-size:5rem; padding:0; margin:0; width:30%; box-sizing:border-box; transition:all 0.4s ease; }
.listing-historique li h2{display:block; padding:15px 0 10px 0; margin:0; font-size:1.4rem;  font-weight:700; font-style:italic; color:#b01b20; box-sizing:border-box; }
.listing-historique li h3{display:block; height:auto; text-align:justify; padding:0; margin:0; font-size:0.9rem; font-weight:500; line-height:1.4rem; color:#656565; box-sizing:border-box; overflow: hidden; }
.listing-historique li:hover{border-color:#b01b20;}
.listing-historique li:hover .annee .icone{left:120px; color:#b01b20;}

.bloc-colonne-fond{display:block; padding:50px 0; margin:0; box-sizing:border-box; background-color:#eaeaea;}
.bloc-colonne-fond h2{display:block; padding:0 0 40px 0; margin:0; font-size:1.6rem;  text-align:center; font-weight:600; font-style:italic; color:#222; box-sizing:border-box; }
.bloc-colonne-fond .liste-prestations{display:block; padding:0; margin:0; text-align:center; box-sizing:border-box;}
.bloc-colonne-fond .liste-prestations li{display:block; float:left; width:33.333%;  padding:0 30px; margin:0; box-sizing:border-box;}
.bloc-colonne-fond .liste-prestations li .icone{display:block; padding:0; margin:0; text-align:center; font-size:3rem; color:#b01b20; box-sizing:border-box;}
.bloc-colonne-fond .liste-prestations li h2{display:block; padding:10px 0; margin:0; text-align:center; font-size:1.4rem; text-transform:uppercase; font-style:normal; color:#b01b20; font-weight:600; box-sizing:border-box;}
.bloc-colonne-fond .liste-prestations li h3{display:block; padding:0; margin:0; text-align:center; font-size:0.95rem; font-style:normal; color:#222; font-weight:500; box-sizing:border-box;}


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

  .listing-historique li h2{ font-size:1.2rem;}

}

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

  .listing-historique li{margin:0 2% 30px 2%; width:45%;}


}

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

  .bloc-colonne-fond{display:block; padding:50px 0 20px;}
  .bloc-colonne-fond h2{padding:0 0 40px 0; margin:0; font-size:1.4rem;  }
  .bloc-colonne-fond .liste-prestations{display:block; padding:0; margin:0; text-align:center; box-sizing:border-box;}
  .bloc-colonne-fond .liste-prestations li{float:none; width:100%;  padding:0 30px 30px 30px; margin:0;}

}

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

  .listing-historique{display:block; padding:30px 0 0px 0;}
  .listing-historique li{margin:0 auto 30px auto; width:90%; display:block; max-width:400px;}


}

.listing-prestations-services{display:block; padding:0 0 0px 0; margin:0 0 0 0; box-sizing:border-box;}
.listing-prestations-services .prestations-services{display:block; padding:0 0 40px 0; margin:0; text-align:center; box-sizing:border-box; }
.listing-prestations-services .prestations-services li{display:inline-block; vertical-align:top; padding:0; margin:40px 2% 0px 2%; width:45%; box-sizing:border-box;}
.listing-prestations-services .prestations-services li .titre{display:block; position:relative; padding:0 0 0px 0; margin:0; text-align:center; box-sizing:border-box; }
.listing-prestations-services .prestations-services li .titre h2{display:inline-block; position:relative; z-index:99; padding:10px 20px; background-color:white; margin:0; font-size:1.5rem;  font-weight:600; text-transform:uppercase; color:#b01b20; box-sizing:border-box;}
.listing-prestations-services .prestations-services li .titre hr{display:block; height:1px; position:absolute; z-index:9; top:49%; left:0; width:100%; padding:0; margin:0; border:none; background-color:#b01b20; box-sizing:border-box;}
.listing-prestations-services .prestations-services li img{display:block; padding:0 0 0px 0; margin:0; box-sizing:border-box; }
.listing-prestations-services .prestations-services li h3{display:block; padding:15px 0 0 0; height:80px; margin:0; font-size:1rem; text-align:justify; font-weight:500; color:#656565; box-sizing:border-box; overflow: hidden; text-overflow: ellipsis;}
.listing-prestations-services .prestations-services li a{display:inline-block; cursor:pointer; padding:15px 20px; margin:25px 0 0px 0; background-color:#b01b20; color:#fff; text-transform:uppercase; font-size:0.85rem; font-weight:600; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.listing-prestations-services .prestations-services li a:hover{background-color:#222; }

.listing-prestations-services .prestations-services li .lightbox{display:none; cursor:default; position:fixed; overflow-y:auto; top:0; left:0; z-index:99999999999999999; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box; background-color: rgba(0, 0, 0, 0.85);}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox{display:block; position:relative; width:1100px; padding:20px 30px 20px 70px; margin:80px auto; box-sizing:border-box; background-color:#fff;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite{display:block; padding:0 0px 20px 0px; box-sizing:border-box;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .iconecloselightbox{display:block; padding:0 0 10px 0; cursor:pointer; box-sizing:border-box; text-align:right; font-size:3rem; color:#b01b20;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .iconecloselightbox:hover{color:#222;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu{display:block; text-align:left; padding:0 20px 0 0; margin:5px 0 0 0; font-size:0.95rem; font-weight:500; color:#797979; box-sizing:border-box;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image{display:block; padding:0; margin:10px 0 40px 0; box-sizing:border-box;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte{display:block; position:relative; padding:0px 20px 0px 42%; margin:0; box-sizing:border-box;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu h2{display:block;  color:#b01b20; text-align:left; font-size:1.6rem; font-weight:600; padding:0; margin:0; box-sizing:border-box;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu hr{display:block; width:50px; background-color:#b01b20; padding:0; margin:20px 0 0 0; height:1px; border:none; box-sizing:border-box;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu h3{display:block; height:auto; color:#656565; text-align:left; font-size:1rem; line-height:1.4rem; font-weight:500; padding:20px 0; margin:0; box-sizing:border-box;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu h3 p{padding:0; margin:0;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h4{display:block; color:#656565; text-align:left; font-size:1rem; line-height:1.4rem; font-weight:500; padding:20px 0; margin:0; box-sizing:border-box;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h4 p{padding:0; margin:0;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h4 a{display:inline; padding:0; margin:0; background-color:transparent; text-transform:none; text-decoration:none; color:#b01b20; font-weight:600;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h4 a:hover{text-decoration:underline;}
.listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte .image{display:block; padding:0; margin:0; position:absolute; top:0; left:0;  height:100%; width:40%; background:url(../img/accueil.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; box-sizing:border-box;}


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

  .listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox{display:block; position:relative; width:100%; padding:20px 30px 20px 30px; margin:0 auto; }

}

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

  .listing-prestations-services .prestations-services li{display:block; margin:40px auto 0px auto; width:90%; max-width:600px;}


}

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

  .listing-prestations-services .prestations-services li .titre h2{ padding:10px 10px;font-size:1.2rem;}
  .listing-prestations-services{border-bottom:solid 2px #b01b20;}

  .listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte{display:block; position:relative; padding:200px 0px 40px 0;}
  .listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h3{text-align:center; font-size:1.4rem; padding:30px 0 0 0;}
  .listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte hr{padding:0; margin:15px auto 0 auto; }
  .listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte h4{text-align:justify; font-size:0.95rem; padding:15px 0 0 0;}
  .listing-prestations-services .prestations-services li .lightbox .wrapper-lightbox .colonne-droite .contenu .section-image .colonne-texte .image{ height:200px; width:100%;}



}


.intro-cocktails{display:block; padding:60px 0 0 0; margin:0; text-align:center; font-size:1.2rem; color:#b01b20; font-weight:600; font-style:italic; box-sizing:border-box;}
.intro-cocktails a{color:#b01b20; text-decoration:none;}
.intro-cocktails a:hover{text-decoration:underline;}


@media screen and (max-width: 767px){
  .intro-cocktails{padding:40px 0 0 0; font-size:1rem;}

}

.tri-actualites{display:block; text-align:center; padding:0; margin:40px 0 0px 0; width:100%; box-sizing:border-box;}
.tri-actualites li{display:inline-block; padding:0; margin:0 5px 5px 5px; box-sizing:border-box;}
.tri-actualites li a{display:block; text-decoration:none; padding:10px 20px; cursor:pointer; font-weight:600; margin:0 5px 5px 5px; font-size:0.9rem; text-transform:uppercase; color:#222; border:solid 1px #222; box-sizing:border-box; transition:all 0.3s ease;}
.tri-actualites li a:hover{background-color:#b01b20;border-color:#b01b20; color:white;}
.tri-actualites li.current-cat a{background-color:#222; color:white;}

.mes-actualites{display:block; padding:50px 0 50px 0; margin:0; text-align:left; box-sizing:border-box;}
.mes-actualites .bloc-actus{display:inline-block; vertical-align:top; position:relative; border:solid 1px black; padding:20px 20px; margin:0px 1% 30px 1%; box-sizing:border-box; width:30%; text-align:center; background-color:white; transition:all 0.5s ease;}
.mes-actualites .bloc-actus:hover{border-color:#b01b20;}
.mes-actualites .bloc-actus h2{display:block; padding:10px 0 0 0; margin:0; height:52px;  overflow:hidden; line-height:1.6rem;  color:#b01b20; font-size:1.3rem; text-align:left; font-weight:500; }
.mes-actualites .bloc-actus .categorie{display:block; padding:5px 0; margin:0;   color:#000; font-size:0.9rem; text-align:left; font-weight:500; }
.mes-actualites .bloc-actus hr{display:block; text-align:left; margin:5px 0; padding:0; border:none; width:20%; height:1px; background-color:#df6536; transition:all 0.4s ease;}
.mes-actualites .bloc-actus:hover hr{width:40%;}
.mes-actualites .bloc-actus h3{display:block; padding:0; margin:10px 0 0 0; color:#777; font-size:0.95rem;  text-align:justify; font-weight:600;}
.mes-actualites .bloc-actus .push{display:inline-block; position:relative; text-decoration:none; padding:15px 20px; margin:25px 0 0 0; color:white; font-weight:600; text-transform:uppercase; font-size:0.85rem; background-color:#222; box-sizing:border-box; transition:all 0.4s ease}
.mes-actualites .bloc-actus .push:hover{ background-color:#b01b20;}

.single-actualite {display:block; padding:70px 0 80px 0; margin:0; width:100%; box-sizing:border-box;}
.single-actualite .retour{display:block; text-decoration:none; font-style:italic; text-align:center; color:#656565; font-size:1rem; font-weight:600; padding:0; margin:0 0 15px 0; transition:all 0.5s ease;}
.single-actualite .retour i{display:inline-block; font-size:1rem; padding:0 7px 0 0; vertical-align:middle;}
.single-actualite .retour:hover{color:#b01b20;}
.single-actualite .hr1{display:block; text-align:left; margin:20px auto 0 auto; padding:0; border:none; width:80px; height:1px; background-color:#656565;}
.single-actualite .hr2{display:block; text-align:left; margin:20px auto 30px auto; padding:0; border:none; width:80px; height:1px; background-color:#656565;}
.single-actualite .hr3{display:block; text-align:left; margin:0px 0 30px 0; padding:0; border:none; width:80px; height:2px; background-color:#222;}
.single-actualite .categorie{display:block; padding:20px 0 0 0; margin:0; color:black; font-size:1rem; text-align:center; font-weight:500; box-sizing:border-box; }
.single-actualite .date{display:block; padding:5px 0 0 0; margin:0; color:black; font-size:1rem; text-align:center; box-sizing:border-box; font-weight:600; }
.single-actualite .introduction{display:block; padding:10px 0px 40px 0px; margin:0; color:#222; font-weight:600; font-size:1.2rem; line-height:1.6rem; text-align:justify; box-sizing:border-box; }
.single-actualite .titre{display:block; border-left:solid 1px #999; position:relative; padding:10px 0 10px 20px; margin:0; color:#b01b20; font-size:1.4rem; text-align:left; font-weight:600; box-sizing:border-box; }
.single-actualite .titre .rond{display:block; width:20px; height:20px; border-radius:50%; padding:0; margin:-10px 0 0 0; position:absolute; top:50%; left:-11px; background-color:#b01b20; box-sizing:border-box;}
.single-actualite .descriptif{display:block; padding:10px 0 10px 20px; border-left:solid 1px #999; margin:0; color:#333; font-size:1rem; line-height:1.6rem; text-align:justify; box-sizing:border-box; }
.single-actualite img{display:block; padding:10px 0; border-left:solid 1px #999; margin:0; width:auto; max-width:100%; height:auto; box-sizing:border-box; }
.single-actualite .push{display:inline-block; position:relative; text-decoration:none; padding:15px 20px; margin:25px 0 0 0; color:white; font-weight:600; text-transform:uppercase; font-size:0.85rem; background-color:#222; box-sizing:border-box; transition:all 0.4s ease}
.single-actualite .push:hover{ background-color:#b01b20;}



@media screen and (max-width: 1400px){
  .mes-actualites .bloc-actus{display:inline-block; margin:0px 2% 30px 2%; box-sizing:border-box; width:45%;}



}

@media screen and (max-width: 767px){
  .tri-actualites{ margin:30px 0 0px 0; }
  .tri-actualites li{display:block; padding:0; margin:0 5px 15px 5px; box-sizing:border-box;}
  .mes-actualites .bloc-actus{display:block; margin:0px auto 30px auto; box-sizing:border-box; width:90%; max-width:400px;}

  .single-actualite {display:block; padding:20px 0 80px 0; margin:0; width:100%; box-sizing:border-box;}
  .single-actualite .introduction{font-size:1rem;line-height:1.4rem;}
}





.bloc-partenaire{display:block; padding:40px 0 20px 0; margin:0; text-align:center; box-sizing:border-box;background-color:#eaeaea; }
.bloc-partenaire h2{display:block; padding:0; margin:0; font-size:2rem; font-weight:600; color:#b01b20; box-sizing:border-box;}
.bloc-partenaire hr{display:block; width:80px; background-color:#222; padding:0; margin:20px auto 30px auto; height:1px; border:none; box-sizing:border-box;}
.bloc-partenaire .bx-wrapper{max-width:1100px; margin:0 auto 30px auto;}
.bloc-partenaire .slider-partenaire{display:block; padding:0; margin:0; width:100%; box-sizing:border-box;}
.bloc-partenaire .slider-partenaire li{display:block; padding:10px 10px; margin:0; box-sizing:border-box;}
.bloc-partenaire .slider-partenaire li a{display:block; padding:10px; border:solid 1px #656565; margin:0; width:100%; text-decoration:none; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-partenaire .slider-partenaire li a h2{display:block; padding:10px 0 0 0; margin:0; font-size:1rem; color:#222; font-weight:600; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-partenaire .slider-partenaire li a:hover{background-color:#b01b20;border-color:#b01b20;}
.bloc-partenaire .slider-partenaire li a:hover h2{color:white;}
.bloc-partenaire .bx-controls-direction .bx-prev{display:block; color:#b01b20;border-bottom:solid 1px transparent; width:40px; height:60px; line-height:60px; font-size:3rem; padding:0; margin:-10px 0 0 0; position:absolute; top:50%; left:0; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-partenaire .bx-controls-direction .bx-next{display:block; color:#b01b20;border-bottom:solid 1px transparent; width:40px; height:60px; line-height:60px; font-size:3rem; padding:0; margin:-10px 0 0 0; position:absolute; top:50%; right:0; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-partenaire .bx-controls-direction a:hover{border-bottom:solid 1px #b01b20;}
.bloc-partenaire .bx-pager div{display:inline-block; padding:0; margin:0 5px; box-sizing:border-box;}
.bloc-partenaire .bx-pager div a{display:block; width:15px; height:15px; border-radius:50%; background-color:#b01b20; text-decoration:none; font-size:0px; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-partenaire .bx-pager div a:hover, .bloc-partenaire .bx-pager div a.active{background-color:#222;}


@media screen and (max-width: 1400px){
  .bloc-partenaire h2{font-size:1.6rem;}
  .bloc-partenaire .bx-wrapper{max-width:90%; width:90%; margin:0 5% 30px 5%;}


}

@media screen and (max-width: 900px){
  .bloc-partenaire{display:none;}

}



.mentions{display:block; position:relative; z-index:9; background-color:white; text-align:center; padding:100px 0 70px 0; margin:0; width:100%; box-sizing:border-box;}
.mentions h2{display:block; padding:0 0 20px 0; margin:0; text-align:left; font-size:1.6rem; color:#222; font-weight:600; box-sizing:border-box;}
.mentions h3{display:block; padding:0 0 0 0; margin:0; text-align:left; font-size:1rem; color:#656565; font-weight:400; box-sizing:border-box;}
.mentions hr{display:block; width:50px; background-color:#222; text-align:left; padding:0; margin:40px 0 40px 0; height:1px; border:none; box-sizing:border-box;}


@media screen and (max-width: 767px){
  .mentions{padding:40px 0;}
  .mentions h2{font-size:1.2rem;}
  .mentions h3{text-align:justify; font-size:1rem; }



}


footer{display:block; padding:0px 0 0 0; margin:0; box-sizing:border-box; background-color:#222;}
footer .colonne{display:block; width:25%; float:left; margin:30px 0 20px 0; box-sizing:border-box;}
footer .colonne p{display:block; padding:0; text-align:left; margin:0; font-size:1rem; font-weight:500; color:#ececec; line-height:2rem; box-sizing:border-box;}
footer .colonne a{display:block; overflow: hidden; text-overflow: ellipsis; padding:0; text-align:left; text-decoration:none; margin:0; font-size:0.9rem; font-weight:500; line-height:1.6rem; color:#ececec; box-sizing:border-box; transition:all 0.4s ease;}
footer .colonne a:hover{color:#b01b20;}
footer .colonne.adresse{width:20%; padding:22px 30px 15px 40px;}
footer .colonne.contact{width:30%; padding:20px 30px 30px 30px;margin: 10px 0 0 0; }
footer .colonne.logo{width:15%; padding:0 30px 0 0px; border-right:solid 1px #656565; padding:0;margin: 53px 0 0 0;}
footer .colonne.logo img{margin:0 auto; width:70px; padding:10px 0 12px 0;}
footer .colonne.reseaux{width:35%; padding:0 50px 0 0;margin:45px 0 0 0;}
footer .colonne.reseaux .navigation-secondaire{display:block; padding:0; margin:0; text-align:right; box-sizing:border-box;}
footer .colonne.reseaux .navigation-secondaire li{display:inline-block; vertical-align:middle; padding:0 10px; margin:0; box-sizing:border-box;}
footer .colonne.reseaux .navigation-secondaire li a{display:block; color:#ececec;  font-size:2.6rem; text-decoration:none; padding:10px 7px; margin:0 0 0 0; box-sizing:border-box; transition:all 0.4s ease;}
footer .colonne.reseaux .navigation-secondaire li a:hover{color:#b01b20;}
footer .colonne.reseaux .navigation-secondaire li a img{width:100px;}

footer .mentions{display:block; padding:20px 0; margin:0px 0 0 0; font-size:0.85rem; line-height:1.4rem; font-weight:600; color:#ececec; text-align:center; box-sizing:border-box; background-color:#000;}
footer .mentions a{text-decoration:none; color:white; cursor:pointer;}
footer .mentions a:hover{ color:#b01b20;}






@media screen and (max-width: 1030px){
  
  footer .colonne.adresse{width:100%; margin:13px 0; padding:0px 30px 0px 30px; text-align:center; border-right:none;}
  footer .colonne.contact{width:100%; margin:13px 0; padding:0px 30px 0px 30px; text-align:center; border-right:none;}
  footer .colonne.contact img{max-width: 300px; margin: 0 auto;}
  footer .colonne.logo{width:100%; padding:0 30px 0 30px; border-right:none;}
  footer .colonne.logo img{margin:0 auto; width:70px; padding:20px 0 0 0;}
  footer .colonne.reseaux{width:100%; padding:0 30px;padding:0; margin: 0 0 50px 0;}
  footer .colonne.reseaux .navigation-secondaire{text-align:center;}
  footer .colonne a{text-align:center; font-weight:600; font-size:1rem;}

}




/*LIGHT BOX AFFICHAGE MESSAGE*/
.lightbox-message{display:none; z-index:999999999999999999; opacity:0.7; background-color:black; position:fixed; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box;}
.lightbox-message-wrapper{display:none; z-index:999999999999999999; position:fixed; top:50%; left:50%; width:420px; max-height:500px; padding:40px 10px 30px 10px; border-top:solid 10px #b01b20; margin:-250px 0 0 -210px; text-align:center; background-color:white; box-sizing:border-box;}
.lightbox-message-wrapper .lightbox-message-contenu{display:block; max-height:350px; overflow-y:auto; padding:0 20px; margin:0 0 30px 0; font-size:1rem; font-weight:600; text-align:center; line-height:1.4rem; color:#222; box-sizing:border-box; }
.lightbox-message-wrapper .lightbox-message-contenu a{text-decoration:none; color:#222;}
.lightbox-message-wrapper .lightbox-message-contenu a:hover{text-decoration:underline; }
.lightbox-message-wrapper .retour-lightbox-simple{display:inline-block; cursor:pointer; height:40px; text-decoration:none; text-align:center; font-size:0.9rem; font-weight:600; text-transform:uppercase; line-height:40px; background-color:#b01b20; color:white; padding:0 20px; margin:0;  box-sizing:border-box; transition:all 0.5s ease;}
.lightbox-message-wrapper .retour-lightbox-simple:hover{background-color:#000;}
@media screen and (max-width: 767px){
.lightbox-message-wrapper{left:10%; width:80%; top:5%; max-height:90%;  margin:0; }
}



/*CASE A COCHER---------------------------------------------------------------*/
.case-a-cocher{display:block; position:relative; padding:0px 0px 0 29px; text-align: left; margin:10px 0 7px 0; font-size:0.9rem; font-weight:600; color:#fff; cursor:pointer; box-sizing:border-box; transition:all 0.3s ease;}
.case-a-cocher:hover i{color:#222;}
.case-a-cocher input { display: none; }
.case-a-cocher i{display:none; position:absolute; top:0px; left:0; padding:0; margin:0; font-size:1.4rem; vertical-align:middle;  box-sizing:border-box;}
.case-a-cocher i.active{display:block;}
.case-a-cocher a{text-decoration:underline; color: white;}
.case-a-cocher a:hover{text-decoration:underline; color: #222;}

/*SELECT AUTOCOMPLETE JQUERY UI*/
.ui-helper-hidden-accessible,.ui-tooltip{display:none; opacity:0; visibility:hidden; width:0; height:0;}

.custom-combobox {position:relative; background:none;display: block; }
.custom-combobox-toggle {position: absolute;top: 0;bottom: 0; right:0; outline:none;margin:0; border-radius:0 5px 5px 0;  background:none; border:solid 1px #6aa7da; background-color:#fff; padding: 0; width:40px;}
.custom-combobox-input{margin:0;padding: 10px 15px;  outline:none;  background:none; border-radius:5px; font-size:0.9rem; width:100%; color:#777; border:solid 1px #ececec; box-sizing:border-box; transition:all 0.3s ease;}
.custom-combobox-input:focus{border-color:#777;background-color:#777;color:white; }

.ui-autocomplete{border-radius:0; margin: 0; padding:0; background:none; border:solid 1px #1D7E49; background-color:white; max-height:250px; overflow-y:auto; box-sizing:border-box;}
.ui-menu .ui-menu-item {margin: 0; padding:0; width: 100%; list-style-image:none; box-sizing:border-box;}
.ui-menu .ui-menu-item a{border-radius:0; background:none; border:none; cursor:pointer; font-size:0.8em; color:#777;  padding:10px 15px; margin:0; box-sizing:border-box; transition:all 0.3s ease;}
.ui-menu .ui-menu-item a:hover{border-radius:0; background:#ececec; border:none; cursor:pointer; font-size:0.8em; color:#777;  padding:10px 15px; margin:0;}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}