/* ---------------------------------- STYLE DE BASE ---------------------------------- */
html {
    font-size: 100%;
    min-height: 100%;
}
body {
    color: #02457e;
    font-family: verdana, "open_sansregular", sans-serif; 
    font-size: 15px;
    min-height: 100%;
    position: relative;
    overflow: auto;
}
h1, .h1-like {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #02457e;
    /*
    font-family: 'aller', 'aero', sans serif, arial;
    */
    font-family: url('../fonts/aero/aero_regular.ttf');
}
h2, .h2-like {
    font-size: 20px;
    font-weight: bold;
    line-height: 33px;
    color: #02457e;
    font-family: "varela_roundregular", sans serif, arial;
}
h2::after {
    content: " ";
    border-bottom: 2px solid #fdc808;
    width: 60px;
    color: #fdc808;
    display: block;
    padding-top: 6px;
    margin-bottom: 10px;
}
h3, .h3-like {
    color: #02457e;
    font-weight: bold;
    font-family: 'aller', 'aero', 'varela_roundregular', sans serif, arial;
    font-size: 0.7em;
    /*line-height: 15px;*/
    margin-bottom: 5px;
}
.h3-like-free{
    position: relative;
    top : -5%
}
header{
    height: 140px;
}
.cadre{
    background-image: url(../statics_images/cadre.svg);
    background-size: 380px auto;
    background-repeat: no-repeat;
}
.cadre-1{
    margin-top: -10px ;
    margin-left: 93px;
}
.cadre-2{
    margin-top: 5px;
    margin-left: 80px;
}
.cadre-3{
    margin-top: 5px;
    margin-left: 50px;
}
.cadre-4{
    margin-top: 2px;
    margin-left: 12px;
}
h3::after {
    content: " ";
    border-bottom: 2px solid #79cdc7;
    /*width: 200px;*/
    color: #79cdc7;
    display: block;
    /*padding-top: 6px;*/
    margin-bottom: 5px;
}
h4, .h4-like {
    color: #02457e;
    font-family: 'varela_roundregular', sans serif, arial;
    font-size: 18px;
    line-height: 18px;
}
h5, .h5-like {
    color: #ffffff;
    font-family: 'varela_roundregular', sans serif, arial;
    font-size: 15px;
    line-height: 15px;
}
h6, .h6-like {
    font-size: 1.1429em; /* equiv 16px */
    font-weight: normal;
    line-height: 1.3125em;
    margin: 1.3125em 0 0 0;
}
/* alternate font-sizing */
.smaller {
    font-size: .7143em; /* equiv 10px */
    line-height: 2.1em;
}
.small {
    font-size: .8571em; /* equiv 12px */
    line-height: 1.75em;
}
.big {
    font-size: 1.1429em; /* equiv 16px */
    line-height: 1.3125em;
}
.bigger {
    font-size: 1.2857em; /* equiv 18px */
    line-height: 1.1667em;
}
.biggest {
    font-size: 1.4286em; /* equiv 20px */
    line-height: 1.05em;
}
/* soft reset */
html,
body,
figure {
    margin: 0;
    padding: 0;
}
ul,
ol {
    padding-left: 0;
    list-style-type: none;
}
code,
pre,
samp {
    white-space: pre-wrap;
    font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
}
code {
    line-height: 1em;
}
table {
    margin-bottom: 1.5em;
}
/* avoid top margins on first content element */
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}

h1:first-child {
    margin-top: 25px;
}

/* avoid margins on nested elements */
li p,
li ul,
li ol {
    margin-top: 0;
    margin-bottom: 0;
}
/* HTML5 tags */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
/* max values */
table, td, blockquote, code, pre, video {
    max-width: 100%;
}
/* you shall not pass */
p {
    text-align: justify;
    margin: 0;
}
/* pictures */
img {
    /*width: auto;*/
    max-width: 100%;
    /*height: auto;*/
    vertical-align: middle;
}
a img {
    border: 0;
}
/* scripts */
body > script {
    display: none !important;
}
/* skip-links */
.skip-links {
    position: absolute;
}
.skip-links a {
    position: absolute;
    left: -9999px;
    padding: 0.5em;
    background: #000;
    color: #fff;
    text-decoration: none;
}
.skip-links a:focus {
    position: static;
}
a {
    font-size: 14px;
    line-height: 17px;
    color: #003866;
    font-family: 'open_sansregular', sans serif, arial;
    text-decoration: none;
}
a:hover {
    font-size: 14px;
    line-height: 17px;
    color: #003866;
    font-family: 'open_sansregular', sans serif, arial;
    text-decoration: underline;
}
#btn-menu, .btn_mob, .footer_cont div, .mob, .headerd a.mob, footer .reseaux-mob, #bandeau.mob {
    display: none;
}
a.dropdown-item {
    color: white !important;
    background-color: #02457e !important;
}
.dropdown-menu.show {
    color: white !important;
    background-color: #02457e !important;
}
.titre-bandeau {
    position: relative;
    font-size: 2em;
    left: 50px;
    bottom: 75px;
    /*transform: translateY(-100px);*/
}
.sucess-message {
    font-size: 2em;
    color: #cd85a1;
}
.h-sis {
    margin-right: 175px;
}
.footer_cont  {
    display: flex;
}
.loading-icon {
    width: 30px;
    color: #cd85a1;
    animation: loadingTurn 1s steps(8) infinite;
}
@keyframes loadingTurn {
    to {
        transform: rotate(360deg);
    }
}
/* ---------------------------------- BASE ---------------------------------- */
#canvas {
    padding: 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}
header {
    height: 125px;
    background: #e8e8e8;
    background: -moz-linear-gradient(left, #e8e8e8 0%, #ffffff 50%, #e8e8e8 100%);
    background: -webkit-linear-gradient(left, #e8e8e8 0%, #ffffff 50%, #e8e8e8 100%);
    background: linear-gradient(to right, #e8e8e8 0%, #ffffff 50%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#e8e8e8', GradientType=1);
}
.header_cont, .footer_cont, #page_cont {
    width: 98%;
    /*height: 100%;*/
    margin: 0 auto;
}
.headerg {
    float: left;
    width: 35%;
    padding-top: 25px;
}
.headerg p.textereseaux {
    font-family: 'varela_roundregular';
    font-size: 20px;
    margin-bottom: 12px;
}
.headerg a {
    display: inline-block;
    width: 44px;
    height: 45px;
    margin-right: 7px;
    background-position: top left;
    background-repeat: no-repeat;
}
.headerg a:hover {
    background-position: top right;
}
.headerg a.facebook {
    background-image: url(../statics_images/facebook.png);
}
.headerg a.twitter {
    background-image: url(../statics_images/twitter.png);
}
.headerg a.linkedin {
    background-image: url(../statics_images/linkedin.png);
}
.headerg a.viadeo {
    background-image: url(../statics_images/viadeo.png);
}
.headerg a.googleplus {
    background-image: url(../statics_images/googleplus.png);
}
.headerd {
    float: right;
    width: 35%;
    text-align: right;
    padding-top: 31px;
}
.headerd .ctn {
    display: inline-block;
}
.headerd .headerdd p {
    display: block;
}
.headerd .phone {
    vertical-align: bottom;
    width: 80px;
    height: 80px;
}
.headerd a {
    display: inline-block;
    width: 44px;
    height: 45px;
    margin-right: 7px;
    background-position: top left;
    background-repeat: no-repeat;
}
.headerd a:hover {
    background-position: top right;
}
.headerd a.situer {
    background-image: url(../statics_images/situer.png);
}
.headerd a.contact {
    background-image: url(../statics_images/contact.png);
}
.headerdd {
    float: right;
    width: 180px;
    margin-left: 7px;
    padding-top: 23px;
}
.headerdd p {
    margin-bottom: 5px;
}
.headerdd .cont7 {
    font-family: 'varela_roundregular';
    font-size: 15px;
    font-weight: bold;
}
.headerdd .cont8 {
    font-family: 'alleritalic';
    font-size: 14px;
}
.headerdd .cont9 {
    max-width: 150px;
    font-family: 'varela_roundregular';
    font-size: 16px;
    line-height: 18px;
    padding: 7px 0 5px;
    text-align: center;
    background: #79cdc7;
    font-weight: bold;
    -moz-box-shadow: 3px 5px 0px 0px #8f908f;
    -webkit-box-shadow: 3px 5px 0px 0px #8f908f;
    -o-box-shadow: 3px 5px 0px 0px #8f908f;
    box-shadow: 3px 5px 0px 0px #8f908f;
    -webkit-border-radius: 0 8px 0 8px;
    -moz-border-radius: 0 8px 0 8px;
    border-radius: 0 8px 0 8px;
    behavior: url(csspie/PIE.htc);
}
.headerm {
    text-align: center;
    margin: 0 35%;
    padding: 20px 0 0 0;
}
.headerm img {
    max-height: 85px;
}
.headerd .full img {
    max-width: 80px;
}
nav {
    height: 50px;
    background: #02457e;
    position: relative;
    z-index: 20;
}
#accueil {
    position: relative;
}
#accueil {
    position: relative;
}
.logo_values{
    margin-top : 25px;
}
/*.logo_professionalisme{*/
/*    width: 115px !important;*/
/*    max-width: none !important;*/
/*}*/
.row_margin-l{
    margin-left: 150px;
}
.slogan_bandeau {
    color: #fff;
    font-family: "dancing_script_otregular";
    font-size: 50px;
    left: 10%;
    line-height: 50px;
    position: absolute;
    top: 20px;
    z-index: 10;
}
#bandeau {
    position: relative;
    height: 535px;
}
.plan1 {
    position: absolute;
    bottom: 0;
    left: -50px;
    background: url(../statics_images/plan1.png) repeat-x center center transparent;
    height: 172px;
}
.plan2 {
    position: absolute;
    bottom: 0;
    left: -50px;
    background: url(../statics_images/plan2.png) repeat-x center center transparent;
    height: 230px;
}
.plan3 {
    position: absolute;
    bottom: 0;
    left: -50px;
    background: url(../statics_images/plan3.png) repeat-x center center transparent;
    height: 312px;
}
.plan4 {
    position: absolute;
    top: -50px;
    left: -50px;
    background: url(../statics_images/plan4.jpg) repeat-x center center transparent;
    height: 557px;
}
.collectivite {
    position: absolute;
    top: -18px;
    left: 57%;
}
.industries {
    position: absolute;
    top: -18px;
    left: 76%;
}
.artisans {
    position: absolute;
    top: 54px;
    left: 15%;
}
.particuliers {
    position: absolute;
    top: 58px;
    left: 43%;
}
.btp {
    position: absolute;
    top: -8px;
    left: 29%;
}
p.copro{
    width: 80%;
    font-size: 0.7em;
}
.autre {
    position: absolute;
    top: 244px;
    left: 39%;
}
.etiquettes {
    position: absolute;
    width: 160px;
    border: 2px solid #fff;
    color: #000;
    background: #fdc808;
    text-align: center;
    z-index: 21;
    -moz-box-shadow: 3px 4px 0px 0px #656565;
    -webkit-box-shadow: 3px 4px 0px 0px #656565;
    -o-box-shadow: 3px 4px 0px 0px #656565;
    box-shadow: 3px 4px 0px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);
    -webkit-border-radius: 0 8px 0 8px;
    -moz-border-radius: 0 8px 0 8px;
    border-radius: 0 8px 0 8px;
    behavior: url(csspie/PIE.htc);
}
.triangle {
    position: absolute;
    left: 50%;
    margin-left: -10.5px;
    width: 21px;
    height: 19px;
    background: url(../statics_images/triangle.png) no-repeat top left;
    bottom: -21px;
}
.etiquettes p {
    text-align: center;
    padding: 15px;
    font-family: "open_sansregular";
    font-size: 14px;
    line-height: 18px;
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
}
.rond_etiq {
    position: absolute;
    top: -22px;
    left: -22px;
}
.ombre_etiq {
    position: absolute;
    top: -23px;
    left: -23px;
}
.eti_autre {
    left: 62px;
    bottom: 100px;
}
.eti_coll {
    left: 66px;
    bottom: 112px;
}
.eti_part {
    left: -30px;
    bottom: 85px;
}
.eti_btp {
    left: -30px;
    bottom: 154px;
}
.eti_art {
    left: -37px;
    bottom: 100px;
}
.eti_ind {
    left: 49px;
    bottom: 164px;
}
.cont_hover {
    display: none;
    border-top: 1px solid #fff;
    padding: 15px 0 0;
    z-index: 9999;
}
.cont_hover ul li {
    font-size: 14px;
    font-family: "open_sansregular";
    margin-bottom: 10px;
}
.cont_hover_collec ul li {
    font-size: 12px;
    font-family: "open_sansregular";
    margin-bottom: 4px;
}
.cont_home {
    position: relative;
    width: 65%;
    margin: 0 auto;
    min-height: 20%;
}
/*.camion {
    position: absolute;
    top: -126px;
    left: 0px;
    width: 36%;
}*/
.camion { /*modification 04/21*/
    position: absolute;
    top: -110%;
    /* left: -3%; */
    width: 26%;
}
/*.camion2 {
    position: absolute;
    top: -70px;
    right: 20px;
    width: 25%;
}*/
.camion2 { /*modification 04/21*/
    position: absolute;
    top: -90%;
    right: 13%;
    width: 20%;
}
.cont_home_l {
    float: left;
    width: 48%;
    margin-top: 196px;
}
.cont_home_r {
    margin-left: 52%;
    padding: 30px 0 0;
}
#actualites {
    margin-top: 70px;
}
#slide {
    padding: 10px;
    border: 1px solid #b1b1b1;
    -moz-box-shadow: 3px 5px 0px 0px #656565;
    -webkit-box-shadow: 3px 5px 0px 0px #656565;
    -o-box-shadow: 3px 5px 0px 0px #656565;
    box-shadow: 3px 5px 0px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);
}
.galerie.slick-initialized.slick-slider {
    max-width: 610px;
    padding: 10px 60px;
    margin: 25px auto;
    border: 1px solid #b1b1b1;
    -moz-box-shadow: 3px 5px 0px 0px #656565;
    -webkit-box-shadow: 3px 5px 0px 0px #656565;
    -o-box-shadow: 3px 5px 0px 0px #656565;
    box-shadow: 3px 5px 0px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);
}
.actu_list {
    position: relative;
}
.actu_list .titre_actu {
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url("img/actu-plus.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    bottom: 0;
    color: #02457e;
    font-family: "varela_roundregular";
    font-size: 22px;
    left: 0;
    line-height: 22px;
    max-width: 414px;
    padding: 15px 15px 15px 55px;
    position: absolute;
    -webkit-border-radius: 0 8px 0 0;
    -moz-border-radius: 0 8px 0 0;
    border-radius: 0 8px 0 0;
    behavior: url(csspie/PIE.htc);
}
#slide .slick-slide {
    width: 580px;
    height: 300px;
}
.actu_plus {
    float: right;
    vertical-align: middle;
}
.slick-dots {
    position: absolute;
    background: #fff;
    bottom: 0;
    right: 0;
    padding: 8px 10px 2px;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots li button {
    margin: 0 3px;
    background: #fff;
    width: 14px;
    height: 14px;
    text-indent: -9999px;
    cursor: pointer;
    border: 3px solid #115d97;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    behavior: url(csspie/PIE.htc);
}
.slick-dots li.slick-active button {
    background: #115d97;
}
#contenu {
    padding: 0 0 0 0;
}

.footer1 {
    background: #00A879;
    color: #fff;
    padding: 10px 0 16px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.foooter{
    background: #00A879;
    color: #fff;
    position: absolute;
    bottom: 0px;
    display: flex;
    width: 100%;
    align-items: center;

}
.foooter div{

    height: 100%;
    flex: 1 100px;
}
.foooter div:nth-of-type(1) {
    flex: 1 100px;
    display: flex;
    align-items: center;
}

.foooter div:nth-of-type(2) {
    flex: 1 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.foooter div:nth-of-type(3) {
    margin: 0px 15px;
    flex: 1 100px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.imgg{
    margin: 15px 15px 7px;
    height: 47px;
    width: 48px;
}



.footer2 {
    background: #00A879;
    color: #fff;
    padding: 10px 0 16px;
    width: 100%;
    bottom: 0;
}

footer a {
    color: #fff;
    font-size: 16px;
    margin: 0 10px;
}
footer .footerElem{
    margin-top: 5px;
}
footer a:hover {
    color: #fff;
    font-size: 18px;
    text-decoration: underline;
}
footer a img {
    /*vertical-align: middle;*/
}
footer a.floatright {
    float: right;
}
footer a.situerfooter {
    padding-bottom: 5px;
}

#logo_footer {
    width: 2vw;
    height: 4vh;
}

.separ {
    height: 15px;
    border-left: 1px solid #fff;
    padding-top: 2%;
}
.ctn_int {
    overflow: auto;
    padding: 0 0 5px 0;
}
.image_page_special {
    position: absolute;
    top: 30%;
    height: 70%;
}
.contact-dropdown-assainissement {
    color: #71c9bf;
    font-family: 'verdana';
}
.contact-dropdown-immo {
    color: #ff87a9;
    font-family: 'verdana';
}
.contact-zipcode {
    margin-left: 19px;
}
.contact-address {
    margin-left: 15px;
}
.contact-icon-assainissement {
    color: #71c9bf;
}
.contact-icon-immo {
    color: #ff87a9;
}
ul.contact-li > li {
    margin-bottom: 5px;
}
.immo-center {
}
/* ---------------------------------- MENU ---------------------------------- */
#menu {
    margin: 0 auto;
    text-align: center;
    padding-top: 11px;
}
#menu li {
    display: inline;
    vertical-align: top;
}
#menu li a, #menu li span {
    display: inline-block;
}
#menu li h1 {
    margin: 0 100px 0 20px;
    padding: 5px 0 0 0;
    height: 21px;
    vertical-align: top;
}
#menu .margin {
    margin-top: 17px;
}
#menu li a {
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    color: #fff;
    font-family: 'open_sansregular', sans serif, arial;
    text-decoration: none;
    padding: 5px 10px 0 10px;
    height: 21px;
    vertical-align: top;
}
#menu li a.home {
    padding: 2px 10px;
}
#menu li span {
    border-right: 1px solid #fff;
    width: 1px;
    height: 12px;
    vertical-align: -5px;
}
#menu li a.border {
}
#menu li a.noborder {
    border: none;
}
#hover_menu {
    height: 4px;
    width: 40px;
    background: #003866;
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 40;
    display: none;
}
/*.picto_menu {*/
/*    background: transparent url("img/picto-menu.png") no-repeat scroll center top;*/
/*    display: none;*/
/*    height: 16px;*/
/*    position: absolute;*/
/*    top: 168px;*/
/*    width: 25px;*/
/*    z-index: 99;*/
/*}*/
/* ---------------------------------- PAGE ---------------------------------- */
#page, #contact-page {
    background: url(../statics_images/bandeau_alsace.png) no-repeat center top transparent;
}
.contact-h1 {
    font-size: 1.5em;
}
label.required {
    margin-top: 20px;
    font-size: 1.2em;
}
input, select, textarea {
    border: 1px solid #79cdc7 !important;
}
#bandeau_contenu {
    position: relative;
    padding-top: 64px;
    min-height: 175px;
}
.actualites #bandeau_contenu {
    position: relative;
    height: auto;
    padding-top: 94px;
    float: left;
    width: 25%;
}
.actualites .page_contenu {
    width: auto;
    margin: 0 0 0 27%;
    padding: 280px 0 40px 0;
    overflow: auto;
}
#page_cont h1 {
    font-family: 'varela_roundregular', sans-serif;
    font-size: 38px;
    line-height: 42px;
    text-transform: uppercase;
    padding: 30px 0 0 0;
}
.bandeau_l {
    width: 400px;
    float: left;
}
.bandeau_l img {
    max-width: 100%;
}
.bandeau_r {
    margin-left: 400px;
    padding-top: 50px;
}
.actualites .bandeau_r {
    margin-left: 0;
}
.bandeau_r ul {
    border: 2px solid #fff;
    color: #000;
    display: inline-block;
    margin-top: 30px;
    padding: 0;
    background: #fdc808;
    text-align: left;
    -moz-box-shadow: 3px 4px 0px 0px #656565;
    -webkit-box-shadow: 3px 4px 0px 0px #656565;
    -o-box-shadow: 3px 4px 0px 0px #656565;
    box-shadow: 3px 4px 0px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);
    -webkit-border-radius: 0 8px 0 8px;
    -moz-border-radius: 0 8px 0 8px;
    border-radius: 0 8px 0 8px;
    behavior: url(csspie/PIE.htc);
}
.bandeau_r ul li {
    display: inline;
}
.bandeau_r ul li a, .bandeau_r ul span {
    display: inline-block;
    margin: 0;
    color: #000;
}
.bandeau_r ul li a {
    padding: 10px;
}
.bandeau_r ul li a.active, .actualites .bandeau_r ul li a.active, .actualites .bandeau_r ul li a:hover, .bandeau_r ul li a:hover {
    background: #fff;
}
.bandeau_r ul span {
    height: 10px;
    border-right: 1px solid #000;
    vertical-align: middle;
}
.page_contenu {
    width: 80%;
    margin: 30px auto 0 auto;
    padding-bottom: 40px;
    overflow: auto;
}
.contl {
    width: 49%;
    float: left;
}
.contr {
    margin-left: 51%;
}
.galerie {
    margin: 35px 0 0 0;
    padding: 0 8%;
}
.galerie li {
    display: inline-block;
    width: 46%;
    /*height:190px;*/
    margin: 0;
    -moz-box-shadow: 3px 4px 0px 0px #656565;
    -webkit-box-shadow: 3px 4px 0px 0px #656565;
    -o-box-shadow: 3px 4px 0px 0px #656565;
    box-shadow: 3px 4px 0px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);
    behavior: url(csspie/PIE.htc);
}
.galerie li a {
    display: block;
    width: 100%;
    height: 330px;
    position: relative;
}

.sizefoot  {

}

.galerie li a .hover_galerie {
    position: absolute;
    display: block;
    width: 100%;
    height: 190px;
    top: 0;
    left: 0;
}
.slick-prev {
    position: absolute;
    display: block;
    width: 43px;
    height: 43px;
    margin-top: -22px;
    top: 50%;
    left: 6px;
    border: none;
    text-indent: -99999px;
    background: url(../statics_images/btn-prev.png) no-repeat center left transparent;
}
.slick-prev:hover {
    background: url(../statics_images/btn-prev.png) no-repeat center right transparent;
    cursor: pointer;
}
.slick-next {
    position: absolute;
    display: block;
    width: 43px;
    height: 43px;
    margin-top: -22px;
    top: 50%;
    right: 6px;
    border: none;
    text-indent: -99999px;
    background: url(../statics_images/btn-next.png) no-repeat center left transparent;
}
.slick-next:hover {
    background: url(../statics_images/btn-next.png) no-repeat center right transparent;
    cursor: pointer;
}
.actualites .bandeau_r ul {
    display: block;
}
.actualites .bandeau_r ul li {
    display: block;
}
.actualites .bandeau_r ul span {
    display: none;
}
.actualites .bandeau_r ul li a {
    display: block;
    border-top: 1px solid #000;
    padding: 10px 2%;
}
.actualites .bandeau_r ul li a.first {
    border-top: none;
}
.carriere {
    margin-top: 4%;
}
#mentions {
    font-size: 15px;
    /*
    padding-top: 2%;
    */
}
/* ---------------------------------- CONTACT ET FORMULAIRES ---------------------------------- */
.button a {
    width: auto;
    height: auto;
    padding: 2px 10px;
    font-size: 14px;
    color: #000;
    background: #fdc808;
    text-align: center;
    -moz-box-shadow: 3px 4px 0px 0px #999999;
    -webkit-box-shadow: 3px 4px 0px 0px #999999;
    -o-box-shadow: 3px 4px 0px 0px #999999;
    box-shadow: 3px 4px 0px 0px #999999;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=134, Strength=1);
    -webkit-border-radius: 0 8px 0 8px;
    -moz-border-radius: 0 8px 0 8px;
    border-radius: 0 8px 0 8px;
    behavior: url(csspie/PIE.htc);
    cursor: pointer;
    border-color: transparent;
}
.bloc_submit {
    height: 50px;
}
.margintop {
    margin-top: 20px;
}
.etoile {
    font-family: 'arial';
}
.aeroFont{
    font-family: 'aller', 'aero', sans serif, arial;
}
/*//////////////////////////////////////FONTS ////////////////////////////////////*/
@font-face {
    font-family: 'varela_roundregular';
    src: url('../fonts/varela/VarelaRound-Regular-webfont.eot');
    src: url('../fonts/varela/VarelaRound-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/varela/VarelaRound-Regular-webfont.woff') format('woff'),
    url('../fonts/varela/VarelaRound-Regular-webfont.ttf') format('truetype'),
    url('../fonts/varela/VarelaRound-Regular-webfont.svg#varela_roundregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'verdana';
url('../fonts/verdana/verdana.ttf') format('truetype'), font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/open_sans/opensans-bold-webfont.eot');
    src: url('../fonts/open_sans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/opensans-bold-webfont.woff2') format('woff2'),
    url('../fonts/open_sans/opensans-bold-webfont.woff') format('woff'),
    url('../fonts/open_sans/opensans-bold-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/open_sans/opensans-bolditalic-webfont.eot');
    src: url('../fonts/open_sans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/opensans-bolditalic-webfont.woff2') format('woff2'),
    url('../fonts/open_sans/opensans-bolditalic-webfont.woff') format('woff'),
    url('../fonts/open_sans/opensans-bolditalic-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/open_sans/opensans-italic-webfont.eot');
    src: url('../fonts/open_sans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/opensans-italic-webfont.woff2') format('woff2'),
    url('../fonts/open_sans/opensans-italic-webfont.woff') format('woff'),
    url('../fonts/open_sans/opensans-italic-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/open_sans/opensans-regular-webfont.eot');
    src: url('../fonts/open_sans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/opensans-regular-webfont.woff2') format('woff2'),
    url('../fonts/open_sans/opensans-regular-webfont.woff') format('woff'),
    url('../fonts/open_sans/opensans-regular-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aero';
    url('../fonts/aero/h1.ttf');
}
@font-face {
    font-family: 'aller';
    url('../fonts/aller/aller.rg.ttf');
}
/*-------------------------------------------------------------------- RESPONSIVE --------------------------------------------------------------------*/
@media screen and (max-width: 1470px) {
    .camion2 {
        width: 23%;
    }
    header {
        height: auto;
    }
    .header_cont {
        padding: 130px 0 0 0;
        width: 100%;
    }
    .headerm {
        margin: 0 0 0 -165px;
        padding: 0 0 0 0;
        position: absolute;
        top: 20px;
        left: 50%;
        width: 330px;
    }
    .headerg {
        float: left;
        width: 50%;
        height: 45px;
        padding-top: 0;
        margin-top: 0;
    }
    .headerd {
        float: none;
        width: auto;
        height: 45px;
        margin: 0 0 0 50%;
        padding-top: 0;
    }
    .headerg a, .headerd a {
        padding: 0;
        background-position: center center;
        background-color: #fff;
        margin: 0 8px;
    }
    .headerg a.facebook {
        background-image: url(../statics_images/facebook-tab.png);
        width: 12px;
        height: 25px;
    }
    .headerg a.twitter {
        background-image: url(../statics_images/twitter-tab.png);
        width: 23px;
        height: 25px;
    }
    .headerg a.linkedin {
        background-image: url(../statics_images/linkedin-tab.png);
        width: 22px;
        height: 25px;
    }
    .headerg a.viadeo {
        background-image: url(../statics_images/viadeo-tab.png);
        width: 22px;
        height: 25px;
    }
    .headerg a.googleplus {
        background-image: url(../statics_images/googleplus-tab.png);
        width: 23px;
        height: 25px;
    }
    .headerg a:hover {
        background-position: center center;
        background-color: #02457e;
    }
    .headerg .ctn, .headerd .ctn {
        background: #79cdc7;
        padding: 10px 5%;
    }
    .headerg p.textereseaux {
        background: transparent;
        padding: 0 2% 5px 6%;
    }
    .headerd {
        position: relative;
    }
    .headerd .phone {
        position: absolute;
        vertical-align: bottom;
        bottom: 8px;
        right: 2%;
        width: 80px;
        height: 77px;
        background: transparent;
    }
    .headerdd {
        float: right;
        width: 50%;
        margin: -44px 0 0 0;
        padding-top: 0;
        text-align: right;
    }
    .headerd .ctn {
        display: block;
        text-align: right;
        padding: 10px 18% 10px 2%;
        margin: 34px 0px 0 0;
        height: 27px;
    }
    .headerg .ctn {
        display: flex;
        text-align: left;
        padding: 10px 2%;
        margin: 34px 0px 0 0;
        height: 27px;
    }
    .headerd .headerdd p {
        background-color: transparent;
        text-align: right;
        padding: 0 16%;
        margin: 0;
    }
    .headerd .headerdd p.cont9 {
        text-align: right;
        background: transparent;
        -moz-box-shadow: 0px 0px 0px 0px #8f908ff;
        -webkit-box-shadow: 0px 0px 0px 0px #8f908f;
        -o-box-shadow: 0px 0px 0px 0px #8f908ff;
        box-shadow: 0px 0px 0px 0px #8f908f;
        -webkit-border-radius: 0 0 0 0x;
        -moz-border-radius: 0 0 0 0x;
        border-radius: 0 0 0 0;
        behavior: url(csspie/PIE.htc);
        background-color: #79cdc7;
        color: #fff;
        margin: 10px 0 0 0;
        padding: 15px 16% 16px 2%;
    }
    .headerd a.situer {
        background-image: url(../statics_images/situer-tab.png);
        width: 17px;
        height: 25px;
    }
    .headerd a.contact {
        background-image: url(../statics_images/contact-tab.png);
        width: 25px;
        height: 25px;
    }
    .slogan_bandeau {
        left: 3%;
        top: 20px;
    }
    .collectivite {
        left: 53%;
    }
    .artisans {
        left: 13%;
    }
    .particuliers {
        top: 73px;
    }
    .btp {
        top: -22px;
        left: 23%;
    }
    .cont_home {
        width: 94%;
    }
    #page_cont {
        width: 94%;
    }
    .page_contenu {
        width: 100%;
    }
    .picto_menu {
        top: 255px;
    }
    h1.hcartinteract {
        position: absolute;
        top: 335px;
        left: 3%;
    }
    .menu_cartinteract {
        position: absolute;
        top: 430px;
        left: 3%;
    }
    .dropdown-menu {
        color: white !important;
        background-color: #003866 !important;
    }
    .dropdown-item {
        color: white !important;
        background-color: #003866 !important;
    }
}
@media screen and (max-width: 1265px) {
    .particuliers {
        position: absolute;
        top: 63px;
        left: 27%;
    }
    .autre {
        top: 252px;
        left: 66%;
    }
    .collectivite {
        left: 53%;
    }
    .industries {
        left: 72%;
    }
    .artisans {
        left: 11%;
        top: -10px;
    }
    .btp {
        left: 37%;
        top: -3px;
    }
    .bandeau_l {
        display: none;
    }
    .bandeau_r {
        margin-left: 0;
    }
}
@media screen and (max-width: 1080px) {
    footer .reseaux-mob {
        display: block;
        text-align: center;
        background: #fdc808;
        padding: 10px 2%;
    }
    footer .reseaux-mob a {
        display: inline-block;
    }
    footer .reseaux-mob a {
        padding: 0;
        background-position: center center;
        background-color: #fff;
        margin: 0 8px;
    }
    footer .reseaux-mob a.facebook {
        background-image: url(../statics_images/facebook-mob.png);
        width: 12px;
        height: 25px;
    }
    footer .reseaux-mob a.twitter {
        background-image: url(../statics_images/twitter-mob.png);
        width: 23px;
        height: 25px;
    }
    footer .reseaux-mob a.linkedin {
        background-image: url(../statics_images/linkedin-mob.png);
        width: 22px;
        height: 25px;
    }
    footer .reseaux-mob a.viadeo {
        background-image: url(../statics_images/viadeo-mob.png);
        width: 22px;
        height: 25px;
    }
    footer .reseaux-mob a.googleplus {
        background-image: url(../statics_images/googleplus-mob.png);
        width: 23px;
        height: 25px;
    }
    .headerm {
        margin: 0 0 0 -125px;
        width: 250px;
    }
    .mob {
        display: block;
    }
    .full {
        display: none;
    }
    .headerd .ctn {
        text-align: left;
    }
    .headerd {
        margin: 0;
    }
    .headerdd {
        width: 80%;
        margin: 0 0 0 0;
    }
    .headerd .headerdd p {
        background-color: transparent;
        text-align: right;
        padding: 0;
        margin: 0;
    }
    .headerdd div {
        float: left;
        width: 75%;
        background-color: #79cdc7;
        color: #fff;
        padding: 7px 0 7px 0;
    }
    .headerd .headerdd p.cont9 {
        margin: 0 0 0 75%;
        padding: 15px 2% 16px 2%;
    }
    .headerd .phone {
        right: 2%;
    }
    .picto_menu {
        top: 221px;
    }
    #bandeau {
        height: 325px;
        background: url("../statics_images/bandeau-mob.jpg") no-repeat top left;
    }
    .slogan_bandeau {
        left: 3%;
        top: 30px;
        font-size: 55px;
    }
    .plan img {
        display: none;
    }
    .plan1, .plan2, .plan3, .plan4 {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        background-image: none;
        height: 325px;
    }
    .plan1, .plan2, .plan4 {
        width: 20%;
    }
    .plan3 {
        width: 40%;
    }
    .rond_etiq {
        display: none;
    }
    .autre, .collectivite, .particuliers, .artisans, .industries, .btp {
        top: auto;
        left: auto;
        display: inline-block;
        height: 325px;
        position: relative;
    }
    .artisans, .industries {
        width: 100%;
    }
    .collectivite, .particuliers, .autre {
        width: 50%;
    }
    .btp {
        width: 100%;
    }
    .etiquettes {
        width: 144px;
    }
    .eti_autre, .eti_coll, .eti_part, .eti_art, .eti_ind, .eti_btp {
        left: 50%;
        bottom: 130px;
        margin-left: -72px;
    }
    .btn_mob {
        display: block;
        width: 75px;
        height: 75px;
        margin: 225px auto 0 auto;
        background-position: top left;
    }
    .autre .btn_mob {
        background-image: url('../statics_images/autre-mob.png');
    }
    .artisans .btn_mob {
        background-image: url('../statics_images/artisan-mob.png');
    }
    .particuliers .btn_mob {
        background-image: url('../statics_images/particulier-mob.png');
    }
    .collectivite .btn_mob {
        background-image: url('../statics_images/collectivite-mob.png');
    }
    .industries .btn_mob {
        background-image: url('../statics_images/industrie-mob.png');
    }
    .btp .btn_mob {
        background-image: url('../statics_images/btp-mob.png');
    }
    .camion {
        top: 30px;
    }
    .cont_home_l {
        margin-top: 386px;
    }
}
@media screen and (max-width: 1025px) {
    #btn-menu {
        display: block;
        height: 25px;
        padding: 10px 0;
        background: url('../statics_images/picto-menu-mob.png') no-repeat center center;
    }
}
@media screen and (max-width: 1024px) {
    #bandeau.mob {
        display: block;
    }
    #bandeau.paralax {
        display: none;
    }
    #menu {
        padding-top: 0;
        display: none;
    }
    nav {
        height: auto;
        padding: 0 2%;
    }
    #menu li {
        display: block;
    }
    #menu li a {
        display: block;
        padding: 10px 0 10px 0;
        height: auto;
        border-bottom: 1px solid #fff;
    }
    #menu li a.last {
        border-bottom: none;
    }
    #menu li span {
        display: none;
    }
    #menu li a.home {
        padding: 10px 0;
        border-top: 1px solid #fff;
    }
    .bandeau_r {
        margin-left: 0;
    }
    .eti_autre, .eti_coll, .eti_part, .eti_art, .eti_ind, .eti_btp {
        margin-left: -47%;
    }
    .etiquettes {
        width: 91%;
    }
    .etiquettes p {
        hyphens: auto;
    }
    .camion2 {
        top: -18px;
    }
}
@media screen and (max-width: 950px) {
    .row_margin-l{
        margin-left: unset;
    }
    .camion {
        position: relative;
        top: auto;
        left: auto;
        width: 50%;
        margin: 30px 0;
        text-align: center;
    }
    .camion2 {
        top: 15px;
        width: 40%;
    }
    .cont_home_l, .cont_home_r, .contr, .contl {
        margin: 30px auto;
        width: 94%;
        float: none;
    }
    .bandeau_l {
        display: none;
    }
    .bandeau_r {
        margin-left: 0;
        padding-top: 45px;
    }
    .actualites #bandeau_contenu, #bandeau_contenu {
        height: 165px;
    }
    .headerd a.situer, footer a.situerfooter {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    #emergencyButton{
        transform: translateY(-12px) !important;
    }
    header{
        height: 175px;
    }
    .cadre{
        background-image: unset;
        background-size: unset;
        background-repeat: unset;
    }
    .cadre-1{
        margin-top: unset;
        margin-left: unset;
    }
    .cadre-2{
        margin-top: unset;
        margin-left: unset;
    }
    .cadre-3{
        margin-top: unset;
        margin-left: unset;
    }
    .cadre-4{
        margin-top: unset;
        margin-left: unset;
    }
    .slogan_bandeau {
        left: auto;
        top: auto;
        position: relative;
        display: block;
        text-align: center;
        line-height: 55px;
        padding: 45px 0;
        background: url("../statics_images/bandeau-mob.jpg") no-repeat top left;
    }
    #bandeau {
        background-image: none;
        height: auto;
    }
    .btn_mob, .triangle {
        display: none;
    }
    .plan1, .plan2, .plan3, .plan4, .autre, .collectivite, .particuliers, .artisans, .industries, .btp {
        display: block;
        width: 100%;
        height: auto;
    }
    .eti_autre, .eti_coll, .eti_part, .eti_art, .eti_ind, .eti_btp {
        left: auto;
        bottom: auto;
        margin: 0;
    }
    .etiquettes {
        position: relative;
        width: 100%;
        padding: 0%;
        -webkit-border-radius: 0 0 0 0x;
        -moz-border-radius: 0 0 0 0x;
        border-radius: 0 0 0 0;
        behavior: url(csspie/PIE.htc);
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #fff;
    }
    .etiquettes.eti_autre {
        border-top: 1px solid #fff;
    }
    .navTitle--margin{
        margin-right: 11px;
    }
    .custom-toggler.navbar-toggler {
        border-color: white;
        margin-right: auto;
        margin-left: auto;
    }
    .custom-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .h-sis{
        margin-right: unset;
    }
}
@media screen and (max-width: 820px) {
    .headerd .headerdd p.cont9 {
        margin: 0 0 0 65%;
    }
    .headerdd div {
        width: 65%;
    }
    .foooter {
        flex-direction: column;
    }
    .foooter div{


        flex: 1 50px;
    }
    .foooter div:nth-of-type(2) {
        margin: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex: 1 50px;
    }
    .foooter div:nth-of-type(1) {

        flex: 1 50px;
    }
    .foooter div:nth-of-type(3) {

        flex: 1 50px;
    }
    .footer_cont {
        text-align: center;
        width: 100%;
        padding-top: 10px;
        display: block;
        align-content: center;
    }
    .footer_cont p {
        padding-top: 5%;
        max-width: 80vw;
    }
    .footer_cont div {
        display: block;
        width: 100%;
        height: 10px;
        clear: both;
    }
    footer a.floatright {
        float: none;
        display: inline-block;
    }
    footer a.floatright.situerfooter {
        display: none;
    }
    .actualites #bandeau_contenu {
        position: relative;
        height: auto;
        padding-top: 94px;
        float: none;
        width: 100%;
        text-align: center;
    }
    .actualites .page_contenu {
        width: auto;
        margin: 0 0 0 0;
        padding: 0px 0 40px 0;
        overflow: auto;
    }
}
@media screen and (max-width: 650px) {
    .galerie.slick-initialized.slick-slider {
        /*max-width: 430px;*/
    }
    #bandeau_contenu h1 {
        text-align: center;
        font-size: 40px;
        line-height: 30px;
    }
    /* #page, #contact {
        background: url(../statics_images/bandeau-mob-cont.jpg) no-repeat center top transparent;
    } */
    .actualites #bandeau_contenu, #bandeau_contenu {
        height: auto;
        padding-top: 0;
    }
    .page_contenu.sans_menu {
        /*margin-top: 80px;*/
    }
    .bandeau_r ul {
        display: block;
    }
    .bandeau_r ul li {
        display: block;
    }
    .bandeau_r ul span {
        display: none;
    }
    .bandeau_r ul li a {
        display: block;
        border-top: 1px solid #000;
        padding: 10px 2%;
    }
    .bandeau_r ul li a.first {
        border-top: none;
    }
    .contact1l, .contact2l {
        float: none;
        width: 100%;
    }
    .contact1r, .contact2r {
        margin: 20px 0 0 0;
    }
    .contact1, .contact2 {
        margin: 20px 0 10px 0;
    }
}
@media screen and (max-width: 590px) {
    .galerie li {
        display: block;
        width: 90%;
    }
}
@media screen and (max-width: 550px) {
    .headerd .headerdd p.cont9 {
        margin: 0 0 0 50%;
    }
    .headerdd div {
        width: 50%;
    }
    .camion {
        width: 50%;
        margin: 30px 0;
    }
}
@media screen and (max-width: 500px) {
    .headerd .ctn {
        display: none;
    }
    .headerd .headerdd p {
        display: block;
    }
    .headerdd {
        width: 100%;
        margin: 0 0 0 0;
        float: none;
    }
    .headerd .headerdd div p {
        text-align: left;
    }
    .headerd .headerdd div {
        padding-left: 2%;
    }
}
@media screen and (max-width: 450px) {
    .headerd .phone {
        display: none;
    }
}
/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
/* Popup box BEGIN */
.dropdown-menu{
    padding: 7px 0 7px 0 !important;
    margin: 0 !important;
    border: none !important;
}
.nav-background{
    background-color: #02457E;
}
.marker-bleu {
    background-image: url('../statics_images/pin-bleu.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
.marker-rose {
    background-image: url('../statics_images/pin-rose.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
.marker-aspirtec {
    background-image: url('../statics_images/picto_aspirtec.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
.marker-atic {
    background-image: url('../statics_images/picto_atic.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
.marker-inera {
    background-image: url('../statics_images/picto_inera.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
.marker-kugler {
    background-image: url('../statics_images/picto_kugler.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
.marker-lavaux {
    background-image: url('../statics_images/picto_lavaux.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
.marker-malezieux {
    background-image: url('../statics_images/pin-bleu.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
.marker-industrie {
    background-image: url('../statics_images/picto_industrie.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
.marker-sogessae {
    background-image: url('../statics_images/picto_sogessae.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
.marker-telerep {
    background-image: url('../statics_images/picto_telerep.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
.marker-bleu-rose {
    background-image: url('../statics_images/pin-bleu-rose.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}
#emergencyButton{
    background-color: #00A879;
    transform: translateY(-60px);
    color: #FFFFFF;
    font-size: 18px;
    border: 2px solid #00A879;
    border-radius: 8px;
    padding-top: 5px;
}
#emergencyButton:focus{
    outline: none;
}
#emergencyButton img{
    transform: translateY(-10px);
}
@media screen and (min-width: 992px){
    #navbarSupportedContent{
        padding-left: 180px;
    }
    /*h1{*/
    /*    margin-top: 120px;*/
    /*}*/ S
}
.customHr{
    border: 1px solid rgb(248, 185, 1);
    width: 30%;
}
.listPostes{
    padding-bottom: 150px;
}
.cadrePoste{
    border: 2px solid rgb(248, 185, 1);
    padding: 20px;
    margin: 20px;

}
.posteTitle{
    font-weight: bolder;
}
.posteSeeMore{
    margin-top: 25px;
    font-weight: bolder;
}
.posteSeeMore a {
    color: #02457E;
}
.posteSeeMore a:hover {
    text-decoration: underline;
}
.hover_bkgr_fricc .popupTitle{
    font-size: 18px;
    font-weight: bolder;
}
.nav-link:hover{
    font-weight: bolder;
}
.dropdown-item:hover{
    font-weight: bolder;
}

/*footer test*/

.footer-distributed{
    box-sizing: border-box;
    width: 100%;
    text-align: left;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
    display: inline-block;
    vertical-align: top;
}

.footer-distributed .footer-left{
    width: 30%;
}

.footer-distributed .footer-left img{
    width: 30%;
}

.footer-distributed .footer-center{
    width: 35%;
}

.footer-distributed .footer-right{
    width: 30%;
}

@media (max-width: 880px) {

    .footer-distributed .footer-left,
    .footer-distributed .footer-center,
    .footer-distributed .footer-right{
        display: block;
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }

    .footer-distributed .footer-center i{
        margin-left: 0;
    }

}

@media (max-width: 500px) {
    .
}