@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------
	Titre: 			styles.css						
	Entreprise: 	PC Project						
	Auteur: 		Huber laurent					
	Date: 			17.03.08						
	But: 			page de styles         			
	Modification: 									
----------------------------------------------------*/
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 0.8em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	background-image: url(../images/background.gif);
	min-height:500px;
}

input, textarea, select, option, button{	
	border-right: #cccccc 0.1em solid;
	border-top: #cccccc 0.1em solid;
	border-left: #cccccc 0.1em solid;
	border-bottom: #cccccc 0.1em solid;
	font-size: 10px;
	background-color:#ECECEC;
}

textarea{	
	border-right: #cccccc 0.1em solid;
	border-top: #cccccc 0.1em solid;
	border-left: #cccccc 0.1em solid;
	border-bottom: #cccccc 0.1em solid;
	font-size: 12px;
	background-color:#ECECEC;
}

img, img a:link, img a:visited{
	padding:0;
	margin:0px;
	border:none;
	text-decoration:none;
}

h1, h1 a:link, h1 a:visited{
	font-size:14px;
	color:#006600;
	padding-bottom:10px;
	margin-top:10px;
	text-decoration:none;
	/*margin-left:20px;	*/
}

h2, h2:link, h2 a:visited{
	font-size:13px;
	color:#006600;
	padding-bottom:8px;
	text-decoration:none;		
}

h3, h3 a:link, h3 a:visited{
	font-size:12px;
	color:#006600;
	padding-bottom:5px;
	text-decoration:none;	
}

h4, h4 a:link, h4 a:visited{
	font-size:11px;
	color:#000099;
	padding-bottom:0px;
	margin-bottom:0px;
	text-decoration:none;	
}

table, tr, th{
	font-size:10px;
	font-weight:normal;

}

#conteneur {
	MARGIN: 0px auto;
	WIDTH: 741px;
	POSITION: relative;
	background-color: #FFFFFF;
}
#top {
	HEIGHT: 13px;
	background-image: url(../images/i_bck_head.jpg);
	background-repeat: repeat-x;
}
#header {
	HEIGHT: 180px;
	background-image: url(../images/i_head.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom:0px;
	margin-bottom:0px;
	background-color: #CCCCCC;
}
/*  Entete
**************************************************************************/
	.head-text{
		font-weight:bold;
		FONT-SIZE: 10px;
		padding:0 20px 0 5px;
		margin-right:20px;
		padding-right:20px;
		/*border-left:#666666 solid thin;*/
		text-decoration:none;
		color:#666666;
	}
	
	.head-text a:link, .head-text a:visited{
		/*margin-left: 10px;*/
		font-weight:bold;
		FONT-SIZE: 10px;
		padding:0 10px 0 5px;
		border-left:#666666 solid thin;
		text-decoration:none;
		color:#666666;
	}
	
	.head-lang-n a:link, .head-lang-n a:visited{
		padding:0 3px 0 5px;
		font-weight:normal;
		border-left:#666666 solid 1px;
		text-decoration:none;
		color:#666666;
	}
	
	.head-lang-b a:link, .head-lang-b a:visited{
		padding:0 3px 0 5px;
		font-weight:bold;
		border-left:#666666 solid 1px;
		text-decoration:none;
		color:#666666;
	}
	
#centre {
	MARGIN-LEFT: 150px;
	padding: 9px;
	background-color: #FFFFFF;
}
#gauche {
	LEFT: 0px;
	WIDTH: 150px;
	POSITION: absolute
	background-color: #FFFFFF;
}
#pied {
	HEIGHT: 20px;
	background-image: url(../images/i_bck_pied.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 4px;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	letter-spacing: 0.2em;
	line-height: 13px;
}
#created {
	HEIGHT: 23px;
	text-align: center;
	padding-top: 6px;
}

/*  Menu
**************************************************************************/
.menu {
	margin:0;
	padding:0;
	background-image: url(../images/i_bck_menu.jpg);
	background-repeat: repeat-x;
	width:100%;
	height:26px;
	max-height:26px;
	margin-top:0px;
	padding-top:0px;
	white-space:nowrap /*IE hack*/;
	/*float:center;*/
	float:left;
	vertical-align:top;
	border:none;	
	font-size:12px;
	/*vertical-align:middle;*/ /* inutile */
	font-family:Arial, Helvetica, sans-serif;
}
.menu ul {
	list-style-type:none;
	margin-left:20px;/**/
	padding-left:0px;/**/
}
.menu ul li {
	float:left;/**/
	z-index:auto !important /*Non-IE6*/;
	z-index:1000 /*IE6*/;
	font-weight:bold;
	margin-top:-7px;
}
	
.menu ul li a {
	float:none; !important /*Non-IE6 */
	float:left; /*IE-6 */
	display:block;/**/
	/*height:1.5em;/**/
	/*line-height:1.1em;/**/
	margin:0px;
	padding:0px;
	padding:0px 12px 0px 12px;	
	text-decoration:none;
	color:#666666;
	border-left:#666666 solid thin 2px;
}

.menu ul li:hover a {
	color:#003300;
	text-decoration:none;
}

/*  Page pricipale
**************************************************************************/
.page-principale {
	/*background-color:#e9f5ee; /**/
	background-color:#FFFFFF;/**/
	width:700px; /* 740 - 2 (border) -20 (padding)*/
	/*padding-bottom:40px;*/
	padding-left:20px; 
	padding-right:20px;
}
.page-principale2 {
	/*background-color:#e9f5ee; /**/
	background-color:#FFFFFF;/**/
	width:700px; /* 740 - 2 (border) -20 (padding)*/
	/*padding-bottom:40px;*/
	padding-left:0px; 
	padding-right:20px;
}

	/*  Pannel-news
	**************************************************************************/
	.pannel-news {
		/*float:left;*/
		/*width:150px;*/
		width:20%;
		height:100%;
		/*order-right: #cccccc 1px dotted;*/
		margin-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
		margin-right:5px;
		vertical-align:text-top;
		background-color:#e9f5ee; /**/
	}
	
		.pannel-news .puces{
			float:left;
			width:65px;
			margin-right:5px;
		}
		
		.pannel-news .dates{
			float:left;
			width:123px; /*188 - 65*/
			font-weight:bold;
			margin-bottom:5px;
		}
		
		.pannel-news .text{
			float:left;
		}
		
		.pannel-news .liens {
			text-decoration:none;
		}
		
	/*  Pannel-menu-membres
	**************************************************************************/
	.pannel-menu-membres{
		float:left;
		/*width:150px;*/
		width:20%;
		height:100%;
		/*border-right: #cccccc 1px dotted;*/
		margin-top:10px;
		padding-bottom:10px;
		padding-left:0px;
		padding-right:10px;
		margin-right:5px;
		background-color:#FFFFFF;
	}
	
	.pannel-menu-membres a:link, .pannel-menu-membres a:visited, .pannel-membres a:link, .pannel-membres a:visited{
		font-size:11px;
		color:#666666;
	}
		
		.pannel-menu-membres .block{
			/*float:left;*/
			margin-bottom:5px;
			margin-right:5px;
		}
	
	/*  Pannel-page
	**************************************************************************/
	.pannel-page {
		/*float:left;*/
		/*width:500px;*/
		width:76%; /* normalement 80% */
		border-left: #cccccc 1px dotted; 
		margin-top:10px;
		padding-left:10px;
		padding-bottom:10px;
		background-color: #FFFFFF;
	}
	
	.pannel-page h1, .pannel-page h1 a:link, .pannel-page h1 a:visited{
		font-size:14px;
		color:#006600;
		padding-bottom:10px;
		margin-top:0px;
		text-decoration:none;
		/*margin-left:20px;	*/
	} 
	
	.tbl_annonces{
		float:left;
		width:290px;
		margin-left:20px;
		margin-bottom:20px;
	}
	.tbl_annonces_haut{
		float:left;
		width:100%;
		height:18px;
		background-image:url(../images/background/bg_tbl_annonces_haut.gif);
		background-repeat:no-repeat;
		/*background-color:#660033;*/
	}
	.tbl_annonces_centre{
		float:left;
		width:100%;
		background-image:url(../images/background/bg_tbl_annonces_centre.gif);
		background-repeat:repeat-y;
	}
		.centre_titre{
		margin-top:-2px;
		margin-left:10px;
		margin-bottom:5px;
		font-size:12px;
		font-weight:bold;
		/*color:#006600; /* vert */
		color:#000099; /* bleu */
		}
		.centre_texte{
		margin-left:10px;
		margin-right:7px;
		margin-bottom:10px;
		font-size:10px;
		}
	.tbl_annonces_bas{
		float:left;
		width:100%;
		height:86px;
		background-image:url(../images/background/bg_tbl_annonces_bas.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		/*padding-top:22px;*/
		/*margin-top:5px;
		margin-left:5px;*/
	}
		.bas_titre{
			margin-top:10px;
			margin-left:10px;
			font-size:12px;
			font-weight:bold;
			color:#006600;
		}
		.bas_texte{
			float:left;
			width:235px;
			margin-top:10px;
			margin-left:10px;
			font-size:10px;
			color:#666666;
		}
		.bas_icon{
			float:left;
			width:40px;
			margin-top:2px;
			margin-right:2px;
		}
	
	/*  Pannel-bas
	**************************************************************************/
	.pannel-bas {
		float:left;
		width:100%;
		border-top: #cccccc 1px dotted;
		padding-top:10px;
		margin-right:10px;
		text-align:center;
		vertical-align:middle;
	}
/*  Pied de page
**************************************************************************/
.pied-de-page {
	margin:0;
	padding:0;
	float:left;
	background-image: url(../../images/background//bg_pied-de-page.png);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	height:24px;
	color:#666666;
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	/*padding-top:20px;*/
}

#created {
	float:left;
	HEIGHT: 23px;
	text-align: center;
	padding-top: 6px;
}

/*	Page Personnelle
**************************************************************************/
.p-perso_contenu{
 	float:left;
	width:78%;
	/*background-color:#CCCCCC;*/
	margin-left:-20px;/**/
	padding-left:20px;/**/
	padding-top:10px;
	/*padding-right:8px;/**/
	padding-right:5px;/**/
}
 
.p-perso_produits{
	float:left;
	width:20%;
	/*background-color:#99CCFF;*/
	padding-left:8px;/**/
	/*padding-right:5px;*/
	margin-top:10px;
	border-left: #cccccc 1px dotted;
}

/*  Supplément
**************************************************************************/
.vert {color:#006600;}
.rouge {color:#FF0000;}
.bleu{color:#000099;}
.jaune{color:#FFFF66;}

.tres-petit{font-size:8px;}
.petit{font-size:9px;}
.grand{font-size:11px;}
.tres-grand{font-size:12px;}
.tres-tres-grand{font-size:13px;}

.container{
	/*background-color:#FFFFFF;*/
}