/* Created by Ecodev Sˆarl - 2000 Neucha‰tel - Switzerland (http://ecodev.ch)*/
/* last modified 26.01.2006 */

/* couleurs */
/* gris fonceŽ (DimGray)   #696969 */
/* grisŽ moyen (Gray)      #808080 */
/* grisŽ moyen-clair       #999999 */
/* grisŽ clair             #AAAAAA */
/* gris-blanc (Gainsboro) #DCDCDC */
/* orange                 #FFAA11 */

body { 
background-color: #696969; /*gris fonceŽ*/
color: #DCDCDC;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

/* en-tetes */
h1 { font-size: 24px; font-weight: bold; line-height: 120%; font-stretch: condensed }
h2 { font-size: 16px; font-weight: bold; line-height: 120%; font-stretch: extra-condensed }
h3 { font-size: 15px; font-weight: bold; line-height: 120%; font-stretch: extra-condensed }
h4 { font-size: 14px; font-weight: normal; line-height: 120%; font-stretch: extra-condensed; margin-bottom: 4px }


/* paragraphe */
p  { font-size: 13px }
.h2t { font-size: 16px; font-weight: bold; text-align: left; font-stretch: extra-condensed; margin-left: 10px; margin-top: 10px; margin-bottom: 0px }
.h3a { font-size: 18px; line-height: 120%; font-stretch: extra-condensed }
.pjust  { font-size: 13px; line-height: 160%; text-align: justify }

.ptext { 
text-align: justify;
line-height: 160%;
margin-left: 10px;
margin-right: 10px;
}

.ttable { font-size: 12px; font-weight: bold; font-stretch: condensed; line-height: 14px; padding: 4px 0 4px 0 }
.ptable { font-size: 12px; line-height: 14px; padding: 7px 0 7px 0 }
.p14table { font-size: 14px; line-height: 16px; padding: 2px 0 2px 0  }

/* hauteur de ligne */
.lh05 { line-height: 5px }
.lh20 { line-height: 20px }

/* alignement */
*.left { text-align: left !important; }
*.right { text-align: right !important; }
*.center { text-align: center !important; }
*.justify { text-align: justify !important; }

/* encadrements */
.tth 		{ border-top: 1px dotted #DCDCDC }
.ttb 		{ border-bottom: 1px dotted #DCDCDC }
.ttg		{ border-left: 1px dotted #DCDCDC }
.ttd		{ border-right: 1px dotted #DCDCDC }

.tph 		{ border-top: 1px solid #DCDCDC }
.tpb 		{ border-bottom: 1px solid #DCDCDC }
.tpg		{ border-left: 1px solid #DCDCDC }
.tpd		{ border-right: 1px solid #DCDCDC }
.frame1     { 
border-top: 1px solid #DCDCDC; 
border-bottom: 1px solid #DCDCDC; 
border-left: 1px solid #DCDCDC; 
border-right: 1px solid #DCDCDC; 
}

/* images */
img{
	border: none;
	margin: 0;
}

/* liens */
a:link { color: #DCDCDC; text-decoration: none }  /* gris-blanc Gainsboro DCDCDC */
a:hover { color: #DCDCDC; text-decoration: none; cursor: hand }
a:visited { color: #DCDCDC; text-decoration: none }

a.hmenu:link { 
color: #AAAAAA; 
text-decoration: none;
font-size: 11px;
}

a.hmenu:visited { 
color: #AAAAAA;
text-decoration: none;
font-size: 11px;
}

a.hmenu:hover { 
color: #DCDCDC;
text-decoration: none;
font-size: 11px;
}

/* copyright */
.copyright { color: #999; font-size: 10px; text-align: right }
a.copyright:link   { color: #999999; text-decoration: none }

a.copyright:visited { 
color: #999999;
text-decoration: none;
}

a.copyright:hover { 
color: #999999;
text-decoration: none;
}

.footer  { color: #999; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; }


/* Menu */
#menu, #langue {
	list-style-type: none;
	text-align: left;
	margin: 0;
	margin-left: 5px;
	padding: 0;
}
#menu li, #langue li {
	margin-top: 0;
	margin-bottom: 0;
}

#langue{
    margin-top: 20px;
}

#menu a:link { 
color: #dcdcdc; 
text-decoration: none;
font-size: 11px;
font-weight: bold;
}

#menu a:visited { 
color: #aaa;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}

#menu a:hover { 
color: #dcdcdc;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}

#langue a:link { 
color: #dcdcdc; 
text-decoration: none;
font-size: 9px;
}

#langue a:visited { 
color: #aaa;
text-decoration: none;
font-size: 9px;
}

#langue a:hover { 
color: #dcdcdc;
text-decoration: none;
font-size: 9px;
}

/* article */
#infos_commerciales{
	text-align: right;
	width: 30%;
	margin:  20px 10px 10px 10px;
	float: left;
}
#infos_commerciales a{
	float: left;
	font-size: 12px;
}
#infos_commerciales h3{
	font-size: 20px;
}
#illustration{
	/*width: 262px;*/
	width: 255px;
	margin:  20px 20px 10px 20px;
	float: left;
	text-align: center;
}
#infos_techniques{
	float: left;
	margin-top: 40px;
	width: 28%;
}
#article h3{
	margin-bottom: 5px;
}
#article label{
	padding-top: 1em;
}
#bois_disponibles,#finitions_disponibles{
	margin-top: 80px;
}
#bois_disponibles a{
	float: left;
	margin: 2px;
}
#reference{
	clear: both;
	margin-top: 30px;
}
#nouveau, #solde{
	color: #ffaa11;
	
	margin-top: 50px;
}
#fourchette,{
	clear: both;
}


/* moteur de recherche */
#cadre_recherche{
	width: 80%;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;	
	
}
#bloc_recherche{
	width: 55%;
	margin: auto;
	margin-bottom: 25px;
	text-align: right;
	border: solid 1px white;
	padding: 10px;
	-moz-border-radius: 5px;
}
#bloc_recherche label{
	float: left;
}
#bloc_recherche input{
	clear: both;
}
#bloc_recherche label:after{
	content: ":";
}
#resultat{
	border: solid 1px white;
	width: 75%;
	margin: auto;
	text-align: center;
	-moz-border-radius: 5px;
}
#resultat thead{
	background-color: #696969;
	font-size: 14px;
}
#resultat thead th{
	font-weight: normal !important; 
}
#resultat thead td{
	padding: 5px 2px 5px 2px;
}
#entete_nom{
	text-align: left;
	padding: 5px;
}
#resultat td, #resultat thead td{
	padding: 4px;
	padding-left: 10px;
	text-align: left;
}
.odd{
	background-color: #808080;
	font-size: 13px;
}
.even{
	background-color: #696969;
	font-size: 13px;
}
.invisible{
	visibility: hidden;
}