/* img {vertical-align:middle;} */
a img { border: 0px; }
.separation { height:1px; clear:both; visibility:hidden;} /* pour arreter un float */
/*###########################################################################*/
body {
        margin:0px;
        background-color:black;
		color: #C4B8A2;
        }
body.print {
        margin:0px;
        background-color:white;
		color: #C4B8A2;
        }
.copyright {  
	font: bolder 10px Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: middle
	}
/*###########################################################################*/
/*#######							entete								  ###*/
/*###########################################################################*/
#entete  {
	margin-left:20px;
	}
.menu {
	position:relative;
	z-index:1;
	top:-63px;
	left:270px;
	}
a.logo {
	display:block;
	width:260px;
	background: url(../objets2007/logoStronglight.gif) no-repeat top left;
	}
a.logo:hover {
	background: url(../objets2007/logoStronglightOver.gif) no-repeat top left;
	}
/*###########################################################################*/
/*#######							page								  ###*/
/*###########################################################################*/
/*###########################################################################*/
/*#######							petit menu				     		  ###*/
/*###########################################################################*/
#petitMenu {
	margin-top:10px;
	}
#petitMenu, #petitMenu a {  
	font: bolder 14px Geneva, Arial, Helvetica, san-serif;
	color: #9A9168;
	font-variant: small-caps;
	text-decoration: none;
	}
#petitMenu a:hover {  color: #be2820; }
/*###########################################################################*/
/*#######							produit								  ###*/
/*###########################################################################*/
.vignetteMenu {
	display:none;
	position:absolute;
	left:75px;
	top:20px;
	height:150px;
	width:150px;
	border:red 1px solid;
	background: url(../objets2007/fondVignetteMenuProduit.jpg) no-repeat top left;
	z-index:2;
	}
#menuProduit {
	/*float:left;*/
	margin-right:40px;
	margin-top:20px;
	}
#menuProduit, #menuProduit .child {
	font: bolder 12px Geneva, Arial, Helvetica, san-serif;
	color: #9A9168;
	list-style-image: url(../objets2007/puceJaune.gif);
	font-variant: small-caps;
	text-decoration: none;
	line-height:14px;
}
#menuProduit .parent {   
	font-size: 15px;
	font-weight:bolder; 
	color: #9A9168;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: underline;
	}

#menuProduit a:hover {  
	color: #be2820;
 }
#lienProduitEtNotices {
    position:absolute;
	top:-30px;
	text-align:center;
	padding-left:20px;
}
#ficheProduit {
	font-family: Arial, Helvetica, sans-serif;
	background-color:white;
	color: black;
	margin:10px 10px 10px 0px;
	}
.titreFicheProduit {  
	font-size: 20px;
	text-transform: uppercase;
	color: #ad9684;
	font-weight: bold;
	}
.titreTechnique {  
	font-size: 20px;
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
	}
.texteFicheProduit {  
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	}
.texteCommercial {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	}
.utilisationFicheProduit {  
	font-size: 12px; 
	font-weight: bold;
	color: #FF0000;
	}
.techniqueFicheProduit {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: black;
	}
/*###########################################################################*/
/*#######							liens,FAQ							  ###*/
/*###########################################################################*/
#cadreListe .titre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bolder; color: #676767; text-transform: none; font-style: normal}
#cadreListe .titre0 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #9a8e68}
#cadreListe .titre1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #827858}
#cadreListe .titre2 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #7c7152}
#cadreListe .titre3 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #5c553e}
#cadreListe .titre4 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
#cadreListe .resumeUrl {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #626262; font-style: italic; text-decoration: none}
#cadreListe a:hover {  color: #be2820;}
/*###########################################################################*/
/*#######							article    							  ###*/
/*###########################################################################*/
#article {
	margin:10px;
	}
#article .titre {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bolder; color: black; text-transform: none; font-style: normal}
#article .auteur {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-transform: none; font-style: italic}
#article .date {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0066CC;  font-style: normal}
#article .resume {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #330066}
#article .legende {  text-align:center;font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; font-style: italic}
#article .texte {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;  color: #666666}
#article .liensArticle, #article  .liensArticle a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;  color: #9A9168; text-decoration:none;}
#article .liensArticle td {border:0px; }
#article a:hover {  color: #be2820;}
#liensArticle {
	padding:30px 10px 0px 5px;
	}
a.lienArticle, a.lienArticleAvecImage {
	font: bold 12px Arial, Helvetica, san-serif;
	text-decoration:none;
	border:#9A9168 2px outset;
	color: black;
	display:block;
	margin:5px 5px 0px 0px;
	background-color:#9A9168;
	}
a.lienArticle:hover, a.lienArticleAvecImage:hover {
	border:#be2820 2px outset;
	}
a.lienArticle {
	padding:1px 3px;
	}
a.lienArticleAvecImage {
	}

/*###########################################################################*/
/*#######							popup    							  ###*/
/*###########################################################################*/
.fermerPopup {
	padding-top:20px;
	text-align:center;
	font: bolder 14px Geneva, Arial, Helvetica, san-serif;
	color: #9A9168;
	font-variant: small-caps;
	text-decoration: none;
	}
.fermerPopup img {vertical-align:middle;} 

