/****************************************************
	Fichier : 3di-typo.css
	Propriétés des éléments typographiques et listes
*****************************************************/

/* GENERAL */

/* Police par défaut */
body { font: 12px Verdana, Arial, Helvetica, sans-serif; }

/* Tous les liens sont de même couleur */
a { color: #4e94ba; }
a:visited { color: #909090!important; }
a:hover { color: #ba934e!important; }

/* Tous les liens du genre "Toutes les nouvelles", avec l'icône de la loupe */
a.tout {
	background: url(../images/icn-tout.gif) center left no-repeat;
	color: #4e94ba;
	display: block;
	font-size: 10px;
	font-weight: normal!important;
	margin: 15px 0;
	padding: 0 0 0 25px;
	position: relative;
	text-decoration: underline;
}

/**************** COLONNE SECONDAIRE *****************/

/* Contenu dans les dernières nouvelles et listing d'articles*/
#dernieres-nouvelles #dn-contenu,
#navigation #list-articles { font-size: 10px; }

/* Liste spéciale pour énumérer les nouvelles et articles */
#dernieres-nouvelles #dn-contenu dl, 
#navigation #list-articles dl { margin: 14px 0 0 0; }

/* Contenu de la liste spéciale: Texte des nouvelles */
#dernieres-nouvelles #dn-contenu dd, 
#navigation #list-articles dd { 
	margin: 0 0 14px 0;
	position: relative;	
}

/* Date des nouvelles */
#dernieres-nouvelles #dn-contenu p.date {
	font-style: italic;
	position: relative;	
}

/* Dernières nouvelles : liens (titre et "+") */
#dernieres-nouvelles #dn-contenu a,
#navigation #list-articles a {
	font-weight: bold; 
	position: relative;
	text-decoration: underline;
}

div.listing em { font-size: 10px; color: #666; }

/* Texte dans navigation */
#navigation p { font-size: 10px; }
#navigation dl#produits dd a { font-size: 11px; font-weight: bold; }

/* Liens dans navigation */
#navigation a.chemin {
	float: none;
	font-weight: normal;
	margin: 0;
}

/* Prix dans NAVIGATION et dans ITEMS RELIÉS */
p.prix { color: #000; font-weight: bold; }
/* Prix normal barré s'il y a promo */ 
p.prix strong { text-decoration: line-through; }
/* Prix promo en rouge */ 
p.prix span { color: #f00; }


/*********************** COLONNE PRIMAIRE **********************/

/* Texte dans l'intro de l'accueil */
#col-primaire #intro-accueil h2 { margin: 0 0 5px 0; }
#col-primaire #intro-accueil p { margin: 5px 0; }

/* Textes dans la section événements */
#col-primaire div.section div.ligne p { line-height: 16px; margin: 0; }
#col-primaire div.section div.ligne p.texte { font-size: 10px; }
#col-primaire div.section div.ligne p.date { 
	color: #f00;
	font-weight: bold;
}
#col-primaire div.section div.ligne a { font-weight: bold; }


/* Texte général dans la liste de la rubrique nouvelles */
#col-primaire div.section .nouvelles p {
	color: #666;
	font-size: 10px; 
	margin: 2px 0;
}
#col-primaire div.section .nouvelles a { 
	font-size: 12px; 
	font-weight: bold; 
}


/* Texte de description dans "Solutions" sur l'accueil */
#col-primaire div.section div.solution p.texte { font-size: 10px; margin: 0 0 15px 0; }

/* Texte dans l'intro de la rubrique */
#col-primaire #intro-rubrique { color: #fff; }
#col-primaire #intro-rubrique h2 { margin: 0 0 5px 0; color: #fff;}
#col-primaire #intro-rubrique p { color: #fff; margin: 5px 0; }

#col-primaire #liste-contenu a { font-size: 18px; }

/* Dans un article */

#col-primaire #page-article p.prix { color: #000; font-size: 14px; font-weight: bold; margin: 0 0 15px 0; }

/* Prix normal barré s'il y a promo */ 
#col-primaire #page-article p.prix strong { text-decoration: line-through; }

/* Prix de la promo */ 
#col-primaire #page-article p.prix span { color: #f00; }

#col-primaire p { margin: 0 0 12px 0; }
#col-primaire h5 { font-size: 10px; font-weight: bold; margin: 12px 0 0 0; display: block; }
#col-primaire .note { font-style: italic; }
#col-primaire #page-article .t10px { font-size: 10px; }

/* Classe URL pour liens vers des sites officiels */
#col-primaire a.url { 
	background: url(../images/icn-url.gif) top left no-repeat;
	display: block;
	font-size: 10px;
	height: 14px;
	padding: 2px 0 0 20px;
}

#col-primaire a.pdf {
	background: url(../images/icn-pdf.gif) top left no-repeat;
	display: block;
	font-size: 10px;
	height: 14px;
	padding: 2px 0 0 20px;
}

#col-primaire .compatible {
	background: url(../images/icn-compatible.gif) top left no-repeat;
	color: #e88256;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 16px;
	margin: 25px 0 10px 0;
	padding: 2px 0 0 20px;
}

/*********************** COLONNE TERTIAIRE ************************/

/* Détails promotion - style des vieux prix et nouveau prix */
#col-tertiaire p { font-size: 10px; margin: 0 0 0 15px; }
#col-tertiaire div.promo div.produit-details p { margin: 0; }
#col-tertiaire div.promo a { font-weight: bold; }
#col-tertiaire div.promo span.vieux-prix { font-weight: bold; text-decoration: line-through; }
#col-tertiaire div.promo span.nouveau-prix { color: #f00; font-weight: bold; }

/*********************** BAS DE PAGE ***********************/

/* Liens du menu du bas */
#menu-bas a.rubrique { 
	font-weight: bold; 
	text-transform: uppercase;
}

/* Liste pour énumérer le menu du bas */
#menu-bas ul {
	margin: 0 auto;
	position: relative;
}

	/* Texte dans menu bas */
	#menu-bas li {
		color: #4e94ba;
		display: inline;
		font-size: 10px;
	}

	#menu-bas li.copyright { color: #000; }

/* Texte qui n'est pas en lien */
#menu-bas span { color: #000; }

/* Texte du pied de page */
#pied-de-page p { 
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

#pied-de-page p span { font-weight: normal; }

/* Liens du pied de page */
#pied-de-page p a { color: #55a1d5; }
#pied-de-page p a:hover { color: #51b1f3; } 
#pied-de-page p a:visited { color: #7d9cb1; }