@couleurTexte : #F00; /* 464241 */
@couleur1 : #0909B3;
//@couleur1 : #dc0a18; // Demo
//@couleur1 : #dc0a18; // Transgourmet
//@couleur1 : #17678B; // Pomona
//@couleur1 : #007E3D; // Gally
//@couleur1 : #556699; // NotCourrier
//@Couelur1 : #AF6114; // Newrest
//@couleur1 : #dc0a18; // Loxam
//@couleur1 : #c66525; // Bash
//@couleur1 : #f88d59; // 
//@couleur1 : #0096B1; // Boulanger
//@couleur1 : #24a54f; // CercleVert


@couleur1Texte: #FFF;
@couleur2: #FFF;





@TermineeSurSite: #2c3e50;
@TermineeHorsSite: #2980b9;
@Terminee: #2c3e50;
@RetardPossible: #e67e22;
@DansLesDelais: #27ae60;
@EnRetard: #e74c3c;
@Retard1: #f1c40f;
@Retard2: #e67e22;
@Retard3: #e74c3c;
@EnAttente: #34495e;


@couleurlivree: #615b59;
@couleurretardee: #f28100;
@couleurencours: #199016;
@couleurretard: #dc0a18;
@couleurretard1: rgb(255, 179, 0);
@couleurretard2: rgb(255, 119, 0);
@couleurretard3: rgb(255, 31, 31);


/*Structure Generale*/
body {
    background: url(../charte/structure-generale/fond.jpg) 0 0 repeat #3f3a39;
    color: #464241;
}

body.home {
    background: url(../charte/structure-generale/wallpaper.jpg) no-repeat center fixed;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
    height: 100% !important;
    width: 100% !important;
    padding: 0;
    margin: 0;
}

body.home #container {
    background: url(../charte/home/fond_Client.png) repeat fixed;
}

a {
    color: #464241;
}

/*Header*/
#header {
    background: @couleur1;
}

#logo a {
    position: absolute;
    width: 193px;
    height: 86px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: url(../charte/header/fd_logo.png) 0 0 no-repeat;
    margin: -20px 0 0 4%;
    text-align: center;
    padding: 60px 25px 25px 25px;
}

#logo a img {
    display: block;
    margin: auto;
    width: 90%;
}

/*Menu*/
#container.hidden #menu {
    background: #3f3a39;
}

#menu ul li a span, .table_messages tr td .nb_msg {
    background-color: @couleur1;
    padding: 5px;
    text-align: center;
    display: inline-block;
    border-radius: 100px;
    min-width: 21px;
    width: inherit;
    font-style: initial;
}

#menu ul li a:hover, #menu ul li a.select {
    background-color: @couleur1;
}

#menu ul li a:hover span, #menu ul li a.select span {
    color: @couleur1;
    background-color: @couleur1Texte;
}

#menu ul #b_menu {
    background: url(../charte/menu/picto_custom.png) 0 -150px no-repeat;
}

#container.hidden #menu ul #b_menu {
    background: url(../charte/menu/picto_custom.png) 0 -100px no-repeat;
}

/*Contenu*/
.t_bloc a {
    color: #ffffff;
    background: @couleur1;
}

.t_bloc a:hover {
    background: #ffffff;
    color: @couleur1;
}

.b_detail a, .table_planning tr td table tr td .detail {
    color: #ffffff;
    background: url(../charte/structure-generale/picto.png) -5px -313px no-repeat;
    background-color: @couleur1;
}

.b_detail a:hover {
    background-color: #363130;
}

.table_planning tr td table tr td .detail:hover {
    background-color: #615b59;
}

.bg_rouge {
    background-color: #dc0a18;
}

.bg_vert {
    background-color: #199016;
}

.bg_jaune {
    background-color: #f28100;
}

.bloc_gris input.submit, .tchat_repondre input.submit {
    background: url(../charte/structure-generale/picto_custom.png) center 5px no-repeat @couleur1;
}

.bloc_gris input:hover.submit, .tchat_repondre input:hover.submit {
    background: url(../charte/structure-generale/picto_custom.png) center -45px no-repeat #ffffff;
}

a.b_reporting, .filtres a.b_refresh, .new a, .filtres a:hover.b_afficher, #contenu_pop_up input.submit, #contenu_pop_up input:hover.submit.delete {
    color: #ffffff;
    background: @couleur1;
}

a:hover.b_reporting, a:hover.b_refresh, .new a:hover, .filtres a.b_afficher, #contenu_pop_up input:hover.submit, #contenu_pop_up input.submit.delete {
    background-color: #363130;
    color: #ffffff;
}

a.btn, .tout a:hover.supp, .tout a:hover.suppG {
    color: #ffffff;
    background-color: @couleur1;
}

a:hover.btn, .gris_clair a:hover, .tout a.supp, .tout a.suppG {
    background-color: #363130;
    color: #ffffff;
}

/*Pop up*/
#contenu_pop_up p {
    color: @couleur1;
}

/*Home*/
#login input.submit {
    background: @couleur1;
    color: #ffffff;
}

/*Footer*/
#container_footer.home {
    background: #3f3a39;
}




/* Ajouté */
#entete, #utilisateur {
    font-style: inherit;
    color: @couleur1Texte;
}

#entete {
    font-size: 24px;
    line-height: 28px;
    font-weight: 100;
    margin-left: 25%;
}

#logo a {
    background-color: @couleur2;
    background-image: inherit;
    top: 5px;
    margin: 0px 0 0 4%;
    text-align: center;
    padding: 20px;
    box-shadow: 0px 0px 10px #333;
}

#logo a img {
    margin-top: 15px;
}

.bloc_notes .btn, #contenu_pop_up .table_chauffeur .b_vehicletemp {
    background-color: @couleur1;
}


.RadButton_HubDelivery.rbButton, .RadButton_HubDelivery.RadButton.rbButton.rbDisabled, .RadButton_HubDelivery .rbSplitPart {
    background-color: @couleur1;
    border-color: @couleur1;
    color: @couleur1Texte;
}

.RadButton.RadButton_HubDelivery .rbPrimaryIcon {
    color: @couleur1Texte;
}

body.noBg {
    background: white;
}



/*Etat Pdp BackGrounds*/

/* Planning */

/*.EtatPdp.livree .rsAptContent,
.EtatPdp.livree {
    background-color: @couleulivree;
}

.EtatPdp.retardee .rsAptContent,
.EtatPdp.retardee {
    background-color: @couleuretardee;
}

.EtatPdp.encours .rsAptContent,
.EtatPdp.encours {
    background-color: @couleuencours;
}

.EtatPdp.retard .rsAptContent,
.EtatPdp.retard {
    background-color: @couleuretard;
}

.EtatPdp.retard1 .rsAptContent,
.EtatPdp.retard1 {
    background-color: @couleuretard1;
}

.EtatPdp.retard2 .rsAptContent,
.EtatPdp.retard2 {
    background-color: @couleuretard2;
}

.EtatPdp.retard3 .rsAptContent,
.EtatPdp.retard3 {
    background-color: @couleuretard3;
}*/

.bg-tournee-TermineeSurSite {
    background-color: @TermineeSurSite;
    color: white;
}

.bg-tournee-TermineeHorsSite {
    background-color: @TermineeHorsSite;
    color: white;
}

.bg-tournee-Termine {
    background-color: @Terminee;
    color: white;
}

.bg-tournee-RetardPossible {
    background-color: @RetardPossible;
    color: white;
}

.bg-tournee-DansLesDelais {
    background-color: @DansLesDelais;
    color: white;
}

.bg-tournee-EnRetard {
    background-color: @EnRetard;
    color: white;
}

.bg-tournee-Retard1 {
    background-color: @Retard1;
    color: white;
}

.bg-tournee-Retard2 {
    background-color: @Retard2;
    color: white;
}

.bg-tournee-Retard3 {
    background-color: @Retard3;
    color: white;
}

.bg-tournee-EnAttente {
    background-color: @EnAttente;
    color: white;
}

/*Bordure GaucheTournee*/
.bd-left-tournee {
    border-left: 5px solid;
}

.bd-left-tournee.TermineeSurSite {
    border-color: @TermineeSurSite;
}

.bd-left-tournee.TermineeHorsSite {
    border-color: @TermineeHorsSite;
}

.bd-left-tournee.Terminee {
    border-color: @Terminee;
}

.bd-left-tournee.RetardPossible {
    border-color: @RetardPossible;
}

.bd-left-tournee.DansLesDelais {
    border-color: @DansLesDelais;
}

.bd-left-tournee.EnRetard {
    border-color: @EnRetard;
}

.bd-left-tournee.Retard1 {
    border-color: @Retard1;
}

.bd-left-tournee.Retard2 {
    border-color: @Retard2;
}

.bd-left-tournee.Retard3 {
    border-color: @Retard3;
}

.bd-left-tournee.EnAttente {
    border-color: @EnAttente;
}




.color-tournee.TermineeSurSite {
    color: @TermineeSurSite;
    stroke: @TermineeSurSite;
}

.color-tournee.TermineeHorsSite {
    color: @TermineeHorsSite;
    stroke: @TermineeHorsSite;
}

.color-tournee.Terminee {
    color: @Terminee;
    stroke: @Terminee;
}

.color-tournee.RetardPossible {
    color: @RetardPossible;
    stroke: @RetardPossible;
}

.color-tournee.DansLesDelais {
    color: @DansLesDelais;
    stroke: @DansLesDelais;
}

.color-tournee.EnRetard {
    color: @EnRetard;
    stroke: @EnRetard;
}

.color-tournee.Retard1 {
    color: @Retard1;
    stroke: @Retard1;
}

.color-tournee.Retard2 {
    color: @Retard2;
    stroke: @Retard2;
}

.color-tournee.Retard3 {
    color: @Retard3;
    stroke: @Retard3;
}

.color-tournee.EnAttente {
    color: @EnAttente;
    stroke: @EnAttente;
}

.filterPnl .toggleFilterWrapper {
    background-color: @couleur1;
}

.filterPnll .toggleFilterWrapper {
    background-color: @couleur1;
}

.RadDock_HubDelivery .rdCommandButton {
    background-color: @couleur1;
}

.RadDockZone.RadDockZone_Default.dashboard-dropzone {
    border: 5px dashed @couleur1;
}

.RadButton.RadButton_HubDelivery.rbButton,
.RadCalendar.RadCalendar_HubDelivery .rcMain .rcRow .haveTournee a,
.RadCalendar.RadCalendar_HubDelivery .rcMain .rcRow .rcSelected a,
.RadInput.RadInput_HubDelivery .rcCalPopup,
.RadInput.RadInput_HubDelivery .rcTimePopup {
    background-color: @couleur1;
}

.RadButton.RadButton_HubDelivery.rbButton,
.RadCalendar.RadCalendar_HubDelivery .rcMain .rcRow .haveTournee a,
.RadCalendar.RadCalendar_HubDelivery .rcMain .rcRow .rcSelected a {
    border-color: @couleur1;
}

.RadButton_HubDelivery.rbButton.logoutBtn,
.RadButton_HubDelivery.rbButton:hover,
.RadGrid.RadGrid_HubDelivery .rgHeader,
.RadGrid.RadGrid_HubDelivery .rgPager .rgPagerCell,
.DashPanel,
.bloc_gris,
.RadCalendar_HubDelivery .rcRow th,
.RadCalendar_HubDelivery .rcTitlebar {
    background: url('../charte/structure-generale/fond.jpg') 0 0 repeat #3f3a39;
}


.leaflet-clickable{
    -webkit-transition: all .5s ease; 
    -moz-transition: all .5s ease; 
    -ms-transition: all .5s ease; 
    transition: all .5s ease;
    }

.leaflet-clickable:hover {
    color: @couleur1;
    stroke: @couleur1;
    stroke-width: 12px;
    z-index: 999999;
}

.leaflet-clickable:not(:hover) {
    z-index: 888888;
}

.leaflet-clickable{
    position: inherit;
}


.siteHeader {
    background-color: @couleur1;
}