 @charset "utf-8";
/* CSS Document */


/*  ***************** STRUCTURE ***************** */

html,
body,
#form1 { margin:0; padding:0; height:100%; min-width:824px;}

body{
background:#aaaaaa;
font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size:16px;
color:white;
}

#bodyfix {
background:url("/App_Themes/Images/bak.jpg");
text-align:center
} 

hr{
margin-top:20px;
margin-bottom:20px;
padding:0;
color:#fff;
border-bottom:1px dotted #d0d0d0;
display:block;
}

img{
border:0;
}

a,
a:link,
a:active,
a:visited{
color:#333;
}

a:hover{
color:#666;
text-decoration:none;
}

h1{
margin:0;
font-size:24px;
font-weight:normal;
}

h2{
margin:0;
font-size:20px;
font-weight:normal;
}

h3{
margin:0;
font-size:18px;
font-weight:normal;
color:#800000;
}

.head {
display:none;
}

#header {
position:relative;  /* pour la largeur 100% */
height:80px;
background-image:url("/App_Themes/Images/bak_hea.jpg");
z-index:2;
}

#headerlog {
position:relative;
right:228px;
}

#showcase{
position:relative;
background-image:url("/App_Themes/Images/bak_sho.jpg");
background-repeat:repeat-x;
z-index:0;
}

.slideshow{
width:804px;
height:534px;
text-align:center;
margin: 0 auto;
}

.slideshow img{
margin:14px 0;
}

#container {
margin:-80px auto 0; /* espace du header */
width:824px;
background:url("/App_Themes/Images/bak_cnt.png");
min-height:100%;
}

#containershow {
margin:-614px auto 0; /* espace du header */
width:824px;
background:url("/App_Themes/Images/bak_cnt.png");
background-position: 0 614px; 
min-height:100%;
}

* html #container, *html #containershow {height:100%;} 

#content{
padding:80px 0 55px 0; /* espace du header et du footer */
text-align:left;
}

#contentshow{
padding:614px 0 55px 0; /* espace du header et du footer */
text-align:left;
}

#contenttxt{
padding:20px 35px 20px 40px;
margin:11px;
z-index:5;
}

#footer{
margin:-55px 0;  /* espace du footer */
height:55px;
line-height:55px;
background:url('/App_Themes/Images/cnt_bot_bak.jpg');
color:#c7c7c7;
font-size:11px;
word-spacing:2px;
}

#footer a,
#footera:link,
#footera:active,
#footera:visited{
color:#c7c7c7;
}

#footer a:hover{
color:#000;
}


/*  ***************** DIV'S AND CLASSES ***************** */

.hrdashed{
margin:0;
padding:0;
border-bottom:1px dotted black;
width:100%;
display:block;
}


#banktoph1{
float:left;
}

#banktopsearch{
float:right;
}

#banktxt{
padding-top:22px;
clear:both;
}

.bankthu{
background:url('/App_Themes/Images/cnt_bnk_thu_bak.png');
float:left;
width:170px;
height:187px;
padding:6px 0 0 6px;
margin:0 5px 5px 0;
}

.bankthutit{
float:left;
font-size:9px;
color:white;
height:23px;
line-height:23px;
}

.bankthuord{
float:right;
padding:0 10px 0 0;
}

.NewsPDate{
font-size:12px;
color:#444
}

.NewsPTitle{
font-size:19px;
}

.newsItemDetail h1{
font-size:19px;
}


/* --------------------- MAIN ----------------------  */

/* ************** DROPDOWN NAV STRUCTURE ************ */
.headernav {
padding:0;
margin:0px auto;
width: 824px;
color:#fff;
}

.headernav a, .headernav a:visited  {
color:#fff;
}

.headernav ul {
padding: 0px;
margin: 0px;
list-style: none;
}

.headernav ul li {
padding: 0px;
margin: 0px;
list-style: none;
display:block;
overflow:hidden;
float:left;
}

.headernav ul li a {
display:block;
overflow:hidden;
}

.headernav ul li ul {
position:absolute;
width:140px;
padding: 0px;
margin: 0 0 0 2px;
list-style: none;
}

.headernav ul li ul li {
margin:0px;
padding:0px;
width:140px;
}

.headernav ul li ul li a{
font-size:12px;
color:#fff;
text-decoration:none;
display:block;
background:#979797;
border-bottom:1px solid #adadad;
text-indent: 0px !important;
}

.headernav ul li ul li a:hover{
font-size:12px;
color:#fff;
text-decoration:none;
background:#868686;
text-indent: 0px !important;
}

.headernav ul li ul {
display: none;
}

.headernav ul li:hover ul {
text-indent: 0px;
display: block;
}

/* ************** NAV LINKS ************ */


/* --IND (acc) -- */
.headernav ul li.navind a {
width: 40px;
}

.headernav ul li.navind a:hover, .headernav ul li.navind_on a {
text-indent: -40px;
}

/* --POR-- */
.headernav ul li.navpor a {
width: 142px;
}

.headernav ul li.navpor a:hover, .headernav ul li.navpor_on a {
text-indent: -142px;
}

/* --MUL-- */
.headernav ul li.navmul a {
width: 142px;
}

.headernav ul li.navmul a:hover, .headernav ul li.navmul_on a {
text-indent: -142px;
}

/* --BAN-- */
.headernav ul li.navban a {
width: 142px;
}
.headernav ul li.navban a:hover, .headernav ul li.navban_on a {

text-indent: -142px;
}

/* --FOR-- */
.headernav ul li.navfor a {
width: 117px;
}
.headernav ul li.navfor a:hover, .headernav ul li.navfor_on a {
text-indent: -117px;
}

/* --NOU-- */
.headernav ul li.navnou a {
width: 89px;
}
.headernav ul li.navnou a:hover, .headernav ul li.navnou_on a {
text-indent: -89px;
}

/* --CON-- */
.headernav ul li.navcon a {
width: 78px;
}
.headernav ul li.navcon a:hover, .headernav ul li.navcon_on a {
text-indent: -78px;
}

/* --LAN-- */
.headernav ul li.navlan a {
width: 74px;
}
.headernav ul li.navlan a:hover, .headernav ul li.navlan_on a {
text-indent: -74px;
}



/* -------- ANGLAIS -------- */



/* --FOR EN-CA-- */
.headernav ul li.navforen a {
width: 107px;
}
.headernav ul li.navforen a:hover, .headernav ul li.navforen_on a {
text-indent: -107px;
}

/* --NOU EN-CA-- */
.headernav ul li.navnouen a {
width: 74px;
}
.headernav ul li.navnouen a:hover, .headernav ul li.navnouen_on a {
text-indent: -74px;
}

/* --CON EN-CA-- */
.headernav ul li.navconen a {
width: 89px;
}
.headernav ul li.navconen a:hover, .headernav ul li.navconen_on a {
text-indent: -89px;
}

/* --LAN EN-CA-- */
.headernav ul li.navlanen a {
width: 87px;
}

.headernav ul li.navlanen a:hover, .headernav ul li.navlanen_on a {
text-indent: -87px;
}