/* 
    Document   : menu
    Created on : 16 févr. 2013, 10:00:54
    Author     : Benoît
    Description: Menu principal de LTSV3
	Last Modification : SebK 29/10/2013
*/

nav {
    margin: 0px auto 0 auto;
}

nav ul {
    padding: 0;
    -webkit-padding-start: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

nav ul, nav ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Coupure des mots trops longs
**********************************************************/

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Barre de menu
**********************************************************/

#menu {
    width:970px;
    height:33px;
    background:#616161;
    margin: 0 auto;	
}

#menu a {
    color: rgb(80, 80, 80);
}

#menu .menuContainer{
    width:970px;
    height:100%;
    margin:0 auto;
    border-left:0px solid #ACACAC;
    position: relative;
    z-index:9;
}
#menu .menuRub {
    display:inline-block;
    background-color:#616161;
    float:left;
    *display: inline;
    *zoom : 1;
}
#menu .menuChaine {
    background-color:#D3D3D3; /* #D3D3D3 */
    float:left;
}

#menu .menuChaine li.item,
#menu .menuRub li.item
{
    float:left;
}
#menu .menuChaine li.item .m-chaine,
#menu .menuRub li.item .m-rub
{
    display: block;
    color:#ACACAC;
	cursor:pointer;
}
#menu .menuRub li.item .m-rub.selected
{
    background: #1d1d1d none;
    color:#fff;
    position:relative;
    margin-right:-2px;
}
#menu .menuChaine li.item .m-chaine {
    border-right: 1px solid #ACACAC;
    height: 23px;
    padding: 5px 13px;
}
#menu .menuChaine li.item .firstb {
    border-left: 1px solid #D3D3D3;
}
#menu .menuChaine li.item .m-chaine.selected {
    background-color:#1d1d1d;
}
#menu .menuChaine li.item:hover .m-chaine, #menu .menuChaine li.item.sel .m-chaine{
    background:rgb(240, 240, 240);
}
#menu .menuRub li.item .m-rub {
    line-height: 33px;
    color:#fff;
    padding: 0 10px;
    font-family : "Franklin Gothic Demi Cond";
    font-weight: normal;
    font-size: 14px;
    text-transform : uppercase;
    background: url(img/sep.png) no-repeat 0 50%;
}

#menu .menuRub li.item:hover .m-rub, #menu .menuRub li.item.sel .m-rub{
    background:rgb(240, 240, 240);
    color:#616161;
    margin-right:-2px;
    padding-left:12px;
    position:relative;
}

#menu .menuRub li.item .lts-bgcolor-mag, .lts-bgcolor-mag,
#menu .menuRub li.item .lts-bgcolor-new, .lts-bgcolor-new {
    background: #1d669d;
}

#menu .menuRub li.item .lts-bgcolor-déj, .lts-bgcolor-déj,
#menu .menuRub li.item .lts-bgcolor-tre, .lts-bgcolor-tre {
    background: #71af26;
}

#menu .menuRub li.item .lts-bgcolor-cam, .lts-bgcolor-cam {
    background: #e9a400;
}

#menu .menuRub li.item .lts-bgcolor-ani, .lts-bgcolor-ani{
    background: #cf0220;
}

#menu .menuRub li.item .lts-bgcolor-cré, .lts-bgcolor-cré,
#menu .menuRub li.item .lts-bgcolor-cre, .lts-bgcolor-cre{
    background: #86467a;
}

/* Sous-menu
**********************************************************/
#menu span.menulink{
    cursor: pointer;
}

#menu span.entry{
    cursor: default;
}

#menu .menuContainer .ss-menu{
    z-index:1000;
    width:950px;
    overflow:hidden;
    background:rgb(240, 240, 240);
    left: 0px;
    padding: 0 10px 0 10px;
    z-index:9999999;
    position:absolute;
    display:none;
}

#menu .menuContainer .hp-accueil .ss-menu{
    width:163px;
}

#menu .menuContainer .ss-menu{
    display:none;
    position:absolute;
}

#menu .menuContainer .ss-menu .ss-menu-container{
    position:relative;
    float:left;
    width:100%;
}

#menu .ss-menu .gen {
    width:144px;
    float:left;
    height:100%;
    padding: 17px 0 30px;
}
#menu .ss-menu .gen.has-direct {

}
#menu .ss-menu .gen .direct{
    margin-bottom: 19px;
    *margin-bottom:5px;
    width: 132px;
    opacity:1;
}
#menu .ss-menu .gen .direct:hover{
    opacity:0.8;
}
#menu .ss-menu .gen .direct span.menulink{
    display:block;
}
#menu .ss-menu .gen .direct span.menulink,
#menu .ss-menu .gen .direct a{
    display: block;
    line-height: 1.3em;
    padding: 5px 0 4px 5px;
}

#menu .ss-menu .gen .direct span.menulink .direct-chaine,
#menu .ss-menu .gen .direct a .direct-chaine{
    font-size:1.3em;
    text-transform:uppercase;
    font-weight:normal;
}

#menu .ss-menu .gen .direct .direct-chaine{
    display:block;
}

#menu .ss-menu .gen .direct span.menulink .direct-bold,
#menu .ss-menu .gen .direct a .direct-bold{
    font-size:1.2em;
    text-transform:uppercase;
    font-weight:bold;
}

#menu .ss-menu .gen .direct span.menulink,
#menu .ss-menu .gen .direct a{
/*
    -moz-box-shadow: 0px 10px 14px -7px #e9a400;
    -webkit-box-shadow: 0px 10px 14px -7px #e9a400;
    box-shadow: 0px 10px 14px -7px #e9a400;

    background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.73) 0%, rgba(255, 255, 255, 0) 30%);
    background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.73) 0%, rgba(255, 255, 255, 0) 30%);
    background:-o-linear-gradient(top, rgba(255, 255, 255, 0.73) 0%, rgba(255, 255, 255, 0) 30%);
    background:-ms-linear-gradient(top, rgba(255, 255, 255, 0.73) 0%, rgba(255, 255, 255, 0) 30%);
    background:linear-gradient(to bottom, rgba(255, 255, 255, 0.73) 0%, rgba(255, 255, 255, 0) 30%);
*/
    background-color:#e9a400;

    /*-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
*/
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:13px;
    font-weight:bold;
    padding:6px 12px;
    text-decoration:none;

    /*text-shadow:0px 1px 0px rgba(0, 0, 0, 0.25);*/
}

#menu .ss-menu .gen .direct a:hover{
    color:white;
   /* 
    background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.73) 100%);
    background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.73) 100%);
    background:-o-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.73) 100%);
    background:-ms-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.73) 100%);
    background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.73) 100%);
*/
	}

#menu .ss-menu .gen .direct-la a,
#menu .ss-menu .gen .direct-la a:hover {
    /*
	-moz-box-shadow: 0px 10px 14px -7px #111111;
    -webkit-box-shadow: 0px 10px 14px -7px #111111;
    box-shadow: 0px 10px 14px -7px #111111;*/
    background-color:#111111;
    /* border:1px solid #000000;*/
}

#menu .ss-menu .gen .direct-mag a, #menu .ss-menu .gen .direct-mag a:hover,
#menu .ss-menu .gen .direct-new a, #menu .ss-menu .gen .direct-new a:hover {
/*    -moz-box-shadow: 0px 10px 14px -7px #1d669d;
    -webkit-box-shadow: 0px 10px 14px -7px #1d669d;
    box-shadow: 0px 10px 14px -7px #1d669d;*/
    background-color:#1d669d;
    /*border:1px solid #175280;*/
}

#menu .ss-menu .gen .direct-déj a, #menu .ss-menu .gen .direct-déj a:hover,
#menu .ss-menu .gen .direct-tre a, #menu .ss-menu .gen .direct-tre a:hover {
/*    -moz-box-shadow: 0px 10px 14px -7px #71af26;
    -webkit-box-shadow: 0px 10px 14px -7px #71af26;
    box-shadow: 0px 10px 14px -7px #71af26;*/
    background-color:#71af26;
    /*border:1px solid #639922;*/
}

#menu .ss-menu .gen .direct-cam a, #menu .ss-menu .gen .direct-cam a:hover {
/*    -moz-box-shadow: 0px 10px 14px -7px #e9a400;
    -webkit-box-shadow: 0px 10px 14px -7px #e9a400;
    box-shadow: 0px 10px 14px -7px #e9a400;*/
    background-color:#e9a400;
    /*border:1px solid #de9b00;*/
}

#menu .ss-menu .gen .direct-ani a, #menu .ss-menu .gen .direct-ani a:hover {
/*    -moz-box-shadow: 0px 10px 14px -7px #cf0220;
    -webkit-box-shadow: 0px 10px 14px -7px #cf0220;
    box-shadow: 0px 10px 14px -7px #cf0220;*/
    background-color:#cf0220;
    /*border:1px solid #b3021c;*/
}

#menu .ss-menu .gen .direct-cré a, #menu .ss-menu .gen .direct-cré a:hover,
#menu .ss-menu .gen .direct-cre a, #menu .ss-menu .gen .direct-cre a:hover {
    /*-moz-box-shadow: 0px 10px 14px -7px #86467a;
    -webkit-box-shadow: 0px 10px 14px -7px #86467a;
    box-shadow: 0px 10px 14px -7px #86467a;*/
    background-color:#86467a;
    /*border:1px solid #733c69;*/
}

#menu .ss-menu .gen .entry,
#menu .ss-menu .gen span.menulink,
#menu .ss-menu .gen a{
    font-weight: normal;
    color:#616161;
    text-transform:uppercase;
    cursor: pointer;

}
#menu .ss-menu .gen-sous-menu span.menulink,
#menu .ss-menu .gen-sous-menu a{
    text-transform: none;
    cursor: pointer;

}
#menu .ss-menu .gen li {
    padding:5px 5px;
}

#menu .ss-menu .gen li .entry.active,
#menu .ss-menu .gen li span.menulink:hover,
#menu .ss-menu .gen li a:hover{
    font-weight:bold;
    color: #9c9b9b;
}
#menu .ss-menu .rub {
    width:805px;
    border:0;
    float:left;
    vertical-align:top;
    padding: 20px 0;
}
#menu .ss-menu .rub ul{
    float:left;
    margin-right:10px
}
#menu .ss-menu .rub li {
    color:#616161;
    font-weight:bold;
    margin-bottom: 3px;
}

#menu .ss-menu .prog-item span.menulink,
#menu .ss-menu .prog-item a {
    color:#616161;
    display: block;
    font-weight: normal;
    padding-left: 8px;
    cursor: pointer;
    text-decoration: none;
}

#menu .ss-menu .prog-item {
    max-height: 30px;
}
#menu .ss-menu .lts-c-1 .prog-item span.menulink{
    background: url('img/puce_menu_c1.gif') no-repeat scroll 0 7px transparent;
}
#menu .ss-menu .lts-c-2 .prog-item span.menulink{
    background: url('img/puce_menu_c2.gif') no-repeat scroll 0 7px transparent;
}
#menu .ss-menu .lts-c-3 .prog-item span.menulink{
    background: url('img/puce_menu_c3.gif') no-repeat scroll 0 7px transparent;
}
#menu .ss-menu .lts-c-4 .prog-item span.menulink{
    background: url('img/puce_menu_c4.gif') no-repeat scroll 0 7px transparent;
}
#menu .ss-menu .lts-c-0 .prog-item span.menulink{
    background: url('img/puce_menu_c5.gif') no-repeat scroll 0 7px transparent;
}
#menu .ss-menu .gen-sous-menu span.menulink{
    background: url('img/puce_menu_c7.gif') no-repeat scroll 0 7px transparent;
    padding-left: 7px;
}

#menu .ss-menu .prog-item:hover span.menulink,
#menu .ss-menu .prog-item:hover a{
    color: #9C9B9B;
    font-weight:bold;
}
#menu .ss-menu .column .section {
    margin: 9px 0 8px;
    padding: 0 0 5px;
    font-weight:bold;
    width: 100%;
}


#menu .ss-menu .rub .lts-c-0 .section {
    border-bottom:1px solid #71af26;
}

#menu .ss-menu .rub .lts-c-1 .section {
    border-bottom:1px solid #e9a400;
}

#menu .ss-menu .rub .lts-c-2 .section {
    border-bottom:1px solid #cf0220;
}

#menu .ss-menu .rub .lts-c-3 .section {
    border-bottom:1px solid #1d669d;
}

#menu .ss-menu .rub .lts-c-4 .section {
    border-bottom:1px solid #86467a;
}


#menu .ss-menu .column ul + ul .section {
    margin: 9px 0 8px;
    padding: 0 0 5px;
}

#menu .ss-menu .column ul {
    padding: 0 0 0 20px;
    width: 180px;
}