/*
	CSS pour Le Devoir - Accueil de section
	Emilie - egzakt.com
	2009/09/08
*/

#accueil_section {
	width:940px; /* Important pour IE */
	background:url(../images/ul/tuiles/conteneur_accueil_section.gif) repeat-y left top;
}

#accueil_section #colonne_principale {
	float:left;
	width:461px;
	margin-right:11px;
}

#accueil_section #colonne_milieu {
	float:left;
	width:137px;
	margin-left:10px;
}

#accueil_section h3 {
	font:bold 1.17em/1em Georgia, serif;
	margin:0 0 0 0;
}

#accueil_section h3 a {
	color:#1C1E7C;
	text-decoration:none;
}

#accueil_section #opinions .articles h3,
#accueil_section #critiques .articles h3 {
	font-size:1em;
	line-height:1.2em;
}

#accueil_section h3 a:hover {
	text-decoration:underline;
}

#accueil_section h4 {
	font:bold 0.92em/1.1em Georgia, serif;
	color:#000;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 0 8px 0;
}

#accueil_section h4 a {
	color:#000;
	/*text-decoration:none;*/
}

#accueil_section #blogues h4 a {
	text-decoration:none;
}

#accueil_section h4 a:hover {
	text-decoration:underline;
}

#accueil_section a.cle {
	display:inline-block;
	margin-left:3px;
}

#accueil_section .intro {
	font: 0.92em/1.4em Verdana,sans-serif;
}

/* ARTICLES VEDETTES
-----------------------------------------*/
#accueil_section #articles_vedettes {
	margin-bottom:10px;
	background:url(../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
}

#accueil_section #articles_vedettes ul {
	width:461px; /* Important pour IE */
	list-style-type:none;
	margin:0;
	padding:0;
}

#accueil_section #articles_vedettes li {
	padding-bottom:20px;
}

#accueil_section #articles_vedettes .photo {
	float:left;
	width:100px;
}
#accueil_section #articles_vedettes li.principale .photo {
	float:none;
	width:451px;
}

#accueil_section #articles_vedettes .zone_detail {
	float:right;
	width:350px;
}
#accueil_section #articles_vedettes li.sans_photo .zone_detail {
	float:none;
	width:461px;
}

#accueil_section #articles_vedettes h1 {
	font:bold 1.5em/1.1em Georgia, serif;
	margin:0;
}

#accueil_section #articles_vedettes h1 a {
	color:#1C1E7C;
	text-decoration:none;
}

#accueil_section #articles_vedettes h1 a:hover {
	text-decoration:underline;
}

#accueil_section #articles_vedettes h2 {
	font:bold 1.17em/1.2em Georgia, serif;
	margin:0;
}

#accueil_section #articles_vedettes h2 a {
	color:#1C1E7C;
	text-decoration:none;
}

#accueil_section #articles_vedettes h2 a:hover {
	text-decoration:underline;
}

#accueil_section #articles_vedettes .interactions {
	margin-top:2px;
	color:#333;
	font:0.77em/1.2em Verdana, sans-serif;
}

#accueil_section #articles_vedettes .interactions a {
	color:#333;
}

#accueil_section #articles_vedettes .interactions a:hover {
	color:#2882E6;
}


/* DERNIERS TITRES PAR RUBRIQUES
-----------------------------------------*/
/* Boîte d'inscription */
#accueil_section #rubriques .boite_inscription {
	width:460px; /* Important pour IE */
	height:80px;
	position:relative;
	padding:0;
	border:0;
	background:url(../images/fr/titrages/recevez_titres_rubriques_culture.gif);
	margin-bottom:10px;
	display:block;
}

#accueil_section #rubriques .boite_inscription img {
	margin:27px 0 0 350px;
	position:absolute;
	z-index:1;
}

#accueil_section #rubriques .boite_inscription .over {
	visibility:hidden;
	z-index:2;
}

#accueil_section #rubriques .boite_inscription:hover img.over {
	visibility:visible;
}

/* Rubriques (Voir aussi accueil.css) */
#accueil_section #rubriques dl.gauche {
	float:left;
	width:220px;
}
#accueil_section #rubriques dl.droite {
	float:right;
	width:220px;
}


/* ARTICLE LE PLUS AIMÉ
-----------------------------------------*/
#plus_aime {
	margin-top:15px;
	padding-top:15px;
	background:url(../images/ul/graphiques/separateur_double.gif) repeat-x left top;
}

#plus_aime h4 {
	font:bold 1em/1.2em Times, Georgia, serif;
	color:#000;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 0 8px 0;
}

#plus_aime ul {
	width:282px; /* Important pour IE */
	list-style-type:none;
	margin:0;
	padding:4px 8px;
	border:1px solid #666666;
}

#plus_aime li {
	border-bottom:1px solid #ccc;
	/* Attention, ne pas mettre de padding ou width ici à cause de IE */
}
#plus_aime li.dernier {
	border-bottom:0;
}

#plus_aime a.nombre {
	float:left;
	width:27px;
	height:27px;
	padding:10px 0 0 0;
	text-align:center;
	color:#787878;
	font-weight:bold;
	text-decoration:none;
	line-height:1.15em;
	background:url(../images/ul/icones/commentaire.gif) no-repeat left 7px;
}

#plus_aime .article {
	float:right;
	width:240px;
	padding:5px 0 4px 0;
}

#plus_aime a.titre {
	color:#1C1E7C;
	text-decoration:none;
	line-height:1.1em;
}

#plus_aime a.titre:hover {
	text-decoration:underline;
}


/* Archives : voir accueil.css */


/* OPINION (Voir accueil.css)
-----------------------------------------*/
#accueil_section #opinions #idees ul {
	font:bold 0.85em/1.1em Georgia, serif;
}

#accueil_section #caricature {
	margin-top:10px;
	background:url(../images/ul/graphiques/separateur_double.gif) no-repeat left top;
	padding-top:15px;
}

/* PHOTOS (Voir principal.css)
-----------------------------------------*/