/* Navivation JSC */

#nav-jsc {
    position:absolute;
    width:890px;
    height:25px;
    top:100px;
    left:72px;
    text-align:center;
}

#nav-jsc ul{float:left;}
#nav-jsc li{
	position:relative;
	z-index:21;
	float:left;
	height:20px;
	padding-top:3px;
    margin-bottom:4px;
}
#nav-jsc a{
	display:block;
	margin-right:4px;
    padding:0 4px 0 0px;
}
#nav-jsc b{
	display:block;
	height:20px;
	margin-right:2px;
	padding:0 0px 0 6px;
	line-height:20px;
	font-size:11px;
	cursor:pointer;
}

#nav-jsc b{color:#FFF;}
#nav-jsc ul,
#nav-jsc li,
#nav-jsc li.hover li a,
#nav-jsc li li b,
#nav-jsc li.hover li b,
#nav-jsc li.hover li.hover li.hover b{
	/*background:#000;*/
}

#nav-jsc #nav-rouge a{background:transparent url(../../imgs/tpl/header-bg-bt-rouge.gif) right 0px no-repeat;}
#nav-jsc #nav-rouge b{background:transparent url(../../imgs/tpl/header-bg-bt-rouge.gif) left -20px no-repeat;}
#nav-jsc #nav-rouge a:hover,
#nav-jsc #nav-rouge li a:hover,
#nav-jsc #nav-rouge li a.on,
#nav-jsc #nav-rouge li.hover a
#nav-jsc #nav-rouge li.hover a.on,
#nav-jsc #nav-rouge li.hover a.on:hover {
	background-position:right -40px;
    color:#000000;
}

#nav-jsc #nav-rouge li.on b,
#nav-jsc #nav-rouge li a:hover b,
#nav-jsc #nav-rouge li.hover b{
	background-position:left -60px;
    color:#000000;
}

#nav-jsc #nav-bleu a{background:transparent url(../../imgs/tpl/header-bg-bt-bleu.gif) right 0px no-repeat;}
#nav-jsc #nav-bleu b{background:transparent url(../../imgs/tpl/header-bg-bt-bleu.gif) left -20px no-repeat;}
#nav-jsc #nav-bleu a:hover,
#nav-jsc #nav-bleu li a:hover,
#nav-jsc #nav-bleu li a.on,
#nav-jsc #nav-bleu li.hover a
#nav-jsc #nav-bleu li.hover a.on,
#nav-jsc #nav-bleu li.hover a.on:hover {
	background-position:right -40px;
    color:#000000;
}

#nav-jsc #nav-bleu li.on b,
#nav-jsc #nav-bleu li a:hover b,
#nav-jsc #nav-bleu li.hover b{
	background-position:left -60px;
    color:#000000;
}

#nav-jsc #nav-vert a{background:transparent url(../../imgs/tpl/header-bg-bt-vert.gif) right 0px no-repeat;}
#nav-jsc #nav-vert b{background:transparent url(../../imgs/tpl/header-bg-bt-vert.gif) left -20px no-repeat;}
#nav-jsc #nav-vert a:hover,
#nav-jsc #nav-vert li a:hover,
#nav-jsc #nav-vert li a.on,
#nav-jsc #nav-vert li.hover a
#nav-jsc #nav-vert li.hover a.on,
#nav-jsc #nav-vert li.hover a.on:hover {
	background-position:right -40px;
    color:#000000;
}

#nav-jsc #nav-vert li.on b,
#nav-jsc #nav-vert li a:hover b,
#nav-jsc #nav-vert li.hover b{
	background-position:left -60px;
    color:#000000;
}

#nav-jsc #nav-orange a{background:transparent url(../../imgs/tpl/header-bg-bt-orange.gif) right 0px no-repeat;}
#nav-jsc #nav-orange b{background:transparent url(../../imgs/tpl/header-bg-bt-orange.gif) left -20px no-repeat;}
#nav-jsc #nav-orange a:hover,
#nav-jsc #nav-orange li a:hover,
#nav-jsc #nav-orange li a.on,
#nav-jsc #nav-orange li.hover a
#nav-jsc #nav-orange li.hover a.on,
#nav-jsc #nav-orange li.hover a.on:hover {
	background-position:right -40px;
    color:#000000;
}

#nav-jsc #nav-orange li.on b,
#nav-jsc #nav-orange li a:hover b,
#nav-jsc #nav-orange li.hover b{
	background-position:left -60px;
    color:#000000;
}

#nav-jsc #nav-or a{background:transparent url(../../imgs/tpl/header-bg-bt-or.gif) right 0px no-repeat;}
#nav-jsc #nav-or b{background:transparent url(../../imgs/tpl/header-bg-bt-or.gif) left -20px no-repeat;}
#nav-jsc #nav-or a:hover,
#nav-jsc #nav-or li a:hover,
#nav-jsc #nav-or li a.on,
#nav-jsc #nav-or li.hover a
#nav-jsc #nav-or li.hover a.on,
#nav-jsc #nav-or li.hover a.on:hover {
	background-position:right -40px;
    color:#000000;
}

#nav-jsc #nav-or li.on b,
#nav-jsc #nav-or li a:hover b,
#nav-jsc #nav-or li.hover b{
	background-position:left -60px;
    color:#000000;
}


/* Navivation Asso */

#nav-asso {
    position:absolute;
    width:890px;
    height:48px;
    top:124px;
    left:30px;
    text-align:center;
}

#nav-asso ul{position:relative;width:100%;text-align:center;}
#nav-asso ul ul{
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    width:150px;
    background:#000000;
    border:1px solid #03709f;
    margin:-101px 0px 0px -30px;
    padding:3px;
}
#nav-asso li{
	position:relative;

	float:left;
	height:20px;
	padding-top:3px;
    margin-bottom:4px;
}
#nav-asso a{
	display:block;
	margin-right:3px;
    padding:0 4px 0 0px;
}
#nav-asso b{
	display:block;
	height:20px;
	margin-right:2px;
	padding:0 0px 0 6px;
	line-height:20px;
	font-size:11px;
	cursor:pointer;
}

#nav-asso b{color:#FFF;}
#nav-asso ul,
#nav-asso li,
#nav-asso li.hover li a,
#nav-asso li li b,
#nav-asso li.hover li b,
#nav-asso li.hover li.hover li.hover b{
	/*background:#000;*/
}

#nav-asso a{background:transparent url(../../imgs/tpl/header-bg-bt-asso.gif) right 40px no-repeat;}
#nav-asso b{background:transparent url(../../imgs/tpl/header-bg-bt-asso.gif) left 40px no-repeat;}
#nav-asso li a:hover,
#nav-asso li.hover a{
	background-position:right -40px;
}
#nav-asso li a:hover b,
#nav-asso li.hover b{
	background-position:left -60px;
}

#nav-asso #nav-on a,
#nav-asso #nav-on a:hover{
	background-position:right -40px;
}
#nav-asso #nav-on b,
#nav-asso #nav-on a:hover b{
	background-position:left -60px;
}