/* Enter Your Custom CSS Here */

/* Gestion de la couleur du bas de page */
html {
  background-image: linear-gradient(rgb(61, 72, 76) 0px, rgb(61, 72, 76) 100%) !important;
}

/* Gestion de l'affichage sur les très petits écran (smartphone) */
@media screen and (max-device-width: 480px) {
  /* Hauteur minimale du cartouche */
  .main {
    min-height: 25px !important;
  }
  /* Affichage de l'image */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  .brand {
  width: 100% !important;
  }
  /* Affichage du menu */
  #menu-item-522 {
    display: none !important;
  }
  #menu-item-839 {
    display: none !important;
  }
  #menu-item-17 {
    min-width: 60px !important;
    max-height: 45px !important;
  }
  #menu-item-849 {
    min-width: 60px !important;
    max-height: 45px !important;
  }
  #menu-item-32 {
    max-height: 45px !important;
    min-width: 100px !important;
    position: absolute !important;
    margin-left: 10px!important
  }
  /*#menu-item-876 {
    max-height: 45px !important;
    min-width: 100px !important;
    position: absolute !important;
    margin-left: 10px!important
  }*/
  #menu-item-31 {
    margin-left: 80px !important;
  }
  /*#menu-item-879 {
    margin-left: 80px !important;
  }*/
  #menu-item-29 {
    margin-left: 10px !important;
  }
 /* #menu-item-883 {
    margin-left: 10px !important;
  }*/
  .pictoService {
    display: none !important;
  }
  /* Affichache des clients */
  .clientEspacement {
  	font-size: 13px !important;
  }
  #center_minimal_contact {
    padding-top: 0px !important;
  }
  .titreContact {
    padding-top: 0px !important;
  }
}
@media screen and (max-device-width: 1000px) {
  /* Taille des pictos */
  #pictoAccueil {
    display: none !important;
  }
  #parisNantes {
    display: none !important;
  }
}  
@media screen and (min-device-width: 1000px) {
  #espacementService {
    margin-top: 30px !important;
  }
  #center_minimal_clients {
    margin-top: 30px !important;
  }
}

/* Coins droits */
.container {
  border-radius: 0px !important;
  position: relative !important;
}

/* Pas de décalage entre le cartouche et le logo */
header .container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* Un marge moins importante entre l'image et le haut du cartouche */
.wrap {
  padding-top: 5px !important;
    position: relative !important;
}

/* Gestion des menus */
li {
  position: relative !important;
}

ul.sub-menu {
  display: none !important;
  position: absolute !important;
  top: 2em !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
  list-style-type: none !important;
  list-style-position: initial !important;
  list-style-image: initial !important;
}

ul.sub-menu li a {
  position: relative !important;
  display: block !important;
  padding: 10px 15px !important;
}

ul.sub-menu li {
    text-align: -webkit-match-parent !important;
}

li:hover ul.sub-menu {
  display: block !important;
}

.menu-en_menu-container{
        border-top: 1px solid $blue-link !important;
        padding-top: 0!important;
        ul {
            li {
                display: inline-block !important;
                width: 16% !important;
                text-align: left !important;
                a {
                    color: $blue-link !important;
                    &:hover {
                        background: none !important;
                        color: #fff !important;
                        font-weight: bold !important;
                    }
                }
                ul.sub-menu{
                    @include degrade();
                    z-index: 10 !important;
                    li{
                        width: 100% !important;
                        display: block !important;
                        text-align: left !important;
                        color: $blue-link !important;
                        &:hover{
                            text-decoration: none !important !important;
                            color: #fff !important;
                            font-weight: bold !important;
                        }
                    }
                }
            }
            margin: 10px 0 !important;
  }
  
}
a:active {
  color: #ffffff !important;
}
  

/* Bloc de présentation des domaines d'activité sur la page d'accueil */
#pictoAccueil {
  padding-top : 40px !important;
  padding-left : 90px !important;
}
#pictoProj {
    opacity: 1 !important;
}
#pictoMob {
    opacity: 1 !important;
}
#pictoNouv {
    opacity: 1 !important;
}

/* Gestion des services */
.pictoService {
  padding-left: 15px !important;
}
.titreService {
  padding-top: 10px !important;
  font-size: 25px !important;
  color: #000000 !important;
  font-family: 'frutiger lt std light webfont' !important;
  font-weight: bold !important;
}
.service {
  color: #a79c8d !important;
  font-weight: bold !important;
  font-size: 15px !important;
}
.service2 {
  color: #384241 !important;
  font-weight: bold !important;
  font-size: 15px !important;
}
.service2 a {
  color: #384241 !important;
  font-weight: bold !important;
  font-size: 15px !important;
}
.margeService {
  margin-left: 30px !important;
}
.policeService {
  font-family: 'frutiger lt std light webfont' !important;
}

/* Gestion de la page À propos */
#propos img {
  max-width: 100% !important;
  height: auto !important;
}

/* Centrer la page des clients */
#center_minimal_clients {
  position: relative !important;
  padding-top: 10px !important;
}
.clientEspacement {
  margin-top: 15px !important;
  text-align: center !important;
  font-weight: bold !important;
  font-size: 20px !important;
}

/* Centrer la page des contact */
#center_minimal_contact {
  position: relative !important;
  padding-left: 20px !important;
  padding-top: 0px !important;
}
.contact {
  color: #3d484c !important;
}
.titreContact {
  color: #000000 !important;
  font-size: 25px !important;
  padding-bottom: 10px !important;
  padding-top: 30px !important;
}
.titreContact2 {
  color: #a79c8d !important;
  font-size: 25px !important;
  padding-bottom: 10px !important;
  padding-top: 30px !important;
}
#imageContact {
  padding-top: 30px !important;
  filter: grayscale(100%) !important;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}