

html {
   margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
/*     background: #FFF url(../images/fond-haut.gif) repeat-x top left;  */
    /*background-color:#FFF;*/
    overflow:auto;
    overflow-y:scroll;
    overflow-x:hidden;
 
}

body {
    font-family: Univers, Helvetica, Arial, sans-serif;
    font-size:10pt;
    line-height:1.4em;
    margin: 0;
    padding: 0;
    height: 100%;
   width: 100%;
    color:#6e7178;
/*    background: #FFF  url(../images/fond-haut.gif) repeat-x top left;*/
    background-color:#FFF;
   background-image: url(../images/fond-haut.gif);
    background-repeat:repeat-x;
    overflow:visible;
  /*  overflow-y:scroll !important;
    overflow-x:hidden;*/
  }

body.send {
   background-image: none;
    margin: 0;
    padding: 0;
    height: 100%;
   width: 100%;

}

body.carte {
    background: #FFF;
  }


ul {
    margin:0;
    padding:0;
    list-style:none;
  }


p {
    margin:0px;
    padding:0px;
    margin-bottom:2em;
  }


img {
    border:none;
  }


.bdr {
    margin:0px;
    padding:10px;
    border-style: solid;
    border-width: 1px;
    border-color: #c40009;
  }


#header {
    height: 130px;
    font-family: Baskerville, Georgia, Times New Roman;
    text-transform: uppercase;
    background: url(../images/header.gif) no-repeat top left; /*#a1a7ae url(../images/header.jpg) no-repeat top left;*/
    z-index:-4;
  }

/*#topbg {
    position:fixed;
    left:0px;
    top:0px;
    height:96px;
    width:100%;
    background: #FFF; 
    margin:0px;
    z-index:-5;
  }*/

#topbg2 {
    position:absolute;
    left:0px;
    top:96px;
    height: 34px;
    width:100%;
/*     background: #a1a7ae; */
    margin:0px;
    z-index:-1;
    /*float:top;*/
  }

#conteneur {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    width:100%;
    height:100%;
    position: relative;
/*    top:0px;*/
    text-align: left;
    min-height:480px;
    overflow:visible;
    width: expression(this.width > 1024 ? 1024: true);
  }

#contenu {
    position:absolute;
    padding-left:35px;
    padding-right:55px;
    padding-top:28px;
    left:200px;
    right:205px;
    width:auto;
    height:auto;
    min-width:350px;
    text-align:justify;
    overflow:visible;
  }


#contenu a {
    text-decoration:underline;
    color:#6e7178;
  }


#contenu a:hover {
    text-decoration:underline;
  }

#texte_page {
    text-align:justify;
    min-height:200px;
}

#texte_page ul {
    margin:20px;
    padding:0;
    list-style:disc;
  }
#texte_page ul li {
    margin-top:5px;
    margin-bottom:5px;
  }

.bodytext {
   max-width:500px;
   width: expression(this.width > 600 ? 600: true);
}

.bodytext ul {
}

#pied {
    position:relative;
    width: 350px;
    width: expression(this.width > 350 ? 350: true);
    left:auto;
    right:auto;
    top:30px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
    text-align:center;
  }

#pied a {
    font-family: Univers, Helvetica, Arial, sans-serif;
    font-size:9pt;
    line-height:1.4em;
    text-transform:uppercase;
    text-decoration:none;
    color:#a1a7ae;
    white-space: nowrap;
  }

#pied a:hover {
    text-decoration:underline;
    color:#000;
  }


#pied .current {
    color:#000;
  }



p {
    margin: 0 0 20px 0;
  }


h1 {
    margin:0;
    padding:0;
    width:100%;
    text-align:right;
  }


.logo {
    margin-right:54px !important;
    margin-right:80px;
  }


*+html .logo {
    margin-right:54px;
  }


#logoprint {
    display:none;
    height:0;
  }


h2 {
    margin:0;
    padding:0;
    display:block;
    width: 180px;
    height: 34px;
    color:#FFF;
    text-transform: uppercase;
    text-align: center;
    line-height:34px;
    font-size:9pt;
    background-color: #c40009;
    font-weight:normal;
  }


h3 {
    margin:0px;
    padding:0px;
    display:none;
  }


#contenu h5 {
    margin:0px;
    padding:20px 0 20px 0;
    font-family: Baskerville, Georgia, Times New Roman;
    font-size:14pt;
    line-height:23pt;
    font-weight:normal;
  }


#contenu h4 {
    margin:0px;
    padding:20px 0 20px 0;
    font-family: Baskerville, Georgia, Times New Roman;
    line-height:23pt;
    font-weight:normal;
    padding-top:10px;
    font-size:19pt;
  }


#languages {
    position:absolute;
    top:16px;
    left:32px;
    font-size:8pt;
    font-family: Univers, Helvetica, Arial, sans-serif;
    line-height:1.4em;
    font-weight:bold;
    display:none;
  }


#languages a {
    height:15px;
    text-decoration:none;
    color:#6e7178;
    padding-left:10px;
    padding-right:10px;
  }


#languages a:hover {
    background-color:#c40009;
    color:#FFF;
    padding-left:10px;
    padding-right:10px;
  }


#topmenu {
    position:absolute;
    top:72px;
    left:32px;
    /*z-index:1;*/
  }

#topmenu ul {
    /*padding-left:0;*/
    white-space: nowrap;
    margin:0px;
}

#topmenu ul li {
    float:left;
    display: inline;
    list-style-type: none;
    height:30px;
    margin:0px;
  }


#topmenu ul li a {
    text-decoration:none;
    line-height:30px;
    color:#6e7178;
    padding-left:20px;
    padding-right:20px;
    padding-top:3px;
    padding-bottom:2px;
    font-size:8pt;
    /*line-height:1.4em;*/
    font-weight:bold;
    font-family: Univers, Helvetica, Arial, sans-serif;
    margin:0px;
  }


#topmenu ul li a:hover {
    /*border-top:1px solid #ed1c24;
    border-left:1px solid #ed1c24;
    border-right:1px solid #ed1c24;*/
    padding-left:20px;
    padding-right:20px;
    padding-top:3px;
    padding-bottom:2px;
    font-size:8pt;
    background-color:#c40009;
    color:#FFF;
  }


#topmenu .current  a {
    color:#FFF;
    /*height:20px;
    line-height:20px;
    border-top:1px solid #ed1c24;
    border-left:1px solid #ed1c24;
    border-right:1px solid #ed1c24;*/
    padding-left:20px;
    padding-right:20px;
    padding-top:3px;
    padding-bottom:2px;
    font-size:8pt;
    background-color:#c40009;
  }




#gauche {
    position: absolute;
    left:0;
    -width: 180px;
  }


#gauche ul {
    position:relative;
    top:25px;
    left:27px;
    width:180px;
    padding:0;
    margin:0;
    font-size:8pt;
  }


#gauche ul li {
    background-color:#a1a7ae;
    width:180px;
    padding:0;
    margin:0;
    text-transform: uppercase;
  }


#gauche ul li a {
    text-decoration:none;
/*     width:180px; */
    display: block;
    height:22px;
    line-height:22px;
    padding-left:10px;
    color:#FFF;
  }


#gauche ul li a:hover {
    background-color:#c40009;
    color:#FFF;
/*     width:170px; */
  }


#gauche {
    font-size:9pt;
    line-height:1.4em;
  }


#gauche .current a {
    background-color:#c40009;
    color:#FFF;
    height:22px;
    line-height:22px;
    /*font-weight:bold;
    */
  }


#gauche #menu3 {
    position:relative;
    top:0;
    left:0;
  }


#gauche #menu3 li {
    background:#FFF;
  }


#gauche #menu3 li a {
    color:#a1a7ae;
    text-decoration:none;
    background:#FFF;
  }


#gauche #menu3 li a:hover {
    color:#a1a7ae;
    text-decoration:underline;
    background-color:#FFF;
  }


#gauche #menu3 li a.current {
    text-decoration:underline;
    background:#FFF;
  }


#gauche #menu4 {
    position:relative;
    top:0;
    left:0;
    font-size:8pt;
  }


#gauche #menu4 li {
    background:#FFF;
    padding-left:12px;
  }


#gauche #menu4 li a {
    color:#6e7178;
    text-decoration:none;
  }


#gauche #menu4 li a:hover {
    color:#6e7178;
    text-decoration:underline;
    background-color:#FFF;
  }


#gauche #menu4 li a.current {
    text-decoration:underline;
    background:#FFF;
  }


.chemin {
    -width : 170px;
    font-family : Univers, Helvetica, Arial, sans-serif;
    white-space: nowrap;
    font-size : 9pt;
    left : 27px;
    line-height : 1.4em;
    padding-left : 5px;
    position : relative;
    top : 12px;
    color:#c40009;
  }


.chemin a {
    text-decoration:none;
    -text-transform: uppercase;
    color:#c40009;
  }


.chemin a:hover {
    text-decoration:underline;
  }


.chemin a.home {
    text-decoration:none;
    color:#c40009;
    text-transform:none;
  }


.chemin a.home:hover {
    text-decoration:underline;
    color:#c40009;
  }

.chemin span {
    text-transform: uppercase;
    color:#6e7178;
}

#login {
    position:absolute;
    display:block;
    width:180px;
    height:24px;
    top:378px;
    background: url(../images/fond-login.gif) repeat-y top left;
    text-transform: uppercase;
    font-weight: bold;
    font-size:9pt;
    line-height:24px;
    color:#FFF;
    right:54px !important;
    /*FF*/*right:54px !important;
    /*IE7*/right:80px;
    /*IE6*/z-index:10;
  }


#login a {
    text-decoration:none;
    color:#6e7178;
  }


#login a:hover {
    text-decoration:underline;
    color:#c40009;
  }


#subscr {
    position:relative;
    display:block;
    width:180px;
    height:24px;
    top:90px;
    font-family: Univers, Helvetica, Arial, sans-serif;
    color:#6e7178;
    font-size:9pt;
  }


#subscr a {
    text-decoration:underline;
    color:#6e7178;
    font-weight:bold;
  }


#subscr a:hover {
    text-decoration:underline;
    color:#c40009;
    font-weight:bold;

  }


#subscr p {
    margin-bottom:0;
    clear:both;
  }


#chemin {
    position:absolute;
    top:153px;
    left:32px;
    font-family: Univers, Helvetica, Arial, sans-serif;
    font-size:9pt;
    line-height:1.4em;
  }


#image {
    position:relative;
    top:0px;
    width:180px;
    /*float:right;
    */;
  }


#tools {
    position:relative;
    top:20px;
    width:180px;
    float:right;
    /*padding-left:25px;*/
  }


#tools {
    font-family: Univers, Helvetica, Arial, sans-serif;
    font-size:8pt;
    text-transform:uppercase;
  }


#tools a {
    text-decoration:none;
    color:#6e7178;
    height:1.4em;
    line-height:1.4em;
  }


#tools a:hover {
    text-decoration:underline;
    color:#c40009;
    height:1.4em;
    line-height:1.4em;
  }


* html #tools ul {
    padding-right:100px;
    margin:0;
    padding:0;
  }



#tools #print {
    float:left;
    width:80px;
   vertical-align:middle;
 
  }


#tools #send {
   width:80px;
   float:left; 
   vertical-align:middle;
  }

#tools #send img {
 padding:2;
}


#contenu #retour {
    font-family: Univers, Helvetica, Arial, sans-serif;
    font-size:9pt;
    line-height:1.4em;
    text-transform:uppercase;
    width:115px;
    /*background-image: url(../images/back.gif);
    background-repeat: no-repeat;
    background-position: right center;*/
    float:right;
    padding-right:10px;
   vertical-align:top;
  }


#contenu #retour a {
    color:#6e7178;
    text-decoration:none;
  }


#contenu #retour a:hover {
    color:#c40009;
    text-decoration:underline;
  }


#droite {
    position: absolute;
    margin:0;
    padding:0;
    top:0px;
    width: 180px;
    height:auto;
    right:25px;
    font-family: Georgia, Arial, sans-serif;
    font-size:11.5pt;
    float:right;
  }

#logo {
   height:96px;
}
#logoprint {
   height:96px;
   background:#FFF;
}

#contsitemap {
    margin-left: 218px;
    margin-right: 290px;
    padding:30px;
    height:auto;
  }

DIV.csc-sitemap a 
{
    text-decoration:none;
    color:yellow;

}
.csc-sitemap ul li {
    list-style:none;
    text-decoration:none;
}

DIV.csc-sitemap ul li a {
    text-decoration:none;
    color:yellow;

}

.csc-sitemap ul li a:hover {
    text-decoration:underline;
}

.csc-sitemap ul li ul li {
    list-style:disc;
    margin-left:15px;
}

html>body #contsitemap {
    height: auto;
    /*min-height: 350px;
    */;
  }


#contsitemap ul {
    list-style:disc;
  }


#contsitemap p {
    margin-bottom:10px;
  }


#contsitemap a {
    text-decoration:none;
    color:#c40009;
  }


#contsitemap a:hover {
    text-decoration:underline;
  }


.ulmap {
    margin-top:0;
    padding:20px;
    padding-top:0;
  }


.ulmap li {
    margin-top:0;
  }


.sendlogo {
    position:abolute;
    left:0;
    top:0;
    padding-left:20px;
    height:84px;
    width:100%;
    border-bottom: #a1a7ae 1px solid;
    background:#FFF;
  }


.send {
    padding-left:15px;
  }

.send tr td {
   text-align:top;
}

div.tx-pmtipafriend-pi1 {
    width: 400px;
}

#fieldComment {
    width: 200px;
    height: 100px;
}
#fieldSenderName {
    width: 200px;
}
#fieldSenderEmail {
    width: 200px;
}
#fieldRecipientEmail {
    width: 200px;
}

.erreur {
    font-size:11px;
    color:#F00;
    font-weight:bold;
  }


.centre {
    text-align:center;
  }


.centpcent {
    width:100%;
  }


.bouton {
    border: #a1a7ae 1px solid;
    background:#F2EEE3;
  }


input {
    border: #a1a7ae 1px solid;
    background:#F2EEE3;
  }


#login {
    display:none !important;
  }


#subscr {
    display:none !important;
  }


#contenu {
    clear:both;
  }

#homeblocks {
   display:table-row;
}

#creditcards {
    float:left;
    width:195px;
    height:145px;
    padding:0px;
    margin:20px;
    background: #f1f4e7 url(../images/credit-cards.jpg) left bottom no-repeat;
  }


#privatebanking {
    float:right;
    width:195px;
    height:145px;
    padding:0px;
    margin:20px;
    background: #f1f4e7 url(../images/private-banking.jpg) left bottom no-repeat;
  }

#creditcards p, #privatebanking p {
    line-height:16px;
    font-size:8pt;
    color:#6e7178;
    display:block;
    text-decoration:none;
    padding:4px;
  }

#creditcards a, #privatebanking a {
    display:block;
    color:#c40009;
    margin-top:10px;
    text-decoration:none;
    float:right;
  }


#creditcards h4, #privatebanking h4 {
    margin:0px;
    padding:4px;
    font-family: Baskerville, Georgia, Times New Roman;
    font-size:14pt;
    font-weight:normal;
  }


span.pdf {
    color:#c8c8c8;

    font-size:10px;
  }

.faq p {
   margin-top:0;

   margin-left:25px;
}

.lien{padding:0;margin-top:5px;text-align:center;width:100%;}
.lien a{color:#003916; text-decoration:none;}
.lien a:hover{color:#003916; text-decoration:underline; font-weight:bold;}

.lien2{position:absolute;top:75px;right:20px;}
.lien2 a{color:#003916; text-decoration:none;}
.lien2 a:hover{color:#003916; text-decoration:underline; font-weight:bold;}


.align-center {text-align:center;}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 1px solid black;
		padding: 0px 0px;
	}
