/*
   * Created on 08 feb 08
   * by Christophe Gauton
   * Feuille de style CSS pour la partie eCatalog
*/
/*
#ffffff; => Blanc
#000000; => noir
#0e356d; => bleu foncé
#cbcbcb; => gris
#e5e4e3; => gris clair
#117144; => vert foncé
#ddfbe3; => vert clair
#ced7e6; => bleu clair (colonne droite)
*/
/**************************************************************************************************************/

td {
	font-family: Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
}

H2{font-family: Trebuchet, Geneva, Arial, Helvetica, sans-serif;	text-align: left;	color: #999; font-size: 14px;font-weight: bold;}
.reftitle{margin-top:-20px;position:absolute;}

.menucatalog{background-color:#ddfbe3; width:300px; font-size:12px; margin-right:-160px;}

.nolien{text-decoration:none;}

.catalogtitre{color:#000000; text-decoration:none; font-weight:bold; font-size:13px; text-align:left; border:0px; background-color:#ddfbe3;  }


.catalogmenu{color:#117144; text-decoration:none; font-weight:bold; font-size:12px; text-align:left;  border:0px; background-color:#ddfbe3;  }
.catalogmenuvisited{color:#0E356D; text-decoration:none; font-weight:bold; font-size:11px; text-align:left; border:0px; background-color:#ddfbe3;  }

.catalogssmenu{color:#000000; text-decoration:none; font-size:9px; text-align:left;  border:0px; background-color:#ddfbe3;  }

.catalogimage{border:0px;}

.poppic{border:1px solid black; /*background:url(pictures/fontpic.bmp); padding:1px 0 0 1px;*/ }
.popinfo{background-color:#ffffff; border: 1px #000000 solid; font-size:12px;width:220px;}
.tabplus{font-size:12px; width:220px;}

.intro{ float:right; margin:-655px 152px 0 0; padding:5px 3px 5px 4px; width:491px; font-size:11px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; text-decoration:none; background-color: #ffffff; background: url(pictures/grau-rundung-495.gif) no-repeat; }
.leftcolumnecatalog{width:150px; height:645px; margin:0px 1px 10px 0px; float:right; background-color: #CED7E6;}

.accueilcatalog{width:491px;margin-top:-570px;}

/*************************  affichage des references du ecatalog  ***********************/   
.imgcata{ width:155px; padding-left:496px; margin-right:1px; margin-top:0px; float:right;}
.colorcata{width:155px; height:499px;  float:right; margin-top:1px; margin-right:1px; background-color: #ced7e6;}

.ref{font-size:12px;}

.titrecata{font-size:12px; color:#ffffff; font-weight:bold;}

.ecatalogtitre{width:491px; background-image: url(pictures/grau-rundung-495.gif);  color:#ffffff; margin-top:0px; font-family: Trebuchet, Geneva, Arial, Helvetica, sans-serif;	font-size:12px; font-weight:bold; text-align: left;}

.trgris1{background-color:#cdcdcd; width:491px;}
.trblanc{background-color:#ffffff; width:491px;}



.ecatalogcontenu{font-family:arial; width:491px; height:630px; border-left:1px solid #A7ADB9; margin-top:0px; overflow:auto; font-size:12px; }

.tablecata{font-size:12px; margin:-1px 1px 0 0;}






/*     utilisé      */
.descriptionentete{font-size:12px; width:474px; }
.technique{ font-size:9px; text-align:center; margin-left:-1px;}


.bgcolorleft{background-image:url(pictures/bgcolorleft.jpg);background-position: left top;background-repeat: no-repeat; }
.bgcolor{background-image:url(pictures/bgcolor.jpg);}
.bgcolorright{background-image:url(pictures/bgcolorright.jpg);background-position: right top; background-repeat: no-repeat; background-color:#787878;}
.descriptionref{font-size:12px; margin-top:-2px; border-left: 1px #878787 solid; }
.white{}
.blue{background-color:#ced7e6;   }
.more{text-decoration:none; color:#0e356d; font-weight:bold;}
.more:visited{text-decoration:none; color:#0e356d; font-weight:bold;}
.more:hover{text-decoration:underline; color:#117144; font-weight:bold;}






.testtest{border:none; color:#cccccc; font-size:14px; background-repeat:no-repeat; width:150px; height:16px; background-image: url(pictures/ongletbleu_150.jpg);}
.testtest:hover{border:none; font-size:14px; background-repeat:no-repeat; width:150px; height:16px; background-image: url(pictures/ongletbleu_150.jpg);}

.lientyp{font-family: Trebuchet, Geneva, Arial, Helvetica, sans-serif;font-size:12px; color: #117144; text-decoration: none; font-weight: bold;}
.lientyp:hover{color: #0E356D; text-decoration:none; font-weight: bold;}
.lientyp:visited{color: #117144; text-decoration: none; font-weight: bold;}

.lienref{color:#000000;text-decoration:none;}
.lienref:hover{color:#000000;text-decoration:underline;}
.lienref:visited{color:#000000;}

.imgdesc{width:155px; height:155px; padding-left:496px; margin-right:1px; }
.imgdesc{vertical-align:middle;}
.colorcata2{width:155px; height:491px;  float:right; margin-top:1px; margin-right:1px; background-color: #ced7e6;}

.telechargement{text-align:left; padding-left:3px; padding-top:6px; }
.telechargement{font-size:12px; font-family:arial; color:#0e356d; font-weight:bold; text-decoration:none;}
.telechargement:hover{text-decoration:underline; color:#117144;}
.telechargement:visited{font-size:12px; font-family:arial; color:#0e356d; font-weight:bold; text-decoration:none;}


.entetecolor{background-image:url(pictures/bgcolor.jpg);}



/*  ONLINE SELECTION   */
.leftcolumnselection{width:155px; height:644px; margin:1px -2px 10px 0px; float:right; background-color: #CED7E6;}
.listref{margin:0 0 0 5px; width:140px; overflow:auto; font-size:12px; font-family:Verdana;}
.nbref{font-size:10px; font-family:Verdana; padding-left:7px;}

.prodselect{width:491px; height:645px; margin:0px 0px 10px 0; overflow:auto; }
.productselection{ width:491px; height:17px;  margin:0 0 0 0; padding:5px 0px 2px 3px;  font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; text-align:left; font-size:11px; background-image:url(pictures/grau-rundung-495.gif); color:#FFF;}
.contenuprodselect{  height:620px; border-left:1px solid #cbcbcb;}
.tableselection{font-family:Verdana; font-size:11px; width:491px;}





/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

/* description    */
.ongletdescription{ width:481px; height:646px; margin:-175px 1px 10px 0px; position: absolute;}

.ongletfont{ font-family:Verdana; font-size:11px; font-weight:bold; padding:0px 5px 0px 5px; color:white; height:17px;}


/*  onglet1 etat="clicker, selectionner" */
.OnFront{ background: url(pictures/ongletdesc1.bmp) repeat-x right top; width:220px; }
/* onglet1 etat="non clicker" */
.OnBack1 { background: url(pictures/ongletdesc.bmp) repeat-x right top; width:220px; cursor:pointer;  }


/*  onglet2 etat="non clicker, non selectionner"  */
.OnBack { background: url(pictures/ongletdesc.bmp) repeat-x right top; width:220px; cursor:pointer; }
/* onglet2 etat="selectionner clicker"  */
.OnFront1 { background: url(pictures/ongletdesc1.bmp) repeat-x right top; width:220px; }

	  
 /* partie affichage des données  */
 .partdesc{font-family:verdana; font-size:12px; } 





















/* <!-- //==========================================================\\ --> */
/* <!-- //==========================================================\\ --> */
/* <!-- //==========================================================\\ --> */

/* element pour NEW PROJECT */



/* element pour onglet formulaire */
/* 	SPRY ASSET ADOBE CREATIVE	*/
.TabbedPanels { }
.TabbedPanelsTabGroup {margin:0 0 0 0; border-bottom:1px #0E356D solid; width:650px; }
.TabbedPanelsTab {position:relative;	width:190px; height:17px;	float:left;	padding:0 4px 0px 3px; font-size:13px;	margin:0px 1px 0px 0px; font-weight:bold;	list-style:none;	cursor:pointer;  color:#FFFFFF; background: url(pictures/onglet.bmp) repeat-y right top;}
.TabbedPanelsTabHover { 	}
.TabbedPanelsTabSelected { background: url(pictures/onglet1.bmp) repeat-y right top; }
.TabbedPanelsTab a {	color:#ffffff; }
.TabbedPanelsContentGroup {font-family:Verdana; font-size:11px; clear: both;	border-left: solid 1px #0E356D; margin:0 0 5px 0;}
.TabbedPanelsContent {	padding:0px; height:630px; width:650px; overflow:auto;}
.TabbedPanelsContentVisible {	}
.VTabbedPanels .TabbedPanelsTabGroup {	float:left;	width:10em;	height:20em;	position:relative;	}
.VTabbedPanels .TabbedPanelsTab {	float:none;	margin:0px;	}
.VTabbedPanels .TabbedPanelsTabSelected {		}
.VTabbedPanels .TabbedPanelsContentGroup {clear:none;	float:left;	padding:0px; width:30em;	height:20em;	}




/* antidevireur */
.nomformulaire{margin:0 1px 0 0; width:651px; text-align:center; height:20px;}
.technicalform{  width:633px;}
.grostitreformulaire{font-family:verdana; padding:0 0 0 3px; font-size:13px; font-weight:bold; text-align:left; }
.titreformulaire{font-family:verdana; padding:0 0 0 10px; font-size:11px; font-weight:bold; text-align:left;}
.texteformulaire{font-family:verdana; padding:0 0 0 10px; font-size:11px; text-align:left;}
.textformulaire{width:250px; font-family:verdana;  padding:0 0 0 25px; }

.commercialform { width:649px; font-family:Verdana; font-size:11px;}

.formsend{ height:22px; width:651px; background-color:#cdcdcd; margin:0 1px 0 0; }
.formsendcontenu{ width:650px; height:613px; padding:0 0 0 0; margin:0 1px 10px 0; font-family:Verdana; font-size:11px; border-left:1px solid #cbcbcb; }
.wrongform{border:1px solid red; padding:0 0 0 5px; width:250px;}


.tabtop {font-family: Arial, MS Sans Serif, Verdana; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #a9adb8; }
.tabde0 {font-family: Arial, MS Sans Serif, Verdana; font-size: 11px; color: #000000; background-color: #ffffff; }
.tabde1 {font-family: Arial, MS Sans Serif, Verdana; font-size: 11px; color: #000000; background-color: #CED7E6; }
.tabdek {font-family: Arial, MS Sans Serif, Verdana; font-size: 11px; color: #000000; background-color: #e1e3e6; }