/*.pink{color: #e6007e;}*/
.navy{color: #005ca9;}
.red{color: #d51130;}
/*.cyan{color: #00b6ed;}*/
#apparait {   
}
#apparait2 {
    display: none;
}
#apparait3 {
    display: none;
}
#apparait4 {
    
}
#apparait5 {
    display: none;
}
#apparait6 {
    display: none;
}
#apparait7 {
    
}
#apparait8 {
    display: none;
}
#apparait9 {
    display: none;
}
#apparait10 {
    
}
#apparait11 {
    display: none;
}
#apparait12 {
    display: none;
}

#covid01 {
    width: 100%;
    background-color: #d51130;
    font-family: "gothic-reg";
    font-size: 1em;
    color: white;
    cursor: pointer;
    padding: 7px;
}
#covid02 {
    width: 100%;
    background-color: #d51130;
    font-family: "gothic-reg";
    font-size: 1em;
    color: white;
    cursor: pointer;
    padding: 7px;
    text-align: center;
}

#prevcovid {
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 7%;
    position: fixed;
    z-index: 9999999;
}

#prevcovid02 {
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 2%;
    position: fixed;
    z-index: 9999999;
}

#prevcovid img {
    width: 80%;
    cursor: pointer;
}
#prevcovid02 img {
    height: 95%;
    cursor: pointer;
}

#boutcovid {
    display: inline-block;
    width: 35%;
    height: 40px;
    color: white;
    text-decoration: none;
    background-color: #ec008c;
    margin-top: 10px;
    font-size: 18px;
    padding-top: 10px;
}
#boutcovid-res {
    display: inline-block;
    width: 85%;
    color: white;
    text-decoration: none;
    background-color: #ec008c;
    margin-top: -10px;
    font-size: 12px;
    padding: 3px;
}

#petites-news div a {color: black!important;}
.bouton_choix1, .bouton_choix2, .bouton_choix3, .bouton_choix1_x, .bouton_choix2_x, .bouton_choix3_x{
    height: 35px;
    width: 35px;
    border-radius: 35px;
    margin: 0 5px 0 5px;
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 5px;
    transition: 0.4s;
}
.bouton_choix1:hover, .bouton_choix2:hover, .bouton_choix3:hover {
    transition: 0.4s;
}
.bouton_choix1_x {
background-color: brown;
-moz-box-shadow: 0px 0px 10px 0px #ffffff;
-webkit-box-shadow: 0px 0px 10px 0px #ffffff;
-o-box-shadow: 0px 0px 10px 0px #ffffff;
box-shadow: 0px 0px 10px 0px #ffffff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=10);
}
.bouton_choix2_x {
background-color: lightpink;
-moz-box-shadow: 0px 0px 10px 0px #ffffff;
-webkit-box-shadow: 0px 0px 10px 0px #ffffff;
-o-box-shadow: 0px 0px 10px 0px #ffffff;
box-shadow: 0px 0px 10px 0px #ffffff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=10);
}
.bouton_choix3_x {
background-color: lightyellow;
-moz-box-shadow: 0px 0px 10px 0px #ffffff;
-webkit-box-shadow: 0px 0px 10px 0px #ffffff;
-o-box-shadow: 0px 0px 10px 0px #ffffff;
box-shadow: 0px 0px 10px 0px #ffffff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=10);
}
.bouton_choix1 {background-color: rgba(165, 42, 42, 0.40);}
.bouton_choix2 {background-color: rgba(255, 182, 193, 0.40);}
.bouton_choix3 {background-color: rgba(255, 255, 224, 0.40);}
.bouton_choix1:hover {background-color: brown;}
.bouton_choix2:hover {background-color: lightpink;}
.bouton_choix3:hover {background-color: lightyellow;}
.img-bout, .img-bout2 {width: 15%;text-align: center;margin: 1%;background-color: white;border-radius: 20px;
-moz-box-shadow: 0px 0px 10px 0px #ffffff;
-webkit-box-shadow: 0px 0px 10px 0px #ffffff;
-o-box-shadow: 0px 0px 10px 0px #ffffff;
box-shadow: 0px 0px 10px 0px #ffffff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=10);
padding: 1%;
}
.img-bout img {height: 300px;}
.img-bout2 img {width: 90%;}
#slide_photos {
    padding-top: 1%;
    height: 100%;
    background-image: url(images/photos_photo01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.ipsum { 
    }
.ipsum img {width: 25%;vertical-align: bottom;}
.m-legales {
    width: 13%;
    height: 35px;
    font-size: 11px;
    color: #383838;
    position: absolute;
    bottom: 5px;
    z-index: 600;
    text-align: center;
    vertical-align: middle;
    font-family: "gothic-reg";
}
.m-legales a {color: #383838;}
/*-------------------------------------*/
/*---------------TYPOS-----------------*/
/*-------------------------------------*/
@font-face {
    font-family: "gothic-reg";
    src: url('GOTHIC.TTF')format('truetype');
}
@font-face {
    font-family: "gothic-bold";
    src: url('GOTHICB_0.TTF')format('truetype');
}
@font-face {
    font-family: "din-bold";
    src: url('DINBold_0.ttf')format('truetype');
}
@font-face {
    font-family: "din-reg";
    src: url('DINMedium_0.ttf')format('truetype');
}
@font-face {
    font-family: "din-light";
    src: url('Din-light_0.ttf')format('truetype');
}
html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'din-light', sans-serif;
 /* background-color: #353233;*/
 background-color: #fff;
 overflow-x: hidden;

}
#bouton_respon, #adres_respon {display: none;}
#nav_gauche {
    width: 15%;
    height: 100%;
    background-color: #fff;
    margin: 0;
    padding-top: 1%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    box-shadow: 5px 0px 20px 2px rgba(0, 0, 0, 0.5);
    z-index: 999;
}
#picto-menu {
    font-size: 30px;
    color: #fff;
    display: inline-block;
    margin: 25px 0 0 0;
    padding: 7px;
    width: 45px;
    height: 45px;
    background-color: #6a6466;
    transition: 0.6s;  
    vertical-align: top; 
    float: left;
}
#nav_gauche-left {
    position:absolute;
    top:0;
    width: 15%;
    background-color: white;
    margin-left: -400px;
    left: 0;
    padding-top: 1%;
    height: 2000px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    box-shadow: 5px 0px 20px 2px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    opacity: 0;
    transition: 0.6s;
}
.btn-fermer{font-family: "gothic-reg";
color: #6a6466;
float: right;
margin: 0 10px 0 0;
}
.btn-fermer:hover{cursor: pointer;}
#picto-menu:hover{cursor: pointer;}
.al-logo-top-page{margin: 10px 115px -14px 36px;}
.al-logo-top-page-menu{margin: 1% 8% -1% 5%;}
.art-bout {
    color: white;
    padding: 1% 0 1% 1%;
    background-color: #231f20;
    background-repeat: no-repeat;
    background-size: 100%;
}
#huiles {background-image: url(images/huiles_photo05.jpg);}
#salle-event {background-image: url(images/event_photo05.jpg);}
#salle-event2 {background-image: url(images/event_photo06.jpg);background-position: 80% 35%;}
#vin01 {background-image: url(images/vins_photo05.jpg);}
#vin02 {background-image: url(images/vins_photo06.jpg);}
#vin03 {background-image: url(images/vins_photo07.jpg);}
#vin04 {background-image: url(images/vins_photo08.jpg);background-position: top;}
#vin05 {background-image: url(images/vins_photo09.jpg);background-position: bottom;}
#vin06 {background-image: url(images/vins_photo10.jpg);}

.barre {width: 100%;min-height:70px;background-color: #231f20;padding-top: 1%; text-align: center;font-size: 22px;}
.txt16px {
    font-size: 16px;
}
.txt25px {
    font-size: 25px;
}
.fond-bout {
    padding-top: 1%;
    padding-left: 1%;
    padding-right: 1%;
    background-color: rgba(53, 50, 51, 0.85);
    width: 70%;
}
.fond-bout2 {
    padding-top: 1%;
    padding-left: 1%;
    padding-right: 1%;
    background-color: rgba(53, 50, 51, 0.85);
    width: 90%;
}
.descrip-bout {
    width: 40%;
    padding: 1%;
    text-align: justify;
    margin-top: 1%;
}
.descrip-bout2 {
    width: 30%;
    padding: 1%;
    text-align: justify;
}
.margtop1pc {margin-top: 1%;}

h3 {text-align: center;margin:0.5%;}

.typo-blanche{color: #fff;
text-align: center;
font-weight: 700;
padding: 1%;}
#fd-bleu{width: 100%; background-color: #005ca9;
margin-bottom:1%; }
.bout-achat {
    padding: 2px;
    font-size: 14px;
    border: 1px solid white;
    border-radius: 10px;
    width: 110px;
    height: 22px;
    margin-top: 10px;
    transition: 0.4s;
}
.bout-achat:hover {
    color: rgba(53, 50, 51, 0.85);
    background-color: white;
    transition: 0.4s;
}
.b_red {border-bottom: 2px solid red;padding-bottom: 1%;}
.b_rose {border-bottom: 2px solid pink;padding-bottom: 1%;}
.b_white {border-bottom: 2px solid white;padding-bottom: 1%;}
.b_olive {border-bottom: 2px solid olive;padding-bottom: 1%;}

#mont {
    min-height:60%;
    background-color: black;
    padding-top: 9%;
}
#montagne {width: 100%;display: block;}
#slide {
    width: 15%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}
#slide img {width: 75%;margin-bottom: 15%;}

#logo_ng {padding:10% 0 8% 0;}
#logo_ng img {width: 70%}

#nav_droite, #nav_droite_page, #nav_droite_page2 {
    width: 85%;
    height: 100%;
    margin: 0;
    z-index: 1;
}
#nav_droite_bout {
     width: 100%;
    padding-left: 15%;
    background-color: black;
    margin: 0;
}
#nav_droite_bout2 {
     width: 100%;
    padding-left: 15%;
    background-color: black;
    margin: 0;
}

#nav_droite_page, #nav_droite_bout {position: relative;}

#menu_mobile {display: none;}

#nav_bas {
    width: 100%;
    margin: 0;
/*    background-image: url(images/img_nav_bas.jpg);*/
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: left;
}

#nav_bas_gauche {width: 0%;}

/*#nav_bas_gauche img {width: 100%;}*/

#nav_bas_droite {width: 100%;}
#nav_bas_droite2 {width: 100%;}

#nom {
    padding: 10% 0 5% 0;
    font-size: 18px;
}
address, #numbers, #menu_contact {
    padding: 0 0 2% 0;
    font-family: "gothic-reg";
    color: #6a6466;
    font-size: 0.9em;
}
address{display: block;}
#menu_contact {
    font-size:30px;
}
.rond_rs {
    font-size: 20px;
    display: inline-block;
    margin: 12px 10px 10px 10px;
    padding: 12px;
    width: 45px;
    height: 45px;
    background-color: #6a6466;
    border-radius: 50px;
    transition: 0.6s;
}
.rond_rs:hover {
    background-color: #fff;
    color: #6a6466;
    transition: 0.6s;
}
#menu_ouverture {
    padding: 0 0 20% 0;
}
a {text-decoration: none;color: #fff;}
.aligne {
    display: inline-block;
    vertical-align: top;
}
.cadre_selec {
    width: 25%;
    height: 25%;
    border: 0px solid black;
    transition: 0.6s;
}
.cadre_selec_bas {
    width: 25%;
    height: 250px;
    border: 0px solid black;
    transition: 0.6s;
}
.cadre_selec:hover {
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.6s;
}

.menu_pays {
    padding-top: 9%;
}

/*.menu_pays a {
    display: block;
    text-decoration: none;
    color: black;
    text-transform: uppercase;
    font-family: "gothic-reg";
    text-align: right;
    width: 75%;
    padding-right: 20px;
    padding-bottom: 2%;
    padding-top: 2%;
    margin-bottom: 15px;
    font-size: 25px;
    background-image:linear-gradient(to left, white, #dbe5ec);
    transition: 0.6s;
    position: relative;
}*/

/*.menu_pays a:hover {
     -moz-box-shadow: 5px 0px 10px 0px rgba(155, 155, 155, 0.7);
    -webkit-box-shadow: 5px 0px 10px 0px rgba(155, 155, 155, 0.7);
    -o-box-shadow: 5px 0px 10px 0px rgba(155, 155, 155, 0.7);
    box-shadow: 5px 0px 10px 0px rgba(155, 155, 155, 0.7);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(155, 155, 155, 0.7), Direction=90, Strength=10);
    transition: 0.6s;
}*/

.menu_pays a:hover .test {display: block;}
.menu_pays a {
    display: block;
    text-decoration: none;
    color: black;
/*    text-transform: uppercase;*/
    font-family: "gothic-reg";
    text-align: right;
    width: 100%;
    padding-right: 20px;
    padding-bottom: 2%;
    padding-top: 2%;
    margin-bottom: 15px;
    font-size: 20px;
    background-image:linear-gradient(to left, white, #000);
    transition: 0.6s;
    position: relative;
}

.menu_pays a:hover {
     -moz-box-shadow: 5px 0px 10px 0px rgba(155, 155, 155, 0.7);
    -webkit-box-shadow: 5px 0px 10px 0px rgba(155, 155, 155, 0.7);
    -o-box-shadow: 5px 0px 10px 0px rgba(155, 155, 155, 0.7);
    box-shadow: 5px 0px 10px 0px rgba(155, 155, 155, 0.7);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(155, 155, 155, 0.7), Direction=90, Strength=10);
    transition: 0.6s;
}

.menu_pays a:hover .test {display: block;}
@keyframes translateC {
    0% {
        transform: translatex(-100%);
        opacity: 0;
    }

    100% {
        transform: translatex(0px);
        opacity: 1;
    }
}

.fadeH {
    animation: translateC 1s;
}

.test {
    position: absolute;
    margin-left: 95%;
    z-index: 150;
    -moz-box-shadow: 2px 0px 5px 0px rgba(155, 155, 155, 0.7);
    -webkit-box-shadow: 2px 0px 5px 0px rgba(155, 155, 155, 0.7);
    -o-box-shadow: 2px 0px 5px 0px rgba(155, 155, 155, 0.7);
    box-shadow: 2px 0px 5px 0px rgba(155, 155, 155, 0.7);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(155, 155, 155, 0.7), Direction=90, Strength=10);
    display: none;
    background-color: #fff!important;
}

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;

}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(2);
  transform: scale(2);
   z-index: 999;
   cursor: pointer;
   font-weight: bold;
}
.hvr-grow-1 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;

}
.hvr-grow-1:hover, .hvr-grow-1:focus, .hvr-grow-1:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
   z-index: 999;
   cursor: pointer;
   font-weight: bold;
}
#icone_RS {
    padding-top: 5%;
     text-align: center;
}

#icone_RS a img{
    width: 10%;
    transition: 0.6s;
}

#icone_RS a:hover img{
    opacity: 1;
   /* transition: 0.6s;*/
}
.sibling-fade img {
  transition: opacity 0.2s;
}
.sibling-fade:hover img:not(:hover) {
  opacity: 0.5;
}
#al-btn-accueil-4-btn{margin:10px 0 0 30px;}
/*-----------------------------------------------------------------------------------------page climatisation*/
#nav-bar{position: fixed;
width: 100%;background-color: #fff;
z-index: 999;box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);}
#nav-bar-index{position: fixed;
width: 100%;background-color: #fff;
z-index: 999;box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);display: none;}
.al-logo-top{margin:1% 8% -1% 7.8%;}
#al-logo{width: 100%;}
#al-logo figure img{width: 10%;margin: -3.5% 0 0 18%;vertical-align: top;}
.al-photo-top img{width: 100%;padding: 0;left: 0;margin-top: 5%;}
.al-photo-top-agence img{width: 100%;padding: 0;left: 0;margin-top: 90px;}
#width-img-pays figure img {width: 90%;}
#width-img-pays {margin-top: 5%;}
#al-picto-actu{margin: 10px 0;}
#al-picto-actu img{width: 20%;}
.bold{font-weight: bolder;}
.typo-actu{font-family: "gothic-reg"; font-size: 0.7em;margin-bottom: 5%;text-transform: uppercase;}
.btn-en-savoir-plus{font-family: "gothic-bold";
    color: #fff;
    background-color: #005ca9;
    padding: 1%;
    border-radius: 5px;
    margin: 0 20px;}
#btn-nav-header{background-color: transparent;margin-bottom: 0%;float: right;width: 350px;}
#btn-nav-header li{
    font-family: "gothic-bold";
    color: #fff;
    background-color: #005ca9;
    padding: 0.5%;
    margin: 0 20px;
}
#btn-nav-header-red{float:right;background-color: transparent;margin-bottom: 0%;width: 30%;}
#btn-nav-header-red li{
    font-family: "gothic-bold";
    color: #fff;
    background-color: #d51130;
    padding: 0.5%;
    margin: 0 20px;
}
#btn-nav-header-pink{float:right;background-color: transparent;margin-bottom: 0%;width: 30%;}
#btn-nav-header-pink li{
    font-family: "gothic-bold";
    color: #fff;
    background-color: #e6007e;
    padding: 0.5%;
    margin: 0 20px;
}
.rect-degrade {
    display: block;
    text-decoration: none;
    color: black;
    width: 65%;
    height: 65px;
    float: right;
    background-image:linear-gradient(to right, white,#9d9d9d,#000);
}
#petit-titre-bleu {
    color: #005ca9;
    font-family: "gothic-reg";
    padding:1%;
    font-size: 12px;
}
#petit-titre-rouge {
    color: #d51130;
    font-family: "gothic-reg";
    padding:1%;
    font-size: 12px;
}
#btn-nav-header-cyan{float:right;background-color: transparent;margin-bottom: 0%;width: 30%;}

#btn-nav-header-cyan li{
    font-family: "gothic-bold";
    color: #fff;
    background-color: #00b6ed;
    padding: 0.5%;
    margin: 0 20px;
}
#petit-titre-cyan {
    color: #00b6ed;
    font-family: "gothic-reg";
    padding:1%;
    font-size: 12px;
}
#petit-titre-pink {
    color: #e6007e;
    font-family: "gothic-reg";
    padding:1%;
    font-size: 12px;
}
/*.nav_gauche {
    width: 20px;
    height: 510px;
    padding-left:2%;
    background-color: #fff;
    margin: 0;
    margin-left: 2%;
    margin-top: -0.1%;
    background-image:linear-gradient(to left, white, #7c7c7c);
    box-shadow: -10px 0px 20px 2px rgba(0, 0, 0, 0.5);
    z-index: 999;
}*/

.nav_gauche2 {
    width: 15%;
    height: 100%;
    background-color: #fff;
    margin: 0 0 0 0.5%;
    font-size: 14px;
    text-align: center;
    margin-bottom: 7%;
}
.nav_gauche3 {
    display: none;
    background-color: #fff;
    margin: 0 0 0 0.5%;
    font-size: 14px;
    text-align: center;
    margin-bottom: 7%;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2)
}
#footer-mention-mob{display: none;}
#footer-mob{display: none;}
#al-langue-mob{display: none;}
#case_20 {
    background-image: url(images/climatisation_09.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;

} 

#case_21 {
    background-image: url(images/climatisation_11.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 25%;
    background-position: bottom;
} 

#case_22 {
    background-image: url(images/climatisation_13.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 50%;
    background-position: bottom;
} 
#case_23 {
    background-image: url(images/climatisation_18.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-top: 24%;
} 

#case_24 {
    background-image: url(images/climatisation_19.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 25%;
    background-position: bottom;
    margin-top: 24%;
} 

#case_25 {
    background-image: url(images/climatisation_20.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 50%;
    background-position: bottom;
    margin-top: 24%;
} 

#case_26 {
    background-image: url(images/accueil-senegal_07.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
} 
#case_27 {
    background-image: url(images/accueil-senegal_09.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 25.5%;
    background-position: bottom;
} 

#case_28 {
    background-image: url(images/accueil-senegal_14.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-top: 22%;
    margin-left: 14%;
} 

#case_29 {
    background-image: url(images/climatisation_20.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-top: 22%;
    margin-left: 39%;
} 
#case_0029 {
    background-image: url(images/climatisation_20.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-top: 22%;
    margin-left: 39%;
} 
#case_026 {
    background-image: url(images/medielec-menu-1_06.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
} 
#case_027 {
    background-image: url(images/medielec-menu-1_09.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 22%;
    background-position: bottom;
} 

#case_028 {
    background-image: url(images/ice-sas-accueil_03.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
} 
#case_030 {
    background-image: url(images/accueil-senegal_09.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-top: 22%;
    margin-left: 14%;
}
#case_029 {
    background-image: url(images/fact-sa_03.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 25.2%;
    background-position: bottom;
} 
.al-btn-nav a{border:1px solid #005ca9;padding: 1.5%;margin: 0.5%;}
.al-btn-nav-2 a{border:1px solid #005ca9;padding: 1.5%;margin: 0.5%;}
.cadre_clim {
    width: 25%;
    height: 190px;
    border: 0px solid black;
    transition: 0.6s;
}

#nav_droite_page {
    position: relative;
    width: 85%;
    height: 100%;
  }
.nav_gauche-page {
    width: 15%;
    background-color: transparent;
    margin: 20px 0 0 -50px;
    font-size: 14px;
    display: inline-block;
    position:fixed;
    z-index: 99;
    left:5%;
}

@media(min-width:2250px){
    .nav_gauche-page {
    margin: 450px 0 0 -50px;
    width:7%;

}
}
/*#main-LDFS {
    width: 900px;
    margin: 0 auto;
    text-align: left;
    padding-left: 80px;
    position: relative;
}*/

.al-section-center{display: flex;flex-direction: row;justify-content: space-between;}
.al-section-accueil{text-align:center;width:1024px;position: relative;
vertical-align: top;display: inline-block;}
.al-section{margin: 0 0 0 404px;width:1024px;position: relative;
display: inline-block;}
.al-section3{margin: 0 0 0 503px;width:1024px;position: relative;
display: inline-block;}
.al-section2{margin: 0 0 0 0px;width:1200px;position: relative;
display: inline-block;text-align: center;}
.al-section-contact{margin: 0 0 0 0px;width:1200px;position: relative;
display: inline-block;}
.al-btn-nav{margin-top: 0.5%;padding: 0 20%}
.al-btn-nav-2{margin-top: 0.5%;padding: 0 20%}
.infos-sup{display: inline-block;margin-top: 2%; 
    text-align: center;vertical-align: top;}
#al-picto-catalogues{padding:1% 1%;text-align: center;display: inline-block;
    position:fixed;z-index: 9999;right: 20px;margin-top: 0px;}
    .chicles {
    position: fixed;
    z-index: 9999;
    right: 20px;
    width: 110px;
    height: 110px;
    margin-top: 0px;
    background-color: #ffffff;
    /*-webkit-box-shadow: 5px 5px 15px 3px #656565;*/
    -webkit-box-shadow: 1px 1px 1px 1px #454545;
    -moz-box-shadow: 1px 1px 1px 1px #454545;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#656565', Positive='true');
    zoom:1;
    box-shadow: 1px 1px 1px 1px #454545;
    padding: 2px;
    border-bottom-left-radius: 30px;
    transition: 0.6s;
    border: 5px white solid;
}

.chicles:hover {
    width: 130px;
    height: 130px;
    transition: 0.3s;
    border: 5px #005ca9 solid;
}

.chicles img {
    width: 90%;
}
    .chicles-rouge {
    position: fixed;
    z-index: 9999;
    right: 20px;
    width: 110px;
    height: 110px;
    margin-top: 0px;
    background-color: #ffffff;
    -webkit-box-shadow: 5px 5px 15px 3px #656565;
    -moz-box-shadow: 5px 5px 15px 3px #656565;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#656565', Positive='true');
    zoom:1;
    box-shadow: 1px 1px 1px 1px #454545;
    padding: 2px;
    border-bottom-left-radius: 30px;
    transition: 0.6s;
    border: 5px white solid;
}

.chicles-rouge:hover {
    width: 130px;
    height: 130px;
    transition: 0.3s;
    border: 5px #d51130 solid;
}

.chicles-rouge img {
    width: 90%;
}
.chicles-cyan {
    position: fixed;
    z-index: 9999;
    right: 20px;
    width: 110px;
    height: 110px;
    margin-top: 0px;
    background-color: #ffffff;
    -webkit-box-shadow: 5px 5px 15px 3px #656565;
    -moz-box-shadow: 5px 5px 15px 3px #656565;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#656565', Positive='true');
    zoom:1;
    box-shadow: 1px 1px 1px 1px #454545;
    padding: 2px;
    border-bottom-left-radius: 30px;
    transition: 0.6s;
    border: 5px white solid;
}

.chicles-cyan:hover {
    width: 130px;
    height: 130px;
    transition: 0.3s;
    border: 5px #00b6ed solid;
}

.chicles-cyan img {
    width: 90%;
}
.chicles-pink {
    position: fixed;
    z-index: 9999;
    right: 20px;
    width: 110px;
    height: 110px;
    margin-top: 0px;
    background-color: #ffffff;
    -webkit-box-shadow: 5px 5px 15px 3px #656565;
    -moz-box-shadow: 5px 5px 15px 3px #656565;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#656565', Positive='true');
    zoom:1;
    box-shadow: 1px 1px 1px 1px #454545;
    padding: 2px;
    border-bottom-left-radius: 30px;
    transition: 0.6s;
    border: 5px white solid;
}

.chicles-pink:hover {
    width: 130px;
    height: 130px;
    transition: 0.3s;
    border: 5px #e6007e solid;
}

.chicles-pink img {
    width: 90%;
}
#cursor {
    animation: trans 1s;
}
#al-picto-catalogues1{padding:1% 1%;text-align: center;display: inline-block;width: 150px;}
.al-img1-agence {vertical-align: top;display: inline-block;margin:115px 0 0 0;} 

.m-legales-pages {
    width: 15%;
    height: 35px;
    font-size: 11px;
    color: #383838;
    position: absolute;
    bottom:5px;
    z-index: 600;
    text-align: center;
    vertical-align: middle;
    font-family: "gothic-reg";
}
.m-legales-pages a {color: #383838;}
.m-legales-left{
    font-family: "gothic-reg";
    width: 100%;
    height: 35px;
    font-size: 11px;
    color: #383838;
    text-align: center;
    margin-top: 10%;
}
.m-legales-left a {color: #383838;}
.shadow img{box-shadow: 1px 1px 3px 1px #6a6466;}
.margeL{ margin-left: 5%;}
.al-emplitude img{float: right;
width: 150px!important;
padding: 5px;
margin-top: -100px;}
/*-----------------------------------------------------------------------------------------pageReferences-*/

.al-btn-nav-references figure{display: inline-block;margin:2% 0.5%;}
.figure-plus figure{margin-bottom: 60px;}
.margB figure{margin-bottom: 60px;}
.al-btn-nav-references  figcaption{display:block;margin:2% 0;text-align: left;color: #000;
font-family: "gothic-reg"; font-size: 0.7em;vertical-align: bottom;}
.majuscule{text-transform: uppercase;font-weight: 700;}
.it{font-style: italic;color: #454545;}
.cadre_clim-references {
    width: 17%;
    height: 170px;
    border: 0px solid black;
    transition: 0.6s;
}
#case_30 {
    background-image: url(images/ref-01_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_31 {
    background-image: url(images/ref-01_05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_32 {
    background-image: url(images/ref-01_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 
#case_33 {
    background-image: url(images/ref-01_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_34 {
    background-image: url(images/ref-02_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_35 {
    background-image: url(images/ref-02_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_36 {
    background-image: url(images/ref-02_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_37 {
    background-image: url(images/ref-02_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_38 {
    background-image: url(images/ref-03_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_39 {
    background-image: url(images/ref-03_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_40 {
    background-image: url(images/ref-03_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_41 {
    background-image: url(images/ref-03_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_42 {
    background-image: url(images/ref-04_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_43 {
    background-image: url(images/ref-04_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_44{
    background-image: url(images/ref-04_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 
#case_45 {
    background-image: url(images/ref-04_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_46{
    background-image: url(images/ref-05_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_47 {
    background-image: url(images/ref-05_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_48 {
    background-image: url(images/ref-05_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_49 {
    background-image: url(images/ref-05_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_50 {
    background-image: url(images/ref-06_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_51 {
    background-image: url(images/ref-06_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_52 {
    background-image: url(images/ref-06_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_53 {
    background-image: url(images/ref-06_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_54 {
    background-image: url(images/ref-05_061.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_55 {
    background-image: url(images/ref-05_081.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_56 {
    background-image: url(images/ref-05_101.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 
#case_57 {
    background-image: url(images/ref-05_031.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_58 {
    background-image: url(images/ref-06_061.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_59 {
    background-image: url(images/ref-06_081.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_60 {
    background-image: url(images/ref-06_101.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_61 {
    background-image: url(images/ref-06_031.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_62 {
    background-image: url(images/ref-08_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_63 {
    background-image: url(images/ref-08_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_64 {
    background-image: url(images/ref-08_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_65 {
    background-image: url(images/ref-08_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_66 {
    background-image: url(images/ref-11_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_67 {
    background-image: url(images/ref-11_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_68{
    background-image: url(images/ref-11_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 
#case_69 {
    background-image: url(images/ref-11_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_70{
    background-image: url(images/ref-12_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_71 {
    background-image: url(images/ref-12_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_72 {
    background-image: url(images/ref-12_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_73 {
    background-image: url(images/ref-12_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_74 {
    background-image: url(images/ref-13_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_75 {
    background-image: url(images/ref-13_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_76 {
    background-image: url(images/ref-13_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_77 {
    background-image: url(images/ref-13_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_78 {
    background-image: url(images/ref-14_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_79 {
    background-image: url(images/ref-14_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_80{
    background-image: url(images/ref-14_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 
#case_81 {
    background-image: url(images/ref-14_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_82{
    background-image: url(images/ref-15_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_83 {
    background-image: url(images/ref-15_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_84 {
    background-image: url(images/ref-15_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_85 {
    background-image: url(images/ref-15_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_86 {
    background-image: url(images/ref-17_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_87 {
    background-image: url(images/ref-17_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_88 {
    background-image: url(images/ref-17_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_89 {
    background-image: url(images/ref-17_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_90 {
    background-image: url(images/ref-sn-01_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_91 {
    background-image: url(images/ref-sn-01_05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_92 {
    background-image: url(images/ref-sn-01_07.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_93 {
    background-image: url(images/ref-sn-01_09.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_94 {
    background-image: url(images/ref-sn-01_15.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_95 {
    background-image: url(images/ref-sn-01_16.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_96 {
    background-image: url(images/ref-sn-01_17.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_97 {
    background-image: url(images/ref-sn-01_18.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 

#case_98 {
    background-image: url(images/ref-sn-02_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_99 {
    background-image: url(images/ref-sn-02_05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_100 {
    background-image: url(images/ref-sn-02_07.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_101 {
    background-image: url(images/ref-sn-02_09.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_102 {
    background-image: url(images/ref-sn-02_15.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_103 {
    background-image: url(images/ref-sn-02_16.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_104 {
    background-image: url(images/ref-sn-02_17.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_105 {
    background-image: url(images/ref-sn-02_18.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_110 {
    background-image: url(images/fact-sa-ref_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_111 {
    background-image: url(images/fact-sa-ref_05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_112 {
    background-image: url(images/fact-sa-ref_07.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_113 {
    background-image: url(images/fact-sa-ref_09.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
#case_114 {
    background-image: url(images/fact-sa-ref_15.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_115 {
    background-image: url(images/fact-sa-ref_17.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_116 {
    background-image: url(images/fact-sa-ref_18.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_117 {
    background-image: url(images/fact-sa-ref_19.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_118 {
    background-image: url(images/fact-sa-ref_24.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_119 {
    background-image: url(images/fact-sa-ref_25.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
#case_120 {
    background-image: url(images/fact-sa-ref_26.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_121 {
    background-image: url(images/fact-sa-ref2_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_122 {
    background-image: url(images/fact-sa-ref2_05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_123 {
    background-image: url(images/fact-sa-ref2_07.jpg);
    background-repeat: no-repeat;
    background-size: cover;
     width: 100%;
    height: 100%;
} 
#case_124 {
    background-image: url(images/fact-sa-ref2_09.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_125 {
    background-image: url(images/fact-sa-ref2_15.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
#case_126 {
    background-image: url(images/fact-sa-ref2_17.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} 

#case_127 {
    background-image: url(images/fact-sa-ref2_18.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
#case_128 {
    background-image: url(images/fact-sa-ref2_19.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.cadre_clim-references-equipements {
    width: 30%;
    height: 170px;
    border: 0px solid black;
    transition: 0.6s;
    text-align: center;
}
.al-btn-nav-references-equipements figure{
    margin:2% 0.5% 18% 0.5%;
}
.cadre_clim-references-equipements figcaption{
    text-align: center;

}
h3{font-size: 1.2em;
color: #000;
font-weight: 700;padding-top: 2%;}
.rect-bleu{
    color:#fff;
    font-size: 1em;
    font-weight: 700;
    background-color: #005ca9;
    padding: 10px;
    height: 55px;
}
.rect-bleu1{
    color:#fff;
    font-size: 1em;
    font-weight: 700;
    background-color: #005ca9;
    padding: 17px 10px 10px 10px;
    height: 55px;
}
.rect-rouge{
    color:#fff;
    font-size: 1em;
    font-weight: 700;
    background-color: #d51130;
    padding: 10px;
    height: 55px;
}
.rect-rouge1{
    color:#fff;
    font-size: 1em;
    font-weight: 700;
    background-color: #d51130;
    padding: 17px 10px 10px 10px;
    height: 55px;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_130 {
    background-image: url(images/equipement-centrale_traitement_03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
     width: 100%;
    height: 100%;
} 
#case_131 {
    background-image: url(images/equipement-centrale_traitement_05.jpg);
    background-repeat: no-repeat;
    background-size: contain;
     width: 100%;
    height: 100%;
} 
#case_132 {
    background-image: url(images/39cp.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
} 

#case_133 {
    background-image: url(images/equipement-centrale_traitement_12.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_134 {
    background-image: url(images/equipement-centrale_traitement_13.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
} 
#case_134-1 {
    background-image: url(images/39cz.png);
    background-repeat: no-repeat;
    background-size:90%;
    background-position:center;
    width: 100%;
    height: 100%;
} 

#case_135 {
    background-image: url(images/equipement-centrale_traitement_14.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_136 {
    background-image: url(images/equipement-climatiseur-toiture_03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center;
     width: 100%;
    height: 100%;
} 
#case_137 {
    background-image: url(images/50ff-50fc.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center;
     width: 100%;
    height: 100%;
} 
#case_138 {
    background-image: url(images/50tc.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center;
    width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_139 {
    background-image: url(images/3rb01.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center;
    width: 100%;
    height: 100%;
}
#case_140 {
    background-image: url(images/equipement-unite-froid-seul_05.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
} 

#case_141 {
    background-image: url(images/equipement-unite-froid-seul_07.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_142 {
    background-image: url(images/30kav.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center;
    width: 100%;
    height: 100%;
}
#case_143 {
    background-image: url(images/30rb-604-804.jpg);
    background-repeat: no-repeat;
    background-size: contain;
       background-position:center;
    width: 100%;
    height: 100%;
} 

#case_144 {
    background-image: url(images/equipement-unite-froid-seul_14.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_145 {
    background-image: url(images/equipement-terminaux_03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_146 {
    background-image: url(images/equipement-terminaux_05.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
} 

#case_147 {
    background-image: url(images/equipement-terminaux_07.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_148 {
    background-image: url(images/equipement-terminaux_12.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_149 {
    background-image: url(images/equipement-terminaux_13.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
} 

#case_150 {
    background-image: url(images/equipement-terminaux_14.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_151 {
    background-image: url(images/equipement-unite-reversible_03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_152 {
    background-image: url(images/equipement-unite-reversible_05.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
} 

#case_153 {
    background-image: url(images/equipement-unite-reversible_07.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_154 {
    background-image: url(images/equipement-unite-reversible_12.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_155 {
    background-image: url(images/equipement-unite-reversible_13.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
} 

#case_156 {
    background-image: url(images/equipement-unite-reversible_14.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_157 {
    background-image: url(images/equipement-split_03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_158 {
    background-image: url(images/equipement-split_05.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
} 

#case_159 {
    background-image: url(images/equipement-split_07.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_160 {
    background-image: url(images/equipement-split_13.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

#case_157-1 {
    background-image: url(images/38rbs.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center;
    width: 100%;
    height: 100%;
}
#case_158-1 {
    background-image: url(images/38zs-zf.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center;
    width: 100%;
    height: 100%;
} 

#case_159-1 {
    background-image: url(images/38ap.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------ice-sas-equipement-*/

#case_170 {
    background-image: url(images/produits-ciat-1_03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_171 {
    background-image: url(images/produits-ciat-1_05.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
} 

#case_172 {
    background-image: url(images/produits-ciat-1_07.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_173 {
    background-image: url(images/produits-ciat-1_12.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_174 {
    background-image: url(images/produits-ciat-1_14.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_175 {
    background-image: url(images/produits-ciat-1_16.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
} 
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_176 {
    background-image: url(images/produits-ciat-2_03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_177 {
    background-image: url(images/produits-ciat-2_12.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_178 {
    background-image: url(images/produits-ciat-3_05.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_179 {
    background-image: url(images/produits-ciat-3_17.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_180 {
    background-image: url(images/produits-ciat-3_07.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_181 {
    background-image: url(images/produits-ciat-4_03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_182 {
    background-image: url(images/produits-ciat-4_17.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_183{
    background-image: url(images/produits-ciat-4_05.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_184{
    background-image: url(images/produits-ciat-4_13.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_185{
    background-image: url(images/produits-ciat-4_07.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

#case_186{
    background-image: url(images/produits-ciat-4_16.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

#case_187{
    background-image: url(images/produits-ciat-5_22.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_188{
    background-image: url(images/produits-ciat-5_03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_189{
    background-image: url(images/produits-ciat-5_06.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

#case_190{
    background-image: url(images/produits-ciat-5_18.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_191{
    background-image: url(images/produits-ciat-5_08.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#case_192{
    background-image: url(images/produits-ciat-5_24.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

#case_193{
    background-image: url(images/produits-ciat-6_03_03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_194{
    background-image: url(images/produits-ciat-6_18.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------autre ligne-*/
/*-----------------------------------------------------------------------------------------autre ligne-*/
#case_195{
    background-image: url(images/produits-ciat-6_12.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

#case_196{
    background-image: url(images/produits-ciat-6_30.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------chiffrecle*/
.infofixed{position:absolute;z-index:900;width: 100%; height: 100%; background-color: rgba(255,255,255,0.5);}
.infofixed img{text-align: center; width: 55%;bottom:0;position:fixed;z-index:990;margin:20px 0 0 0;}
#infochiffres{display: none;}
/*-----------------------------------------------------------------------------------------pageContactAlgerie-*/
form{display: inline-block; text-align: center;margin: 0 auto;}
.mailform{
  margin: 4% 0;
  width: 100%;
  position: relative;
  text-align: left;}

.mailform fieldset {
  border: none;
  line-height: 0;
}
.mailform * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mailform label {
  position: relative;
  display: block;
  margin-top: 6px;
}
.mailform label input,
.mailform label select,
.mailform label textarea {
  display: block;
  width: 100%;
  margin: 0;
  -webkit-appearance: none;
  outline: none;
  font-size: 1em;
  font-family: "din-light", sans-serif;
  padding: 15px 50px 12px 10px;
  color: #fff;
  background: #262626;
  text-transform: uppercase;
  border: none;
  font-weight: 100;
  height:42px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.mailform label input:-moz-placeholder,
.mailform label select:-moz-placeholder,
.mailform label textarea:-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.mailform label input::-webkit-input-placeholder,
.mailform label select::-webkit-input-placeholder,
.mailform label textarea::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}
.mailform label input::-moz-placeholder,
.mailform label select::-moz-placeholder,
.mailform label textarea::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.mailform label input:-ms-input-placeholder,
.mailform label select:-ms-input-placeholder,
.mailform label textarea:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.mailform label textarea {
  resize: none;
  overflow: auto;
  height: 155px;
  border: 1px solid #fff;
}
.mailform div{display: inline-block;}
.al-input img{width: 60%;}
.al-input .chekbox{margin-left: 3%;}
.btn-primary {
  color: #262626;
  font-size: 1em;
  font-family: "din-light", sans-serif;
  padding: 11px 20px 10px;
  background-color: #aab0b0;
  border-color: #aab0b0;
  text-transform: uppercase;
  border-radius: 8px;
  width: 150px;
  margin: 5% 0 0 30%;
}
.al-txt-contact {
font-family: "gothic-reg";
margin: 3% 0 0 2%;
text-align: left;
line-height: 18px;}
.al-txt-contact a{
color: #000;}
.al-txt-contact a:hover{
color: #005ca9;}
.strong{font-family: "gothic-bold";
font-size: 1.1em;}
.al-txt-contact p{}
.uppercase{text-transform: uppercase;}
.al-txt-contact1 {
font-family: "gothic-reg";
margin: 3% 0 0 2%;
text-align: left;
line-height: 18px;}
.al-txt-contact1 a{
color: #000;}
.al-txt-contact1 a:hover{
color: #005ca9;}
.strong{font-family: "gothic-bold";
font-size: 1.1em;}
.al-txt-contact1 p{}
.uppercase{text-transform: uppercase;}
.al-txt-contact-rouge {
font-family: "gothic-reg";
margin: 3% 0 0 2%;
text-align: left;
line-height: 18px;}
.al-txt-contact-rouge a{
color: #000;}
.al-txt-contact-rouge a:hover{
color: #d51130;}
.al-txt-contact-rouge p{}
.uppercase{text-transform: uppercase;}
.al-txt-contact-rouge1 {
font-family: "gothic-reg";
margin: 3% 0 0 2%;
text-align: left;
line-height: 18px;}
.al-txt-contact-rouge1 a{
color: #000;}
.al-txt-contact-rouge1 a:hover{
color: #d51130;}
.al-txt-contact-rouge1 p{}
.uppercase{text-transform: uppercase;}
.al-txt-contact-cyan {
font-family: "gothic-reg";
margin: 3% 0 0 2%;
text-align: left;
line-height: 18px;}
.al-txt-contact-cyan a{
color: #000;}
.al-txt-contact-cyan a:hover{
color: #00b6ed;}
.al-txt-contact-cyan p{}
.uppercase{text-transform: uppercase;}
.al-txt-contact-pink {
font-family: "gothic-reg";
margin: 3% 0 0 2%;
text-align: left;
line-height: 18px;}
.al-txt-contact-pink a{
color: #000;}
.al-txt-contact-pink a:hover{
color: #e6007e;}
.al-txt-contact-pink p{}
.uppercase{text-transform: uppercase;}

/*-----------------------------------------------------------------------------------------pageAgence-*/
.al-bloc-txt-right{height: 368px;z-index: 9;display: inline-block;}
.al-bloc-txt-right img {height: 100%;width:600px;display: inline-block;z-index: 9;}
.al-bloc-txt-right p {text-align:left;margin-left: 1%;line-height: 20px;}
.al-txt-right img{width: 2%!important;}
.border-left {border-left:7px solid #005ca9;padding-left: 1%;width:40%;
    height:100%;display: inline-block;vertical-align: top;margin-left: 1%;}
.border-left-pink {border-left:7px solid #e6007e;padding-left: 1%;width:40%;
    height:100%;display: inline-block;vertical-align: top;margin-left: 1%;}
.border-left-rouge{border-left:7px solid #d51130;padding-left: 1%;width:40%;
    height:100%;display: inline-block;vertical-align: top;margin-left: 1%;}
.border-left-cyan{border-left:7px solid #00b6ed;padding-left: 1%;width:40%;
    height:100%;display: inline-block;vertical-align: top;margin-left: 1%;}
#fond-bleu{width: 100%; background-color: #005ca9;height: 165px;z-index: 999;margin-top: -2px;}
#fond-rouge{width: 100%; background-color: #d51130;height: 165px;z-index: 999;margin-top: -2px;}
#fond-pink{width: 100%; background-color: #e6007e;height: 165px;z-index: 999;margin-top: -2px;}
#fond-pink1{width: 100%; background-color: #e6007e;height: 165px;z-index: 999;margin-top: -2px;}
#fond-pink2{width: 100%; background-color: #e6007e;z-index: 999;margin-top: -2px;}
#fond-cyan{width: 100%; background-color: #00b6ed;height: 165px;z-index: 999;margin-top: -2px;}
#fond-cyan1{width: 100%; background-color: #00b6ed;height: 165px;z-index: 999;margin-top: -2px;}
.footer-img{height: 100%;}
.fd-txt{color: #fff;padding: 25px 0;text-align: justify;}
.al-bloc-agence-img2 {display: inline-block;vertical-align: top;height: 100%;}
.al-bloc-agence-img3 {display: inline-block;vertical-align: top;height: 100%;}
.al-ventilation-img3 img{margin-left: 4.2%;}
.titre-blanc{display: inline-block;
    font-family: "gothic-reg";
    font-size: 0.9em;
    color: #fff;
    margin: 136px 0 0 12px;
}
.titre-blanc1{display: inline-block;
    font-family: "gothic-reg";
    font-size: 0.9em;
    color: #fff;
   vertical-align: top;
   margin: 12px 0 0 103px;
}
/*---------------------------------------------------------------------------------------partenaire-*/
.al-img1-partenaire{display: inline-block;vertical-align: top;height: 100%}
.al-img2-partenaire{display: inline-block;vertical-align: top;height: 100%;}
/*---------------------------------------------------------------------------------------atelier-*/
.al-img1-atelier{display: inline-block;vertical-align: top;height: 100%;}
.al-img2-atelier{display: inline-block;vertical-align: top;height: 100%;}
/*-----------------------------------------------------------------------------------------oran-*/
.al-bloc-txt-left{height: 368px;text-align: right;}
.al-bloc-txt-left1{height: 368px;text-align: justify;}
.al-bloc-txt-left img {display: inline-block;height: 100%;width:600px;}
.al-bloc-txt-left p {margin-right: 1%;text-align:right;line-height: 20px;}
.al-txt-left img{width: 2%!important;}
.al-txt-left{padding-right: 1%;}
.al-img2-oran{display: inline-block;vertical-align: top;height: 100%;} 
.titre-blanc2{display: inline-block;
   font-family: "gothic-reg";
   font-size: 0.9em;
   color: #fff;
   margin: 0px 0 0 296px;
}
.al-img3-oran {display: inline-block;vertical-align: top;right: 0;height: 100%;}
.marg1{margin-left: 213px;}
.marg2{margin-left: 204px;}
.marg3{margin-left: 183px;}
.marg4{margin-left: 120px;}
.marg5{margin-left: 390px;}
.marg6{margin-left: 100px;}
.marg7{margin-left: 188px;}
.marg8{margin-left: 150px;}
.marg9{margin-left: 170px;}
.marg10{margin-left: 178px;}
.marg11{margin-left: 322px;}
.marg12{margin-left: 215px;}
.marg13{margin-left: 225px;}
.marg14{margin-left: 265px;}
.marg15{margin-left: 245px;}
.marg16{margin-left: 153px;}
.marg17{margin-left: 245px;}
.marg18{margin-left: 143px;}
.marg19{margin-left: 143px;}
.marg20{margin-left: 143px;}
.marg21{margin-left: 143px;}
.marg22{margin-left: 143px;}
.marg23{margin-left: 155px;}
.marg24{margin-left: 155px;}
.marg25{margin-left: 156px;}
.marg26{margin-left: 216px;}
.marg27{margin-left: 182px;}
.marg28{margin-left: 114px;}
.marg29{margin-left: 182px;}
.marg30{margin-left: 159px;}
.marg31{margin-left: 159px;}
.marg32{margin-left: 219px;}
.marg33{margin-left: 189px;}
.marg34{margin-left: 115px;}
.marg35{margin-left: 125px;}
.marg36{margin-left: 138px;}
.marg37{margin-left: 138px;}
.marg38{margin-left: 148px;}
.marg39{margin-left: 152px;}
.marg40{margin-left: 263px;}
.marg41{margin-left: 152px;}
.marg42{margin-left: 263px;}
.marg43{margin-left: 427px;}
.marg44{margin-left: 80px;}
.marg45{margin-left: 11px;}

#al-renseignement-ice-sng{
    background-color: #fff;
    font-family: "gothic-reg";
    color: #000;
    display: inline-block;
    font-size: 1em;
}
#al-renseignement-ice-sng a{
    color: #000;font-weight:700;
}
#al-renseignement-ice-sng a:hover{
    color: #d51130;
}
.typo-conditions{font-size: 0.8em;}
.typo-conditions-bold{
    position: absolute;
    margin:0 0 0 1142px;
    width: 388px;
    height: 165px;
    font-family: "din-bold";
    background-color: #fff;
    text-align: center;
    padding: 30px 0;}
/*----------------------------------------------------------------------------------------ventilation-setif-*/
.al-img2-setif{display: inline-block;vertical-align: top;right: 0;height: 100%;} 
.al-img3-setif{display: inline-block;vertical-align: top;right: 0;height: 100%;}
.titre-blanc3{display: inline-block;
    font-family: "gothic-reg";
    font-size: 0.9em;
    color: #fff;
   vertical-align: top;
   margin:10px 0 0 223px;
}
/*----------------------------------------------------------------------------------------footerAgence-*/
.m-legales-fond-fonce-relative{display: inline-block;width: 100%;
    background-color: #353233;
    font-size: 0.8em;
    color: #fff;
    text-align: center;
    vertical-align: top;
    padding: 0.3%;
    bottom:0;
font-family: "gothic-reg";}

.m-legales-fond-fonce-relative img{width:3%;}
#al-footer-resp{display:block;bottom: 0px;width: 100%;margin-top: 0px;
background-color:#e5e5e5;padding: 30px 0 0 0;}
#btn-remonter{text-align: center;
bottom : 10px;
}
#btn-remonter button{color:#6a6466;font-size: 1em;
font-family: "gothic-reg"; text-transform: uppercase;
padding: 10px;width:300px;}
#btn-remonter article{color:#6a6466;font-size: 1em;
font-family: "gothic-reg"; line-height:15px;text-transform: uppercase;
padding: 10px;width:300px;height: 121px;font-size: 0.8em;margin: 0 auto;}
.fa-angle-up{font-size: 1.5em;vertical-align: bottom;}
#remonter{transition-duration: 0.6s;}
/*---------------------------------------------------------------------------------------service-*/
.border-right{border-right:7px solid #005ca9;padding-right: 1%;height:100%;width:40%;
    vertical-align:top;display: inline-block;margin-right: 1%;}
.border-right-rouge{border-right:7px solid #d51130;padding-right: 1%;height:100%;width:40%;
    vertical-align:top;display: inline-block;margin-right: 1%;}
.border-right-cyan{border-right:7px solid #00b6ed;padding-right: 1%;height:100%;width:40%;
    vertical-align:top;display: inline-block;margin-right: 1%;}
.border-right-pink{border-right:0px solid #e6007e;padding-right: 1%;height:100%;width:45%;
    vertical-align:top;display: inline-block;margin-right: 1%;}
.border-right-pink1{border-right:0px solid #e6007e;padding-right: 1%;height:100%;width:25%;
    vertical-align:top;display: inline-block;margin-right: 1%;}
.al-img2-service{height:100%;display: inline-block;vertical-align: top;margin-left: 1%;}
.al-num-service{margin:46px 0 0 0px;} 
.al-num-service img{width:80%!important;} 
.al-num-service1{margin:46px 0 0 0px;} 
.al-num-service1 img{width:70%!important;margin-left: 30px;} 
.al-img3-service{display: inline-block;vertical-align: top;height: 100%;}
.al-img4-service{height:100%;display: inline-block;vertical-align: top;}
.al-img5-service{height:100%;;display: inline-block;vertical-align: top;}
/*---------------------------------------------------------------------------------------sav-*/
.al-img2-sav{display: inline-block;vertical-align: top;height: 100%;} 
.al-img3-sav{display: inline-block;vertical-align: top;height: 100%;} 
.al-num-sav{margin:8% 0 0 2%;}
.al-num-sav img{width:100%!important;} 
.al-img4-sav{display: inline-block;vertical-align: top;height: 100%;} 
/*----------------------------------------------------------------------------------------ingenierie-*/
.al-img2-ingenierie{height:100%;display: inline-block;vertical-align: top;text-align: left;} 
.al-img3-ingenierie {height:100%;display: inline-block;vertical-align: top;margin-top: 0%;}
.titre-blanc5{display: inline-block;
   font-family: "gothic-reg";
   font-size: 0.9em;
   color: #fff;
   vertical-align: top;
   margin: 20px 0 0 153px;
}
/*----------------------------------------------------------------------------------------sav-senegal-*/
.al-img2-sav-senegal{display: inline-block;vertical-align: top;height: 100%;} 
.al-img3-sav-senegal {height: 100%;display: inline-block;vertical-align: top;right: 0;}
/*-----------------------------------------------------------------------------------------*/
.m-legales-fond-fonce a {color: #fff;}
p{font-size:1.1em;}
.m-legales-fond-fonce{
    width: 12%;
    height: 35px;
    font-size: 11px;
    color: #fff;
    position: absolute;
    bottom:5px;
    z-index: 600;
    text-align: center;
    vertical-align: middle;
}
.m-legales-fond-fonce a {color: #fff;}
.btn-retour{font-family: "gothic-bold";
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background-color: #005ca9;
    padding: 1%;
    border-radius: 8px;
    margin: 0 20px;
    float: right;
    margin-top: -5%;}
    /* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #005ca9, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: #fff;
  color: #005ca9;
  cursor: pointer;
}
.hvr-hollow a:hover{
  color: #005ca9!important;
}

.al-logo-menu-clim{
display: inline-block;}
.al-logo-menu-clim img{width: 150px;vertical-align: top;
}
/*----------------------------------------------------------------------------------------Visite virtuelle-*/
#width-img-menu {width: 100px;height: 100px;}
#width-img-menu img{width: 100%;}
#width-img-menu {margin: 2% 0 5% 5%;}
.footer-img-sav {margin-left: 13%;}
.al-bloc-ventilation-sav img {width: 40%; display: inline-block;}
.al-bloc-ventilation-sav p {width:30%;text-align:right;margin-right: 1%;height:100%; }
.al-txt-ventilation-sav img{width: 2% ;}
.al-txt-ventilation-sav{border-right:10px solid #005ca9;padding-right: 1%;}
.al-ventilation-img1-sav {margin: 0.5% 0 0 9%;}
.al-ventilation-img2-sav{margin-right:0px;}
.al-ventilation-img2-sav, .al-ventilation-img3-sav {position: relative;}
.al-ventilation-img3-sav img{margin-left:-20%;}
.al-ventilation-img4-sav img{margin-left:-67%;}

.logoload360 {
-moz-transition: all 0.15s ease-in 0s;
-webkit-transition: all 0.15s ease-in 0s;
position: relative;
z-index: 1;
}
.logoload360:hover {
-moz-transform: scale(1.1) translateY(-5px) rotate(-1.5deg);
-webkit-transform: scale(1.1) translateY(-5px) rotate(-1.5deg);
z-index: 999;
}

.al-img-africalink img{display: inline-block;width: 100px;}
/*-----------------------------------------------------------------------------------------Visite virtuelle-*/
/*-----------------------------------------------------------------------------------------Visite virtuelle-*/

/*-----------------------------------------------------------------------------------------INTERIEUR MENU-*/
/*-----------------------------------------------------------------------------------------INTERIEUR MENU-*/

#case_01 {
    background-image: url(images/accueil_02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#case_02 {
    background-image: url(images/accueil_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
} 

#case_03 {
    background-image: url(images/accueil_11.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
} 

#case_04 {
    background-image: url(images/accueil_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#case_05 {
    background-image: url(images/accueil_07.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#case_06 {
    background-image: url(images/accueil_15.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#case_07 {
    background-image: url(images/accueil_17.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

#case_08 {
    background-image: url(images/accueil_10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
} 

#case_09 {
    background-image: url(images/accueil_04.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
} 

#case_10 {
    background-image: url(images/accueil_12.jpg);
    background-repeat: no-repeat;
    background-size: cover;
} 

#case_11 {
    background-image: url(images/accueil_13.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
} 

#case_12 {
    background-image: url(images/accueil_16.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
} 

#case_13 {
    background-image: url(images/img_13facebook.jpg);
    background-repeat: no-repeat;
    background-size: cover;
} 

#case_14 {
    background-image: url(images/accueil_05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
} 

#case_15 {
    background-image: url(images/accueil_09.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
} 

#case_16 {
    background-image: url(images/accueil_14.jpg);
    background-repeat: no-repeat;
    background-size: cover;
} 

#case_17 {
    background-image: url(images/img_17vision.jpg);
    background-repeat: no-repeat;
    background-size: cover;
} 

#case_18 {
    background-image: url(images/accueil_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
} 

/*--------------------------------------------------------------------------------------FIN INTERIEUR MENU-*/
/*--------------------------------------------------------------------------------------FIN INTERIEUR MENU-*/
.select {
    background-color: black;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.6s;
    padding: 5%;
}
.select:hover {opacity: 0.6;transition: 0.6s;}
.select span:hover{color: #fff;opacity: 1!important;}
.select_const {
    background-image: url(images/img_construction.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
#select_ciat {
    background-color: rgba(143, 55, 139, 0);
    width: 100%;
    height: 100%;
    transition: 0.6s;
    padding: 5%;
}
#select_ciat:hover {
    background-color: #d51130;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: 0.6s;
    padding: 5%;
}
#select_bitzen {
    background-color: rgba(59, 89, 152, 0);
    width: 100%;
    height: 100%;
    transition: 0.6s;
    padding: 5%;
}
#select_bitzen:hover {
    background-color: #00ee53;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: 0.6s;
    padding: 5%;
}
#select_carrier {
    background-color: rgba(59, 89, 152, 0);
    width: 100%;
    height: 100%;
    transition: 0.6s;
    padding: 5%;
}
#select_carrier:hover {
    background-color: #005ca9;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: 0.6s;
    padding: 5%;
}
.select_carrier span:hover{color: #fff;opacity: 1;}
#select_twitter {
    background-color: rgba(59, 89, 152, 0);
    width: 100%;
    height: 100%;
    opacity: 0.8;
    transition: 0.6s;
    padding: 5%;
}
#select_twitter:hover {
    background-color: #1da1f2;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: 0.6s;
    padding: 5%;
}
#select_youtube {
    background-color: rgba(59, 89, 152, 0);
    width: 100%;
    height: 100%;
    opacity: 0.8;
    transition: 0.6s;
    padding: 5%;
}
#select_youtube:hover {
    background-color: #ff0000;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: 0.6s;
    padding: 5%;
}
.deco-txt {
    height: 100%;
    width: 100%;
    color: #fff;
    opacity: 1;
    font-size: 25px;
    /*border: 4px solid #fff;*/
    text-align: center;
    margin: 0 auto;
}
.padtop21px {padding-top: 21%;}
.padtop10px {padding-top: 9%;}
.padtop15px {padding-top: 15%;}

.deco-txt_rs {
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 85px;
    text-align: center;
    padding: 10%;
    margin: 0 auto;
}

#img_page {
    position: absolute;
    width: 100%;
    height: 70%;
    z-index: 1;
}

#img_pageB {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url(images/fond-semi.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#img_page2 {
    position: absolute;
    width: 85%;
    height: 100%;
    z-index: 1;
}

.bout_vv {
    position: absolute;
    z-index: 500;
    left: 46%;
    top: 50%;
}

.img_page_bout {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#img_page img {width: 100%;height: 100%;} #img_page2 img {width: 100%;height: 100%;}
.img_page_bout img {width: 100%;height: 100%;}

.art1 {
    width: 25%;
    height: 70%;
    padding: 3%;
    background-color: rgba(53, 50, 51, 0.85);
    z-index: 400;
    position: absolute;
    right: 0;
    color: #fff;
    line-height: 18px;
}

.art1B {
    width: 25%;
    height: 100%;
    padding: 3%;
    background-color: rgba(53, 50, 51, 0.85);
    z-index: 400;
    position: absolute;
    right: 0;
    color: #fff;
    line-height: 18px;
}
.art-contact {
    width: 100%;
    padding: 5px;
    background-color: rgba(53, 50, 51, 0.85);
    z-index: 400;
    color: #fff;
    line-height: 18px;
    margin-top: 5px;
    font-size: 14px;
}

.art-contact div{
    width: 33%;
    text-align: center;
}

.art1-bout {
    width: 60%;
    height: 70%;
    padding: 1%;
    background-color: rgba(53, 50, 51, 1);
    z-index: 400;
    position: absolute;
    left: 0;
    color: #fff;
    line-height: 18px;
}

.art2 {
    position: absolute;
    height: 30%;
    width: 100%;
    background-color: #231f20;
    bottom: 0;
}

.art2 figure {
    width: 25%;
    height: 66%;
}

.art2 figure img {width: 100%;}

.art2 p {
    width: 25%;
    height: 66%;
    color: #fff;
    padding: 1%;
    line-height: 18px;
    
}

.titre_art {
    padding-bottom: 10px;
    font-size: 20px;    
}
.accueil{
    color: #6a6466;
    text-transform: uppercase;
    font-family: "gothic-bold";
    text-align: center;
    padding-top: 5%;
    font-size: 15px;
}
#typo-rose {
    color: #e6007e;
    text-transform: uppercase;
    font-family: "gothic-bold";
    padding-top: 10%;
    font-size: 12px;
}
#petit-titre-magenta {
    color: #e6007e;
    font-family: "gothic-reg";
    padding:1%;
    font-size: 12px;
}
.col_magenta {color: #e6007e;}
.bleu h1 {
    color: #005ca9;
    font-family: 'gothic-bold'!important;
    text-transform: uppercase;
    font-size: 35px;
    padding: 1% 0;
    text-align: center;
}
.rouge h1 {
    color: #d51130;
    font-family: "gothic-bold"!important;
    text-transform: uppercase;
    font-size: 37px;
    padding: 1% 0;
    text-align: center;
}
.pink h1 {
    color: #e6007e;
    font-family: "gothic-bold"!important;
    text-transform: uppercase;
    font-size: 37px;
    padding: 1% 0;
    text-align: center;
}
.cyan h1 {
    color: #00b6ed;
    font-family: "gothic-bold"!important;
    text-transform: uppercase;
    font-size: 37px;
    padding: 1% 0;
    text-align: center;
}
.al-part-txt p{width:70%; margin:0 auto;}
.titre h1, .titre h2 {text-align: left;}
.bleu h2{ /*meme title que h1 car gros titre similaire dans page*/
    color: #005ca9;
    font-family: "gothic-bold";
    text-transform: uppercase;
    height: 33%;
    font-size: 37px;
    padding: 1% 0;
}
.rouge h2{ /*meme title que h1 car gros titre similaire dans page*/
    color: #d51130;
    font-family: "gothic-bold";
    text-transform: uppercase;
    height: 33%;
    font-size: 37px;
    padding: 1% 0;
}
.pink h2{ /*meme title que h1 car gros titre similaire dans page*/
    color: #e6007e;
    font-family: "gothic-bold";
    text-transform: uppercase;
    height: 33%;
    font-size: 37px;
    padding: 1% 0;
}
.cyan h2{ /*meme title que h1 car gros titre similaire dans page*/
    color: #00b6ed;
    font-family: "gothic-bold";
    text-transform: uppercase;
    height: 33%;
    font-size: 37px;
    padding: 1% 0;
}

.barnoire {
    height: 2px;
    background-color: black;
    margin-bottom: 10px;
    vertical-align: middle;
}

#choixsoc {
    vertical-align: top;
    margin: 0 auto;
    width: 42%;
    margin-top:20px;
    margin-bottom: 20px;
}
@keyframes translate {
    0% {
        transform: translateX(-200px);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes translatey {
    0% {
        transform: translatey(-200px);
        opacity: 0;
    }

    100% {
        transform: translatey(0px);
        opacity: 1;
    }
}

.fadeR {
    animation: translate 4s;
}

.fadeH {
    animation: translatey 4s;
}

.bouton {
    display: inline-block;
    height: 30px;
    padding: 3px;
    border: 1px solid #fff;
    transition: 0.6s;
}

.bouton2 {
    display: inline-block;
    height: 60px;
    padding: 3px;
    border: 1px solid #fff;
    transition: 0.6s;
    font-size: 25px;
    text-align: center;
}

.bouton:hover, .bouton2:hover {
    background-color: rgba(255, 255, 255, 0.85);
    color: black;
    border: 1px solid black;
    transition: 0.6s;
}

footer {
    color: white;
    padding: 10px;
    text-align: center;
    display: none;
}

.foot_page {
    color: white;
    padding: 10px;
    text-align: center;
    display: none;
}

#bouton_ecran {
    margin-top: 10px;
}
.fa-envelope{color: #fff;}
.menu_mobile {display: none;}


/*-----------------------------------------------------------------------------------------------RESPONSIVE
---------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------MOBILE PORTRAIT*/
@media (max-width: 500px) {
#nav_gauche, #bouton_ecran {display: none;}
#nav_droite {width: 100%;margin-top:23%;}
.cadre_selec {width: 50%;height: 30%;}
.cadre_selec_bas {width: 50%;}
    
    #slide_photos {padding-top: 25%;height: 100%;}
    
    #vin01 {margin-top: 6%;}
    
#img_page2 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
 
#img_pageB {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url(images/fond-semi.jpg);
    background-repeat: no-repeat;
    background-size: 200% 90%;
    background-position: center;
}
    
    .taillerespon {
        bottom:-20px!important;
        z-index: 500!important;
    }
    
.bout_vv {
    position: absolute;
    z-index: 100;
    left: 5%;
    top: 30%;
}
    
#img_page img {width: 100%;height: 70%!important;margin-top: 10%!important;}
    
#nav_respon {
    width:100%;
    margin: 0 auto;
    text-align: center;
    padding:5px 0;
}

#menu_mobile {
    display: block;
    width: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 550;

    background-size: 100%;
    background-repeat: no-repeat;
    background-position: right;
    border-bottom: 3px solid #231f20;
    padding-bottom: 10px;
}

#nav_respon img {width: 30%;}

.menu_rs_respon {text-align: center;}

.rond_rs_respon {
    font-size: 15px;
    display: inline-block;
    margin: 2px;
    padding: 11px;
    width: 40px;
    height: 40px;
    background-color: #6a6466;
    border-radius: 50px;
    transition: 0.6s;
    
}
    
#home_respon {
    float: left;
    }

.select {opacity: 1;background-color: rgba(0, 0, 0, 0);}
    
.deco-txt {
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 20px;
    /*border: 1px solid #fff;*/
    text-align: center;
    padding-top: 25%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.2);
}
    
#nav_droite_bout {background-color: #353233;}
    

    #nav_droite_page2 {
    position: relative;
    width: 100%;
    margin-top: 30%;
    height: 70%;}
    
    p {font-size: 12px;}

#img_page {
    position: absolute;
    width: 100%;
    height: 50%;
    z-index: 1;
}

#img_page img {width: 100%;height: 100%;}

.art1 {
    margin-top: 5%!important;
    width: 100%;
    height: 30%;
    padding: 2%;
    background-color: rgba(53, 50, 51, 0.85);
    z-index: 400;
    position: absolute;
    top: 40%;
    color: #fff;
    line-height: 16px;
}
    
    .art1B {
    margin-top: 5%!important;
    width: 100%;
    height: 12%;
    padding: 5%;
    background-color: rgba(53, 50, 51, 0.85);
    z-index: 400;
    position: absolute;
    top: 5%;
    color: #fff;
    line-height: 16px;
}

.art2 {
    position: absolute;
    height: 30%;
    width: 100%;
    background-color: #231f20;
    bottom: -100px;
}
    
    #txt-cav {
        margin-top: 10px;
    }
    
.txt2domainemob {
        height: 140px!important;
    }

.art2 figure {
    width: 100%;
    height: 70%;
    display: block;
    margin-bottom: 30px;
}
    
    .padrespon {padding-top: 30px!important;margin-bottom: 45px!important;}

.art2 figure img {width: 100%;}

.art2 p {
    width: 100%;
    height: 66%;
    color: #fff;
    padding-left: 1%;
    padding-right: 1%;
    line-height: 18px;
    background-color: #353233;
    text-align: justify;
}

.titre_art {
    padding-bottom: 10px;
    font-size: 18px;
    margin-bottom: 15px;
}
#nav_bas_gauche {display: none;}

#nav_bas {width: 100%;background-size: 0%;}

#nav_bas_droite {width: 100%;margin-top: 200%;}
#nav_bas_droite2 {width: 100%;margin-top: 5%;}
    
 .cadre_selec_bas {
        height: 150px;
    }

.bouton {margin-top: 0px;margin-left: -10px;}

footer {display: block;margin-top: 2%;}
    
.foot_page {display: block;margin-top: 5%;font-size: 14px;}
    
#nom_footer {
    text-transform: uppercase;
    padding: 0 0 2% 0;
}

address, #numbers_footer, #menu_contact_footer {
    padding: 0 0 5% 0;
    color: #6a6466;
}
    
    #bouton_respon {display: inline-block;height: 30px!important;margin-top: 40px;}
    
    #nav_droite_bout {margin-top: 185%;padding-left: 0%;}
    
    .margresponhuiles {margin-top: 200%!important;}
    
    #nav_droite_bout2 {margin-top: 0%!important;padding-left: 0%;}
    
    .art-bout {
        background-position: top!important;
        padding-top: 69%;
    }
    
    .descrip-bout, .fond-bout, .fond-bout2 {width: 99%!important;}
    
    .barre .bouton {margin-top: 10px!important;}
    
    .img-bout, .img-bout2 {width: 96%!important;text-align: center;margin: 2%;}
.img-bout img {height: 330px;}
    

    

    

    
    #mp-form {margin-top: 15%;background-size: 530%!important;}
    
    .art-contact {display: none;}
    
    #logo_tradition img{width: 60%;}
    
    .m-legales {display: none;}
    
    .padnavbas {margin-top: 0px!important;}
    
    .taillenavdroite {height: 60%!important;}
    
    
    }
/*-------------------------------------------------------------------------------------------FIN MOBILE PORTRAIT*/


/*-----------------------------------------------------------------------------------------------MOBILE PAYSAGE*/
@media (min-width: 501px) and (max-width: 767px) {
   #nav_gauche, #bouton_ecran {display: none;}
#nav_droite {width: 100%;margin-top: 19%;}
.cadre_selec {width: 33%;height: 200px;}
    
    .bout_vv {
    position: absolute;
    z-index: 100;
    left: 25%;
    top: 50%;
}

#nav_respon {
    width: 30%;
    height: 110px !important;
    text-align: center;
    padding-bottom: 10px;
}

#menu_mobile {
    display: block;
    width: 100%;
    position: fixed;
    background-color: #353233;
    z-index: 500;
    background-image: url(images/mont.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100%;
    border-bottom: 3px solid #231f20;
    padding-bottom: 10px;
}

#nav_respon img {width: 30%;}

.menu_rs_respon {text-align: center;margin-top: 25px;position: absolute;right: 0px;top: 0;padding: 3%;}

.rond_rs_respon {
    font-size: 15px;
    display: inline-block;
    margin: 4px;
    padding: 15px;
    width: 45px;
    height: 45px;
    background-color: #6a6466;
    border-radius: 50px;
    transition: 0.6s;
    
}
    
    .cadre_selec_bas {
        height: 150px;
    }

.select {opacity: 1;background-color: rgba(0, 0, 0, 0);}
    
.deco-txt {
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 20px;
    border: 0px solid #fff;
    text-align: center;
    padding-top: 35%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.2);
}
    
    #nav_droite_page {
    position: relative;
    width: 100%;
    margin-top: 16%;
    height: 100%;}
    
    p {font-size: 12px;}

#img_page {
    position: absolute;
    width: 100%;
    height: 110%;
    z-index: 1;
}

#img_page img {width: 100%;height: 100%;}

.art1 {
    width: 35%;
    height: 110%;
    padding: 6% 2% 2% 2%;
    background-color: rgba(53, 50, 51, 0.85);
    z-index: 400;
    position: absolute;
    right: 0;
    color: #fff;
    line-height: 16px;
}
    
    .art1B {
    width: 35%;
    height: 110%;
    padding: 6% 2% 2% 2%;
    background-color: rgba(53, 50, 51, 0.85);
    z-index: 400;
    position: absolute;
    right: 0;
    color: #fff;
    line-height: 16px;
}

.art2 {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #231f20;
    bottom: 0;
    text-align: center;
}

.art2 figure {
    width: 100%;
    height: 100%;
    display: block;
}

.art2 figure img {width: 100%;}
/*---------------------------------------------------------------LALALALALALALALALALAALLAALALALALALALALALA*/
.art2 p {
    width: 100%;
    height: 15%;
    color: #fff;
    line-height: 18px;
    padding: 20px;
/*    margin-top: -70px;*/
    margin-bottom: 50px;
    background-color: #353233;
}
.titre_art {
    padding-bottom: 10px;
    font-size: 18px;    
}

h2 {
    color: #005ca9;
    height: 23%;
    font-size: 18px;
/*    margin-top: -40px;*/
}
    
#nav_bas_gauche {display: none;}

#nav_bas {width: 100%;background-size: 0%;}

#nav_bas_droite {width: 100%;margin-top: 140%;}
    
#nav_bas_droite2 {width: 100%;}

/*.bouton {margin-top: 40px;}*/

    #adres_respon {
        color: #6a6466;
        text-align: center;
        padding-top: 5%;
        margin-left: 10%;
        display: inline-block;
        font-size: 15px;
        line-height: 18px;
    }
    
    .foot_page {display: block;font-size: 12px;}
    
#nom_footer {
    text-transform: uppercase;
    padding: 0 0 2% 0;
}

address, #numbers_footer, #menu_contact_footer {
    padding: 0 0 5% 0;
    color: #6a6466;
}
    
#nom_footer {
    text-transform: uppercase;
    padding: 0 0 2% 0;
}

address, #numbers_footer, #menu_contact_footer {
    padding: 0 0 5% 0;
    color: #6a6466;
}
 #bouton_respon {display: inline-block;} 
    
    #nav_droite_bout {margin-top: 150%;padding-left: 0%;}
    
    .art-bout {
        background-position: top;
        padding-top: 60%;
    }
    
    .descrip-bout, .fond-bout, .fond-bout2 {width: 99%;}
    
    
    .barre .bouton {margin-top: 10px!important;}
    
    .img-bout, .img-bout2 {width: 96%!important;text-align: center;margin: 2%;}
    .img-bout img {height: 330px;}
    

    
    #mp-form {margin-top: 15%;background-size: 530%!important;}
    
    .art-contact {display: none;}
    
    #logo_tradition img{width: 40%;}
    
    
}

/*-------------------------------------------------------------------------------------------FIN MOBILE PAYSAGE*/

/*-----------------------------------------------------------------------------------------TABLETTE PORTRAIT*/
@media (min-width: 768px) and (max-width: 1023px) {
#nav_gauche, #bouton_ecran {display: none;}
#nav_droite {width: 100%;margin-top:13%;}
/*.cadre_selec {width: 50%;}*/
.cadre_selec_bas {width: 50%;}
    
#nav_respon {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 10px;
}
#nav_respon div#picto-menu {margin: 20px 0;}
#logo_respon{position: absolute;}
#nav_respon div#icone_RS{display: inline-block;width: 300px;}
#menu_mobile {
    display: block;
    width: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 500;

    background-size: 100%;
    background-repeat: no-repeat;
    background-position: right;
    padding-bottom: 10px;
    border-bottom: 3px solid #231f20;
}

#nav_respon img {width:30%;}

.menu_rs_respon {text-align: center;margin-top: -10px;}

.rond_rs_respon {
    font-size: 15px;
    display: inline-block;
    margin: 2px;
    padding: 15px;
    width: 45px;
    height: 45px;
    background-color: #6a6466;
    border-radius: 50px;
    transition: 0.6s;
    
}

.select {opacity: 1;background-color: rgba(0, 0, 0, 0);}
    
.deco-txt {
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 25px;
    border: 0px solid #fff;
    text-align: center;
    padding-top: 25%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.2);
}
    
#nav_droite_page {
    position: relative;
    width: 100%;
    margin-top: 30%;
    height: 120%;}



#img_page {
    position: absolute;
    width: 100%;
    height: 50%;
    z-index: 1;
}

#img_page img {width: 100%;height: 100%;}

.art1 {
    width: 40%;
    height: 50%;
    padding: 10% 5% 5% 5%;
    background-color: rgba(53, 50, 51, 0.85);
    z-index: 400;
    position: absolute;
    right: 0;
    color: #fff;
    line-height: 18px;
}

.art2 {
    position: absolute;
    height: 30%;
    width: 100%;
    background-color: #231f20;
    top: 250px;
    margin-top: -20px;
}

.art2 figure {
    width: 100%;
    height: 100%;
    display: block;
}

.art2 figure img {width: 100%;}

.art2 p {
    width: 100%;
    height: 66%;
    color: #fff;
    padding: 15% 5% 5% 5%;
    line-height: 18px;
    background-color: #353233;
}

.titre_art {
    padding-bottom: 10px;
    font-size: 18px;    
}

h2 {
    color: #005ca9;
    height: 33%;
    font-size: 18px;
    text-align: center;
}

#nav_bas_gauche {display: none;}

#nav_bas {width: 100%;background-size: 0%;margin-top: -600px;}

#nav_bas_droite {width: 100%;margin-top: 150%;}

.bouton {margin-top: 70px;}
    
#nom_footer {
    text-transform: uppercase;
    padding: 0 0 2% 0;
}

address, #numbers_footer, #menu_contact_footer {
    padding: 0 0 5% 0;
    color: #6a6466;
}
    
    #bouton_respon {display: inline-block;}
    
    footer, .foot_page {display: block;margin-top: 2%;}
    
    }

     .africalink{width: 230px!important;display: inline-block;
        vertical-align: top;margin: 0 20px 0 0;}
    .africalink img{width: 230px!important;}
    .al-africalink{display: inline-block;width: 74%;
        margin:0 0 20px 0;}
/*-----------------------------------------------------------------------------------------FIN TABLETTE PORTRAIT*/


/*-----------------------------------------------------------------------------------------------RESPONSIVE*/
#mp-form {
    color: white;
    padding: 1%;
    background-image: url(images/contact_photo01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
.boutoncontact {
    height: 50px;
    width: 130px;
    border-radius: 20px;
    background-color: #353233;
    border: 2px solid white;
    color: white;
    transition: 0.6s;
    opacity: 0.65;  
}
.boutoncontact:hover {
    color: #353233;
    background-color: white;
    transition: 0.6s;
}
form h2 {
    padding: 0px;
}
#news {
    width: 90%;
    margin: 0 auto;
    padding: 2%;
    background-color: rgba(255, 255, 255, 0.3);
}
#news img {float: left;padding-right: 1%;}
#lang {padding-top: 10%;}
#lang img {width: 35px;}
#lang a {display: inline-block;padding-bottom: 3px;
    width: 35px;margin: 0px 0px 0px 5px;transition: 0.4s;border-bottom: 2px solid black;}
#lang a:hover {border-bottom: 2px solid white;transition: 0.4s;}
.selectlang {border-bottom: 2px solid white!important;}
#lang_respon {position: absolute;right: 0; width: 100px;padding-top: 5px;}
#lang_respon img {width: 30px;}
#lang_respon a {display: inline-block;padding-bottom: 3px;width: 30px;margin: 0px 0px 0px 3px;
    transition: 0.4s;border-bottom: 2px solid black;}
#txt-cav {
    width: 100%;
    padding: 3%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
}
.lientxt {
    text-decoration: underline;
}
.lientxt:hover {
    font-weight: bolder;
}
.coul_rouge {color: #e6007e;}
.petit-titre-rouge {
    color:#d51130;
    font-family: "din-bold";
    padding:1%;
    font-size: 1.2em;
}
#head-LDFS {width: 100%;}
#head-LDFS figure img {width: 25%;}
#head-LDFS figure {padding-left: 2%;padding-top: 1%; width: 30%;}
.rect-degrade2 {
    height: 50px;
    background-image:linear-gradient(to right, white,#9d9d9d,#000);
}
#contact-ldfs {
    width: 69%;
}
.ville-contact-LDFS {
    display: inline-block;
    color: white;
    background-color:#e6007e;
    padding: 2px;
    font-size: 20px;
    font-weight: bold;
}
#txt-contact {text-align: center;padding-top: 2.5%;}
.al-btn-nav-LDFS a{
    border:1px solid #005ca9;
    padding: 1.5%;
    margin:0.5%;
    width: 23%;
    height: 140px;
    position: absolute;
    left: 25%;
}
.al-btn-nav-LDFS a:hover {z-index: 1000;}
.al-btn-nav-LDFS {
    padding: 0% 10%;
    position: relative;
    margin-right: 175px;
}

.al-btn-nav-LDFS-2 {margin: 10px 0;}
.al-btn-nav-LDFS-2 a{
    border:1px solid #005ca9;
    padding: 1.5%;
    margin:0.5%;
    width: 23%;
    height: 190px;
    position: absolute;
    left: 25%;
}
.al-btn-nav-LDFS-2 a:hover {z-index: 1000;}
.al-btn-nav-LDFS-2 {
    padding: 0% 10%;
    position: relative;
    margin-right: 175px;
}
.al-btn-nav-LDFS-3 {margin: 10px 0;}
.al-btn-nav-LDFS-3 a{
    border:1px solid #005ca9;
    padding: 1.5%;
    margin:0.5%;
    width: 20%;
    height: 190px;
    position: absolute;
    left: 29%;
}
.al-btn-nav-LDFS-3 a:hover {z-index: 1000;}
.al-btn-nav-LDFS-3 {
    padding: 0% 10%;
    position: relative;
}
.cadre_clim-LDFS {
    width: 25%;
    height: 165px;
    border: 0px solid black;
    transition: 0.6s;
}
#case_LDFS_01 {
    background-image: url(images/LDFS-BOUTTON01.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
} 
.mar23left {left: 50%!important;}
.marhaut {top:175px!important;}
#case_LDFS_02 {
    background-image: url(images/LDFS-BOUTTON02.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-left: 22%;
} 
#case_LDFS_03 {
    background-image: url(images/LDFS-BOUTTON03.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-top: 19%;
} 
#case_LDFS_04 {
    background-image: url(images/LDFS-BOUTTON04.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-top: 19%;
    margin-left: 22%;
} 
#case_LDFS_05 {
    background-image: url(images/LDFS-BOUTTON01.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;

} 
#case_LDFS_06 {
    background-image: url(images/medielec-menu.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
} 
#case_LDFS_07 {
    background-image: url(images/fact-menu.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
} 
#case_LDFS_09 {
    background-image: url(images/ice-sas-menu.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    z-index: 1000;
} 
#case_FACT-SA_01 {
    background-image: url(images/FACTSA-BOUTTON01.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;

}
#case_FACT-SA_02 {
    background-image: url(images/FACTSA-BOUTTON02.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-left: 25.2%;
} 

#case_FACT-SA_03 {
    background-image: url(images/FACTSA-BOUTTON03.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-left: 50%;
} 
#case_FACT-SA_04 {
    background-image: url(images/FACTSA-BOUTTON04.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-top: 22%;
    margin-left: 14%;
} 

#case_FACT-SA_05 {
    background-image: url(images/FACTSA-BOUTTON05.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-top: 22%;
    margin-left: 39%;
}
#nav_droite-LDFS {
    width: 100%;
}
#picto-catalogue-resp{display: none;}
.height-plus{height: 600px;}
#histoireani {position: relative;}
#histoireani img{width: 100%;}
#chiffresclesblanc img {
    width: 25%;
}

#clickHisto {
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    padding-top: 1%;
    position: absolute;
    z-index: 1200;
    display: none;
    padding-bottom: 10%;
}
#chiffresclesblanc {
    position: absolute;
    bottom: 0px;
    left: 80px;
}
#clickHisto img {
    width: 80%;
    border: 2px solid black;
}
#textp04-LDFS-partD {
    text-align: left;
    font-size: 16px;
    padding-left: 20px;
    margin-left: 20px;
    border-left: 5px solid #ec008c;
    width: 70%;
}

#textp04-LDFS-partD p {padding-bottom: 5px;padding-top: 6px;}
#width-txt {width: 520px!important;
text-align: justify;}

#textp04-LDFS-partD figure img{width: 100%;}
.txt-ldf-bdrose {
    font-size: 14px;
    padding: 30px 0;
    text-align: justify;
    color: white;
    margin-right: 50px;
    width: 210px;
}

.txt-ldf-bdrose img {width: 180px;}
.actu h3{text-align: left;
text-transform: uppercase;}
.al-catalogues{display: inline-block;width: 40%;
    height:500px; vertical-align: top;
margin:30px 0;}
.al-catalogues figcaption{color: #6a6466;}
/*-------------------------------------------------------------------------------------------RESP*/

@media (min-width: 1601px) and (max-width: 1750px){
    .al-section3{margin: 0 0 0 495px;width:1024px;}
}

@media (min-width: 1200px) and (max-width: 1600px){
    .al-logo-top-page{margin:12px 115px -14px 36px;} 
    .al-photo-top-agence img{margin-top: 100px;}
    .al-section{margin: 0 0 0 227px;width:900px;}
    .al-section3{margin: 0 0 0 303px;width:900px;}
    .al-section2{margin: 0 0 0 0;}
    #width-img-menu {margin: 2% 0 5% 5%;width: 80px;height: 80px;}
    #width-img-pays figure img {width: 60%;}
    #width-img-pays {margin-top: 2%;}
    #al-picto-actu img{width: 15%;}
    #lang img {width: 25px;}
    #lang {padding-top: 5%;}
    #btn-nav-header, #btn-nav-header-red, #btn-nav-header-pink, #btn-nav-header-cyan{margin-bottom: 0%;}
    .al-btn-nav{margin: 1.5% 0;padding: 0 25%}
    .al-btn-nav-2{margin: 1.5% 0;padding: 0 35%}
    .cadre_clim {width: 135px;height: 135px;border: 0px solid black;transition: 0.6s;}
    p{font-size:0.9em;}
    .m-legales {
    width: 15%;
    height: 35px;
    font-size: 11px;
    color: #383838;
    position: absolute;
    bottom: 5px;
    z-index: 600;
    text-align: center;
    vertical-align: middle;
    }
    .m-legales-fond-fonce{
    bottom: 20px;  
    text-align: left; 
    left: 210px;
    }
    .footer-img-sav {margin-left: 20%;margin-top: -4.3%;}
    .al-ventilation-img3-sav img{margin-left:-50%;}
    .al-ventilation-img4-sav img{margin-left:-70%;}
    .al-bloc-txt-right{height: 250px;z-index: 9;display: inline-block;}
    .al-bloc-txt-right img {height: 100%;width:400px;display: inline-block;z-index: 9;}
    .al-bloc-txt-left{height: 250px;text-align: right;}
    .al-bloc-txt-left img {display: inline-block;height: 100%;width:400px;}
    .cadre_clim-references {width: 17%;height: 160px;}
    .al-btn-nav-references figure{display: inline-block;margin:2.5% 0.5%;}
    .figure-plus figure{margin-bottom: 60px;}
    .m-legales-fond-fonce-relative img{width: 4%;}
    .margB figure{margin-bottom: 60px;}
    .border-right, .border-left, .border-right-rouge, .border-left-rouge, .border-right-cyan, .border-left-cyan{width: 53%;}
    .al-num-service{margin: 20px 0;}
    .al-num-service img{width: 50%!important;}
    .al-num-service1{margin:26px 0 0 0px;} 
    .al-num-service1 img{width:50%!important;margin-left: 90px;} 
    .margB-accueil-ice-senegal{margin-bottom: 350px;}
    .margB-accueil-fact-sa{margin-bottom: 300px;}
    .txt-ldf-bdrose {
    font-size: 14px;
    padding: 20px 0;
    text-align: justify;
    color: white;
    margin-right: 30px;
    width: 180px;
    }

    .txt-ldf-bdrose img {width: 150px;}
    .al-btn-nav-LDFS-2 a{height: 150px; width: 18%;
        margin-left: 7%;margin-top: 0px;}
    #case_21{margin-left: 27%;}
    #case_22{margin-left: 47%;}
    #case_23{margin-top: 19%;}
    #case_24{margin-left: 27%;margin-top: 19%;}
    #case_25{margin-left: 47%;margin-top: 19%;}
    .al-btn-nav-LDFS-3 a{height: 150px; width: 15%;
        margin-left: 5%;margin-top: 0px;}
    #case_LDFS_02{margin-left: 21%;}
    #case_LDFS_03{margin-top: 14%;}
    #case_LDFS_04{margin-top: 14%;margin-left: 21%;}
    #case_FACT-SA_02{margin-left: 26.5%;}
    #case_FACT-SA_03{margin-left: 46%;}
    #case_FACT-SA_04{margin-left: 17%;margin-top: 17.5%;}
    #case_FACT-SA_05{margin-left: 36.5%;margin-top: 17.5%;}
    #case_028{margin-right: 1%;}
    #case_029{margin-left:26.5%;}
    #case_030{margin-right: 21%;margin-top: 18%;}
    #case_29{margin-top: 15.5%;margin-left:21%;}
    #case_26{margin-right: 2%;}
    #case_27{margin-left: 26.5%;}
    #case_28{margin-top: 18%;margin-right: 2%;}
    #case_29{margin-top: 18%;margin-left: 34%;}
    #case_0029{margin-top: 18%;margin-left:34%;}
    .al-bloc-txt-right p{font-size: 0.9em; line-height: 18px;}
    .al-bloc-txt-left p{font-size: 0.9em; line-height: 18px;}
    .marg1{margin-left: 0px;}
    .marg2{margin-left: 0px;}
    .marg3{margin-left: 183px;}
    .marg4{margin-left: 0px;}
    .marg5{margin-left: 290px;}
    .marg6{margin-left: 50px;}
    .marg7{margin-left: 108px;}
    .marg8{margin-left: 0px;}
    .marg9{margin-left: 100px;}
    .marg10{margin-left: 108px;}
    .marg11{margin-left: 322px;}
    .marg12{margin-left: 115px;}
    .marg13{margin-left: 125px;}
    .marg14{margin-left: 165px;}
    .marg15{margin-left: 145px;}
    .marg16{margin-left: 103px;}
    .marg17{margin-left: 105px;}
    .marg18{margin-left: 83px;}
    .marg19{margin-left: 83px;}
    .marg20{margin-left: 83px;}
    .marg21{margin-left: 103px;}
    .marg22{margin-left: 103px;}
    .marg23{margin-left: 105px;}
    .marg24{margin-left: 105px;}
    .marg25{margin-left: 106px;}
    .marg26{margin-left: 116px;}
    .marg27{margin-left: 112px;}
    .marg28{margin-left: 191px;}
    .marg29{margin-left: 182px;}
    .marg30{margin-left: 89px;}
    .marg31{margin-left: 89px;}
    .marg32{margin-left: 279px;}
    .marg33{margin-left: 189px;}
    .marg34{margin-left: 191px;}
    .marg35{margin-left: 90px;}
    .marg36{margin-left: 90px;}
    .marg37{margin-left: 90px;}
    .marg38{margin-left: 40px;}
    .marg39{margin-left: 184px;}
    .marg40{margin-left: 163px;}
    .marg41{margin-left: 162px;}
    .marg42{margin-left: 263px;}
    .marg43{margin-left: 307px;}
    .typo-conditions-bold{
        position: absolute;
        z-index: 800;
        margin:0 0 0 736px;
        width: 458px;
        height: 165px;
        font-family: "din-bold";
        background-color: #fff;
        text-align: center;
        padding: 30px 0;}
    
    .al-num-sav{margin: 1% 0 0 2%;}
    .infofixed img{width: 50%;}
    #al-renseignement-ice-sng{margin-left: 40px;}
    .al-emplitude img{width: 120px!important;}
   
    .nav_gauche2{width: 18%;}
    .height-plus{height: 500px;}
}
/*-------------------------------------------------------------------------------------------PETIT ECRAN*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .al-logo-top-page{margin:15px 115px -14px 36px;} 
    .al-section{margin: 0 0 0 190px;width:800px;}
    .al-section3{margin: 0 0 0 190px;width:800px;}
    .al-section2{margin: 0 0 0 0;}
    #width-img-menu {margin: 2% 0 5% 5%;width: 70px;height: 70px;}
    .al-bloc-txt-right{height: 250px;z-index: 9;display: inline-block;}
    .al-bloc-txt-right img {height: 100%;width:400px;display: inline-block;z-index: 9;}
    .al-bloc-txt-right p{font-size: 0.9em; line-height: 17px;}
    .al-bloc-txt-left p{font-size: 0.9em; line-height: 17px;}
    .al-bloc-txt-left{height: 250px;text-align: right;}
    .al-bloc-txt-left img {display: inline-block;height: 100%;width:400px;}
    .nav_gauche2{width: 18%;}
    .al-section-accueil{width: 800px;}
    p {font-size: 0.9em;}
    .art2 figure {width: 25%;height: 66%;}
    #fond-bleu, #fond-rouge, #fond-cyan, #fond-cyan1, #fond-pink, #fond-pink1{height: 100px;}
    .bleu h1, .bleu h2, .rouge h1, .rouge h2, .cyan h1, .cyan h2{font-size: 28px;}
    .art2 figure img {width: 100%;height: 100%;}
    .select {opacity: 1;background-color: rgba(0, 0, 0, 0);}
    .deco-txt {
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 25px;
    border: 0px solid #fff;
    text-align: center;
    padding-top: 30%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.2);
    }
    #case_23, #case_24, #case_25, #case_28, #case_29, #case_LDFS_03, #case_LDFS_04{margin-top: 150px;} 
    .csslider1{margin-top: 40px;}
    .cadre_clim-references {width: 18%;height: 155px;}
    .al-btn-nav-references figure{display: inline-block;margin:3% 0.5%;}
    .figure-plus figure{margin-bottom: 60px;}
    .margB figure{margin-bottom: 70px;}
    .txt-ldf-bdrose {
    font-size: 14px;
    padding: 30px 0;
    text-align: justify;
    color: white;
    margin-right: 50px;
    width: 180px;
    }

    .txt-ldf-bdrose img {width: 150px;}
    

}

/*-------------------------------------------------------------------------------------------TABLETTE PAYSAGE*/
@media (min-width: 769px) and (max-width: 1024px) {
    .al-logo-top-page{margin:15px 115px -14px 36px;} 
    #width-img-menu {margin: 2% 0 5% 5%;width: 65px;height: 65px;}
    .bleu h1, .bleu h2, .rouge h1, .rouge h2, .cyan h1, .cyan h2, .pink h1, .pink h2{font-size: 25px;}
    .al-section{margin: 0 0 0 164px;width:700px;}
    .al-section3{margin: 0 0 0 219px;width:700px;}
    #fond-bleu, #fond-rouge, #fond-cyan, #fond-cyan1, #fond-pink, #fond-pink1{height: 100px;}
    .al-bloc-txt-right figure img{width: 80%;}
    #btn-nav-header, #btn-nav-header-red, #btn-nav-header-pink, #btn-nav-header-cyan{background-color: transparent;margin-bottom: 0%;float: right;width: 350px;}
    .nav_gauche2{width:20%;}
    p {font-size: 0.8em;}
    .csslider1{margin-top: 50px;}
    .al-btn-nav-LDFS-2 {margin: 0 150px 0 0px;}
    .al-btn-nav-LDFS-2 a {height: 135px;}
    .al-btn-nav-LDFS-3 a {height: 145px;}
    #case_23, #case_24, #case_25 {margin-top: 150px;} 
    #case_28, #case_29, #case_0029, #case_28 {margin-top: 155px;} 
    #case_29, #case_030 {margin-top: 159px;}  
    #case_LDFS_03, #case_LDFS_04 {margin-top: 145px;} 
    #case_FACT-SA_04, #case_FACT-SA_05 {margin-top: 135px;} 
    .al-bloc-txt-right p{font-size: 0.8em; line-height: 17px;}
    .al-bloc-txt-left p{font-size: 0.8em; line-height: 17px;}
    #al-picto-catalogues img{width: 40px;}
    #al-picto-catalogues {font-size: 0.9em;}
    .al-img1-agence{width: 80px;height:80px;margin: 90px 0 0 0;}
    #al-picto-catalogues{display: block;}
    #al-picto-catalogues1 img{width: 40px;}
    #al-picto-catalogues1 {font-size: 0.9em;}
    .al-bloc-txt-right{height: 250px;z-index: 9;display: inline-block;}
    .al-bloc-txt-right img {height: 100%;width:400px;display: inline-block;z-index: 9;}
    .al-bloc-txt-left{height: 250px;text-align: right;}
    .al-bloc-txt-left img {display: inline-block;height: 100%;width:400px;}
    .cadre_clim-references {width: 18%;height: 138px;}
    .al-btn-nav-references figure{display: inline-block;margin:3.5% 0.5%;}
    .figure-plus figure{margin-bottom: 80px;}
    .titre-blanc{margin:70px 0 0 12px}
    .titre-blanc, .titre-blanc1, .titre-blanc2, .titre-blanc3, .titre-blanc4, .titre-blanc5 {font-size: 0.8em;}
    .m-legales-fond-fonce-relative img{width: 5%;}
    #nav_gauche-left{width: 18%;}
    #logo_ng img{width: 60%;}

    .titre-blanc5{margin-left: 0%;}
    #al-btn-accueil-4-btn{margin:10px 0 0 40px;}
     #choixsoc {
    vertical-align: top;
    margin: 0 auto;
    width:80%;
    margin-top:20px;
    margin-bottom: 20px;}
    .fd-txt{padding:20px;}
    .margB figure{margin-bottom: 80px;}
    .al-section2{margin: 0 0 0 0;}
    .margB-accueil-fact-sa{margin-bottom: 300px;}
    .txt-ldf-bdrose {
    font-size: 12px;
    padding: 15px 0;
    text-align: justify;
    color: white;
    margin-right: 10px;
    width: 130px;
    }

    .txt-ldf-bdrose img {width: 80px!important;}
    .height-plus{height: 400px;}
    .m-legales-fond-fonce-relative{font-size: 0.6em;}
    .marg1{margin-left: 0px;}
    .marg2{margin-left: 0px;}
    .marg3{margin-left: 233px;}
    .marg4{margin-left: 0px;}
    .marg5{margin-left: 290px;}
    .marg6{margin-left: 50px;}
    .marg7{margin-left: 108px;}
    .marg8{margin-left: 0px;}
    .marg9{margin-left: 100px;}
    .marg10{margin-left: 108px;}
    .marg11{margin-left: 322px;}
    .marg12{margin-left: 115px;}
    .marg13{margin-left: 125px;}
    .marg14{margin-left: 165px;}
    .marg15{margin-left: 145px;}
    .marg16{margin-left: 103px;}
    .marg17{margin-left: 105px;}
    .marg18{margin-left: 83px;}
    .marg19{margin-left: 83px;}
    .marg20{margin-left: 83px;}
    .marg21{margin-left: 103px;}
    .marg22{margin-left: 103px;}
    .marg23{margin-left: 105px;}
    .marg24{margin-left: 105px;}
    .marg25{margin-left: 106px;}
    .marg26{margin-left: 116px;}
    .marg27{margin-left: 112px;}
    .marg28{margin-left: 191px;}
    .marg29{margin-left: 182px;}
    .marg30{margin-left: 89px;}
    .marg31{margin-left: 89px;}
    .marg32{margin-left: 279px;}
    .marg33{margin-left: 189px;}
    .marg34{margin-left: 191px;}
    .marg35{margin-left: 90px;}
    .marg36{margin-left: 90px;}
    .marg37{margin-left: 90px;}
    .marg38{margin-left: 40px;}
    .marg39{margin-left: 184px;}
    .marg40{margin-left: 163px;}
    .marg41{margin-left: 162px;}
    .marg42{margin-left: 263px;}
    .marg43{margin-left: 307px;}
    .al-num-service{margin:10px 0 0 0;}
    .al-num-service1{margin:0 0 0 0;}
    .al-num-service1 img {width: 60%!important;}
    .typo-conditions-bold{
    position: absolute;
    z-index: 800;
    margin:0 0 0 536px;
    width: 208px;
    height: 100px;
    font-family: "din-bold";
    background-color: #fff;
    text-align: center;
    padding: 20px 0;}
    .height-plus{height: 450px;}
    #width-txt {width: 330px!important;
    text-align: justify;}
    .al-emplitude img{float: right;
    width: 130px!important;
    padding: 10px;
    margin-top: -100px;}
    #al-renseignement-ice-sng{font-size: 0.8em;
        padding: 30px 0;margin-left: 120px;}
}
/*-------------------------------------------------------------------------------------------TABLETTE PORTRAIT*/
@media (min-width: 426px) and (max-width: 768px) {
    #nav-bar-index{display: block;}
    #btn-nav-header li, #btn-nav-header-red li, #btn-nav-header-pink li, #btn-nav-header-cyan li{font-size: 0.8em;padding: 0.5%;}
    .margeL{margin-left:0;}
    .bleu h1, .bleu h2, .rouge h1, .rouge h2, .cyan h1, .cyan h2, .pink h1, .pink h2{font-size: 20px;}
    .nav_gauche-page {width: 100%;margin: -27px 0 0 0;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
        position: relative;}
    .nav_gauche-page article{display: inline-block;vertical-align: top;float: left;}
    .nav_gauche-page article:first-child{width: 75%;}
    .nav_gauche-page article:last-child{width: 20%;margin-top: 15px;}
    #width-img-menu {margin: 2% 0 3% 3%;width: 60px;height: 60px;}
    .al-section{margin: 10px 0 0 0;width:100%;}
    .al-section3{margin: 0 0 0 10px;width:100%;}
    .al-bloc-txt-right{height: 170px;z-index: 9;display: inline-block;margin-left:100px;}
    .al-bloc-txt-right img {height: 100%;width:300px;display: inline-block;z-index: 9;}
    .al-bloc-txt-left{height: 170px;text-align: right;margin-right:100px;}
    .al-bloc-txt-left img {display: inline-block;height: 100%;width:300px;}
    #fond-bleu, #fond-rouge, #fond-cyan, #fond-cyan1, #fond-pink, #fond-pink1{height: 70px;}
    #btn-nav-header, #btn-nav-header-red, #btn-nav-header-pink, #btn-nav-header-cyan{background-color: transparent;margin-bottom: 0%;float: right;
    width: 350px;}
    .infos-sup{display: none;}
    #nav_gauche-left{width: 30%;}
    .menu_pays a {margin-bottom:5px;}
    #logo_ng img{width: 40%;}
    .menu_pays a {font-size: 15px;}
    #logo_ng{padding: 5% 0 3% 0;}
    #menu-contact img{width: 20px;}
    #lang {padding-top: 3%;}
    #lang a{width: 25px;}
    .accueil{font-size: 11px;}
    #picto-catalogue-resp{display: inline-block;margin-right: 0;}
    #al-picto-catalogues img{width: 40px;}
    #al-picto-catalogues {font-size: 0.9em; display: inline-block;
        margin-right: 0px;position: relative;}
    #al-picto-catalogues1 img{width: 40px;}
    #al-picto-catalogues1 {font-size: 0.9em; display: inline-block;}
    .chicles {position: absolute;border-bottom-left-radius:15px;
        box-shadow: 2px 2px 2px 2px #454545;}
    .al-img1-agence{width: 80px;height:80px;margin: -60px 0px 0px 100px ;position: relative;}
    #picto-menu{margin:20px 0 0 0;}
    #al-logo figure img{width: 20%;margin:-8% 0 0 20%;}
    .nav_gauche2{width:40%;}
    p {font-size: 0.7em;}
    .al-bloc-txt-right p{font-size: 0.7em; line-height: 11px;}
    .al-bloc-txt-left p{font-size: 0.7em; line-height: 11px;}
    .al-btn-nav-LDFS-2{margin-right: 170px;}
    .al-btn-nav-LDFS-3{margin-right: 160px;}
    #case_23, #case_24, #case_25 {margin-top: 90px;} 
    #case_28, #case_29, #case_0029, #case_28 {margin-top: 80px;} 
    #case_29, #case_030 {margin-top: 80px;}  
    #case_LDFS_03, #case_LDFS_04 {margin-top: 70px;} 
    #case_FACT-SA_04, #case_FACT-SA_05 {margin-top: 80px;} 

    .al-btn-nav-LDFS-2 a{left: 40%;height: 80px;}
    .al-btn-nav-LDFS-3 a{left:185px;height: 75px;width: 75px;}
    .csslider1{margin-top: 60px;}
    .cadre_clim-references {width: 18%;height: 128px;}
    .al-btn-nav-references figure{display: inline-block;margin:3.5% 0.5%;}
    .figure-plus figure{margin-bottom: 60px;}
    .al-btn-nav-references figcaption{font-size: 0.7em;}
    .titre-blanc{margin:45px 0 0 12px}
    .titre-blanc, .titre-blanc1, .titre-blanc2, .titre-blanc3, .titre-blanc4, .titre-blanc5 {font-size: 0.7em;}
    .m-legales-fond-fonce-relative img{width: 6%;}
    .mailform div{display: block;}
    .btn-primary {margin: 5% 0 0 15%;}
    #al-btn-accueil-4-btn{margin:10px 90px 0 0px;}
    #choixsoc {
    vertical-align: top;
    margin: 0 auto;
    width:90%;
    margin-top:20px;
    margin-bottom: 20px;}
    .fd-txt{padding:10px;}
    .margB figure{margin-bottom:75px;}
    .al-section2{margin: 0 0 0 0;width: 100%;}
    .infofixed img{text-align: center; width: 60%;bottom:0;position:fixed;z-index:990;margin:20px 0 0 150px;}
    .txt-ldf-bdrose {
    font-size: 12px;
    padding: 15px 0;
    text-align: justify;
    color: white;
    margin-right: 10px;
    width: 300px;
    }

    .txt-ldf-bdrose img {width: 80px!important;}
    .height-plus{height: 350px;}
    .m-legales-fond-fonce-relative{font-size: 0.6em;}

       .marg1{margin-left: 0px;}
    .marg2{margin-left: 0px;}
    .marg3{margin-left: 233px;}
    .marg4{margin-left: 0px;}
    .marg5{margin-left: 290px;}
    .marg6{margin-left: 50px;}
    .marg7{margin-left: 108px;}
    .marg8{margin-left: 50px;}
    .marg9{margin-left: 100px;}
    .marg10{margin-left: 108px;}
    .marg11{margin-left: 322px;}
    .marg12{margin-left: 115px;}
    .marg13{margin-left: 125px;}
    .marg14{margin-left: 165px;}
    .marg15{margin-left: 145px;}
    .marg16{margin-left: 103px;}
    .marg17{margin-left: 105px;}
    .marg18{margin-left: 83px;}
    .marg19{margin-left: 83px;}
    .marg20{margin-left: 83px;}
    .marg21{margin-left: 103px;}
    .marg22{margin-left: 103px;}
    .marg23{margin-left: 105px;}
    .marg24{margin-left: 105px;}
    .marg25{margin-left: 106px;}
    .marg26{margin-left: 116px;}
    .marg27{margin-left: 112px;}
    .marg28{margin-left: 191px;}
    .marg29{margin-left: 182px;}
    .marg30{margin-left: 89px;}
    .marg31{margin-left: 89px;}
    .marg32{margin-left: 279px;}
    .marg33{margin-left: 189px;}
    .marg34{margin-left: 191px;}
    .marg35{margin-left: 90px;}
    .marg36{margin-left: 90px;}
    .marg37{margin-left: 90px;}
    .marg38{margin-left: 40px;}
    .marg39{margin-left: 184px;}
    .marg40{margin-left: 163px;}
    .marg41{margin-left: 162px;}
    .marg42{margin-left: 263px;}
    .marg43{margin-left: 307px;}

    .height-plus{height: 400px;}
    .al-emplitude img{float: right;
    width: 125px!important;
    padding: 20px;
    margin-top: -89px;}
    #width-txt {width: 380px!important;
    text-align: justify;}
    #al-renseignement-ice-sng{font-size: 0.8em;
        padding: 10px 0;margin-left: 200px;}
    .al-num-service1{margin:10px 0 0 50px;}
    .al-num-service1 img {width: 50%!important;}
}
/*-------------------------------------------------------------------------------------------PORTABLE*/
@media (min-width: 320px) and (max-width: 426px) {
    #nav-bar-index{display: block;}
    #footer{display: none;}
    #footer-mob{display: block;}
    #footer-mention{display: none;}
    #footer-mention-mob{display: block;}
    .menu_mobile{display: block;}
    #al-langue-mob{display: block;position: absolute;
        right: 10px;top: 20px;}
    .aligne{vertical-align: bottom;}
    #btn-nav-header li, #btn-nav-header-red li, #btn-nav-header-pink li, #btn-nav-header-cyan li{font-size: 0.8em;padding: 1%;}
    .margeL{margin-left:0;}
    .infos-sup{display: none;}
    #al-picto-catalogues1{display: none;}
    #al-picto-catalogues img{width: 30px;}
    #al-picto-catalogues {font-size: 0.6em; display: inline-block;
        position: relative;right: 0;}
    .al-img1-agence{width: 40px;height:40px;margin: 0 0 0 25px;}
    #picto-catalogue-resp{display: inline-block;margin-left:0px;}
    .nav_gauche-page {width: 100%;margin: -5% 0 2% 0%;
        box-shadow:  1px 1px 1px rgba(0, 0, 0, 0.2);
        position: relative;}
    .chicles{border-bottom-left-radius :10px;
        box-shadow: 1px 1px 1px 1px #454545;
        position: relative;right: 5px;}
    .chicles:hover {
    width: 60px;
    height: 60px;
    transition: 0.3s;
    border: 2px #005ca9 solid;}
    .chicles img{width: 100%;}
    .chicles-pink{border-bottom-left-radius :10px;
        box-shadow: 3px 3px 8px 1px #000;
        position: relative;right: 5px;}
    .chicles-pink:hover {
    width: 60px;
    height: 60px;
    transition: 0.3s;
    border: 2px #e6007e solid;}
    .chicles-pink img{width: 100%;}
    .chicles-rouge{border-bottom-left-radius :10px;
        box-shadow: 3px 3px 8px 1px #000;
        position: relative;right: 5px;}
    .chicles-rouge:hover {
    width: 60px;
    height: 60px;
    transition: 0.3s;
    border: 2px #d51130 solid;}
    .chicles-rouge img{width: 100%;}
    .nav_gauche-page article{display: inline-block;vertical-align: top;
        float: left;}
    .chicles-cyan{border-bottom-left-radius :10px;
        box-shadow: 3px 3px 8px 1px #000;
        position: relative;right: 5px;}
    .chicles-cyan:hover {
    width: 60px;
    height: 60px;
    transition: 0.3s;
    border: 2px #00b6ed solid;}
    .al-bloc-txt-right p{font-size: 0.7em; line-height: 11px;}
    .al-bloc-txt-left p{font-size: 0.7em; line-height: 11px;}
    .chicles-cyan img{width: 100%;}
    .nav_gauche-page article{display: inline-block;vertical-align: top;
        float: left;}
    .nav_gauche-page article:first-child{width: 70%;}
    .nav_gauche-page article:last-child{width: 110px;margin-top: 8px;}
    #width-img-menu {margin: 3% 0 2% 3%;width: 30px;height: 30px;}
    #logo_ng{padding: 8% 0 5% 0;}
    #logo_ng img{width: 30%;}
    .rond_rs{
    font-size: 18px;
    display: inline-block;
    margin: 12px 10px 10px 10px;
    padding: 8px;
    width: 35px;
    height: 35px;
    background-color: #6a6466;
    border-radius: 50px;
    transition: 0.6s;}
    .bleu h1, .bleu h2, .rouge h1, .rouge h2, .cyan h1, .cyan h2, .pink h1, .pink h2{font-size: 20px;margin:10px 0;}
    .al-section{margin: 0 0 0 0;width:100%;}
    .al-section3{margin: 0 0 0 0px;width:100%;}
    .al-bloc-txt-right{height: 210px;z-index: 9;}
    .al-bloc-txt-right img {height: 100%;width:100%;z-index: 9;}
    .border-left p{border-left:7px solid #005ca9;padding: 5px;}
    .border-left-rouge p{border-left:7px solid #d51130;padding: 5px;}
    .border-left-cyan p{border-left:7px solid #00b6ed;padding: 5px;}
    .border-left-pink p{border-left:7px solid #e6007e;padding: 5px;}
    .border-right p{border-right:7px solid #005ca9;padding: 5px;} 
    .border-right-rouge p{border-right:7px solid #d51130;padding: 5px;} 
    .border-right-cyan p{border-right:7px solid #00b6ed;padding: 5px;}
    .border-right-pink p{border-right:7px solid #e6007e;padding: 5px;}
    .border-left, .border-left-rouge, .border-left-cyan, .border-left-pink{border-left:0px;height: auto;width: 100%;display: block;}
    .border-right, .border-right-rouge, .border-right-cyan, .border-right-pink{border-right:0px;height: auto;width: 100%;display: block;}
    .al-bloc-txt-left{height: 210px;text-align: right;}
    .al-bloc-txt-left img {height: 100%;width:100%;}
    #fond-bleu, #fond-rouge, #fond-cyan, #fond-pink{height: 70px;display: block;margin-top: 0;}
    #fond-cyan1{height: 100px;display: block;margin-top: 0;}
    .titre-blanc{margin:40px 0 0 8px;width:50px;}
    .titre-blanc1{margin:5px 0 0 8px;width:50px;}
    .titre-blanc, .titre-blanc1, .titre-blanc2, .titre-blanc3, .titre-blanc4, .titre-blanc5 {font-size: 0.7em;}
    .m-legales-fond-fonce-relative img{width: 6%;}
    .al-txt-right img{width: 1%!important;}
    .al-txt-left img{width: 1%!important;}
    .al-section-center{display: flex;flex-direction: column;}
    .al-logo-top-page {margin:1% 0% -1% 2%;}
    #picto-menu {
    font-size: 25px;
    color: #fff;
    display: inline-block;
    margin: 15px 0 0 0;
    padding: 6px;
    width: 35px;
    height: 35px;
    background-color: #6a6466;
    transition: 0.6s;  
    vertical-align: top; 
}
    #btn-nav-header, #btn-nav-header-red, #btn-nav-header-pink, #btn-nav-header-cyan{background-color: transparent;margin-bottom: 0%;float: right;width: 100%;}
    .al-section-accueil{width: 100%;}
    #al-logo figure img{width: 30%;margin:-13% 0 0 40%;}
    #nav_gauche-left{width: 60%;}
    .menu_pays {padding-top: 0%;}
    .menu_pays a {margin-bottom:5px;padding-right: 10px;}
    #logo_ng img{width: 50%;}
    .menu_pays a {font-size: 14px;}
    #logo_ng{padding: 3% 0 2% 0;}
    .al-num-sav{margin:5% 0 0 8%;}
    .al-num-sav img{width:80%!important;} 
    #menu_contact{padding: 0 0 0 0;}
    #menu_contact a img{width: 20px;font-size: 0px;}
    #typo-rose{font-size: 10px;}
    #lang {padding-top: 3%;}
    #lang a{width: 25px;}
    #lang img{width: 20px;}
    .accueil{font-size: 9px;}
    #icone_RS a img{width: 8%;}
    .rect-degrade{width: 40%;height: 60px;}
    p {font-size: 0.7em;}
    .al-part-txt p{width: 100%;}
    .al-btn-nav-LDFS-2{margin-right: 10px;}
    .al-btn-nav-LDFS-2 a{left: 15%;height: 70px;}
    .al-btn-nav-LDFS-3{margin-right: 10px;}
    .al-btn-nav-LDFS-3 a{height: 70px;}
    #case_23, #case_24, #case_25, #case_28, #case_29, #case_030{margin-top: 90px;}  
    #case_LDFS_03, #case_LDFS_04, #case_FACT-SA_04, #case_FACT-SA_05{margin-top: 70px;} 
    .nav_gauche2{width: 100%;display: none;}
    .nav_gauche3{display: block;margin: 170px 0 20px 0 ;background-color:rgba(237,237,237,0.5);
    padding: 5px 0 20px 0; }
    .csslider1{margin-top: 70px;}
    .cadre_clim-references {width: 18%;height: 80px;}
    .al-btn-nav-references figure{display: inline-block;margin:3.5% 0.5%;}
    .figure-plus figure{margin-bottom: 80px;}
    .al-btn-nav-references figcaption{font-size: 0.5em;}
    .m-legales-fond-fonce-relative img{width: 15%;}
    .m-legales-fond-fonce-relative{font-size: 0.6em;padding: 0.3%;}
    fieldset{width: 90%;}
    form{display: block;margin-left:25px;}
    .mailform div, .mailform label textarea{display: block;}
    .al-txt-contact p{text-align: center;font-size: 0.9em;
        margin: 10px 0 10px 100px;}
    .al-txt-contact1 p{text-align: center;font-size: 0.9em;
        margin: 10px 0 10px 80px;}  
    .al-txt-contact-rouge p{text-align: center;font-size: 0.9em;
        margin: 10px 0 10px 130px;}
    .al-txt-contact-rouge1 p{text-align: center;font-size: 0.9em;
        margin: 10px 0 10px 80px;}
    .al-txt-contact-cyan p{text-align: center;font-size: 0.9em;
        margin: 10px 0 10px 80px;}
    .al-txt-contact-pink p{text-align: center;font-size: 0.9em;
        margin: 10px 0 10px 80px;}
    .titre-blanc2{margin:10px 0 0 40px;}
    .titre-blanc3{margin-left:2%;}
    .titre-blanc5{margin-left: 2%;}
    .typo-blanche{font-size: 0.9em;}
     #choixsoc {
    vertical-align: top;
    margin: 0 auto;
    width:100%;
    margin-top:20px;
    margin-bottom: 20px;}
    .fd-txt{padding:10px;margin-bottom: 50px;}
    .margB figure{margin-bottom:75px;}
    .al-section2{margin: 0 0 0 0;width: 100%;}
     #choixsoc a img{width: 90%;}
    .cadre_clim-references-equipements {
    width: 30%;
    height: 100px;
    border: 0px solid black;
    transition: 0.6s;
    text-align: center;
    }
    .al-btn-nav-references-equipements figure{
        margin:2% 0.5% 30% 0.5%;
    }
    .rect-bleu{font-size: 0.9em;height: 52px;padding: 7px;vertical-align: middle;}
    h3{font-size: 1em;padding: 2% 0;}
    .infofixed img{text-align: center; width: 80%;bottom:0;position:fixed;z-index:990;margin:20px 0 0 50px;}
    .txt-ldf-bdrose {
    font-size: 12px;
    padding: 20px;
    text-align: justify;
    color: white;
    margin-right: 10px;
    width: 100%;
    }
    .height-plus{height: 350px;}
    #textp04-LDFS-partD{width: 100%;}
    #fond-pink1{height: 200px;margin-top: 0;}
    .img-moins img{width: 150px;height:90px;display: inline-block; text-align: center;}

        .marg1{margin-left: 0px;}
    .marg2{margin-left: 0px;}
    .marg3{margin-left: 83px;}
    .marg4{margin-left: 0px;}
    .marg5{margin-left: 100px;}
    .marg6{margin-left: 20px;}
    .marg7{margin-left: 40px;}
    .marg8{margin-left: 50px;}
    .marg9{margin-left: 40px;}
    .marg10{margin-left: 40px;}
    .marg11{margin-left: 60px;}
    .marg12{margin-left: 55px;}
    .marg13{margin-left: 55px;}
    .marg14{margin-left: 40px;}
    .marg15{margin-left: 40px;}
    .marg16{margin-left: 103px;}
    .marg17{margin-left: 105px;}
    .marg18{margin-left: 83px;}
    .marg19{margin-left: 83px;}
    .marg20{margin-left: 83px;}
    .marg21{margin-left: 103px;}
    .marg22{margin-left: 103px;}
    .marg23{margin-left: 105px;}
    .marg24{margin-left: 105px;}
    .marg25{margin-left: 106px;}
    .marg26{margin-left: 116px;}
    .marg27{margin-left: 112px;}
    .marg28{margin-left: 191px;}
    .marg29{margin-left: 182px;}
    .marg30{margin-left: 89px;}
    .marg31{margin-left: 89px;}
    .marg32{margin-left: 109px;}
    .marg33{margin-left: 109px;}
    .marg34{margin-left: 191px;}
    .marg35{margin-left: 90px;}
    .marg36{margin-left: 90px;}
    .marg37{margin-left: 90px;}
    .marg38{margin-left: 40px;}
    .marg39{margin-left: 184px;}
    .marg40{margin-left: 163px;}
    .marg41{margin-left: 162px;}
    .marg42{margin-left: 263px;}
    .marg43{margin-left: 307px;}

    .border-right-pink1{width: 100%;height: 220px;}
    #textp04-LDFS-partD{margin-left: 1px;}
    #width-txt{width: 250px!important;}
    .al-emplitude img{float: right;
    width: 123px!important;
    padding: 20px;
    margin-top: -89px;}
}
@media (max-width: 320px){
    .al-bloc-txt-right p{font-size: 0.7em; line-height: 10px;}
    .al-bloc-txt-left p{font-size: 0.7em; line-height: 10px;}
    #nav_droite {width: 100%;margin-top:30%;}
    .cadre_selec {width: 50%;height: 20%;}
    #nav-bar-index{display: block;}
    #al-btn-accueil-4-btn{margin:10px 0 0 60px;}
    .cadre_clim-references {width: 22.5%;height: 70px;}
    .al-btn-nav-references figure{display: inline-block;margin:5% 0.5%;}
    .figure-plus figure{margin-bottom: 90px;}
    .al-txt-contact p{text-align: center;font-size: 0.9em;
        margin: 10px 0 10px 55px;}
    .al-txt-contact1 p{text-align: center;font-size: 0.9em;
        margin: 10px 0 10px 35px;}
    .al-txt-contact-rouge p{text-align: center;font-size: 0.9em;margin: 0 auto;
        margin: 10px 0 10px 80px;}
    .al-txt-contact-rouge1 p{text-align: center;font-size: 0.9em;margin: 0 auto;
        margin: 10px 0 10px 38px;}
    .al-txt-contact-cyan p{text-align: center;font-size: 0.9em;
        margin: 10px 0 10px 35px;}
    .al-txt-contact-pink p{text-align: center;font-size: 0.9em;
        margin: 10px 0 10px 35px;}  
    .btn-primary {margin: 5% 0 0 23%;}
    #width-img-menu {margin: 3% 0 2% 3%;width: 25px;height: 25px;}
    .al-img1-agence{width: 32px;height:32px;margin: 0 0 0 15px;float: right;}
    .nav_gauche-page article:last-child{width: 90px;margin-top: 6px;}
    #al-picto-catalogues img{width: 28px;}
    #al-picto-catalogues {font-size: 0.6em; display: inline-block;
        position: relative;right: 0;padding: 0;}
    .margB figure{margin-bottom:85px;}
   #fond-cyan1{height: 120px;display: block;margin-top: 0;}
   .titre-blanc5{margin-left:-11.6%}
   .cadre_clim-references-equipements {
    width: 30%;
    height: 80px;
    border: 0px solid black;
    transition: 0.6s;
    text-align: center;
    }
    .al-btn-nav-references-equipements figure{
        margin:2% 0.5% 45% 0.5%;
    }
    .rect-bleu{font-size: 0.8em;padding: 5px;
        height: 54px;}
 }


 .csslider1 > ul {
  position: relative;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
  padding: 0;
  height: 335px;
  overflow: hidden;
  white-space: nowrap;
}
.csslider1{margin-top: 100px;}
@media (min-width: 1200px) and (max-width: 1600px){
    .csslider1 > ul {
      position: relative;
      z-index: 1;
      font-size: 0;
      line-height: 0;
      margin: 0 auto;
      padding: 0;
      height: 250px;
      overflow: hidden;
      white-space: nowrap;
    }
    .csslider1{margin-top: 100px;}
  }
@media (min-width: 1025px) and (max-width: 1280px) {
    .csslider1 > ul {
      position: relative;
      z-index: 1;
      font-size: 0;
      line-height: 0;
      margin: 0 auto;
      padding: 0;
      height: 220px;
      overflow: hidden;
      white-space: nowrap;
    }
    .csslider1{margin-top: 100px;}
  }
@media (min-width: 769px) and (max-width: 1024px) {
    .csslider1 > ul {
      position: relative;
      z-index: 1;
      font-size: 0;
      line-height: 0;
      margin: 0 auto;
      padding: 0;
      height: 180px;
      overflow: hidden;
      white-space: nowrap;
    }
    .csslider1{margin-top: 100px;}
  }
 @media (min-width: 426px) and (max-width: 768px)  {
    .csslider1 > ul {
      position: relative;
      z-index: 1;
      font-size: 0;
      line-height: 0;
      margin: 0 auto;
      padding: 0;
      height: 150px;
      overflow: hidden;
      white-space: nowrap;
    }
    .csslider1{margin-top: 100px;}
  }
 @media (min-width: 320px) and (max-width: 426px) {
    .csslider1 > ul {
      position: relative;
      z-index: 1;
      font-size: 0;
      line-height: 0;
      margin: 0 auto;
      padding: 0;
      height: 80px;
      overflow: hidden;
      white-space: nowrap;
    }
    .csslider1{margin-top: 90px;}
  }
 @media (max-width: 320px) {
    .csslider1 > ul {
      position: relative;
      z-index: 1;
      font-size: 0;
      line-height: 0;
      margin: 0 auto;
      padding: 0;
      height: 60px;
      overflow: hidden;
      white-space: nowrap;
    }
    .csslider1{margin-top: 90px;}
  }