/* CSS Document */

html, body {margin: 0;padding: 0;background-color: #FFF;}
body, td {font-family: arial, helvetica;color: #333;font-size: 12px;}
a:hover {text-decoration:underline; color:#cc0000}
a:link, a:visited {text-decoration:none; color:#666}


div#ccentre { text-align:center;}
div#ccentre div#centre { margin-left:auto;margin-right:auto;margin-top:0px;position:relative;}
div#ccentre.wide div#centre { width:1004px;}
div#ccentre.wide #sideBorders {background:url(../images/bkg_main.jpg) repeat-y;overflow:hidden;}
div#ccentre.wide div#TopSite { width:1004px; height:10px; margin:0; padding:0}
div#ccentre.wide div#BottomSite { width:1004px; height:17px; margin:0; padding:0}

div#panelContent {height:auto; margin:0 13px 0 15px;  text-align:left; clear:both; }
div#panelhead1024 {height:134px;background:url(../images/bkg_toplogo.jpg) repeat-x;margin:0;text-align:left; clear:both; }
div#ccentre.wide div#logoBanco {float:left;width:208px; padding: 33px 0 0 34px}
div#ccentre.wide div#pub {float:left;width:322px; padding: 5px 0 0 0px; margin: 0 0 0 20px}
div#ccentre.wide div#rightTop {float:right;width:670px; display:block; text-align:right; color:#FFFFFF}
div#ccentre.wide div#TopTopbtn {padding:10px 20px 0 0; height:20px}
div#ccentre.wide div#TopTopbtn a {color:#ffffff;font-size:11px;text-decoration:none;}
div#ccentre.wide div#TopTopbtn a:hover {text-decoration:underline;}
div#ccentre.wide div#Searchbar {background-color:#ac0100; margin-right:10px; height:81px; text-align:left; display:block; position:relative; overflow:hidden; color:#FFFFFF; padding: 0 0 0 20px }




/* Navigation */
div#mainBtn {padding:0; margin:0;  clear:both;   width:100%; background-image:url(../images/bkg_btn.jpg);}
ul#menu {list-style-type:none; margin:0; padding:0; display:block; position:relative; overflow:hidden; font-family:arial; text-transform:uppercase }
ul#menu {clear:both; height:30px; font-size:11px;}
ul#menu li {float:left; padding:2px 2px 0 0; }

ul#menu li a:link,
ul#menu li a:visited {
	display:block;
	padding:3px 22px;
	line-height:20px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
ul#menu li a:hover{color:#cc0000; text-decoration:underline}
ul#menu li .current a span {color:#cc0000;}
ul#menu  li .current a {color:#cc0000;}
ul#menu li.sep {
	display:block;
	width:2px;
	padding:0;
	overflow:hidden;
	height:30px;
	background: url(../images/img_sepbtn.jpg) no-repeat;
}
div#menuTop {padding:0px 0 0 0; margin:2px 0 0 0;  clear:both;   width:300px; text-align:right; float:right}
ul#btnTop {list-style-type:none; margin:0; padding:0; display:block; position:relative; overflow:hidden; font-family:arial;  }
ul#btnTop {clear:both;	height:20px; font-size:11px; margin:0 10px 0 30px;}
ul#btnTop li {float:left; height:20px; padding:0 2px 0 0; margin:0 0 0 1px}
ul#btnTop li a:link,
ul#btnTop li a:visited {
	display:block;
	padding:3px 8px 8px 8px ;
	color:#fff;
	text-decoration:none;
	background-color:#ae0101;
	
}
ul#btnTop li a:hover { background-color:#ca0102;}


/* Sous menu  */
.sousmenu, .sousmenu ul {
	margin:0;
	padding:0;
   	list-style:none;
}
.sousmenu li a{border-bottom: solid 1px #dedede;list-style: none; margin: 0; padding: 2px 0 2px 22px; background: url(../images/leftnav_arrow.gif) 12px 8px no-repeat; height:20px}
.sousmenu a {
	display:block;
	padding:2px 5px;
 	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.sousmenu a:hover {text-decoration:underline;}
.sousmenu ul li {padding-left:10px; margin:0; height:20px}
.sousmenu ul li a {color:#666; font-weight:normal; font-size:11px; margin:0; height:20px};
.sousmenu ul li a:hover {color:#000; text-decoration:underline}
.hidden {display:none;}


/* Entete Accueil */
div#mainHeader {padding:0; clear:both; width:100%; margin: 0 0 1px 0; position:relative;}
div#RightContent{padding:0;  width:737px; margin: 0 0 1px 0; position:relative; float:right}
div#LeftContent{padding:0; width:238px; margin: 0 0 1px 0; position:relative; float:left;}
div.icoLeft{margin:0 0 5px 0;}
div#HeaderPage{padding:0; clear:both; width:737px; margin: 0 0 1px 0; position:relative; overflow:hidden }


/* Main Content */
div#ContentMain {padding:0; margin:0; clear:both; width:100%; display:inline}

div.ContentTexte01 {padding:0px 20px 20px 40px; margin:0; }
div.ContentTexte01 a:link, div.ContentTexte01 a:visited{color:#333333; text-decoration:underline}
div.ContentTexte01 a:hover{color:#FF0000; text-decoration:underline}
div.ContentTexte01 h1{color:#cc0000; font-size:20px; font-weight:bold }
div.Onglet {padding:0; margin:0;  width:242px; display:block; height:280px;  float:left}
div.TitreOnglet {text-align:center; color:#FFF; font-weight:bold; background-color:#cc0000; padding: 3px 0 3px 0; margin:0}
div.TitreOnglet h2{font-size:14px; padding:0; margin:0}
div.OngletContent {font-size:11px; padding:0px 20px 10px 10px; height:246px; margin:0; color:#333; background: url(../images/bkg_onglet.gif)repeat-x #d6d3d3 }
div.OngletContent img{text-align:center; border:0px}
div.OngletContent a:link, div.OngletContent a:visited{text-decoration:none; color:#333; text-decoration:underline}
div.OngletContent a:hover{text-decoration:underline; color:#666}
div.ContentText{padding: 10px 40px 10px 40px; font-size:12px; color:#333333; }
div.ContentText h1{font-size:20px; font-weight:bold; color:#cc0000}
td.desc{font-size:10px; font-weight:bold; color:#999999; border-bottom: thin dotted #CCCCCC 1px; padding: 2px 10px 2px 0 }
td.info{font-size:11px; font-weight:normal; color:#333333; border-bottom:dotted #CCCCCC 1px}
td.infoRed{font-size:12px; font-weight:bold; color:#CC0000; border-bottom:dotted #CCCCCC 1px}
td.thproduct{font-size:11px; font-weight:bold; color:#999999; border-bottom: thin dotted #CCCCCC 1px; padding: 5px }
td.thproduct a {color:#333333; text-decoration:underline}
td.thproduct a:hover{color:#FF0000; text-decoration:underline}
td.thproduct img{border:1px solid #FF0000}


div.ContentServices{padding: 10px 30px 10px 40px; font-size:12px; color:#333333; }
div.ContentServices a{text-decoration: none; color: #666}
div.ContentServices a:hover{text-decoration: underline; }
div.ContentServices2{padding: 10px 30px 10px 40px; font-size:12px; color:#333333; background-image:url(../images/bkg_trouvezBanco.gif); background-position:bottom; background-repeat:repeat-x}
div.ContentServices h1{font-size:20px; font-weight:bold; color:#cc0000; margin:0; padding:0}
div.ContentServices h2{font-size:20px; font-weight:bold; color:#cc0000}
div.ContentServices2 h1{font-size:20px; font-weight:bold; color:#cc0000}
div.ContentServices2 h2{font-size:20px; font-weight:bold; color:#cc0000}



/* Sous menu de gauche bouton catégorie */
div.Categorie {padding:0 0 100px 0; margin:0px 0 60px 0;  width:232px; display:block; float:left; background:url(../images/bkgLeft.jpg) repeat-x #efece7;}
div.TitreCat{font-size:11px; color:#FFFFFF; background:#7f7f80; margin: 0 0 10px 0; padding: 4px 0 4px 36px}
div.TitreCat h2{font-size:12px; padding:0; margin:0; font-weight:bold}



/* Sous menu de gauche Onglet */
div.OngletSmall {padding:0; margin:0px 0 1px 0;  width:232px; display:block; float:left  }
div.TitreOngletSmall {text-align:center; color:#FFF; font-weight:bold; background-color:#7f7f80; padding: 3px 0 3px 0; width:236px; float:left}
div.TitreOngletSmall h2{font-size:11px; padding:0; margin:0; color:FFFFFF}
div.OngletContentSmall {font-size:11px; padding:0px 20px 5px 20px; width:196px; margin:0; color:#333; background-image: url(../images/bkg_onglet.gif);float:left}
div.OngletContentSmall img{border:0px}
div.OngletContentSmall a:link, div.OngletContentSmall a:visited{text-decoration:none; color:#333; text-decoration:underline}
div.OngletContentSmall a:hover{text-decoration:underline; color:#666}


/* LOGO */
div#LogoCompany {padding:10px;  margin:0; clear:both; width:957px;text-align:center; border-top:#cccccc dashed 1px;}
div#LogoCompany img{padding:0 10px 0 10px; }

/* Footer */
div#Footer {padding:36px 10px 30px 10px; margin:0; clear:both; width:957px; background-image: url(../images/bkg_footer.jpg); background-repeat:repeat-x; text-align:center; font-size:11px }
div.firstFooter {margin:0; padding:0; clear:both; width:100%;}
div.firstFooter a:link, div.firstFooter a:visited{color:#999; text-decoration:none}
div.firstFooter a:hover{text-decoration:underline}
div.secondFooter {margin:0; padding:0; clear:both; width:100%;}
div.secondFooter a:link, div.secondFooter a:visited{color:#666; text-decoration:none; font-weight:bold;}
div.secondFooter a:hover{text-decoration:underline}


.query{ font-size:11px; color:#333333; background-color:#F1F1F1; padding:0; margin:0}
.btnForm { font-size:10px; color:#333333; background-color:#dedede; margin:2px 2px 2px 0;  border:0;  font-family:arial; font-weight:bold}
.seacrhForm{padding:0; margin:0}
.AucunProduit{ margin:2px 0px 8px 0px; font-size:11px; width:624px; float:left; text-align:left;  }
#pages_navigation{ margin:2px 0px 8px 0px; font-size:11px; width:624px; float:left; text-align:right;  background: #e9e6e1; }
#pages_navigation a{ text-decoration:none; color:#666666}
#pages_navigation a:hover{ text-decoration:unerline; color:#CC0000}

/* TH PRODUITS */
div.ThProductListe {padding:5px;  margin:0; float:left; border:#CCC solid 1px; width:190px; height:200px; margin: 0 10px 20px 0; background-image:url(../images/bkg_trouvezBanco.gif); background-position:bottom; background-repeat:repeat-x; overflow:hidden }
div.ThProductListe2 {padding:5px;  margin:0; float:left; border:#CCC solid 1px; width:190px; height:120px; margin: 0 10px 20px 0; background-image:url(../images/bkg_trouvezBanco.gif); background-position:bottom; background-repeat:repeat-x; overflow:hidden }
div.TitleProductListe {background: #e9e6e1; padding:4px; text-align:center; color:#333; font-weight:bold; font-size:13px; text-transform:capitalize}
div.TitleProductListe a{text-decoration:underline}
div.TitleProductListe a:hover{ext-decoration:none}
div.ThProductListe img {border: 1px solid #CCC}
div.ContentProductListe {color:#666; font-size:11px; border-bottom:dotted #CCCCCC 1px; padding:4px}
div.NumberProductListe {color:#CC0000; font-size:11px; font-weight:bold; border-bottom:dotted #CCCCCC 1px; padding:4px}



/* Classe pour les tab specifications, standard equip, optional equip, technical graphs */	
#npluslues3titre{position:relative;margin:0;padding:0px;height:24px;}
#npluslues3titre li{margin:0;padding:0px;list-style:none;display:block;position:absolute;}
#npluslues3titre a{color:#FFF;text-decoration:none;font-weight:bold; font-size:11px}
#npluslues3titre a:visited{color:#FFF;}
#npluslues3titre a:hover{color:#FFF;text-decoration:underline;}
#tab01{margin:0;padding:0px;display:block;}
#tab02{margin:0;padding:0;display:none;}
#tab03{margin:0;padding:0;display:none;}
#tab04{margin:0;padding:0;display:none;}
.btn_on{font-size:11px;font-weight:bold;color:#FFFFFF;text-align:center;padding:5px 10px 5px 10px;font-weight:bold; background-image:url(../images/bkg_btnOn.gif);border-right:1px solid #FFF}
.btn_off{font-size:11px;color:#FFFFFF;text-align:center;padding:5px 10px 5px 10px;  background-image:url(../images/bkg_btnOff.gif); border-right:1px solid #FFF}
.espcace{padding:1px;}
#blocspec{width:95%;}
#blocOpen{padding:5px;margin:0px;  border-top:1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align:left; font-size:11px; background-image:url(../images/bkg_trouvezBanco.gif); background-position:bottom; background-repeat:repeat-x}

#blocOpen p{color:#FFFFFF;margin:0px;padding:3 6 6 6px;}
#blocOpen ul{list-style:none;}
#blocOpen li{color:#333333;margin:0px;padding:3px;}
.nomBanco {color:#666;margin:0px;padding:0; font-size:13px; font-weight:bold; }
#blocOpen p.pale{color:#333333;margin:0px;padding:3px;background-color:#ffffff;}
#blocOpen a{color:#666;text-decoration:underline;margin:0px;padding:0px;font-size:11px;}
#blocOpen a:visited{color:#666666;}
#blocOpen a:hover{color:#FF0000;text-decoration:underline;}


/* Classe pour la section admin du site */	
.boutonForm {background:#cc0000; color:#FFFFFF; font-weight:bold; border:1px solid #FFFFFF}
.smallText {color:#333; font-weight:bold; font-size:10px}
.champsForm {background:#e5e5e5; color:#333333; font-weight:normal; border:1px solid #666666}
div.AdminTitre {font-size:18px; font-weight:bold; color:#cc0000}
div.ContentAdmin{padding: 10px 60px 10px 40px; font-size:11px; color:#333333;}
div.search_succursales {margin:0px 0px 10px 0px; float:right; text-align:right;width:100%; border-bottom: 1px solid #CCC; padding:0 0 5px 40px}


/* CATFISH RELATED - NOT REQUIRED FOR CATFISH TO WORK */
div#catfish {
	background-color:transparent;
	margin:0 auto;
	height:113px;
	position:fixed;
	bottom:0px;
	z-index:1000;
	overflow:show;
	text-align:center;
	left:0px;
	display:block;
}

#catfishInner {
	width:760px;
	position:relative;
	margin:0 auto;
	height:113px;
	z-index:1003;
	text-align:center;
  	visibility:inherit;
	background-color:transparent;
	display:block;
}

div#catfish #catfishInner  a#catfish-close {
	display:block;
	color:#333333;
	position: absolute;
	margin:0 auto;
	left:5px;
	bottom:95px;
	overflow:hidden;
	height:14px;
  	z-index:1006;
	font-size:9px;
	text-transform:uppercase
}
