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

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

#opinion #colonne_principale {
	float:left;
	width:461px;
	margin-right:11px;
	margin-bottom:50px;
}

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

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

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

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

#opinion .page_liste #articles_vedettes h1,
#opinion h4 {
	font:bold 0.92em/1.2em Georgia, serif;
	color:#000;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 0 8px 0;
}

#opinion .page_liste #articles_vedettes h1.categorie {
	font:bold 1.076em/1.2em Georgia, serif;
}

#opinion .page_liste #articles_vedettes h1.categorie span {
	font-size: 0.857em;
	line-height: 1.2em;
	display: block;
	color: #5a5a5a;
}

#opinion h1 a,
#opinion h4 a {
	color:#000;
	text-decoration:none;
}

#opinion h1 a:hover,
#opinion h4 a:hover {
	text-decoration:underline;
}


/* ARTICLES VEDETTES
-----------------------------------------*/
#opinion .intro {
	font: 0.92em/1.4em Verdana,sans-serif;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* DERNIERS TITRES PAR RUBRIQUES
-----------------------------------------*/
/* Boîte d'inscription */
#opinion #rubriques .boite_inscription {
	width:439px; /* Important pour IE */
	position:relative;
	padding-bottom:32px;
	margin-bottom:10px;
}

#opinion #rubriques .boite_inscription .gratuit {
	position:absolute;
	bottom:11px;
	left:141px;
}

#opinion #rubriques .boite_inscription a.minscrire {
	position:absolute;
	bottom:7px;
	right:149px;
}


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


#plus_commentes_aimes {
	background:none;
	margin-top:0;
	padding-top:0;
}
/* Archives : voir accueil.css */

/* DERNIERS TEXTES (colonne du centre)
-----------------------------------------*/

#opinions ul.articles {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#opinions ul.articles li {
	margin: 0;
	padding: 0 0 10px 0;
}

/* OPINION (Voir accueil.css)
-----------------------------------------*/

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