/* Mise en form des menu drupal */

/* Mise en forme des menus drupal */

/*
violet foncé : #5A2E62;
violet light : #884A90
gris foncé : #4C4C4C;
gris clair : #EEEFEF;
color reception : #087977;
color diffusion : #E66B6D;
bleu : #004190; (menu transversal)
*/


/* root */

.nav.menu--fo--switch-nav--root,
.nav.menu--fo--transversal--root,
.nav.menu--fo--depos-pphysique--root,
.nav.menu--fo--depos-entreprise--root,
.nav.menu--fo--deliv-entreprise--root,
.nav.menu--free--rq-service--root{ margin-bottom: 20px;}

.da-menu-permanent{ width: 100%; display: table;}
.da-menu-permanent .nav.menu--fo--switch-nav--root{ float: left;}
.da-menu-permanent .nav.menu--fo--transversal--root{ float: right;}

.da-menu{}
.da-menu .da-menu--level-0{width: 100%; display: table;}
.da-menu .da-menu--level-1{width: 100%; display: table;}
.da-menu .nav.menu--fo--switch-nav--root{ float: left; margin-right: 20px;}
.da-menu .nav.menu--fo--depos-pphysique--root{ float: left;}
.da-menu .nav.menu--fo--depos-entreprise--root{ float: left;}
.da-menu .nav.menu--fo--deliv-entreprise--root{ float: left;}
.da-menu .nav.menu--fo--transversal--root{ float: left;}

.nav.menu--fo--switch-nav--root a,
.nav.menu--fo--transversal--root a,
.nav.menu--fo--depos-pphysique--root a,
.nav.menu--fo--depos-entreprise--root a,
.nav.menu--fo--deliv-entreprise--root a,
.nav.menu--free--rq-service--root a{ font-size: 15px;}

.nav.menu--fo--transversal--root > li,
.nav.menu--fo--depos-pphysique--root > li,
.nav.menu--fo--depos-entreprise--root > li,
.nav.menu--fo--deliv-entreprise--root > li{ float: left; margin-right: 15px;}
.nav.menu--free--rq-service--root > li{margin-right: 15px;}
.nav.menu--free--rq-service--root > li.left{  float: left;}
.nav.menu--free--rq-service--root > li.right{  float: right;}

.nav.menu--fo--switch-nav--root > li{ float: left; margin-right: 0px;}

.nav.menu--fo--switch-nav--root > li.mer-reception > a{ color:#087977; border-color:#087977;  }
.nav.menu--fo--switch-nav--root > li.mer-diffusion > a{ color:#E66B6D; border-color:#E66B6D; }
.nav.menu--fo--switch-nav--root > li.mer-reception.active-trail > a{background-color: #087977; border-color:#087977;}
.nav.menu--fo--switch-nav--root > li.mer-diffusion.active-trail > a{background-color: #E66B6D; border-color:#E66B6D;}
.nav.menu--fo--switch-nav--root > li.mer-reception > a{ border-right: none;}
.nav.menu--fo--switch-nav--root > li.mer-diffusion > a{ border-left: none;}
.nav.menu--fo--switch-nav--root > li.mer-reception > a:hover, .nav.menu--fo--switch-nav--root > li.mer-reception > a:focus{ border-right: none;}
.nav.menu--fo--switch-nav--root > li.mer-diffusion > a:hover, .nav.menu--fo--switch-nav--root > li.mer-diffusion > a:focus{ border-left: none;}

.da-menu--level-0 .nav.mer-reception > li > a{ border-color:#087977 !important; color:#087977 !important; }
.da-menu--level-0 .nav.mer-diffusion > li > a{  border-color:#E66B6D !important; color:#E66B6D !important; }
.da-menu--level-0 .nav.mer-reception > li.active-trail > a{ border-color:#087977 !important; background-color: #087977 !important; color:#FFFFFF !important;}
.da-menu--level-0 .nav.mer-diffusion > li.active-trail > a{ border-color:#E66B6D !important; background-color: #E66B6D !important; color:#FFFFFF !important;}

.da-menu--level-1 .nav.mer-reception > li > a{ border-color:#087977 !important; color:#087977 !important; }
.da-menu--level-1 .nav.mer-diffusion > li > a{  border-color:#E66B6D !important; color:#E66B6D !important; }
.da-menu--level-1 .nav.mer-reception > li.active-trail > a{}
.da-menu--level-1 .nav.mer-diffusion > li.active-trail > a{}


.nav.menu--fo--switch-nav--root > li > a,
.nav.menu--fo--depos-pphysique--root > li > a,
.nav.menu--fo--depos-entreprise--root > li > a,
.nav.menu--fo--deliv-entreprise--root > li > a,
.nav.menu--free--rq-service--root > li > a{
    width: auto; display: inline-block; border-radius: 5px;
    background-color: #FFFFFF; color:#5A2E62; border: solid 1px #5A2E62;
}

.nav.menu--fo--transversal--root > li > a{
    width: auto; display: inline-block; border-radius: 5px;
    background-color: #FFFFFF; color:#004190; border: solid 1px #004190;
}

.nav.menu--fo--switch-nav--root > li:first-child > a{ border-top-right-radius:0px; border-bottom-right-radius:0px;}
.nav.menu--fo--switch-nav--root > li:last-child > a{ border-top-left-radius:0px; border-bottom-left-radius:0px;}

.nav.menu--fo--depos-pphysique--root > li > a.right,
.nav.menu--fo--depos-entreprise--root > li > a.right,
.nav.menu--fo--deliv-entreprise--root > li > a.right,
.nav.menu--free--rq-service--root > li > a.right{
    float: right;;
}

.nav.menu--fo--switch-nav--root > li > a:hover,
.nav.menu--fo--switch-nav--root > li > a:focus,
.nav.menu--fo--depos-pphysique--root > li > a:hover,
.nav.menu--fo--depos-pphysique--root > li > a:focus,
.nav.menu--fo--depos-entreprise--root > li > a:hover,
.nav.menu--fo--depos-entreprise--root > li > a:focus,
.nav.menu--fo--deliv-entreprise--root > li > a:hover,
.nav.menu--fo--deliv-entreprise--root > li > a:focus,
.nav.menu--free--rq-service--root > li > a:hover,
.nav.menu--free--rq-service--root > li > a:focus{
    background-color: #EEEFEF; color:#000000; border: solid 1px #5A2E62;
}
.nav.menu--fo--transversal--root > li > a:hover,
.nav.menu--fo--transversal--root > li > a:focus{
    background-color: #EEEFEF; color:#000000; border: solid 1px #004190;
}


.nav.menu--fo--switch-nav--root > li.active-trail > a,
.nav.menu--fo--depos-pphysique--root > li.active-trail > a,
.nav.menu--fo--depos-entreprise--root > li.active-trail > a,
.nav.menu--fo--deliv-entreprise--root > li.active-trail > a,
.nav.menu--free--rq-service--root > li.active-trail > a{
    background-color: #5A2E62; color:#FFFFFF; border: solid 1px #5A2E62;
}
.nav.menu--fo--transversal--root > li.active-trail > a{
    background-color: #004190; color:#FFFFFF; border: solid 1px #004190;
}

.nav.menu--fo--switch-nav--root > li.active-trail > a:hover,
.nav.menu--fo--switch-nav--root > li.active-trail > a:focus,
.nav.menu--fo--transversal--root > li.active-trail > a:hover,
.nav.menu--fo--transversal--root > li.active-trail > a:focus,
.nav.menu--fo--depos-pphysique--root > li.active-trail > a:hover,
.nav.menu--fo--depos-pphysique--root > li.active-trail > a:focus,
.nav.menu--fo--depos-entreprise--root > li.active-trail > a:hover,
.nav.menu--fo--depos-entreprise--root > li.active-trail > a:focus,
.nav.menu--fo--deliv-entreprise--root > li.active-trail > a:hover,
.nav.menu--fo--deliv-entreprise--root > li.active-trail > a:focus,
.nav.menu--free--rq-service--root > li.active-trail > a:hover,
.nav.menu--free--rq-service--root > li.active-trail > a:focus{
    background-color: #4C4C4C; color:#FFFFFF; border: solid 1px #5A2E62;
}


/* cloture */
.nav.menu--fo--deliv-entreprise--cloture{ margin-bottom: 10px;}

.nav.menu--fo--deliv-entreprise--cloture > li{  float: left;}

.nav.menu--fo--deliv-entreprise--cloture > li > a{
    width: auto; display: inline-block; padding: 10px 0px 5px 0px; margin-right: 15px;
}

.nav.menu--fo--deliv-entreprise--cloture > li > a:hover,
.nav.menu--fo--deliv-entreprise--cloture > li > a:focus{
    color:#000000; /*border: solid 1px #5A2E62;*/ background-color: transparent;
}

.nav.menu--fo--deliv-entreprise--cloture > li.active-trail > a{
	color:#5A2E62; /*border: solid 1px #5A2E62;*/ background-color: transparent; border-bottom: solid 2px #5A2E62;
}
.nav.menu--fo--deliv-entreprise--cloture > li.active-trail > a:focus,
.nav.menu--fo--deliv-entreprise--cloture > li.active-trail > a:focus{
    color:#5A2E62; /*border: solid 1px #5A2E62;*/
}




/*
.nav.menu--menu--ctdeposant--rq-service{ margin-bottom: 20px;}
.nav.menu--menu--ctdeposant--rq-service a{ font-size: 22px;}

.nav.menu--menu--ctdeposant--rq-service > li{  float: left; margin-right: 15px;}

.nav.menu--menu--ctdeposant--rq-service > li > a, .nav.menu--menu--ctdeposant--rq-service > li > a{
    width: auto; display: inline-block; border: solid 1px #5A2E62;
    border-radius: 5px; background-color: #5A2E62; color:#FFFFFF; 
}

.nav.menu--menu--ctdeposant--rq-service > li > a:hover, .nav.menu--menu--ctdeposant--rq-service > li > a:hover{
    background-color: #FFFFFF;
    color:#5A2E62;
}
*/

/* compteur ticket dans menu */
a .ticket--not-view--counter, a .msg--not-view--counter{
    padding-left: 5px; padding-right: 5px;
    background-color: #FF4040; border: solid 1px #FFFFFF; color: #FFFFFF; border-radius: 5px;
}
a.is-active .ticket--not-view--counter, a.is-active .msg--not-view--counter{ border: solid 1px #FF4040; }


@media only screen and (max-width: 1024px) {
    .da-menu .nav, .da-menu-permanent .nav{width:100%; margin-right: 0px;  margin-bottom: 0;} 
    .da-menu .nav li, .da-menu-permanent .nav li{ margin-right: 0px; width: 100%; margin-bottom: 13px; } 
    .da-menu .nav li a, .da-menu-permanent .nav li a{ width: 100%; display: block; } 

    .da-menu .nav.menu--fo--switch-nav--root{}
    .da-menu .nav.menu--fo--switch-nav--root li{ width: 50%;}
}


/* cm-siwtch */
.da-switch-cm{ display: block; float: right;  }
.da-switch-cm .da-switch-cm--label{ float: left; display: inline-block; color:#5A2E62; font-size: 2em;}
.da-switch-cm .da-switch-cm--switch{ float: left; display: inline-block; margin-left: 10px;}

.da-switch-cm .no-visible{ display: none;}

@media only screen and (min-width: 300px) and (max-width: 1024px){
    .da-switch-cm{ position: relative; display: block; margin-top: -10px; margin-left: 25px; height: 54px;}
    .da-switch-cm .da-switch-cm--label{ float: left; display: inline-block; color:#5A2E62; font-size: 2em;}
    .da-switch-cm .da-switch-cm--switch{ float: left; display: inline-block; margin-left: 10px;} 
}