/*
	CSS pour Le Devoir - Accueil
	Emilie - egzakt.com
	2009/08/30
*/

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

#accueil #colonne_principale {
	float:left;
	width:619px;
}

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

#accueil #aussi h3 {
	font-size:1.17em;
}

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

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

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

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

#accueil h4 a {
	/*text-decoration:none;*/
}

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

#accueil h4 a:hover,
#accueil #blogues h4 a:hover {
	color:#000;
	text-decoration:underline;
}

/* À LA UNE
-----------------------------------------*/
#accueil #une {
	width:619px; /* Important pour IE */
	padding-bottom:14px;
	padding-top:10px;
	border-bottom:10px solid #fff;
	background:#fff url(../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
}

#accueil #une h4 {
	margin-bottom:8px;
}

#accueil #une .photo {
	float:left;
	width:323px;
}

#accueil #une .detail {
	float:right;
	width:286px;
}

#accueil #une .detail_sans_photo {
	float:left;
	width:609px;
}

#accueil #une h1 {
	font:bold 1.5em/1.2em Georgia, serif;
	margin:0 0 1px 0;
}

#accueil #une h1 a {
	color:#1C1E7C;
	text-decoration:none;
}

#accueil #une h1 a:hover {
	text-decoration:underline;
}

#accueil #une .intro {
	font: 0.92em/1.3em Verdana,sans-serif;
	margin:2px 0;
}

/*#accueil #une .lire {
	line-height:1.1em;
}*/

#accueil #une .lire span {
	font-size:0.85em;
	line-height:1.1em;
	color:#333333;
	text-transform:uppercase;
	letter-spacing:1px;
}

#accueil #une .lire a {
	text-transform:none;
	letter-spacing:0;
	text-decoration:none;
	color:#1C1E7C;
}

#accueil #une .lire a:hover {
	text-decoration:underline;
}


/* COLONNES
-----------------------------------------*/
#accueil #colonne_gauche,
#erreur404 #colonne_gauche {
	float:left;
	width:303px;
	margin-right:21px;
}

#accueil #colonne_milieu_gauche {
	float:left;
	width:137px;
}

#accueil #colonne_milieu_droite {
	float:right;
	width:137px;
}


/* TITRES DU JOUR
-----------------------------------------*/
#accueil #titres_jour ul.articles,
#erreur404 #colonne_droite_large ul.articles {
	list-style-type:none;
	margin:0;
	padding:0;
}

#accueil #titres_jour ul.articles li {
	width:303px; /* Important pour IE pour le clear */
	clear:left;
	padding-bottom:15px;
}

#erreur404 #colonne_droite_large ul.articles li {
	padding-bottom:15px;
}

#accueil #titres_jour .photo,
#erreur404 #colonne_droite_large .photo {
	float:left;
	margin:0 10px 10px 0;
}

#accueil #titres_jour h2,
#erreur404 #colonne_droite_large h2 {
	font:bold 1.17em/1.2em Georgia, serif;
	color:#1C1E7C;
	margin:0 0 1px 0;
}

#accueil #titres_jour h2 a,
#erreur404 #colonne_droite_large h2 a {
	color:#1C1E7C;
	text-decoration:none;
}

#accueil #titres_jour h2 a:hover,
#erreur404 #colonne_droite_large h2 a:hover {
	text-decoration:underline;
}

#accueil #titres_jour .articles .intro_avec_photo,
#erreur404 #colonne_droite_large .intro_avec_photo {
	margin-left:110px;
}

#accueil #titres_jour .articles .intro,
#accueil #aussi .articles .intro,
#accueil #blogues .article .intro,
#erreur404 #colonne_droite_large .intro {
	font: 0.92em/1.4em Verdana,sans-serif;
}

/* Boîte d'inscription */
#accueil div.boite_inscription {
	width:303px; /* Important pour IE */
	height:80px;
	position:relative;
	border:0;
	padding:0;
	background:url(../images/fr/titrages/recevez_titres_jour.gif);
}

#accueil div.boite_inscription form {
	text-align:left;
	margin-top:5px;
}

#accueil div.boite_inscription input.type_text {
	width:156px;
	padding:2px;
	margin:38px 0 0 67px;
	border:1px solid #262626;
	color:#666666;
	font:10px/13px Verdana, sans-serif;
}

#accueil div.boite_inscription .bouton {
	position:absolute;
	top:38px;
	left:234px;
}

/* ET AUSSI...
-----------------------------------------*/
#accueil #aussi {
	margin:15px 0 10px 0;
	padding-bottom:3px;
	background:url(../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
}

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

#accueil #aussi ul.articles li {
	padding-bottom:10px;
}


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

#accueil #rubriques .boite_inscription img {
	margin:30px 0 0 226px;
	position:absolute;
	z-index:1;
}

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

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

/* Rubriques */
#accueil #rubriques dl,
#accueil_section #rubriques dl,
#erreur404 #rubriques dl {
	margin:0;
}
#accueil #rubriques dl.gauche,
#accueil_section #rubriques dl.gauche,
#erreur404 #rubriques dl.gauche {
	float:left;
	width:141px;
}
#accueil #rubriques dl.droite,
#accueil_section #rubriques dl.droite,
#erreur404 #rubriques dl.droite {
	float:right;
	width:141px;
}

#accueil #rubriques dt,
#accueil_section #rubriques dt,
#erreur404 #rubriques dt {
	font-size:1.08em;
	line-height:1.2em;
	background-color:#E6E6E6;
	padding:3px 8px 4px;
}

#accueil #rubriques dt a,
#accueil_section #rubriques dt a,
#erreur404 #rubriques dt a {
	/*text-decoration:none;*/
}

#accueil #rubriques dt a:hover,
#accueil_section #rubriques dt a:hover,
#erreur404 #rubriques dt a:hover {
	text-decoration:underline;
	color:#000;
}

#accueil #rubriques dd,
#accueil_section #rubriques dd,
#erreur404 #rubriques dd {
	margin:0;
}

#accueil #rubriques dd ul,
#accueil_section #rubriques dd ul,
#erreur404 #rubriques dd ul {
	list-style-type:none;
	margin:4px 0 6px 0;
	padding:0;
}

#accueil #rubriques dd li,
#accueil_section #rubriques dd li,
#erreur404 #rubriques dd li {
	padding:0 0 8px 0;
	/*background:url(../images/ul/icones/puce_rubriques.gif) no-repeat left 4px;*/
}

#accueil #rubriques dd ul a,
#accueil_section #rubriques dd ul a,
#erreur404 #rubriques dd ul a {
	font:bold 0.85em/1em Georgia, serif;
	color:#1C1E7C;
	text-decoration:none;
}

#accueil #rubriques dd ul a:hover,
#accueil_section #rubriques dd ul a:hover,
#erreur404 #rubriques dd ul a:hover {
	text-decoration:underline;
	color:#1C1E7C;
}


/* Critiques spectacles */
#accueil #rubriques #critiques,
#erreur404 #rubriques #critiques {
	width:281px; /* Important pour IE6 */
	border:1px solid #CCCCCC;
	padding:10px 10px 2px 10px;
	margin:1px 0 15px 0;
}

#accueil #rubriques #critiques h5,
#erreur404 #rubriques #critiques h5 {
	font:1em/1.1em Georgia, serif;
	text-transform:uppercase;
	margin:0;
}

#accueil #rubriques #critiques h5 a,
#erreur404 #rubriques #critiques h5 a {
	text-decoration:none;
}

#accueil #rubriques #critiques h5 a:hover,
#erreur404 #rubriques #critiques h5 a:hover {
	color:#000;
	text-decoration:underline;
}

#accueil #rubriques #critiques ul,
#erreur404 #rubriques #critiques ul {
	list-style-type:none;
	margin:4px 0 0 0;
	padding:0;
}
#accueil #rubriques #critiques ul.gauche,
#erreur404 #rubriques #critiques ul.gauche {
	float:left;
	width:130px;
}
#accueil #rubriques #critiques ul.droite,
#erreur404 #rubriques #critiques ul.droite {
	float:right;
	width:130px;
}

#accueil #rubriques #critiques li,
#erreur404 #rubriques #critiques li {
	padding:0 0 8px 10px;
	line-height:1.1em;
	background:url(../images/ul/icones/puce_rubriques.gif) no-repeat left 4px;
}

#accueil #rubriques #critiques ul a,
#erreur404 #rubriques #critiques ul a {
	text-decoration:none;
}

#accueil #rubriques #critiques ul a:hover,
#erreur404 #rubriques #critiques ul a:hover {
	text-decoration:underline;
	color:#1C1E7C;
}

/* Archives */
#accueil #rubriques .archives,
#accueil_section #rubriques .archives{
	background-color:#E6E6E6;
	padding:10px;
	margin-bottom:15px;
}

#accueil #rubriques .archives h5,
#accueil_section #rubriques .archives h5 {
	font:0.92em/1.25em Georgia, serif;
	color:#333333;
	margin:5px 0 2px 8px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#accueil #rubriques .archives a,
#accueil_section #rubriques .archives a {
	font:0.77em/1.2em Verdana, sans-serif;
	text-decoration:none;
	color:#333;
}

#accueil #rubriques .archives a span,
#accueil_section #rubriques .archives a span {
	text-decoration:underline;
}

#accueil #rubriques .archives a:hover,
#accueil_section #rubriques .archives a:hover {
	color:#2882E6;
}

#accueil #rubriques .archives input {
	float:right;
	margin-bottom:5px;
}


/* OPINIONS
-----------------------------------------*/
#accueil #opinions h5,
#accueil_section #opinions h5,
#accueil_section #critiques h5,
#continu_detail #opinions h5 {
	padding:3px 8px 5px;
	font:1em/1.1em Georgia, serif;
	color:#000;
	/*background-color:#787878;*/
	margin:0;
	background-color:#E6E6E6;
}

#accueil #opinions h5 a:hover,
#accueil_section #opinions h5 a:hover,
#continu_detail #opinions h5 a:hover {
	color:#000;
}

#accueil #opinions ul.articles,
#accueil_section #opinions ul.articles,
#accueil_section #critiques ul.articles,
#continu_detail #opinions ul.articles {
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0;
}

#accueil #opinions ul.articles li,
#accueil_section #opinions ul.articles li,
#accueil_section #critiques ul.articles li,
#continu_detail #opinions ul.articles li {
	padding-bottom:10px;
}

#accueil #opinions h3,
#accueil_section #opinions h3,
#accueil_section #critiques h3,
#continu_detail #opinions h3 {
	margin-bottom:2px;
}

#accueil #opinions img.auteur,
#accueil_section #opinions img.auteur,
#accueil_section #critiques img.auteur,
#continu_detail #opinions img.auteur {
	float:left;
	margin-right:5px;
}

#accueil #opinions #chroniques ul.articles li img,
#accueil #opinions #chroniques ul.articles li div.specs {
	margin-top:2px;
}

#accueil #opinions .intro,
#accueil_section #opinions .intro,
#accueil_section #critiques .intro,
#continu_detail #opinions .intro {
	margin:2px 0;
}

#accueil_section #critiques {
	margin-bottom:15px;
}

/* Chroniqueurs */
#accueil #opinions .chroniqueurs,
#accueil_section #opinions .chroniqueurs,
#accueil_section #critiques .chroniqueurs,
#continu_detail #opinions .chroniqueurs {
	/*width:121px;*/
	padding:8px 8px 2px;
	background-color:#E6E6E6;
	margin-bottom:15px;
}

#accueil #opinions .chroniqueurs h6,
#accueil_section #opinions .chroniqueurs h6,
#accueil_section #critiques .chroniqueurs h6,
#continu_detail #opinions .chroniqueurs h6 {
	font:0.77em/1.2em Verdana, sans-serif;
	color:#333333;
	margin:0 0 2px 0;
	text-transform:uppercase;
}

#accueil #opinions .chroniqueurs a.lien_deroulant,
#accueil_section #opinions .chroniqueurs a.lien_deroulant,
#continu_detail #opinions .chroniqueurs a.lien_deroulant {
	display:block;
	height:12px;
	padding:1px;
	border:1px solid #262626;
	text-decoration:none;
	background:#fff url(../images/ul/icones/select_box.gif) no-repeat 106px 1px;
	font:0.69em/1.4em Verdana, sans-serif;
}

#accueil #opinions .chroniqueurs .liste,
#accueil_section #opinions .chroniqueurs .liste,
#continu_detail #opinions .chroniqueurs .liste {
	position:relative;
	margin-bottom:5px;
	z-index: 2;
}

#accueil #opinions .chroniqueurs ul,
#accueil_section #opinions .chroniqueurs ul,
#continu_detail #opinions .chroniqueurs ul {
	display:none;
	position:absolute;
	top:0;
	left:0;
	list-style-type:none;
	width:115px;
	margin:0;	
	padding:2px;	
	font:0.77em/1.1em Verdana, sans-serif;
	background-color:#fff;
	border:1px solid #262626;
	border-top:0;
	
	/* Ajouter un scrollbar à la boîte qui est devenue trop longue */
	height:225px;
	overflow:auto;
}

#accueil #opinions .chroniqueurs li,
#accueil_section #opinions .chroniqueurs li,
#continu_detail #opinions .chroniqueurs li {
	display:inline; /* Pour IE */
}

#accueil #opinions .chroniqueurs ul a,
#accueil_section #opinions .chroniqueurs ul a,
#continu_detail #opinions .chroniqueurs ul a {
	display:block;
	padding:2px 0;
	text-decoration:none;
	color:#666;
}

#accueil #opinions .chroniqueurs ul a:hover,
#accueil_section #opinions .chroniqueurs ul a:hover,
#continu_detail #opinions .chroniqueurs ul a:hover {
	color:#000;
}

#accueil #opinions .chroniqueurs a.tous,
#accueil_section #opinions .chroniqueurs a.tous,
#continu_detail #opinions .chroniqueurs a.tous {
	position:relative; /* Pour IE */
	color:#333;
	text-decoration:none;
	font:0.77em/1.2em Verdana, sans-serif;
}

#accueil #opinions .chroniqueurs a.tous:hover,
#accueil_section #opinions .chroniqueurs a.tous:hover,
#continu_detail #opinions .chroniqueurs a.tous:hover {
	color:#2882E6;
}

#accueil #opinions .chroniqueurs a span,
#accueil_section #opinions .chroniqueurs a span,
#continu_detail #opinions .chroniqueurs a span {
	text-decoration:underline;
}

#accueil #opinions .chroniqueurs a:hover,
#accueil_section #opinions .chroniqueurs a:hover,
#continu_detail #opinions .chroniqueurs a:hover {
	color:#1C1E7C;
}


/* Chroniques */
#accueil #opinions #chroniques,
#accueil_section #opinions #chroniques,
#continu_detail #opinions #chroniques {
	margin-bottom:10px;
}

#accueil #opinions .boite_inscription,
#accueil_section #opinions .boite_inscription,
#continu_detail #opinions .boite_inscription {
	width:137px; /* Important pour IE  */
	height:147px;
	margin:4px 0 15px;
	background:url(../images/fr/titrages/recevez_chroniques.gif);
	border:0;
	padding:0;
	display:block;
}

#accueil #opinions .boite_inscription img,
#accueil_section #opinions .boite_inscription img,
#continu_detail #opinions .boite_inscription img {
	margin:106px 0 0 37px;
	position:absolute;
	z-index:1;
}

#accueil #opinions .boite_inscription .over,
#accueil_section #opinions .boite_inscription .over,
#continu_detail #opinions .boite_inscription .over {
	visibility:hidden;
	z-index:2;
}

#accueil #opinions .boite_inscription:hover img.over,
#accueil_section #opinions .boite_inscription:hover img.over,
#continu_detail #opinions .boite_inscription:hover img.over {
	visibility:visible;
}

/* Idées */
#accueil #opinions #idees .desc,
#accueil_section #opinions #idees .desc,
#continu_detail #opinions #idees .desc {
	color:#343434;
	font-size:1.08em;
	line-height:1.2em;
	margin:4px 0 8px 0;
}

#accueil #opinions #idees .titre,
#accueil_section #opinions #idees .titre,
#continu_detail #opinions #idees .titre {
	color:#343434;
	font-size:0.85em;
	line-height:1.2em;
	text-transform:uppercase;
	letter-spacing:1px;
}

#accueil #opinions #idees ul {
	font:bold 0.85em/1.1em Georgia, serif;
}

#accueil #opinions #idees ul,
#accueil_section #opinions #idees ul,
#continu_detail #opinions #idees ul {
	list-style-type:none;
	margin:1px 0 0 0;
	padding:0;
	line-height:1.1em;
}

#accueil #opinions #idees li,
#accueil_section #opinions #idees li,
#continu_detail #opinions #idees li {
	padding-bottom:10px;
}

#accueil #opinions #idees ul a,
#accueil_section #opinions #idees ul a,
#continu_detail #opinions #idees ul a {
	text-decoration:none;
	color:#1C1E7C;
}

#accueil #opinions #idees ul a:hover,
#accueil_section #opinions #idees ul a:hover,
#continu_detail #opinions #idees ul a:hover {
	text-decoration:underline;
}


/* Publicités */
#accueil #colonne_milieu_gauche .pub,
#accueil_section #colonne_milieu .pub {
	margin-top:10px;
	padding:12px 0px 5px 0px;
	background:url(../images/ul/graphiques/separateur_double.gif) no-repeat left top;
}

#accueil #colonne_milieu_gauche img,
#accueil_section #colonne_milieu img {
	display:block;
}

#accueil #colonne_milieu_gauche .specs img,
#accueil_section #colonne_milieu .specs img {
	display:inline;
}

#accueil

#accueil #colonne_milieu_gauche .pub span,
#accueil_section #colonne_milieu .pub span {
	font:0.69em/1.2em Verdana, sans-serif;
	color:#787878;
	letter-spacing:1px;
}


/* ÉDITION OFFERTE AUX ABONNÉS (Voir principal.css)
-----------------------------------------*/
#accueil #edition_abonnes h5 {
	background-position:98px 25px;
}

#accueil #edition_abonnes .abonnement {
	width:123px;
}

#accueil #edition_abonnes .abonnement .a_partir {
	display:block;
}

#accueil #edition_abonnes .abonnement a {
	position:static;
	margin:4px 0 0 57px;
}


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


/* Publicités */
#accueil #colonne_milieu_droite .pub {
	margin-top:0px;
	padding:12px 0px 5px 0px;
	background:url(../images/ul/graphiques/separateur_double.gif) no-repeat left top;
}

#accueil #colonne_milieu_droite img {
	display:block;
}

#accueil #colonne_milieu_droite .pub span {
	font:0.69em/1.2em Verdana, sans-serif;
	color:#787878;
	letter-spacing:1px;
}

/* BRANCHEZ-VOUS! */
#branchez_vous {
	height:583px;
	margin-top:12px;
	width:105px;
	border:1px solid #b3b3b3;
	float:left;
	padding:3px 12px 12px 12px;
	font-size:0.85em;
	line-height:1em;
	font-family:Verdana, sans-serif;
	overflow:hidden;
}

#branchez_vous img {
	margin-bottom:4px;
}

#branchez_vous a {
	color:#666666;
	text-decoration:none;
	line-height:1.2em;
}

#branchez_vous a:hover {
	text-decoration:underline;
}

/* Autres */
#continu .article {
}

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


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

#erreur404 .articles .interactions a {
	color:#333;
}

#erreur404 .articles .interactions a:hover {
	color:#2882E6;
}