/*  ----------------------------------------------------------- */
/*  Feuille de style du site lillipuce.com   */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
 background: #304F7E;
	/*background: #990000;*/
	/*background-image: url(puce-im/texture-rouge.gif);*/
	margin: 0em;
	text-align: center;
	font-size: 0.96em;
	color: #333;
	font-family: "Trebuchet MS", Helvetica, sans-serif; 
}
form{ 
	margin-top: 0em;	
}


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 95%;
	background: #ffffff;
	text-align: left;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 30px;
	margin-bottom: 30px;

}

#conteneur { width: 100%;
background:  url(puce-im/logo.gif) no-repeat top left;		
	overflow:auto;

 }
 #conteneur2 { width: 100%;
		
	overflow:auto;

 }


/* Bandeau*/
#conteneur #bandeau {
	float: left;
	width: 12%;	
	margin-right: 2%;
	margin-top: 210px;

}
#conteneur #bandeau #news {
	margin-left: 1em;
	font-size: 0.74em;
}
#conteneur #bandeau #encheres {
	margin-left: 1em;
	margin-bottom: 2em;
	font-size: 0.70em;
}

 .titrerouge { 	
	color: #FF8000;
	font-weight: bold;
}

/* Boutique */

#conteneur #boutique {
/*background-image: url(puce-im/fondarrondi.gif);*/
	float: left;
	width: 296px;
	margin-right: 3%;
margin-top: 110px;
 	padding: 0em;
	font-size: 0.77em;
		overflow:auto;
	
}
html>body #conteneur #boutique { /* pour tous sauf ie */
	margin-right: 0em;
}

#conteneur #boutique hr { 
clear: both;
width: 98%;
border: 0; /* enleve toute bordure */
border-bottom: 4px dotted #304F7E; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 4px; /* pour IE */
}
#conteneur #boutique #haut { 
	width: 100%;
	height: 24px;	
	background:  url(puce-im/haut.gif) no-repeat top left; 
}
#conteneur #boutique #bas { 
	width: 100%;
	height: 24px;	
	background:  url(puce-im/bas.gif) no-repeat top left; 


}
#conteneur #boutique #bordure { 
	width: 100%;
	background:  url(puce-im/bordure.gif) ; 
		margin-bottom: 0em;	
}
#conteneur #boutique #menu { 
	width: 98%;
	margin-top: 0em;
	margin-bottom: 1em;	

}

#conteneur #boutique #corpsbout { 
width: 96%;
	background-image: url(puce-im/puce-blanche.gif);
	margin-bottom: 0em;		
}
#conteneur #boutique #mesure{
	margin: 0.5em;
	background-image: url(puce-im/puce-orange.gif);
 	padding: 0.5em;
} 
  #conteneur #boutique #mesure .titre{ 
	font-size: 1.5em;
	color: #FF8000;
	font-weight: bold;
	text-decoration:none;
}
 #conteneur #boutique .titre{ 
	font-size: 1.2em;
	color: #304F7E;
	font-weight: bold;
	text-decoration:none;
}
 #conteneur #boutique .titre a{ 
	font-size: 1.2em;
	color: #FF8000;
	font-weight: bold;
	text-decoration:none;
}






/* contenu*/
#conteneur #contenu {
	float: right;
	
	margin-right: 1%;
	font-size: 0.94em;
}
html>body #conteneur #contenu { /* pour tous sauf ie */
	float: right;
	width: 52%;

}
#conteneur #contenu hr { 

width: 98%;
border: 0; /* enleve toute bordure */
border-bottom: 2px dotted #304F7E; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 2px; /* pour IE */
}

#conteneur #contenu #bande{
	float: right;
}

html>body #conteneur #contenu #bande{ /* pour tous sauf ie */
	margin-left: 0.5em;
}

#conteneur #contenu .fab{

}


 .petit { 
	font-size: 0.77em;
}
 .vert { 
	color: #304F7E;
	font-weight: bold;
}
.prix { 
	font-weight: bold;
	color: #FF4009;
}



/* Entete */
#entete { 
	width: 100%;
	font-size: 0.90em;
	color: #FF8000;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 1em;
	text-align: center; 
}

/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	margin-top: 4em;
	padding: 2px;
	text-align: center; 
	background-image: url(puce-im/puce-orange.gif);

}




/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: underline; color: #333; }
a:hover { text-decoration: none; 	background-image: url(puce-im/puce-orange.gif);}