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

body {
	background:#f2f2f2 url(../images/ul/tuiles/fond_site.gif) repeat-y center top;
	font:81.3%/120% Georgia, serif;
	color:#000;
	margin:0;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a,
span.lien {
	cursor:pointer;
	color:#000;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#1C1E7C;
}

img {
	border:0;
}

form {
	margin:0;
}

input.radio,
input.checkbox {
	border:0 !important;
	padding:0 !important;
	margin:0 !important;
}

#wrapper {
	width:978px;
	margin:0 auto;
	border:1px solid #000;
	background-color:#fff;
}

hr {
	margin:5px 0 7px;
	background:#fff url(../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
	border:0;
	height:4px;
}

.clear_print {
	display:none;
}

h4 a {
	text-decoration:underline;
}

#accueil #caricature h4,
#accueil_section #caricature h4,
#opinion #caricature h4,
#continu_detail #caricature h4,
#accueil #photos h4,
#accueil_section #photos h4,
#opinion #photos h4,
#continu_detail #photos h4 {
	padding:3px 8px 5px;
	font:1em/1.1em Georgia, serif;
	color:#000;
	margin:0 0 5px 0;
	background-color:#E6E6E6;
	letter-spacing:0;
	text-transform:capitalize;
}

/* BANDE HAUT
-----------------------------------------*/
#bande_haut {
	padding:4px 20px;
	background-color:#333;
	color:#fff;
	border-bottom:1px solid #000;
	margin-bottom:10px;
}

#bande_haut .aujourdhui {
	padding-right:10px;
	text-transform:uppercase;
	font:bold 0.77em Verdana, sans-serif;
	letter-spacing:0;
	background:url(../images/ul/graphiques/puce_aujourdhui_maj.gif) no-repeat right center;
}

#bande_haut .maj {
	padding-left:2px;
	font:0.77em Verdana, sans-serif;
}

#bande_haut ul {
	float:right;
	list-style-type:none;
	margin:0 0 2px 0;
	padding:2px 0 0 0;
	font:0.77em/1.4em Verdana, sans-serif;
}

#bande_haut li {
	display:inline;
	color:#787878;
}

#bande_haut ul a {
	color:#fff;
	text-decoration:none;
}

#bande_haut ul a:hover {
	text-decoration:underline;
}


/* ENTÊTE
-----------------------------------------*/
#entete {
	position:relative;
	width:938px; /* Important pour IE6 */
	margin:9px 9px 0 9px;
	padding:12px 11px 17px 11px;
	border-top:3px solid #333;
}

/* Recherche */
#entete .recherche {
	width:180px;
	position:absolute;
	top:17px;
	left:403px;
}

#entete .recherche label {
	font:0.77em/1.2em Verdana, sans-serif;
	color:#000;
	text-transform:uppercase;
}

#entete .recherche input {
	width:174px;
	padding:1px 2px;
	margin:2px 0;
	border:1px solid #262626;
	font:10px/13px Verdana, sans-serif;
	color:#666666;
}

#entete .recherche a {
	color:#333;
	font:10px/14px Verdana, sans-serif;
}

#entete .recherche a:hover {
	color:#2882E6;
}

#entete .recherche input.bouton {
	position:absolute;
	right:0;
	bottom:-27px;
	width:58px;
	padding:0;
	border:0;
	margin:0;
}

#entete .recherche a.bouton {
	position:absolute;
	right:0;
	bottom:-27px;
}


/* Connexion */
#entete .connexion {
	width:197px;
	position:absolute;
	top:17px;
	left:603px;
}

#entete .connexion label {
	font:0.77em/1.2em Verdana, sans-serif;
	color:#000;
	text-transform:uppercase;
}

#entete .connexion input {
	width:90px;
	padding:1px 2px;
	margin:2px 0;
	border:1px solid #262626;
	font:10px/13px Verdana, sans-serif;
	color:#666666;
}

#entete .connexion a {
	color:#333;
	font:10px/14px Verdana, sans-serif;
}
#entete .connexion a.membre {
	text-decoration:none;
}

#entete .connexion a span {
	text-decoration:underline;
}
#entete .connexion a span.gratuit {
	text-decoration:none;
	color:#BD1400;
	font:italic 1em/1.1em Georgia, serif
}

#entete .connexion a:hover {
	color:#2882E6;
}

#entete .connexion input.bouton {
	position:absolute;
	right:0;
	bottom:0;
	width:66px;
	padding:0;
	border:0;
	margin:0;
}

#entete .connexion a.bouton {
	position:absolute;
	right:0;
	bottom:0;
}

#entete .connexion_loggue {
	font:0.77em/1.2em Verdana, sans-serif;
	color:#000;
}

#entete .connexion_loggue .nom {
	margin:1px 0;
	color:#1C1E7C;
	font-weight:bold;
	font-size:1.09em;
	line-height:1.2em;
}

#entete .connexion_loggue a.modifier {
	color:#4D4D4D;
}

#entete .connexion_loggue a.modifier:hover {
	color:#2882E6;
}

#entete .connexion_loggue a.bouton {
	display:inline-block;
	float:right;
	margin-top:14px;
}

/* Connexion popup */
#login_popup {
	display:none;
	font-family: Verdana, sans-serif;
	position:fixed;
	top:33%;
	left:35%;
	background-color:#E4E4E4;
	z-index:999;
	border:solid 1px #000000;
	width:386px;
	_position:absolute;
	_top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
	_margin-top:220px;
}

#login_popup .fermer {
	float:right;
	text-decoration:underline;
	font-size:0.830em;
	color:#888888;
	cursor:pointer;
}

#login_popup .haut {
	position:relative;
	background-color:#e4e4e4;
	padding:16px 15px 5px 15px;
}

#login_popup h1 {
	font-family: "Georgia", serif;
	font-size:1.460em;
	margin: 0 0 10px 5px;
	border-bottom:solid 1px #000000;
	padding-bottom:13px;
	font-weight:normal;
}

#login_popup table {
	border-collapse:collapse;
	width:300px;
	margin:10px 0;
}

#login_popup tr th {
	text-align:left;
	font-weight:normal;
	padding:0 0 1px 2px;
	vertical-align:bottom;
	font-size:0.890em;
}

#login_popup tr td {
	vertical-align:top;
}

#login_popup td.gauche {
	padding-right:20px;
}

#login_popup input {
	display:block;
	border:solid 1px #262626;
	color:#666666;
	font:10px/13px;
	margin:2px 0;
	padding:2px 2px;
	width:160px;
}

#login_popup tr td a {
	font-size:0.860em;
	color:#757575;
	line-height:1.700em;
	padding-left:2px;
}

#login_popup .actions {
	padding:12px 15px;
	text-align:right;
	background-color:#ffffff;
}

#login_popup .actions a.creer_profil {
	font-size:0.860em;
	color:#000000;
	padding-right:10px;
}


/* Bouton abonnement */
#entete a.abonnement, #edition_samedi {
	position:absolute;
	top:17px;
	right:11px;
}

#edition_samedi a {
	color:#333333;
	font-family:Verdana,sans-serif;
	font-size:11px;
}

/* NAVIGATION
-----------------------------------------*/
#navigation {
	width:960px;
	margin:0 9px;
}

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

/* ONGLETS */
#navigation ul#onglets {
	width:960px; /* Important pour IE6 */
	overflow:hidden;
	margin-bottom:1px;
	font-size:0.77em;
	line-height:1.1em;
	text-transform:uppercase;
	letter-spacing:1px;
}

#navigation ul#onglets li {
	display:inline; /* Pour IE */
}

#navigation ul#onglets a {
	float:left;
	padding:5px 10px 5px 5px;
	margin-right:1px;
	color:#5a5a5a;
	text-decoration:none;
	background: url('../images/ul/graphiques/puce_sections_niveau3.gif') no-repeat 8px right;
	/*background:url(../images/ul/boutons/sections_niveau1.gif) no-repeat left center;*/
}

#navigation ul#onglets a.selected,
#navigation ul#onglets a:hover {
	/*background-position:right center;*/
	color:#000;
}

#navigation ul#onglets a.selected {
	font-weight:bold;
}

#navigation ul#onglets a.dernier {
	background:none;
}

/* SECTIONS NIVEAU 1 */
#sections {
	width:958px; /* Important pour IE6 */
	border:1px solid #000;
	border-top-width:6px;
	z-index:20000;
}

#sections ul#niveau1 {
	font-size:1.08em;
	line-height:1.15em;
	text-transform:uppercase;
}

#sections ul#niveau1 li {
	float:left;
	position:relative;
	z-index:25000;
}

#sections ul#niveau1 a {
	float:left;
	display:block;
	height:21px;
	padding:8px 8px 0 8px;
	color:#2E2E2E;
	text-decoration:none;
	background:url(../images/ul/boutons/pointilles_sections_niveau1.gif) no-repeat right -3px;
}

#sections ul#niveau1 a:hover,
#sections ul#niveau1 li:hover a,
#sections ul#niveau1 li.sfHover a {
	background-color:#1C1E7C;
	color:#fff;
}

#sections ul#niveau1 a.selected {
	background-color:#000;
	color:#fff;
}


/* SECTIONS NIVEAU 2 (Non-déroulante) */
#sections #conteneur_niveau2 {
	border-top:1px solid #000;
}

#sections ul#niveau2 {
	height:27px;
	font-size:1.08em;
	line-height:1.2em;
	color:#5A5A5A;
	overflow:hidden;
	float:left;
}

#sections ul#niveau2 li {
	float:left;
	padding:5px 9px 5px 8px;
	background:url(../images/ul/graphiques/separateur_sections_niveau2.gif) no-repeat right center;
}
#sections ul#niveau2 li.dernier {
	background:none;
}

#sections ul#niveau2 a {
	color:#5A5A5A;
	text-decoration:none;
}

#sections ul#niveau2 a:hover {
	color:#000;
}

#sections ul#niveau2 a.selected {
	font-weight:bold;
	color:#000;
}


/* SECTIONS NIVEAU 2 PLUS */
#sections #niveau2_plus {
	float:left;
	position:relative;
	z-index:20000;
}

#sections #niveau2_plus div {
}

#sections #niveau2_plus ul {
	font:0.85em/1.2em Verdana, sans-serif;
}

#sections #niveau2_plus ul li {
	float:left;
	position:relative;
}

#sections #niveau2_plus ul li.premier a {
	border-left:1px solid #000;
}

#sections #niveau2_plus ul li a {
	float:left;
	height:20px;
	padding:7px 19px 0 5px;
	color:#2E2E2E;
	text-decoration:none;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:url(../images/ul/icones/niveau2_plus.gif) no-repeat 92% center;
}

#sections #niveau2_plus ul li a:hover,
#sections #niveau2_plus ul li:hover a,
#sections #niveau2_plus ul li.sfHover a {
	border-color:#000;
	background-color:#E6E6E6;
}

#sections #niveau2_plus ul .deroulant {
	display:none;
	position:absolute;
	top:27px;
	left:0;
	margin:0;
}

#sections #niveau2_plus ul li:hover .deroulant {
	display:block;
}

#sections #niveau2_plus ul ul li {
	float:none;
	display:inline; /* Pour IE6 */
}

#sections #niveau2_plus ul ul.deroulant li a {
	float:none;
	display:block;
	height:auto;
	padding:1px 4px 1px 14px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:0;
	border-bottom:0;
	white-space:nowrap;
	background:#fff url(../images/ul/graphiques/puce_sections_niveau3.gif) no-repeat 6px 4px !important;
}
#sections #niveau2_plus ul ul.deroulant li.premier {
	border-left:0;
}
#sections #niveau2_plus ul ul.deroulant li.premier a {
	border-top:1px solid #000;
	padding-top:4px;
	background-position:6px 8px !important;
}
#sections #niveau2_plus ul ul.deroulant li.dernier a {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding-bottom:4px;
}

#sections #niveau2_plus ul ul.deroulant li a:hover {
	background-position:6px -42px !important;
	color:#000;
	background-color:#fff;
}
#sections #niveau2_plus ul ul.deroulant li.premier a:hover {
	background-position:6px -37px !important;
	color:#000;
}


#sections #niveau2_plus ul dl dt {
	white-space:nowrap;
	padding:5px 6px 0 6px;
	color:#666666;
	text-transform:uppercase;
	background-color:#fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
	font-size:0.92em;
	line-height:1.2em;
}
#sections #niveau2_plus ul dl dt.premier {
	border-top:1px solid #000;
}

#sections #niveau2_plus ul dl dd {
	margin:0;
	background-color:#fff;
	border:1px solid #000;
	border-top:0;
}

#sections #niveau2_plus ul dl ul {
	padding:2px 5px;
}

#sections #niveau2_plus ul dl li {
	display:block;
	padding:1px 0;
}

#sections #niveau2_plus ul dl a {
	display:inline;
	float:none;
	padding:0 0 0 10px;
	border:0 !important;
	color:#333;
	background:url(../images/ul/graphiques/puce_sections_niveau3.gif) no-repeat 2px 4px !important;
}

#sections #niveau2_plus dl a:hover {
	background-position:2px -42px !important;
	background-color:transparent;
	color:#000;
}


/* Ombrages avec les class de superfish pour que ça marche avec l'exception pour IE7 */
#niveau2_plus .sf-shadow ul.sf-shadow-off,
#niveau2_plus .sf-shadow dl.sf-shadow-off {
	background:transparent !important;
}
#niveau2_plus .sf-shadow .deroulant {
	background:url(../images/ul/tuiles/shadow.png) no-repeat bottom right;
	padding:0 9px 9px 0 !important;
}



/* NAVIGATION DÉROULANTE
-----------------------------------------*/
/* Niveau 2 */
#sections ul#niveau1 ul.niveau2_deroulant {
	display:none;
	position:absolute;
	top:29px; /* Doit passer par dessus la bordure de #sections pour rester sur la zone d'over du li du niveau1 */
	left:0;
	width:185px;
	border-top:1px solid #000;
	font-size:0.93em;
	line-height:1.1em;
	text-transform:none;
}
#sections ul#niveau1 li:hover ul.niveau2_deroulant,
#sections ul#niveau1 li.sfHover ul.niveau2_deroulant {
	display:block;
}

#sections ul#niveau1 ul.niveau2_deroulant li {
	float:none;
}
#sections ul#niveau1 ul.niveau2_deroulant li.plus {
	font:0.77em/1.1em Verdana, sans-serif;
}

#sections ul#niveau1 ul.niveau2_deroulant a {
	float:none;
	width:169px;
	height:auto;
	padding:4px 8px;
	border:1px solid #000;
	border-top:0;
	color:#333333;
	background:#fff;
}
#sections ul#niveau1 ul.niveau2_deroulant li.plus a {
	background:#fff url(../images/ul/boutons/sections_niveau2_plus.gif) no-repeat 172px 6px;
}

#sections ul#niveau1 ul.niveau2_deroulant a:hover,
#sections ul#niveau1 ul.niveau2_deroulant li:hover a,
#sections ul#niveau1 ul.niveau2_deroulant li.sfHover a {
	background-color:#E6E6E6;
	color:#000;
	background-position:172px -76px;
}

/* Niveau 3 */
#sections ul#niveau1 ul.niveau2_deroulant ul.niveau3_deroulant {
	display:none;
	position:absolute;
	left:186px;
	top:-1px;
	/*width:185px;*/
	width:auto;
}
#sections ul#niveau1 ul.niveau2_deroulant dl.niveau3_deroulant {
	display:none;
	position:absolute;
	left:186px;
	top:-1px;
	/*width:100px;*/
	width:auto;
	margin:0;
	white-space:nowrap;
}
#sections ul#niveau1 ul.niveau2_deroulant li:hover .niveau3_deroulant {
	display:block;
}

#sections ul#niveau1 ul.niveau2_deroulant ul.niveau3_deroulant a {
	/*width:171px;*/
	width:auto;
	padding:1px 4px 1px 14px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:0;
	border-bottom:0;
	white-space:nowrap;
	background:#fff url(../images/ul/graphiques/puce_sections_niveau3.gif) no-repeat 6px 4px;
}
#sections ul#niveau1 ul.niveau2_deroulant ul.niveau3_deroulant li.premier a {
	border-top:1px solid #000;
	padding-top:4px;
	background-position:6px 8px;
}
#sections ul#niveau1 ul.niveau2_deroulant ul.niveau3_deroulant li.dernier a {
	border-bottom:1px solid #000;
	padding-bottom:4px;
}

#sections ul#niveau1 ul.niveau2_deroulant ul.niveau3_deroulant a:hover {
	background-position:6px -42px;
	color:#000;
	background-color:#fff;
}
#sections ul#niveau1 ul.niveau2_deroulant ul.niveau3_deroulant li.premier a:hover {
	background-position:6px -37px;
	color:#000;
}

#sections ul#niveau1 ul.niveau2_deroulant dl.niveau3_deroulant dt {
	padding:5px 6px 0 6px;
	color:#666666;
	text-transform:uppercase;
	background-color:#fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#sections ul#niveau1 ul.niveau2_deroulant dl.niveau3_deroulant dt.premier {
	border-top:1px solid #000;
}

#sections ul#niveau1 ul.niveau2_deroulant dl.niveau3_deroulant dd {
	margin:0;
	background-color:#fff;
	border:1px solid #000;
	border-top:0;
}

#sections ul#niveau1 ul.niveau2_deroulant dl.niveau3_deroulant ul {
	padding:2px 5px;
}

#sections ul#niveau1 ul.niveau2_deroulant dl.niveau3_deroulant li {
	display:block;
	padding:1px 0;
}

#sections ul#niveau1 ul.niveau2_deroulant dl.niveau3_deroulant a {
	display:inline;
	/*width:90px;*/
	padding:0 0 0 10px;
	border:0;
	color:#333;
	background:url(../images/ul/graphiques/puce_sections_niveau3.gif) no-repeat 2px 4px;
}

#sections ul#niveau1 ul.niveau2_deroulant dl.niveau3_deroulant a:hover {
	background-position:2px -42px;
	background-color:transparent;
	color:#000;
}


/* Ombrages avec les class de superfish pour que ça marche avec l'exception pour IE7 */
.sf-shadow ul.niveau2_deroulant.sf-shadow-off {
	background:transparent;
}
.sf-shadow ul.niveau2_deroulant {
	background:url(../images/ul/tuiles/shadow.png) no-repeat bottom right;
	padding:0 9px 9px 0 !important;
}

.sf-shadow .niveau3_deroulant.sf-shadow-off {
	background:transparent;
}
.sf-shadow .niveau3_deroulant {
	background:url(../images/ul/tuiles/shadow.png) no-repeat bottom right;
	padding:0 9px 9px 0 !important;
}

/* Le Devoir virtuel */
#devoir_virtuel {
	margin-top:12px;
	padding-bottom:17px;
	background:url(../../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
	color:#363636;
	text-align:left;
}

#devoir_virtuel h3 {
	font:bold 1.08em/1.2em Verdana, sans-serif;
	color:#000;
	text-transform:uppercase;
	margin:0 0 8px 0;
}

#devoir_virtuel a.demo {
	display:block;
	width:100px;
	height:16px;
	padding-top:3px;
	margin:6px auto 0 auto;
	text-align:center;
	background:url(../../images/ul/boutons/demonstration.gif) no-repeat left top;
	font-size:0.92em;
	line-height:1.2em;
	color:#333333;
	text-decoration:none;
}

#devoir_virtuel a.demo:hover {
	background-position:left bottom;
	color:#fff;
}

/* PUB A1
-----------------------------------------*/
#A1 {
	position:relative;
	width:960px;
	height:101px;
	padding:12px 0 0 0;
	margin:0 auto;
	background-color:#F2F2F2;
	text-align:center;
	border-bottom:3px solid #333;
}

#A1 span {
	position:absolute;
	top:12px;
	left:60px;
	font:0.69em/1.2em Verdana, sans-serif;
	color:#787878;
	letter-spacing:1px;
}


/* CONTENU
-----------------------------------------*/
#wrapper_contenu {
	width:940px;
	margin:0 19px;
}

/* (La seule identique dans toutes les pages) */
#colonne_droite {
	float:right;
	width:300px;
}


/* Fil d'ariane */
ul#ariane {
	width:940px; /* Important pour IE */
	list-style-type:none;
	margin:0;
	padding:5px 0 8px 0;
	font:0.77em/1.2em Verdana, sans-serif;
	color:#2E2E2E;
	background:#fff url(../images/ul/graphiques/separateur_simple.gif) repeat-x left bottom;
	border-bottom:10px solid #fff;
}

ul#ariane li {
	display:inline;
}

ul#ariane a {
	color:#2E2E2E;
	text-decoration:underline;
}

ul#ariane a:hover {
	color:#2882E6;
}

ul#ariane strong {
	color:#3D8DCA;
}


/* Article */
.lettrine {
	float:left;
	margin-right:4px;
	font:4em/0.8em Georgia, serif;
	color:#BD1400;
}

.photo img,
.photo_principale img {
	display:block;
	border:1px solid #262626;
}

#accueil_section li.principale .specs {
	margin-bottom:8px;
}

#accueil_section #articles_vedettes li.principale .photo_portrait {
	float:left;
	width:224px;
	margin-right:10px;
}

.photo .credit,
.photo_principale .credit,
.photo .credit_portrait,
.photo_principale .credit_portrait {
	margin-top:2px;
	text-align:right;
	padding-right:4px;
	font:0.69em/1.2em Verdana, sans-serif;
	color:#808080;
}

.photo .credit_portrait,
.photo_principale .credit_portrait {
	width:222px;
}

.photo .vignette,
.photo_principale .vignette {
	margin-top:2px;
	font:0.69em/1.2em Verdana, sans-serif;
	color:#2E2E2E;
}

#accueil_section li.principale .photo .vignette {
	margin-bottom:8px;
}

#accueil_section .vignette {
	margin-bottom:10px;
}

.specs {
	line-height:1em;
	margin:1px 0 3px;
}

.specs span.auteur {
	font:0.77em/1.1em Verdana, sans-serif;
	color:#787878;
}

.specs span.auteur a,
.specs span.auteur span {
	/*text-transform:uppercase;*/
	color:#787878;
}

.specs span.auteur a:hover {
	color:#2882E6;
}

.specs .date {
	font:0.77em/1.1em Verdana, sans-serif;
	color:#787878;
}

.specs a.section {
	font:0.77em/1.1em Verdana, sans-serif;
	color:#787878;
}

.specs a.section:hover {
	color:#2882E6;
}

.blogue_nom a {
	font:0.77em/1.1em Verdana, sans-serif;
	color:#787878;
}

.blogue_nom a:hover {
	color:#2882E6;
}

ul.mots_cles {
	list-style-type:none;
	margin:2px 0 0 0;
	padding:0;
	font:0.77em/1.3em Verdana, sans-serif;
}

ul.mots_cles li {
	display:inline;
}

ul.mots_cles a {
	color:#333;
}

ul.mots_cles a:hover {
	color:#2882E6;
}

.amorce_complete {
	display:none;
}

/* Boîtes d'inscription */
.boite_inscription {
	padding:14px 7px 8px 7px;
	border:4px solid #b0b0b0;
	background:url(../images/ul/icones/puce_boite_inscription.gif) no-repeat center 4px;
}

.boite_inscription .titre {
	display:block;
	margin:0 auto;
}

.boite_inscription a.minscrire {
	display:block;
	width:66px;
	height:16px;
	padding-top:3px;
	text-align:center;
	background:url(../images/ul/boutons/minscrire.gif) no-repeat left top;
	font:0.77em/1.2em Verdana, sans-serif;
	color:#333333;
	text-decoration:none;
}

.boite_inscription a.minscrire:hover {
	background-position:left bottom;
	color:#fff;
}


/* Clé */
.cle_avec_bulle,
.cle_sans_bulle {
	/*position:relative;
	float:left;*/
	display:inline-block;
	width:20px;
	margin-right:5px;
}

.cle_avec_bulle a.cle img,
.cle_sans_bulle img {
	display:block;
	padding-top:2px;
}

.cle_avec_bulle .bulle {
	display:none;
	position:absolute;
	width:85px;
	height:66px;
	padding:4px 6px 0 6px;
	background:url(../images/ul/graphiques/cle_bulle.gif) no-repeat left top;	
	color:#666666;
	font:0.69em/1.1em Verdana, sans-serif;
}

.cle_avec_bulle .bulle a {
	font-weight:bold;
	color:#2882E6;
	text-decoration:underline;
	line-height:1.3em;
}

/* EN CONTINU
-----------------------------------------*/
#continu h4 {
	font:bold 0.85em/1em Georgia, serif;
	color:#000;
	text-transform:uppercase;
	margin:0 0 8px 0;
}

#continu ul {
	list-style-type:none;
	margin:0;
	padding:0 8px;
	overflow:auto;
	height:210px;
	border:1px solid #666666;
}

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

#continu .heure {
	float:left;
	width:35px;
	color:#787878;
	padding:5px 0 4px 0;
	font:0.85em/1.1em Verdana,sans-serif;
}

#continu .article {
	float:right;
	width:225px;
	padding:5px 0 4px 0;
	font-size:0.92em;
	line-height:1.1em;
}

#continu a.titre {
	color:#1C1E7C;
	text-decoration:none;
	font:bold 0.92em/1.2em Georgia, serif;
}

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

/* PUBS COLONNE DROITE
-----------------------------------------*/
#colonne_droite .pub {
	margin-top:15px;
	padding:15px 0 0 0;
	background:url(../images/ul/graphiques/separateur_double.gif) repeat-x left top;
}

#colonne_droite .pub img {
	display:block;
}

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


/* ARTICLES LES PLUS COMMENTÉS
-----------------------------------------*/
#plus_commentes_aimes {
	background:none;
	margin-top:0;
	padding-top:0;
}

#plus_commentes_aimes h4 {
	font:bold 0.85em/1.1em Georgia, serif;
	color:#000;
	text-transform:uppercase;
	margin:0 0 8px 0;
}

#plus_commentes_aimes .boite {
	border:1px solid #000;
}

#plus_commentes_aimes .boite h6 {
	padding:3px 8px 5px;
	margin:33px 8px 0;
	color:#333;
	font:1em/1.1em Georgia, serif;
	background-color:#E6E6E6;
}

#plus_commentes_aimes .boite div.vide {
	padding:10px;
	font:0.85em/1em Verdana, sans-serif;
}

#plus_commentes_aimes .boite div.aimes {
	display:none;
}

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

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

#plus_commentes_aimes a.nombre {
	float:left;
	width:25px;
	height:21px;
	padding:10px 0 0 0;
	text-align:center;
	color:#787878;
	text-decoration:none;
	background:url(../images/ul/icones/box_commentaire.gif) no-repeat left 7px;
	font:0.85em/1.1em Verdana,sans-serif;
}

#plus_commentes_aimes .article {
	float:right;
	width:250px;
	padding:5px 0 4px 0;
}

#plus_commentes_aimes a.titre {
	color:#1C1E7C;
	text-decoration:none;
	font:bold 0.92em/1.2em Georgia, serif;
}

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

#plus_commentes_aimes a.plus_commentes_aimes {
	display:block;
	width:148px;
	float:left;
	border:1px solid #000;
	border-top:1px solid #999;
	border-right:1px solid #999;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#ccc;
	margin-bottom:5px;
	padding:5px 0 4px;
}

#plus_commentes_aimes a.plus_commentes_aimes:hover {
	color:#000;
	text-decoration:underline;
}

#plus_commentes_aimes a.commentes {
	background:#E6E6E6 url('../images/ul/icones/titre_commentaire.gif') no-repeat 26px center;
	padding-left:17px;
	width:132px;
	border-left:1px solid #999;
}

#plus_commentes_aimes a.aimes {
	background:#E6E6E6 url('../images/ul/icones/thumbs_up.gif') no-repeat 43px center;
	padding-left:7px;
	width:141px;
}

#plus_commentes_aimes a.selected {
	background-color:#fff;
	border-color:#000;
	border-bottom:1px solid #fff;
}

#plus_commentes_aimes a.premier {
	border-right:0;
}

/* LES BLOGUES DU DEVOIR
-----------------------------------------*/
#blogues {
	margin-top:15px;
	padding-top:15px;
	background:url(../images/ul/graphiques/separateur_double.gif) repeat-x left top;
}

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

#blogues h4 {
	font:bold 0.85em/1.1em Georgia, serif;
	color:#000;
	text-transform:uppercase;
	margin:0 0 8px 0;
}

#blogues h5 {
	font:1em/1.1em Georgia, serif;
	color:#333333;
	background-color:#E6E6E6;
	margin:0 0 6px 0;
	padding:3px 8px 5px;
}

#blogues h5 a {
	color:#333333;
}

#blogues h5 a:hover {
	color:#333333;
	text-decoration: underline;
}

#blogues ul img.auteur {
	float:left;
	width:36px;
	padding-bottom:10px;
}

#blogues ul .article {
	float:right;
	width:257px;
	padding-bottom:10px;
}

#blogues ul li.sans_photo .article {
	float:none;
	width:auto;
}

#blogues ul a.titre {
	color:#1C1E7C;
	text-decoration:none;
	line-height:1.3em;
	font-weight:bold;
}

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

.blogues_archives ul {
	margin:0;
	padding-left:0;
	list-style-type:none;
}

.blogues_archives ul li {
	line-height: 1.4em;
}


/* VOS RÉACTIONS (COLONNE DROITE)
-----------------------------------------*/
#colonne_droite .reactions {
	margin-top:0px;
	padding-top:15px;
	background:url(../images/ul/graphiques/separateur_double.gif) repeat-x left top;
}

#colonne_droite .reactions h4 {
	font:bold 0.85em/1.1em Georgia, serif;
	color:#000;
	text-transform:uppercase;
	margin:0 0 8px 0;
}


#colonne_droite .reactions ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#colonne_droite .reactions li {
	padding-bottom:10px;
}

#colonne_droite .reactions .auteur {
	font:0.85em/1.3em Verdana, sans-serif;
	color:#787878;
}

#colonne_droite .reactions .auteur a {
	text-decoration:none;
	text-transform:uppercase;
	color:#787878;
}

#colonne_droite .reactions .auteur a:hover {
	text-decoration:underline;
	color:#2882E6;
}

#colonne_droite .reactions a.titre {
	color:#1C1E7C;
	text-decoration:none;
	line-height:1.1em;
	font-weight:bold;
	font-size:0.85em;
}

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

#colonne_droite .reactions .votes {
	position:relative;
	height:17px;
	padding:8px 0 0 23px;
	margin-bottom:2px;
	color:#333333;
	font:0.77em/1.2em Verdana, sans-serif;
}

#colonne_droite .reactions .votes a {
	position:absolute;
	top:3px;
	left:0;
	display:block;
	width:17px;
	height:19px;
}

#colonne_droite .reactions .votes a:hover {
	background:none;
}

#colonne_droite .reactions .votes a img {
	position:absolute;
	top:0;
	left:0;
}

#colonne_droite .reactions .votes a img.over {
	position:absolute;
	visibility:hidden;
	z-index:1;
}

#colonne_droite .reactions .votes a:hover img.over {
	visibility:visible;
}

#colonne_droite .reactions a.titre_reaction {
	font:bold 0.85em/1.2em Verdana, sans-serif;
	color:#1A1A1A;
	text-decoration:none;
}

#colonne_droite .reactions a.titre_reaction:hover {
	text-decoration:underline;
}

#colonne_droite .reactions .intro {
	font:0.85em/1.3em Verdana, sans-serif;
	color:#666666;
}

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

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

#colonne_droite .reactions .boite_inscription .over {
	visibility:hidden;
	z-index:2;
}

#colonne_droite .reactions .boite_inscription:hover img.over {
	visibility:visible;
}

/* CONTACT RAPIDE (COLONNE DROITE)
-----------------------------------------*/
#contact_rapide {
	margin-bottom:15px;
	padding-bottom:11px;
	background:url(../../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
	color:#363636;
	font:0.85em/1.2em Verdana, sans-serif;
}

#contact_rapide h4 {
	font:bold 0.92em/1.2em Verdana, sans-serif;
	color:#000;
	margin:0;
}

#contact_rapide .type {
	margin:4px 0;
}

#contact_rapide .note {
	color:#666666;
	font-size:0.92em;
	line-height:1.1em;
}

#contact_rapide a {
	color:#363636;
}

#contact_rapide a:hover {
	color:#2882E6;
}


/* ÉDITION OFFERTE AUX ABONNÉS (COLONNE DROITE)
-----------------------------------------*/
#edition_abonnes {
	background-color:#F1F8FB;
	border:1px solid #CCCCCC;
	padding:6px 6px 8px 6px;
}

#edition_abonnes h5 {
	font:1.17em/1em Georgia, serif;
	color:#000;
	border-bottom:1px solid #B3B3B3;
	margin:0 0 7px 0;
	padding-bottom:7px;
	background:url(../images/ul/icones/cle_verte.gif) no-repeat 204px 7px;
}

#edition_abonnes h6 {
	color:#343434;
	font:0.77em/1.1em Georgia, serif;
	margin:0;
	text-transform:uppercase;
}

#edition_abonnes ul {
	list-style-type:none;
	margin:2px 0 0 0;
	padding:0;
	line-height:1.1em;
}

#edition_abonnes li {
	padding-bottom:10px;
}

#edition_abonnes ul a {
	/*font:bold 0.85/1.1em Georgia,sans-serif;*/
	color:#1C1E7C;
	text-decoration:none;
}

#edition_abonnes ul a:hover {
	text-decoration:underline;
}

#edition_abonnes .autres {
	font:0.92em/1.1em Georgia,sans-serif;
}

#edition_abonnes .abonnement {
	width:286px; /* Important pour IE */
	position:relative;
	margin-top:4px;
	padding-top:4px;
	border-top:1px solid #B3B3B3;
}

#edition_abonnes .abonnement .titre {
	font-weight:bold;
	font-size:1.17em;
	line-height:1.1em;
}

#edition_abonnes .abonnement .sous_titre {
	color:#333333;
	font-size:1.08em;
	line-height:1.1em;
}

#edition_abonnes .abonnement .a_partir {
	margin-top:1px;
	font-size:0.92em;
	line-height:1.2em;
	color:#666666;
}

#edition_abonnes .abonnement .prix {
	margin-top:1px;
	font-size:1.23em;
	line-height:1.2em;
	font-weight:bold;
	color:#BD1400;
}

#edition_abonnes .abonnement a {
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	/*margin:4px 0 0 57px;*/
	width:66px;
	height:16px;
	padding-top:3px;
	text-align:center;
	background:url(../images/ul/boutons/minscrire.gif) no-repeat left top;
	font:0.77em/1.2em Verdana, sans-serif;
	color:#333333;
	text-decoration:none;
}

#edition_abonnes .abonnement a:hover {
	background-position:left bottom;
	color:#fff;
}


/* SOUS-NAVIG CÔTÉ (COLONNE DROITE)
-----------------------------------------*/
#sous_navig_cote {
	margin-bottom:11px;
	padding-bottom:15px;
	background:url(../../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
}

#sous_navig_cote h4 {
	font:bold 1em/1.1em Verdana, sans-serif;
	color:#000;
	margin:0 0 4px 0;
}

#sous_navig_cote ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font:0.85em/1.2em Verdana, sans-serif;
}

#sous_navig_cote li {
	padding:2px 0;
}

#sous_navig_cote ul a {
	color:#2E2E2E;
}

#sous_navig_cote ul a:hover {
	color:#2882E6;
}


/* RECEVOIR INFOLETTRES (COLONNE DROITE)
-----------------------------------------*/
#colonne_droite #recevoir_infolettres {
	position:relative;
	width:278px;
}

#colonne_droite #recevoir_infolettres .titre {
	padding-bottom:8px; /* En padding au lieu de margin pour IE6 */
}

#colonne_droite #recevoir_infolettres input {
	width:125px;
	padding:1px;
	border:1px solid #000;
	color:#666666;
	margin-left:8px;
	font:10px/13px Verdana, sans-serif;
}

#colonne_droite #recevoir_infolettres input.bouton {
	position:absolute;
	bottom:7px;
	right:13px;
	width:125px;
	padding:0;
	margin:0;
	border:0;
}

#colonne_droite #recevoir_infolettres a.bouton {
	position:absolute;
	bottom:7px;
	right:13px;
}


/* PAGINATION
-----------------------------------------*/
ul.pagination {
	list-style-type:none;
	margin:0;
	padding:0;
	font:0.85em/1.2em Verdana, sans-serif;
}
ul#pagination_haut,
ul.pagination_haut {
	float:right;
}
ul#pagination_bas,
ul.pagination_bas {
	text-align:right;
	padding-top:3px;
	border-top:1px solid #666666;
}

ul.pagination li {
	display:inline;
}

ul.pagination a {
	padding:0 1px;
	color:#333;
}

ul.pagination a:hover {
	color:#2882E6;	
}

ul.pagination a.selected {
	font-weight:bold;
	text-decoration:none;
}


/* PUB A2
-----------------------------------------*/
#A2 {
	position:relative;
	width:960px;
	height:101px;
	padding:12px 0 0 0;
	margin:12px auto 0 auto;
	background-color:#F2F2F2;
	text-align:center;
	border-top:3px solid #333;
}

#A2 span {
	position:absolute;
	top:12px;
	left:60px;
	font:0.69em/1.2em Verdana, sans-serif;
	color:#787878;
	letter-spacing:1px;
}


/* PIED
-----------------------------------------*/
#pied {
    position:relative;
	width:958px;
	background-color:#2a2a2a;
	padding:10px 0 12px 20px;
}

#pied #conteneur_raccourcis {
	width:948px; /* Important pour IE6 */
	background:url(../images/ul/tuiles/conteneur_raccourcis.gif) repeat-y left top;
	margin-bottom:15px;
}

#pied .raccourci {
	float:left;
	width:126px;
	padding:10px;
	margin-right:10px;
	font:0.77em/1.2em Verdana, sans-serif;
	color:#BFBFBF;	
}

#pied .raccourci .nom {
	color:#fff;
	text-transform:uppercase;
	margin-bottom:2px;
}

#pied .raccourci ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

/* Zone À propos */
#pied #raccourci_apropos li {
	padding:1px 0;
}

#pied #raccourci_apropos a {
	color:#BFBFBF;
	text-decoration:none;
}

#pied #raccourci_apropos a:hover {
	color:#fff;
}

#pied #raccourci_apropos a:hover,
#pied #raccourci_apropos a.selected {
	color:#fff;
	text-decoration:underline;
}

/* Zone Recherche */
#pied #raccourci_recherche {
	width:294px;
	/*padding-bottom:30px;*/
	position:relative;
}

#pied #raccourci_recherche .gauche {
	float:left;
	width:138px;
	margin-bottom:5px;
}

#pied #raccourci_recherche .droite {
	float:right;
	width:138px;
}

#pied #raccourci_recherche input {
	width:288px;
	padding:1px 2px;
	margin:0 0 2px 0;
	border:1px solid #262626;
	font:10px/13px Verdana, sans-serif;
	color:#666666;
}

#pied #raccourci_recherche select {
	width:136px;
	padding:0 2px;
	margin:0 0 4px 0;
	border:1px solid #262626;
	font:10px/13px Verdana, sans-serif;
	color:#666666;
}

#pied #raccourci_recherche a {
	color:#BFBFBF;
	text-decoration:none;
}

#pied #raccourci_recherche a:hover {
	color:#fff;
}

#pied #raccourci_recherche a:hover,
#pied #raccourci_recherche a.selected {
	color:#fff;
	text-decoration:underline;
}

#pied #raccourci_recherche a.avancee {
	color:#B3B3B3;
	text-decoration:underline;
}

#pied #raccourci_recherche input.bouton {
	position:absolute;
	right:10px;
	bottom:13px;
	width:58px;
	padding:0;
	border:0;
	margin:0;
}


/* Zone LeDevoir.com */
#pied #raccourci_ledevoircom li {
	display:inline;
	line-height:1.4em;
}

#pied #raccourci_ledevoircom a {
	color:#BFBFBF;
}

#pied #raccourci_ledevoircom a:hover,
#pied #raccourci_ledevoircom a.selected {
	color:#fff;
	text-decoration:underline;
}

/* Zone Pub */
#pied #raccourci_pub a {
	color:#BFBFBF;
	text-decoration:none;
}

#pied #raccourci_pub a span {
	text-decoration:underline;
}

#pied #raccourci_pub a:hover {
	color:#fff;
}

#E1, #E2 {
	margin-bottom:10px;
}

/* Navig utilitaires */
#pied .copyright {
	font:0.77em/1.2em Verdana, sans-serif;
	color:#999999;
	padding-right:21px;
}

#pied ul.utilitaires {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
	font:0.77em/1.1em Verdana, sans-serif;
	color:#787878;
}

#pied ul.utilitaires li {
	display:inline;
}

#pied ul.utilitaires a {
	color:#fff;
	text-decoration:none;
}
#pied ul.utilitaires a.rss {
	position:relative;
	padding-right:21px;
}

#pied ul.utilitaires a.rss img {
	display:inline;
	position:absolute;
	right:1px;
}

#pied ul.utilitaires a:hover {
	text-decoration:underline;
}

.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}


/*      EN CONTINU
****************************/

#continu_detail #colonne_principale,
{
	float:left;
	width:619px;
}

#continu_detail #colonne_droite
{
	float:right;
	width:300px;
}

#continu_detail .lien_interne_haut
{
	display:block;
	float:right;
	margin-right:20px;
}

#continu_detail .image
{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}


/* DIVERS
-----------------------------------------*/
a.rss_specifique {
	/*float:right;*/
	font:0.77em/1.2em Verdana, sans-serif;
	color:#262626;
	text-decoration:none;
	margin-left:5px;
	margin-top:20px;
	position:relative;
	top:2px;
}

#accueil a.rss_specifique {
	background:url(../images/ul/icones/rss_12.gif) no-repeat top right;
	margin:0;
	text-decoration:underline;
	margin-top:10px;
	padding:0px 16px 2px 0;
}

a.rss_specifique:hover {
	text-decoration:underline;
}

a.bouton {
/*	display:inline-block;*/
	display:none;
	height:19px;
	padding-right:5px;
	text-decoration:none;
	font:10px/14px Verdana, sans-serif;
	color:#333;
	background:url(../images/ul/boutons/bouton_type1_droite.gif) no-repeat right top;
}

a.bouton span {
	display:block;	
	padding:2px 2px 3px 7px;
	background:url(../images/ul/boutons/bouton_type1.gif) no-repeat left top;
	text-decoration:none !important;
}

a.bouton:hover {
	background-position:right -19px;
	color:#fff !important;
}

a.bouton:hover span {
	background-position:left -19px;
}


a.bouton_type2 {
/*	display:inline-block;*/
	display:none;
	height:24px;
	padding-right:5px;
	margin-top:16px;
	text-decoration:none;
	color:#fff;
	font:0.77em/1.3em Verdana, sans-serif;
	text-transform:uppercase;
	background:url(../images/ul/boutons/bouton_type2_droite.gif) no-repeat right top;
}

a.bouton_type2 span {
	display:block;
	padding:6px 9px 5px 14px;
	background:url(../images/ul/boutons/bouton_type2.gif) no-repeat left top;
}

a.bouton_type2:hover {
	background-position:right -24px;
	color:#000;
}

a.bouton_type2:hover span {
	background-position:left -25px;
}


a.bouton_type3 {
/*	display:inline-block;*/
	display:none;
	height:34px;
	padding-right:5px;
	text-decoration:none;
	font:10px/13px Verdana, sans-serif;
	color:#333;
	background:url(../images/ul/boutons/bouton_type3_droite.gif) no-repeat right top;
}

a.bouton_type3 span {
	display:block;	
	padding:4px 2px 4px 7px;
	background:url(../images/ul/boutons/bouton_type3.gif) no-repeat left top;
	text-decoration:none !important;
}

a.bouton_type3:hover {
	background-position:right -34px;
	color:#fff !important;
}

a.bouton_type3:hover span {
	background-position:left -34px;
}


a.bouton_type4 {
/*	display:inline-block;*/
	display:none;
	height:37px;
	width:259px;
	padding-right:16px;
	text-decoration:none;
	font:bold 10px/14px Verdana, sans-serif;
	color:#fff;
	text-transform:uppercase;
	background:url(../images/ul/boutons/bouton_type4_droite.gif) no-repeat right top;
}

a.bouton_type4 span.padding {
	display:block;	
	padding:6px 0 5px 12px;
	background:url(../images/ul/boutons/bouton_type4.gif) no-repeat left top;
	text-decoration:none !important;
}

a.bouton_type4 span.nom {
	display:block;
	color:#b3b3b3;
	text-transform:none;
	font-weight:normal;
}

a.bouton_type4:hover {
	background-position:right -37px;
	color:#000 !important;
}

a.bouton_type4:hover span.padding {
	background-position:left -37px;
}

a.bouton_type4:hover span.nom {
	color:#636363;
}

/* Sécurité de transaction */
#securite {
	margin-top:12px;
	padding-bottom:17px;
	background:url(../../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
	color:#363636;
	font-family:Verdana,sans-serif;
	font-size: 0.85em;
}

#securite h4 {
	font:bold 0.92em/1.2em Verdana, sans-serif;
	color:#000;
	margin:0;
}

#securite .logos {
	float:right;
	margin:4px 0 0 8px;
}

#securite .logos img {
	display:block;
}

#securite .logos img#verifie_visa {
	margin-top:20px;
}

#securite a {
	color:#2882E6;
}

#securite a:hover {
	color:#1C1E7C;
}


/* Contact */
#contact {
	margin-top:12px;
	padding-bottom:13px;
	background:url(../../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
	color:#363636;
	font-family:Verdana,sans-serif;
	font-size: 0.85em;
}

#contact h4 {
	font:bold 0.92em/1.2em Verdana, sans-serif;
	color:#000;
	margin:0;
}

#contact .type {
	margin:5px 0;
}

#contact .note {
	color:#666666;
	font-size:0.92em;
	line-height:1.1em;
}

#contact a {
	color:#2882E6;
}

#contact a:hover {
	color:#1C1E7C;
}

/* Lien pour les abonnés avec la clé */
#accueil #titres_jour .reserve,
#accueil #aussi .reserve,
#accueil_section .zone_detail .reserve,
#recherche .zone_detail .reserve,
#opinion .zone_detail .reserve {
	font:0.77em/1.2em Verdana, sans-serif;
}

#opinions #editoriaux .articles .intro .reserve,
#opinions #chroniques .articles .intro .reserve {
	font:0.69em/1.08em Verdana, sans-serif;
}

#accueil #titres_jour .reserve a,
#accueil #aussi .reserve a,
#accueil_section .zone_detail .reserve a,
#opinion .zone_detail .reserve a,
#recherche .zone_detail .reserve a,
#opinions #editoriaux .articles .intro .reserve a,
#opinions #chroniques .articles .intro .reserve a {
	color:#3D8DCA;
	text-decoration:none;
}

#accueil #titres_jour .reserve a span,
#accueil #aussi .reserve a span,
#accueil_section .zone_detail .reserve a span,
#opinion .zone_detail .reserve a span,
#recherche .zone_detail .reserve a span,
#opinions #editoriaux .articles .intro .reserve a span,
#opinions #chroniques .articles .intro .reserve a span {
	text-decoration:underline;
}

#accueil #titres_jour .reserve a:hover,
#accueil #aussi .reserve a:hover,
#accueil_section .zone_detail .reserve a:hover,
#opinion .zone_detail .reserve a:hover,
#recherche .zone_detail .reserve a:hover,
#opinions #editoriaux .articles .intro .reserve a:hover,
#opinions #chroniques .articles .intro .reserve a:hover {
	color:#1C1E7C;
}

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

#accueil #colonne_milieu_droite #edition_abonnes ul li a {
	font:bold 0.85em/1em Georgia, serif;
}


/* PHOTOS
-----------------------------------------*/
#accueil #photos,
#accueil_section #photos,
#continu_detail #photos,
#opinion #photos {
	margin-top:15px;
	background:url(../images/ul/graphiques/separateur_double.gif) no-repeat left top;
	padding-top:15px;
}

#accueil #photos ul,
#accueil_section #photos ul,
#continu_detail #photos ul,
#opinion #photos ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#accueil #photos li,
#accueil_section #photos li,
#continu_detail #photos li,
#opinion #photos li {
	padding:0 0 10px 0;
}

#accueil #photos li a.photo,
#accueil_section #photos li a.photo,
#continu_detail #photos li a.photo,
#opinion #photos li a.photo {
	display:block; /* Pour IE */
	margin-bottom:2px;
}

#accueil #photos ul a.titre,
#accueil_section #photos ul a.titre,
#continu_detail #photos ul a.titre,
#opinion #photos ul a.titre {
	text-decoration:none;
	color:#1C1E7C;
	line-height:1.1em;
}

#accueil #photos ul a.titre:hover,
#accueil_section #photos ul a.titre:hover,
#continu_detail #photos ul a.titre:hover,
#opinion #photos ul a.titre:hover {
	text-decoration:underline;
}

#signature {
	float:right;
    font-family: Verdana,sans-serif;
    font-size:0.69em;

	margin:0 20px 0 0;

	text-align:right;
	width:300px;
	color: #999999;
	
	display: inline; /* fix ie6 double-margin */
	
}
#signature a {
    color: #999999;
}
#signature a:hover {
    color: #ffffff;
}

#signature .brand {
	color:#fff;
}

#devoir_virtuel, #cedrom {
    font-family:Verdana,sans-serif;
    font-size:0.85em;
}
#devoir_virtuel a, #cedrom a {
    color:#1C1E7C;
    font-weight:bold;
    line-height:1.1em;
    text-decoration:none;
}
#devoir_virtuel a:hover, #cedrom a:hover {
    color:#2882E6;
    text-decoration:underline;
}

#conteneur_raccourcis a {
	color:#BFBFBF;
}

#conteneur_raccourcis a:hover {
	color:#fff;
}

#conteneur_raccourcis a:hover,
#conteneur_raccourcis a.selected {
	color:#fff;
	text-decoration:underline;
}

/* FAQS
-----------------------------------------*/
div.faq {
	
}

div.faq div.nom {
	font-weight:bold;
	font-size:1.14em;
	padding:5px 0px;
}

div.faq div.questions {
	
}

div.faq div.questions div.question {
	font-weight:bold;
	padding-top:10px;	
}

div.faq div.questions div.reponse {
	
}

/* BLOGUES
-----------------------------------------*/
.presentation_blogue {
	font-family:Verdana,sans-serif;
    font-size:0.92em;
    padding: 0 0 15px 0;
}

ul.liste_blogues {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.liste_blogues li {
	display: inline-block;
	padding: 0 0 10px 0;
	margin: 0;
}

.entete_blogue {
	width: 726px;
	height: 138px;
	padding: 16px 28px 20px 186px;
	color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #fff;
	line-height: 1.4em;
}

.entete_blogue a,
.entete_blogue span {
	display: block;
	font-size: 2.461em;
	line-height: 1.2em;
	text-decoration: none;
	color: #fff;
}

.entete_blogue a:hover {
	text-decoration: underline;
}

.blogue_widget {
	font-family:Arial,sans-serif;
	padding: 0 0 12px 0;
	margin: 0 0 10px 0;
	background: url("../images/ul/graphiques/separateur_double.gif") bottom left repeat-x;
}

.twitter .twtr-join-conv {
	font-size: 0.833em;
	line-height: 1.5em;
}

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

.blogroll {
	padding-bottom: 7px;
}

.blogroll ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.blogroll ul li {
	padding: 0 0 5px 0;
	margin: 0;
}

.blogroll a {
	font-family: Arial, Verdana, sans-serif;
	color: #1C1E7C;
}

.blogroll a:hover {
	color: #2882E6;
}

#opinion .twtr-hd h3,
#opinion .twtr-hd h4 {
	font-family: Verdana, sans-serif;
}

#liste_tags {
	width: 300px;
	background: url(../images/ul/tuiles/liste_tags.gif) left 20px no-repeat;
}

ul.liste_tags {
	float: left;
	width: 137px;
	padding: 0 20px 0 0;
	margin: 0;
	list-style-type: none;
}

ul.liste_tags_droite {
	width: 140px;
	padding-right: 0;
}

ul.liste_tags li {
	padding: 0 0 4px 0;
}

ul.liste_tags li a {
	color: #1C1E7C;
}

ul.liste_tags li a:hover {
	color: #2882E6;
}

.archive_padding {
	margin: 0 4px 20px 4px;
	border-bottom: 1px solid #CCCCCC;
}

.archives ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.archives a.lien_deroulant {
	display: block;
	background: url(../images/ul/boutons/deroulant.gif) left 10px no-repeat;
	font: bold 0.92em/1.3em Verdana, Arial, sans-serif;
	color: #000;
	text-decoration: none;
	padding: 7px 20px 7px 20px;
	border-top: 1px solid #CCCCCC;
}

.bloc_deroulant_selected a.lien_deroulant {
	background-position: left -42px;
}

.archives .zone_deroulante {
	padding: 0 0 5px 20px;
}

.archives .zone_deroulante ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.archives .zone_deroulante ul li {
	margin: 0;
	padding: 0 0 4px 0;
}

.archives .zone_deroulante ul li a {
	color: #1C1E7C;
}

.archives .zone_deroulante ul li a.selected,
ul.liste_tags a.selected {
	font-weight: bold;
}

.archives .zone_deroulante ul li a:hover {
	color: #2882E6;
}

/* JEUX
-----------------------------------------*/

#jeux #colonne_principale {
	float: left;
    margin-bottom: 50px;
    width: 619px;
}

/* STYLES CKEDITOR
-----------------------------------------*/
span.titre_violet,
span.sous_titre_bleu {
	display: inline-block;
	font: bold 1.076em/1.2em Arial, Verdana, sans-serif;
	color: #1C1E7C;
	text-transform: uppercase;
	padding: 0 0 5px 0;
}

span.sous_titre_bleu {
	text-transform: none;
	color: #3D8DCA;
}