* html, body{
  color: #333333;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	border: 0;
  padding: 0;
}

body {
	scrollbar-3dlight-color: #E9EAEC;
	scrollbar-arrow-color: #C9CBCD;
	scrollbar-base-color: #C9CBCD
	scrollbar-darkshadow-color: #003E5C;
	scrollbar-face-color: #E9EAEC;
	scrollbar-highlight-color: #C9CBCD;
	scrollbar-shadow-color: #C3BEC2;
	scrollbar-track-color: #E9EAEC;
	background-image: url(images/interface/background.jpg);
	background-repeat: repeat-x;
	background-color: #F1EFE2;
}

td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	color: #333333;
	text-align: justify;
}

tr.rhover:hover>td{
background-color: #ffffff; }

a.tab{
display: block;
width: 100%;
}


.legende
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: justify;
	font-weight: bold;

}

.legenderouge
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AD293E;
	text-align: justify;
	font-weight: bold;

}

.titre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	color: #AD293E;
	text-align: justify;
}
	
A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

A:Hover {
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;	
	color: #AD293E;
}

a.liens {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #AD293E;
	text-decoration: none;
}

a.liens:hover {
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #333333;
}

a.liens:active {
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #333333;
}

a.sous_menu {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #6A6745;
	text-decoration: none;
	text-transform: uppercase;
}

a.sous_menu:hover {
   font-family: "Trebuchet MS", Arial, Helvetica;	
	font-size: 11px;	
	color: #333333;
}

a.sous_menu:active {
   	font-family: "Trebuchet MS", Arial, Helvetica;	
	font-size: 11px;	
	color: #333333;
}
	
a.lien_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.lien_blanc:hover {
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #AD293E;
}

a.lien_blanc:active {
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #AD293E;
}

a.theme {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a.theme:hover{
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #AD293E;
}

a.theme:active
{
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #AD293E;
}

.titre2
{
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	font-weight: bold;
	color: #AD293E;
}



.textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #666666;
	background-color: White;
	}
	
.textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #666666;
	background-color: White;
	}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #666666;
}
input.image {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 0px;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 0px none #666666;
	width: 135px;
	margin: 0px;
	padding: 0px;
}
.titrephoto{

font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.titreblanc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.legendephoto{

font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #333333;
	text-decoration: none;
}
.btsub {
   width: 50px;
   height: 22px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent;/* on place l'image en arrière plan */
   text-indent: 3px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}

/* Bouton OK sur l'accueil newsletter */
#bt_mailing{
  background: url('/images/accueil/ok.png') no-repeat;
}
#bt_mailing:hover{
  background: url('/images/accueil/okr.png') no-repeat;
}

/* Bouton Accéder au catalogue sur l'accueil */
#acces_catalogue{
  background: url('/images/accueil/accescataloguecomplet.png') no-repeat;
  display: block;
  width: 188px;
  height: 16px;
  margin-bottom: 6px;
}
#acces_catalogue:hover{
  background: url('/images/accueil/accescataloguecompletr.png') no-repeat;
}

/* Bouton En savoir plus sur l'accueil */
#suite_actu{
  background: url('/images/accueil/ensavoirplus.png') no-repeat;
  display: block;
  width: 94px;
  height: 16px;
  margin-bottom: 6px;
}
#suite_actu:hover{
  background: url('/images/accueil/ensavoirplusr.png') no-repeat;
}
.none {
	background-color: transparent;
	border: 0px;
}
div.scroll {  
overflow-y:auto;
height: 552px;  
}

div.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #AD293E;
}

/* AJOUTER PAR Corentin LE 20/11/2007*/
.police1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #77734E;
}
A.police1:hover{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #77734E;}

.police2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #77734E;
}

A.police2:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #77734E;
}
.police3{
	font-family: Trebuchet,tahoma,Verdana,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #76734E;
}
A.police3:hover{
	font-family: Trebuchet,tahoma,Verdana,sans-serif,Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #76734E;
}
.titrePatine1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #56172A;
}

A.titrePatine2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #77734E;
}
A.titrePatine2:Hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #77734E;
}
td.labelInformation, P.labelInformation{
  text-align: left;
	font-family: sans-serif,Arial, Helvetica, sans-serif;
	padding:2px 0px 2px 5px;
	margin:0px;
	color:#ffffff;background-color:#C292A0
}
P.labelInformation{ margin:0px 10px 5px 10px}
P.labelInformation I {font-size:10px}

.detailleProduit{
	display:block;
	line-height:20px;
	height:24px;
	width:260px;
	text-align:left;
	border:0px solid green;
	background: url('/images/navigation/loupe.gif') no-repeat bottom left;
	padding-left:23px;
	margin-bottom : 1px;
	
}
.paginationProduit{
	border:0px solid yellow;
	line-height:24px;

}
.paginationProduit A{
	font-family: Trebuchet,verdana,tahoma;
	font-size:11px;
	color:#76724D;
	font-weight:bold;
	margin-left:5px;
}

.puce1{
	background: url('/images/navigation/puce1.gif') no-repeat top left;
	padding-left:18px;
	line-height:24px;
}
.tiretHaut{ background: url('/images/navigation/bg-tiret.gif') repeat-x top left;}
.tiretBas{ background: url('/images/navigation/bg-tiret.gif') repeat-x bottom left; }

.catalogueCaracteristique {
	height:20px;
}
.catalogueCaracteristique .label{
  text-align: left;
	padding-left:2px;
	color:#ffffff;
	background-color:#C292A0;
	font-weight:bold;
}
.catalogueCaracteristique .valeur{
text-align: left;
	padding-left:5px;
	background-color:#F6EDF0;
}