/*--------------------------------------------------*/
/*--- Feuille de style ORGANICOM----*/
/*--------------------------------------------------*/

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
body {
	background-color: #a38a8a;
	background-repeat: no-repeat;	
	scrollbar-face-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #a38a8a;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #8f7272;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #4B2020;
	font-weight: bold;
	text-decoration: none;
}
H1 {
	color: #ADB2DE;
	font-weight: 500;
	font-size : 20px;
	text-align : center;
}
H2 {
	font-weight: 500;
	font-size : 17px;
}
H3 {
	font-weight: 500;
	font-size : 17px;
	color: #F1AF0E;
}
H4 {
	font-weight: 500;
	font-size : 17 px;
	color: #66CC66;
	text-align : center;
}
BLOCKQUOTE {
	text-indent: 100px;
}
.textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 600;
	color: #4B2020;
	background-color: #DECDCD;
	border: 1px double #4B2020;
	text-indent: 2pt;
	margin: 4px;
	padding: 0px;
}
.texteItalique {
	font-weight: 800;
	font-style : italic;
	font-stretch : expanded;
	color : #F1AF0E;
}
.texteGras {
	font-weight: bold;
	font-stretch : expanded;
}
#copyright {
	font-style: normal;
	color: #333399;
	letter-spacing: 0.2em;
	font-size: 9px;
	border: none;
	background-color: #FFFFFF;
	margin: 0px;
}
#fond{
	position: absolute;
	background-color: #8f7272;
	padding: 30px 30px 30px 300px;
	width: 523px;
	height: 80%;
	left: 50px;
	top: 106px;
	z-index: 1;
}
#navhaut{
	position: absolute;
	width: 90%;
	height: 105px;
	left: 25px;
	z-index: 2;
}
#logo-home-carton{
	position: absolute;
	width: 50px;
	height: 38px;
	left: 648px;
	top: 26px;
	border: solid 1px #ffffff;
	z-index: 200;
}
#table{
	position: absolute;
	top: 80px;
	margin-left: 300px;
	margin-right: 100px;
}
#trait1 {
	position: absolute;
	background-image: url(img/trait-vh.gif);
	background-repeat: no-repeat;	
	width: 30px;
	height: 200px;
	top: 105px;
	left: 24px;
	z-index: 3;
}
#trait2 {
	position: absolute;
	background-image: url(img/trait-jv.gif);
	background-repeat: no-repeat;	
	width: 20px;
	height: 200px;
	bottom: 10px;
	right: 10px;
	z-index: 11;
}
#trait3 {
	position: absolute;
	background-image: url(img/trait-jh.gif);
	background-repeat: no-repeat;	
	width: 380px;
	height: 20px;
	bottom: 5px;
	right: 10px;
	z-index: 12;
}
#traits {
	position: absolute;
	background-image: url(img/traits.gif);
	background-repeat: no-repeat;
	width: 386px;
	height: 244px;
	bottom: 10px;
	right: 25px;
	z-index: 13;
}
#corps{
	position: absolute;
	background-color: #8C7173;
	width: 55%;
	height: 60%;
	left: 330px;
	top: 120px;
	z-index: 6;
}
#adresse {
	position: absolute;
	background-image: url(img/titre.gif);
	background-repeat: no-repeat;	
	width: 300px;
	height: 70px;
	left: 60px;
	top: 110px;
	padding: 30px; 
	z-index: 4;
}
#ballon {
	position: absolute;
	background-image: url(img/ballon.gif);
	background-repeat: no-repeat;	
	width: 249px;
	height: 248px; 
	left: 65px;
	top: 313px;
	z-index: 5;
}
#navgauche {
	position: absolute;
	background-image: url(img/fondnav.gif);
	width: 265px;
	height: 180px; 
	left: 36px;
	top: 226px;
	line-height: 24px;
	padding-left: 20px;
	z-index: 6;
}
#navpuces {
	position: absolute;
	background-image: url(img/puces.gif);
	background-repeat: no-repeat;
	width: 25px;
	height: 180px;
	left: 28px;
	top: 226px;
	z-index:7;
}
.imglogos {
	margin-top: 2px;
}
.textelogos {
	line-height: 30px;
}.legende {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}