body{
	background : #DDD;
	margin : 0;
	font-size : 11px;
	font-family : Arial;
}

table{
	font-size : 11px;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

input{
	height : 18px;
	font-size : 10px;
	border : 1px solid black;
}

select{
	height : 18px;
	font-size : 10px;
}

textarea{
	font-size : 10px;
	border : 1px solid black;
}

form{
	display : inline;
}

a img{
	border : none;
	margin : 0px;
	padding : 0px;
	
}

a:link,a:visited { 
	text-decoration : none; 
	color : #0d2d08;
}

a:hover,a:active{color : #DD6900; }

p{
	margin : 0;
	padding : 0;
}
#titleTopic {height : auto;white-space : normal;overflow : visible; background : none;width : 100%; padding-left : 0; margin : 10 px ; font-family : Georgia; font-size : 17px; font-weight : bold; text-transform : uppercase; color : #103009; text-align : center;}

/******************************************************
*								Elements Structure Communs
*******************************************************/

#globalContainer{
	margin : 0 auto;
	width : 1048px;
	background-color : white;
	border-left : 1px solid black;
	border-right : 1px solid black;
	overflow : hidden;
	padding-bottom : 30px;
}

#header{
	height : 95px;
	overflow : hidden;
}

#pubHead{
	position: absolute;
	width: 728px;
	height : 90px;
	margin-left : -204px;
	left : 50%;
	text-align : center;
	top : 0px;
}

#subHeader{
	height : 90px;
	overflow : hidden;
	border-bottom : 1px solid black;
}

#subHeader .boutonPub{
	width : 120px;
	height : 60px;
	overflow : hidden;
	background : url(boutonvide.png) no-repeat center top;
	float : left;
	margin-right : 30px;
	cursor : pointer;
}

#boutonPub5{
	margin : 0;
}

.userBox{
	padding-top : 3px;
	width : 290px;
	height : 60px;
	float : right;
}

.userBox.loggedOut{
	line-height : 16px;
	text-align : center;
}

.userBox.loggedIn{
	line-height : 14px;
	width : 220px;
}

/* Fil d'ariane et titre de page */
#filAriane{width : 100%;padding : 2px 0;border-bottom : 1px solid black; margin-bottom : 8px;background : url(accueil-ecolo-trader.gif) left center no-repeat;}
#filAriane img{vertical-align : bottom}
#filAriane .fil{margin-left:60px}
#filAriane h1{font-weight: bold; font-size: 18px; margin-left:60px;	text-decoration: none; color : #103009;	display : inline;	font-family:arial, serif;	line-height:25px;}
#filAriane span{letter-spacing : 2px;	font-weight: bold; text-decoration: none; color : #103009;display : inline;}


#bodyContainer{
	width : 745px;
	float : left;
	overflow : hidden;
}
#bodyContainer .bcSpacer{padding-left : 5px;}

h2.newsTitle.small,h3.newsTitle.small{width : auto; margin : 0; font-size : 12px; font-weight : bold; color : #103009;text-align : left;}
h2.newsTitle,h3.newsTitle{height : auto;white-space : normal;overflow : visible; background : none;width : 80%; padding-left : 0; margin : 0 auto; font-family : Georgia; font-size : 15px; font-weight : bold; text-transform : uppercase; color : #103009; text-align : center;}

#sideBar{
	width : 300px;
	float : right;
	overflow : hidden;
}

#footer{
	clear : both;
	width : 1048px;
	margin : 0 auto;
	overflow : hidden;
}

#footerOuter{
	background : url(fondFooter.png) repeat-x center top;
	padding-top : 30px;
	padding-bottom : 70px;
	min-width : 1050px;
}

#footer .box{
	background : url(boxfooter.png) no-repeat center top;
	width : 261px;
	height : 115px;
	float : left;
	margin-right : 1px;	
}

.colonne{
	float : left;
	overflow : hidden;
}

.box{

}

.box .innerBox{

}

.box h2, h2, .h2{
	background : url(fond-ecolo-2.jpg) repeat-x center top;
	height : 30px;
	font-size : 12px;
	font-weight : bold;
	line-height : 30px;
	margin : 0;
	padding : 0;
}

hr.h2.bordered{
	border-left : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	margin : 0 1px 0 1px ;
}

div.boxInner.zebra :nth-child(odd){background : #FFF;}
div.boxInner.zebra :nth-child(even){background : #E9F5F4;}

table.zebra tr:nth-child(odd){background : #FFF;}
table.zebra tr:nth-child(even){background : #E9F5F4;}

table.extend{width : 100%}

.box.std1 .boxInner{padding : 10px 0 10px 0;}
.box.std1 h2{text-align : center;}
.box.std1{background : #c0dab3;}

.box form p.field{overflow : hidden;padding : 5px 0;}
.box form p.field label{display : block; width : 50%; text-align : right;float : left;padding-right : 20px;line-height : 16px;}
.box form p.field input{height : 16px;}
.box form p.field textarea{height : 200px;width : 300px;}
.box form p.field.submit{text-align : center;}

.listLink{
	display : block;
}

.postTextarea{width : 98%;height : 400px;}
.postText{padding:10px;font-size:12px;}
#postTextInit{padding:10px;}

.hide{display : none;}

.alignJustify{text-align : justify;}
.alignLeft{text-align : left;}
.alignRight{text-align : right;}
.alignCenter{text-align : center;}

.floatLeft{float : left;}
.floatRight{float : right}
img.floatLeft, img.floatRight{margin : 5px;}

.title{font-weight : bold;}
.icone{display : block;float : left;	border : 1px solid #839584;	padding : 2px;margin : 2px;	background : #E8F7E9;}
.sep{padding : 2px;margin : 2px;}
.box.lastPosts.floatRight{width : 300px; margin-left : 10px; margin-bottom : 10px; margin-right : 2px;border : 1px solid #79AD7C;	border-top : none;}
.box.lastPosts.floatRight h2{text-align : center;}
.box.lastPosts.floatRight .boxInner{height : 400px; overflow : auto;}
.box.lastPosts .boxInner .line{padding-bottom : 16px;padding-top : 5px;	background : url(separateur.png) no-repeat center bottom;	overflow : hidden;}
.box.lastPosts .boxInner .line .title{font-weight : bold;	display : block;float : left;	width : 280px;}
.box.lastPosts .boxInner .icone{display : block;float : left;	border : 1px solid #839584;	padding : 2px;margin : 2px;	background : #E8F7E9;}
.box.lastPosts .boxInner .icone:hover{border : 1px solid #E9A744;}

/******************************************************
*								Elements Sidebar-footer
*******************************************************/

#sideBar .box {margin-bottom : 10px;}
#sideBar .box.bordered{border-left : 1px solid #79AD7C;border-bottom : 1px solid #79AD7C;}
#sideBar .box h2{text-align : center;}
#sideBar .box h4{	background-color : #c0dab3;	border-top: medium double black; height : 18px; line-height : 18px; margin : 0px; padding 0 3px;}
#sideBar .box.pub h2{height : 15px;line-height : 15px;font-size : 11px; color : gray;}
#sideBar .box .boxInner{padding : 3px;}
#sideBar .box .title{display : block;font-weight : bold;}
#sideBar .box .line{border-bottom : 1px dashed #CCCCCC;}
#sideBar .box .boxInner p.alignJustify{padding : 0 4px;}
#sideBar .box .boxInner p.alignJustify:first-letter{font-weight : bold; font-size : 13px;}

/******************************************************
*								Elements Homepage
*******************************************************/

.colonne.homeLeft{width : 170px;}

.colonne.homeLeft .box{border-bottom : 1px solid #79AD7C;	border-right : 1px solid #79AD7C;}
.colonne.homeLeft .box h2{text-align : center;}
.colonne.homeLeft .box .boxInner{	background : #E6EDE4;	padding : 4px 0;}
.colonne.homeLeft .box .boxInner .listLink{	background : url(puce.gif) no-repeat left center;	padding-left : 11px;	margin-left : 7px;line-height : 18px;}


.colonne.homeMiddle{width : 340px;margin-left : 4px;}
.colonne.homeMiddle .box{	border : 1px solid #79AD7C;	border-top : none;	margin-bottom : 4px;}
.colonne.homeMiddle .box h2{text-align : center;}
.colonne.homeMiddle .box .boxInner{}
.colonne.homeMiddle .box.lastPosts .boxInner{}
.colonne.homeMiddle .box.lastPosts .boxInner .line{padding-bottom : 16px;padding-top : 5px;	background : url(separateur.png) no-repeat center bottom;	overflow : hidden;}
.colonne.homeMiddle .box.lastPosts .boxInner .line .title{font-weight : bold;	display : block;float : left;	width : 290px;}
.colonne.homeMiddle .box.lastPosts .boxInner .icone{display : block;float : left;	border : 1px solid #839584;	padding : 2px;margin : 2px;	background : #E8F7E9;}
.colonne.homeMiddle .box.lastPosts .boxInner .icone:hover{border : 1px solid #E9A744;}

.colonne.homeMiddle .box.forum .boxInner{}
.colonne.homeMiddle .box.forum .boxInner .line{background : url(actualite.gif) no-repeat 3px 5px;overflow : hidden;padding-left : 11px;	border-bottom : 1px dashed #CCCCCC;}
.colonne.homeMiddle .box.forum .boxInner .line .title{font-weight : bold;	display : block;}
.colonne.homeMiddle .box.forum .boxInner .line small{color : gray;}


.colonne.homeRight{width : 226px;	margin-left : 4px;}
.colonne.homeRight .box{border : 1px solid #79AD7C;border-top : none;	margin-bottom : 4px;}
.colonne.homeRight .box h2{text-align : center;}
.colonne.homeRight .box.news .boxInner .line{overflow : hidden;background : url(actualite.gif) 3px 5px no-repeat;	padding-left : 11px;}
.colonne.homeRight .box.news .boxInner .line .title{display : block;padding-bottom:5px;}
.colonne.homeRight .box.news .boxInner .line small{color : gray;}


/******************************************************
*								Elements Pages News
*******************************************************/

.colonne.news.newsLeft{width : 369px;}
.colonne.news.newsRight{width : 369px;margin-left : 5px;}

.colonne.news .box{margin-bottom : 5px;}
.colonne.news .box h2{text-align : center;}
.colonne.news .box .boxInner .line{padding-bottom : 14px;padding-top : 3px;	background : url(separateur.png) no-repeat center bottom;	overflow : hidden;}
.colonne.news .box .boxInner small{color : gray;}
.colonne.news .box .boxInner .title{display : block; font-weight : bold; padding-left : 9px;padding-right : 2px;background : url(actualite.gif) no-repeat 2px 4px;}

.colonne.newsLeft .box.lastPosts .boxInner .line{padding-bottom : 14px;padding-top : 3px;	background : url(separateur.png) no-repeat center bottom;	overflow : hidden;}
.colonne.newsLeft .box.lastPosts .boxInner .line .title{font-weight : bold;	display : block;float : left;	width : 320px;padding : 0px;background : none;}
.colonne.newsLeft .box.lastPosts .boxInner .icone{display : block;float : left;	border : 1px solid #839584;	padding : 2px;margin : 2px;	background : #E8F7E9;}
.colonne.newsLeft .box.lastPosts .boxInner .icone:hover{border : 1px solid #E9A744;}

.colonne.newsLeft .box{border-bottom : 1px solid #79AD7C;border-right : 1px solid #79AD7C;}
.colonne.newsRight .box{border : 1px solid #79AD7C;border-top : none;}

.colonne.news2.newsLeft{width : 269px;}
.colonne.news2.newsRight{width : 469px;margin-left : 5px;}
.colonne.news2.newsLeft .box.lastPosts .boxInner .line .title{width : 220px;}
.colonne.news2 .box.readNews h2{font-size:16px; margin:10px; margin-right : 0px; color : #F78C10; background : none; height : auto; text-align : left;line-height : 18px;}
.colonne.news2 .box.readNews .boxInner{font-size : 12px; text-align : justify; line-height : 17px; padding : 4px;}
.colonne.news2 .box.readNews{border : 1px solid #CCCCCC;}


/******************************************************
*								Elements Divers
*******************************************************/


.okButton{
  background : url(boutonok.gif);
  height:18px;
  width:40px;
  border : none;
}

.gensmall{
	font-size : 9px;
}

.gen{
	font-size : 12px;
}

.genbig{
	font-size : 14px;
}

.genPositif{color : green;}
.genNegatif{color : red;}

th.thTop{
	background-image : url(fond-ecolo.jpg);
	background-repeat : repeat-x;
	background-position : bottom left;
	height : 20px;
}

th.thTop2{
	background-color : #c0dab3;
	border-top: medium double black;
	height : 20px;
}

/*classe de style pour une ligne de tableau survolée par la souris*/
.ligneListHover{
	background-color : #F9EFCB;
}

.row1{
	background-color : #FCF5DC;
}

.row3{
	background-color : #F9D96C;
}


table.linkBar1{
	margin-bottom : -1px;
	/*margin-left : auto;*/
}

table.linkBar1 td{

}

table.linkBar1 td a{
	padding-top : 3px;
	padding-left : 3px;
	padding-right : 3px;
	margin : 0px;
	display : block;
	height : 17px;
	//height : 20px;
	background-image : url(fond-ecolo.jpg);
	background-repeat : repeat-x;
	background-position : bottom left;
	border-left : 1px solid black;
}

table.linkBar1 td a:hover{
	background-image : url(fondTitle2_1.png);
	background-repeat : repeat-x;
	background-position : bottom left;
}
table.zebra tr:nth-child(odd){background-color : #FFF;}
table.zebra tr:nth-child(even){background-color : #E8EEF1;}

table.enteteValeur{width : 100%;}
table.enteteValeur td{padding : 0px;}

table.centered{margin-left : auto; margin-right : auto;}
table.extend{width : 100%}
table.bordered{border : 1px solid #CCCCCC; border-top : none;}
table.fullbordered{border : 1px solid #CCCCCC;}
table.extend.max.bordered{width : 729px;}

table.tdHover td:hover{background-color : #F9EFCB;}
table.trHover tr:hover{background-color : #F9EFCB;}
h3{
	margin:0;
	padding:0;
	color : #2d471d;
	font-size:13px;
}

h3.title{
	color : #F78C10;
}


.onglet{
	background-image : url(onglet.png);
	background-repeat : no-repeat;
	background-position : top left;
	width : 125px;
	height : 25px;
	font-size : 11px;
	color : black;
	font-weight : bold;
	text-align : center;
}	

.tableDefaut	{ border : 0; 
                padding : 0;
                border-collapse: collapse;  
                border:0;
                margin:0;      
}