/* CSS Document */

body
{
	font-size:12px; 
	color:#315995; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*background-image:url(../references/fond_back.jpg);
	background-position:center;
	background-repeat:repeat-y;*/
	background-color:#EFF0F2;
}

select   /* couleur des balise SELECT (peut être egal à BODY) */
{
	font-size:13px; 
	color:#315995; 

}


.promo_select /* couleur des prix en promo dans la declinaison avec varfiation de prix */
{
	color:#000000;
	font-weight:bold;
}

/* -------------------------------------------- PAGE FICHE */ 
.prix   /*couleur d'un prix standard  */
{
	color:#C00000;
	font-variant:small-caps;
	font-size:20px; 
	font-weight:bold;	
}

.promo  /* PAGE FICHE :: couleur d'une promotion (peut être egal à BODY) */
{
	text-decoration:line-through;
	color:#315995;  
	font-size:18px; 
}

.titre_produit   /* Titre des catégorie */
{
	color:#C00000;
	font-variant:small-caps;

}


/* -------------------------------------------- PAGE LISTE PAR CATEGORIE  */
.mini_prix  /* couleur d'un prix standard  */
{
	color:#C00000;
	font-variant:small-caps;
	font-size:13px; 
	font-weight:bold;	
}


.mini_promo  /* couleur d'une promotion (peut être egal à BODY) */
{
	text-decoration:line-through;
	color:#315995;
	font-size:11px; 
}


.titre_img  /* Couleur de la catégorie */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px; 
	font-weight:bold;
	font-variant:small-caps;
	color:#FF0000;
}

a:link.article    {font-size:13px; color:#384D6C; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; font-variant:small-caps;font-variant:small-caps;}
a:visited.article {font-size:13px; color:#384D6C; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; font-variant:small-caps;font-variant:small-caps;}
a:hover.article   {font-size:13px; color:#FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; font-variant:small-caps;font-variant:small-caps;}


/* ------------------- Scroll Image ----------------------*/
.posrelative
	{
	POSITION: relative;
	}
	
	
#conteneur
	{
	width:130px;
	height:110px;
	POSITION: relative;
	OVERFLOW: hidden;
	CLIP: rect(0px 130px 110px 0px);
	}



/* -------------------------------------------- PAGE LISTE PROMO */
.mini_new  /* couleur du nouveau prix*/
{
	color:#FF3300;
	font-size:11px; 
}

.mini_pourcent  /* poucentage */
{
	font-size:11px; 
}

a:link.listepromo    {font-size:11px; color:#315995; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; }
a:visited.listepromo {font-size:11px; color:#315995; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; }
a:hover.listepromo   {font-size:11px; color:#315995; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; }


/* -------------------------------------------- ACCUEIL */

.actu  /* texte de la page principale */
{
	text-align:justify;
	font-size:12px; 
}

.box_titre /* Couleur des titre des menus de gauche */
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#FF0000;
	font-variant:small-caps;
	font-weight:bold;
}

.pied    {font-size:9px; color:#384D6C; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; }

a:link.promo    {font-size:11px; color:#315995; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; }
a:visited.promo {font-size:11px; color:#315995; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; }
a:hover.promo   {font-size:11px; color:#FF0000; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; }

a:link.menu    {font-size:12px; color:#315995; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; font-variant:small-caps;}
a:visited.menu {font-size:12px; color:#315995; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; font-variant:small-caps;}
a:hover.menu   {font-size:12px; color:#FF0000; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; font-variant:small-caps;}

a:link.gauche    {font-size:11px; color:#315995; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; font-variant:small-caps;}
a:visited.gauche {font-size:11px; color:#315995; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; font-variant:small-caps;}
a:hover.gauche   {font-size:11px; color:#FF0000; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; font-variant:small-caps;}




/* -------------------------------------------- ADMINISTRATION */
legend
{
	font-size:14px;
	color:#000000; 
	font-weight:bold;
	font-variant:small-caps;

}

a:link.declinaison    {font-size:12px; color:#FF0000; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:bold;}
a:visited.declinaison {font-size:12px; color:#FF0000; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:bold;}
a:hover.declinaison   {font-size:12px; color:#000000; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:bold;}



/* --------------------- Plus de couleur -------------------*/

.cadre
{
	bordercolor:#CCCCCC;
	border:1px solid #D9E3EB;
}

.erreur
{
	color:#FF0000;
	font-weight:bold;
}

/*-------------*/
.catalogue
{
	font-weight:bold;
	font-size:16px;
}

.erreur_form
{
	color:#FFFFFF;
	font-weight:bold;
	background-color:#FF0000;
}

hr
{
	color:#CC0000;
	border-style:dotted;
	border:thin;
}

.tiret
{
	border-bottom-style:dashed;
	border-top-style:dashed;
	border-bottom-color:#FF0000;
	border-top-color:#FF0000;
	border:1px;

}
#liste h1
{
    font-size:11px; 
	color:#315995; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	text-decoration:none;
	font-weight:normal; 
	font-variant:small-caps;
    margin: 0px;
    cursor: pointer;
   
}

#liste span
{
    display: none;
	color: #000000;
}

#liste a
{

    display: block;
    font-weight:bold;
    margin: 0px 0px 0px 8px;
    color: #343C66;
    text-decoration: none;
}


#liste a:link
{
    display: block;
    margin: 0px 0px 0px 8px;
    color: #343C66;
    text-decoration: none;
}



#liste a:hover
{
    display: block;
    margin: 0px 0px 0px 8px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #000000;
}


.mini
{
	font-size:10px;
	font-stretch:condensed;
}

.erreur_mini
{
	color:#FF0000;
	font-size:10px;
	font-stretch:condensed;
}

.raye
{
	text-decoration:line-through;
}

.imprimer
{
	font-size:16px;
}
/***********************  Galerie ************************/

div#galerie
{
	width: 480px ;
	background: #EBF0F6 ;
	border: 1px solid #D9E3EB ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #D9E3EB ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #384D6C ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #D9E3EB ;
}