@charset "utf-8";
/*NEWMENU*/
#taal {
	width:100%;
	height:20px;
	text-align:center;
	}
#taal2 {
float:right;
position:relative;
	}
#taal a{
	padding:5px 10px;
	margin:10px 5px 0 0;
	text-decoration:none;
	}
#taal a.active,
#taal a.active:hover {
	color:#fff;
	background: #CCC;
	font-weight:bold;
}

#headerbloc{
position:relative;
height:auto;
/*height:211px;
*/
width:980px;
font-family: 'Rosario', sans-serif;
/*background:url(../img/headerJP.jpg);
*/
}

#headerbloclong{
position:relative;
height:auto;
/*height:211px;
*/
width:5880px;
font-family: 'Rosario', sans-serif;
/*background:url(../img/headerJP.jpg);
*/
}
.nav-main {
	background:none;
	border-bottom:solid thin #FFF;
	}

#navigation { /*conteneur du menu*/
position: absolute;
left:0;
bottom:0;
padding: 0;

width:960px;
height:30px;
margin:0;

background: #013478;


/*background: #FFF;
*/
/*border: solid 1px #666;
*/
border:none;
}

#navigationlong { /*conteneur du menu*/
position: absolute;
left:0;
bottom:0;
padding: 0;

width:5880px;
height:30px;
margin:0;

background: #013478;

border:none;
}

ul.nav-main li { /*règles générales des items de liste */
list-style: none;
margin: 0;
border-right:solid thin #FFF;
}

ul.nav-main { /*règles des items principaux*/
position: relative;
z-index: 597;
}

ul.nav-main li:hover > ul { /*apparition des sous-listes au survol de l'item principal ul*/
visibility: visible;
}

ul.nav-main li:hover { /*design des items de liste au survol*/
position: relative;
z-index: 599;
cursor: pointer;
background: #014196;
}

ul.nav-main li { /*positionnement, dimensions, couleurs et textes des items de liste*/
float:left;
display:block;
height: 30px;
color: #FFF;
font: 12px Arial, Helvetica, sans-serif, bold;
}

ul.nav-main li a { /*positionnement, dimensions, couleurs et textes des items de liste intégrant une redirection url*/
display: block;
padding: 3px 16px 0 16px;
height: auto;
color: #FFF;
font: 12px Arial, Helvetica, sans-serif, bold;
text-decoration:none;
}

ul.nav-main li a:hover { /* couleurs des items de liste au survol*/
color:#F6F7F9;
}

ul.nav-main *.list { /*décalage entre chaque items principaux*/
/*padding-right: 22px;*/
padding-right: 0;
}

ul.nav-sub { /*règles de la liste ul de sous menus*/
visibility: hidden;
position: absolute;
padding:0;
color:#013478;
/*top: 20px;
left: -35px;
*/
z-index: 598;
/*
background: #013478;
*/
background: #FFF;
/*background:rgba(204, 204, 204, 0.6);*/
text-align:left;

border-right: 2px solid #013478;
border-bottom: 2px solid #013478;
border-left: 2px solid #013478;

}

ul.nav-sub li { /* regles des items de liste sous menu */
list-style:none;
display:block;
padding: 0;
height: auto;
float: none;
width: inherit;
border-bottom: 1px solid #5a5a5a;
border-right:none;
background: none;
color:#013478;
}

ul.nav-sub li a { /* règles des items de liste de sous menus intégrant une redirection url */
list-style:none;
display:block;
padding: 3px 3px;
height: auto;
float: none;
width: inherit; 
background: none;
font: 12px Arial, Helvetica, sans-serif;
color:#013478;
}

/* sub line*/
.nav-main2 {
	background:none;
	}
	
#navigation2 { /*conteneur du menu*/
padding: 0;

width:960px;
height:auto;

background: #FFF;
margin:0;
}

ul.nav-main2 li { /*règles générales des items de liste */
list-style: none;
margin:0;
border:solid 1px #013478;
}

ul.nav-main2 { /*règles des items principaux*/
position: relative;
z-index: 597;
}

ul.nav-main2 li:hover { /*design des items de liste au survol*/
position: relative;
z-index: 599;
cursor: pointer;
background: #FFF;
}

ul.nav-main2 li { /*positionnement, dimensions, couleurs et textes des items de liste*/
float:left;
display:block;
height: auto;
color: #013478;
font: 12px Arial, Helvetica, sans-serif, bold;
}

ul.nav-main2 li a { /*positionnement, dimensions, couleurs et textes des items de liste intégrant une redirection url*/
display: block;
padding: 2px 10px;
height: auto;
color: #013478;
font: 12px Arial, Helvetica, sans-serif, bold;
text-decoration:none;
}

ul.nav-main2 li a:hover { /* couleurs des items de liste au survol*/
color:#013478;
}

ul.nav-main2 *.list2 { /*décalage entre chaque items principaux*/
margin-right: 8px;
margin-top: 5px;
}

