/*===================	Menu de navigation	==========================================*/
#menu {
height:35px;
width:1014px;
margin-left:0px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin: 0px;
}

#menu a:link, #menu a:visited {
	text-transform:uppercase;
	color : #d8a751;
	float : left;
	font-size : 14px;
	font-weight : bold;
	line-height : 14px;
	margin-top: 3px;
	margin-right : 8px;
	padding : 4px 12px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	color : #9e1a18;
}

#menu a:hover	{
	color : #9e1a18;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a {
	color : #9e1a18;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5{
	display : inline;
	left : 150px;
	position : absolute;
	top : 145px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a ,
body.section-5 #menu ul#subnav-5 a{
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #menu ul a:hover {
	color : #f00 !important;
}
/* ================================================================================= */
#subnav {
background:transparent url(../image/subnav.jpg) no-repeat scroll 0 0;
height:35px;
margin:0px;
}

#subnav ul, #subnav li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
	
}

#subnav a:link, #subnav a:visited	{
	color : #40409c;
	float : left;
	font-size : 12px;
	font-weight : bold;
	line-height : 14px;
	margin-top: 3px;
	margin-right : 8px;
	padding : 4px 12px;
	text-decoration : none;
}

#subnav a:link.active, #subnav a:visited.active	{
	background : #fff;
	color : #f22021;
}

#subnav a:hover	{
	background : #fff;
	color : #f22021;
}


 #subnav ul a:hover {
	color : #f00 !important;
}
/*======================================================*/
/* 		   section navigation			*/
/*======================================================*/
#navigation
{
float: left;
padding : 0px;
width: 725px;
height : 329px;
overflow : hidden;
text-align: justify;  
background-image : url('../images/fond_nav.png');
background-repeat : no-repeat;
z-index: +1;
}
.stripViewer .panelContainer .panel ul {
margin: 0px;  /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
padding: 0px;
list-style-type : none;
list-style-position: outside;
margin:5px;
text-align:left;
}
.slider-wrap 
{ /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px;
	position: relative;
	width: 100%;
}
/* These 2 lines specify style applied while slider is loading */
.csw {
        background: #fff none repeat scroll 0%;  
        height: 290px;
        overflow: hidden;
        width: 100%;
}
.csw .loading {
    margin: 100px 0 300px 0; 
    text-align: center
}
.stripViewer 
{ /* This is the viewing window */
    background : #FFFFFF none repeat scroll 0%;
	height: 286px;
	width: 494px;
	margin : 21px 0px 21px 0px;
	overflow: hidden; 
	padding : 0px;
    position : relative;
	text-align: left;

}
.stripViewer .panelContainer 
{ /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	left: 0; 
    top: 0;
	width: 100%;
	position: relative;
	list-style-type: none;
	list-style-position: outside;
	-moz-user-select: none; 
}
.stripViewer .panelContainer .panel 
{ /* Each panel is arranged end-to-end */
	float: left;
	height: 100%;
	position: relative;
	width: 494px; /* Also specified in  .stripViewer  above */
}
.stripViewer .panelContainer .panel .wrapper 
{ /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 2px;
}
.stripNav 
{ /* This is the div to hold your nav (the UL generated at run time) */
	float: left;	
	margin : 0px;
	overflow : hidden;
	padding : 0px;
	text-align: left;
	width: auto;  
	height : auto;
}
.stripNav ul {
height: 294px;
width: 100%;
display : inline;
list-style-type : none;
list-style-position: outside;
}


.stripNav li 
{
padding-left: 18px;
	float: left;
	margin: 0px;  /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	list-style-type: none;
	list-style-position: outside;
	display:inline;
	height: 74px;
	width: 200px;
}
.stripNav a 
{ /* The nav links */
	padding-top : auto;
	padding-left : auto;
	float : left;
	font-family: arial,tahoma,sans-serif;
	letter-spacing : length;
	font-size: 16px;
	font-style: normal; 
	font-weight: bold;  
	color: #002f68;
	text-decoration: none;
}
.stripNav li a:hover 
{ 	
	text-decoration: none;
    color : #9e1a18;
	width: 100%;
	height: 100%;
	background: url('../images/activ.png') no-repeat scroll 0 0 transparent;
}
.stripNav li a.current 
{ 	
	width: 100%;
	height: 100%;
	text-decoration: none;
    color : #9e1a18;
	background: url('/images/activ.png') no-repeat scroll 0 0 transparent;
	cursor: default;
 }