/* La page générale prends tout l'écran */
body {
  padding-top: 0px !important;
  margin-top: 0px !important;
  background-color: transparent !important; /*conservé la couleur en transparence */
  position: relative;
  z-index: 1;
}

/* for ie 8*/
/* a {
  color: #2B2B2B\9;
  text-decoration:none\9;
} */
/* .active > a,
a:focus,
a:hover {
  color:white\9;
  text-decoration:none\9;
} */
/* END for ie 8*/

/* Style pour le bloc d'entête */
#headerNew {
  position: absolute;
  background-color: #ffffff ;
  height:20% ; /*Hauteur définis à 20% de la taile de l'écran */
  width: 30%; /*LArgeur fixée à 35 %*/
  align-items: center;
  box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.20); /*Ombrage */
  top: 0px;
  z-index: 1030;
}

/* Style pour le bandeau supérieur du header  */
#subHeaderNew {
  display: flex;
  /* background-color: #ffffff; */
  height: 30%;
  position: relative;
}

/* Style pour le logo de QCD */
#logo {
  background : url(/index.php/view/media/getMedia?repository=rep2&project=25-04-02_observatoire_mobilite&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/logo.png) no-repeat; /*Changer le chemin d'accès ici si modification du logo ou ajout d'un logo*/
  background-size: contain;
  position: relative;
  margin-left: 15px;
  margin-right: 0px;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  flex-grow: 1;
}

/* Style pour le menu dans le header (onglet connxion...) */
#headermenu {
  background-color:transparent;
}

#headermenu .pull-right {
}

/* le Canvas prends toute la largeur */
#docks-wrapper{
  width: 100% !important;
}

/* Style pour le menu de connexion */
#auth {
  background: transparent;
  display: flex;
  position: fixed;
  top : 10px;
  left: 20%; /* Crée un espace entre le logo QCD et l'icône de connexion */
  justify-content: left;
}
.navbar .nav > li > a {
}
.navbar .nav .active > a,
.navbar .nav > li > a:focus ,
.navbar .nav > li > a:hover {
  background-color: #ffffff;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color : #ffffff;
  background-color: #bcd630;
}
.navbar .nav > li > .dropdown-menu:after {
  border-bottom: 6px solid #ffffff;
}
.dropdown-menu {
  background-color: #ffffff !important; /*Fonds de couleurs pour les menu déroulant (déconnexion, compte, format de fichier pour data téléchargeable...)*/
}
.navbar .nav > li.dropdown > a.dropdown-toggle:hover .caret {
}
.navbar .navbar-inner .icon {
  background-image:url(/index.php/view/media/getMedia?repository=rep2&project=25-04-02_observatoire_mobilite&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_20_tools.png);
}

.navbar .nav .dashboard-item .icon {
    background-position: -975px 0px;
}
.navbar .nav .dashboard-item a:hover .icon,
.navbar .nav .dashboard-item.active a .icon {
    background-position: -950px 0px;
}

.navbar .nav .login .icon {
  background-position: -200px 0px; /*position initiale -225px soit logo blanc et passe noir au survol --> maintenant il est juste noir pour plus de visibilité sur fonds blanc*/
}
.navbar .nav .login a:hover .icon,
.navbar .nav .login.active a .icon {
  background-position: -200px 0px;
}
.navbar .nav .registered .icon {
  background-position: -825px 0px;
}
.navbar .nav .registered a:hover .icon,
.navbar .nav .registered.active a .icon {
  background-position: -800px 0px;
}
.navbar .nav .user .icon {
  background-position: -550px 0px; /*Le logo admin est toujours en noir*/
}
.navbar .nav .user a:hover .icon,
.navbar .nav .user.active a .icon,
.navbar .nav .user.open a .icon    {
  background-position: -550px 0px;
}
.navbar .nav .home .icon {
  background-position: -25px 0px;
}
.navbar .nav .home a:hover .icon,
.navbar .nav .home.active a .icon {
  background-position: 0px 0px;
}

/*Rajout pour la modification de l'interface*/

#title h1 {
  position: relative;
  height: auto;
  padding-left: 10px;
}

/*Masquer le titre de deuxième niveaux soit iic le nom du répertoire de la carte (cartothèque par exemple)*/
#title h2 {
  display: none !important
}

/*Le nom de la personne loguée apparaît en noire et de même pour connexion en cas de logout*/
.navbar .navbar-inner .text {
  color: black !important;
}

/*Enlève le fonds de couleur bleu dans la liste déroulante (mon compte, déconnexion)*/
.dropdown-menu > li > a {
  background-color: transparent !important;
}
 /*Tout les bouton aux couleur de l'agence*/
button.btn, a.btn, input.btn, label.btn {
  background-image: none;
  border: 1px solid transparent;
  background-color: #bcd630;
  color: var(--color-text-primary);
  box-shadow: none;
  text-shadow: none;
}

/*Dans la table attributaire en téléchargement --> le bouton agrandir passe en vert */
.btn.btn-primary.active {
  background-color: #bcd630;
}
/*De la même façon pour le bouton réduire*/
button.btn:focus {
  background-color: #bcd630;
}

/*Enlève le background derrière la petite crois rouge sur l'onglet permalien et sélection*/
#mini-dock .title .btn.btn-error {
  background: none !important;
}

/*Mettre le fond du mini-dock en transparence*/
#mini-dock{
background-color: transparent !important;
}

#headermenu .pull-right .nav li {
  line-height: 50%;
}

/*Modification des taille de police pour l'onglet connexion*/
#headermenu .pull-right {
  margin-top: 0px;
  font-size: 12px; /*Modifier ici en cas de modification de la police*/
}

/*Fond blanc sur le dock de gauche (dock principale)*/
#dock {
  background-color: #ffffff !important;
}

/*Fond blanc sur le docvk de droite*/
#right-dock {
  background-color: #ffffff !important;
}

/*Style pour le dock du bas --> data*/
#bottom-dock {
  background-color: #ffffff !important;
  border-top: none;
  z-index: 1000;
  position: relative;
  margin-right: 1.4%; /*A conserver sinon conflit avec les autres volets*/
}

/*On enlève la bordure du dock bas*/
#bottom-dock div.bottom-content {
  border-top : 0px !important
}

/* Responsivite tablette et téléphone */

/*On redimensionne le new dock pour les petit écran*/
#content.mobile #newDock {
  width: 101% !important;
  top: calc(15% + 40px) !important;
  position: absolute;
  box-shadow: none;
  z-index: unset;}

  /*Le map menu n'est pas visible à l'entrée sur la plateforme mais acessible depuis un menu déroulant (menutoggle)*/
#content.mobile #mapmenu {
  top: 15% !important;
  height: 85% !important;
  width: 85% !important;
  left: -85%;
}
/* MArge pour le menu toggle --> menu déroulant du map menu */
#content.mobile #menuToggle.opened ~ #mapmenu {
  left: 0;
}

/* Style pour le header sur mobile te tablette */
#content.mobile #headerNew {
  width: 100% !important;
  height: 15% !important;
  box-shadow: none;
}

/* Style pour le titre du projet */
#content.mobile #title, #content.mobile #title h1 {
  font-size: 5vw !important;}

/* Style pour le dock de couches et mini docks...*/
#content.mobile #dock {
  width: calc(100% - 18px) !important;
  border: 1px solid #000;
  background-color: #FFF;
  z-index: 1010;
}
/* Style pour le menu déroulant du menu de carte (espacement haut et marge) */
#content.mobile #menuToggle {
  top: 15%;
  margin-top: 3px;
}

/* Disposition de la barre d'outil (zoom, déplacement dans la carte (coté droit)) */
#content.mobile #navbar {
  top: 15%;
  margin-top: 3px;
}