/* -------------------------------------------------- */
/* Feuille de style generale des blocs de Daktu (pas de typo)  */
/* -------------------------------------------------- */


body { background: #FFF url(../im/body/bg_body.gif) no-repeat bottom center; margin: 0; padding: 0; text-align: center; }
ul { margin:0;padding:0; }
li { list-style-type: none; }
.espaceur {width:100%;height:20px;padding-top:10px;border top: 1px solid #CCC;float:left;clear:both;}


/*--- Styles specifique a certaines pages ---*/
/*------------------------------------------- */

/* Page dossier */
#rubrique_intro { font-size: 1.4em; font-style:italic; color: #FFF; position: absolute; bottom: 120px; left: 20px; width: 500px; } /*texte d'intro du dossier dans l'entete*/
.logo_dossier {float:right} /* Habillage du logo dossier*/
.logo_dossier div {float: right; width: 100px; height: 100px;}
.logo_dossier h2 {float:right; font-family: Helvetica, Arial, sans-serif;}

/* Pages articles et rubriques */
h2.titre_article{font-size:2.5em;}
div.logo_article {float:left;margin-right:10px;margin-bottom:5px;}

/* Affichage de la date dans la page sommaire */
#header_titre { float: left; font-size: 1.2em; margin-top: 40px; line-height: 1.05em; }
.header_jour { float: left; font-size: 3.5em; padding-top: 4px; margin-left: 20px; }
.header_nom_jour { float: left; padding-left: 7px;}
.header_nom_jour span { text-transform: capitalize; font-size: 1.2em; }
.header_heure { float: left; padding: 3px 0 0 10px; font-size: 1.3em; }

/* Titre des pages dossier et rubrique*/
.page_dossier #header_titre, .page_rubrique #header_titre {font-size: 2.5em; text-transform: uppercase; padding-left: 20px; border-left: 2px solid #000; }

/* Page recherche */
.page_recherche #contenu p { line-height: 1.3em; } /*reduction de l'interlignage dans les resultats*/
.page_recherche a { color: #000; }
.page_recherche #contenu p a {color: #669900;} /*lien source vert*/
.page_recherche #contenu h3 { font-weight: normal; font-size: 1.4em; margin: 0;  }
.page_recherche #contenu h3 a:visited {color: #604A7F;} /*lien visite violet*/
.page_recherche #contenu li { border: 0; }

.page_recherche #conteneur { width: 770px; }
.page_recherche #complement { clear: both; float: left; width: 190px; margin-right: 10px; }
.page_recherche #contenu { float:left; width: 570px; }
.page_recherche #navigation { width: 190px; }


/*--- Entete ---*/
/*------------------------------------------- */

#entete { width:980px; margin: 0; }

/* Bandeau */
#bandeau { height: 17px; margin-top: 18px; font-size: 0.9em; text-transform: capitalize; border-bottom: 3px solid #000; }
#bandeau ul li { display: inline; padding: 0 8px; }
#bandeau a {color: #000}

/* Header (contient l'image) */
#header {}
#header_masque { height: 90px; background: url(../im/entete/bg_header_masque.png) no-repeat top; }
#header_masque ul li { display: block; float: left; padding: 2px 6px; }

.header_legende { height: 20px; float: right; padding: 7px 15px 0 0; font-size: 0.9em; }
.header_legende ul li.jqImage, .header_legende ul li.jqLegende {line-height:20px;margin-top:-7px;}
.header_legende ul li span {vertical-align:top; }

/* logo + recherche */
#header_contenu { clear: both; float:left; height: 80px; width: 900px; margin: -25px 0 0 15px; }
#logo_daktu { float: left; width: 220px; height: 80px; margin-right: 40px; }
#portail { float: left; margin-top: 16px;}
#portail ul { padding: 5px; font-size: 1.2em; }

.formulaire_recherche {padding: 0px 5px 2px 5px; }
#recherche { width: 230px; border: 0; color: #333; font-family: Verdana; font-size: 16px; }
#recherche_message {
	display:none;
	float:left; 
	width:100%;
	margin-top:8px;
	text-align:center;
	font-size:1.3em;
	font-variant:small-caps;
}

/* Menu rubriques */
#menu1 { height: 38px; background: #000; padding: 0 10px;}
#menu1 .onglet_menu {float: left;width:67%; } 
#menu1 .onglet_abo { float: right;width:32%; }
#menu2 ul { float: left;width:100%; }
#menu1 .onglet_menu li, #menu2 ul li {float: left; height: 38px; line-height: 38px; font-variant: small-caps; font-size: 1.3em; }
#menu1 .onglet_abo li {float: right; height: 38px; line-height: 38px; font-variant: small-caps; font-size: 1.3em; }
#menu1 ul li a, #menu2 ul li a {float: left; height: 38px; padding: 0 5px;}
#menu1 ul li a { color: #FFF;}

#menu1 .onglet_abo a { color: #99CC00; }
#menu2 { float:left;width:100%;background: url(../im/entete/bg_menu2.png) no-repeat bottom; min-height: 38px; padding: 0; margin-bottom: 10px;}
#menu2 ul li a { color: #000;padding: 0 10px;}
#menu_semaine {
	float:left;
	width:978px;
	background-color:#E0E0E0;
	padding:0;
	margin:0;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	display:none;
}




/*--- Page ---*/
/*------------------------------------------- */

#page { position: relative; width: 980px; margin: 0 auto; text-align: left; }
#conteneur { width: 630px; }
#navigation, #extra { width: 336px; } 


/*--- Les 3 blocs Redaction Agregation Editions ---*/
/* Suivre la hierarchie >> #redaction >> .grande/petite_col_... >> .grande/petite_souscol_... */
/*------------------------------------------- */

#redaction, #agregation, #editions, #ma_selection { width:100%; clear:both; float: left; margin: 15px 0; }
/* marge identiques pour toutes les col :*/
.col_100, .col_50, .col_20, .grande_col_top_left, .petite_col_top_right, .grande_col_middle_right, .petite_col_middle_left, .grande_souscol_left, .petite_souscol_right, .grande_souscol_right, .petite_souscol_left, .encart_plein, .encart_border_1, .encart_border_3 { margin-bottom: 15px; }

.col_100 { width: 100%; clear: both; float: left; } /*colonne 100% dans bloc ou dans 1 colonne*/
.col_100_black { width: 100%; clear: both; float: left;background-color:#000;}  /*colonne 100% dans bloc ou dans 1 colonne*/
.col_50 {width: 48%; float: left; padding: 0 1%; } /*idem a 50%*/
.col_20 {width: 180px; float: left; margin-right: 10px;padding:3px; } /*idem a 20% ATTENTION Tout changement ces valeurs necessite de regler les scripts de la div selection*/

/* Colonnes dans les blocs */
.grande_col_top_left { width: 630px; float: left; } /*utilise surtout pour redaction*/
.grande_col_top_left_black { width: 630px; float: left;background-color:#000;} /*utilise surtout pour redaction*/
.petite_col_top_right { width: 336px; float: right;} /*utilise surtout pour redaction*/
.grande_col_middle_right { width: 630px; float: right; } /*utilise surtout pour agregation*/
.petite_col_middle_left { width: 336px; float: left; } /*utilise surtout pour agregation*/
.col_demi_page { width: 478px; float: left} /*de preference pour teminer un grand bloc, pour assoir le tout*/

/* Type d'encarts - Uniquement dans les PETITES COLONNES */
.encart_plein { float:left; width: 322px; background: #E5E5E5; padding: 7px; } /*encart fond clair*/
.encart_border_1 { float:left; width: 320px; border: 1px solid #CCC; padding: 7px; } /*encart bordure fine*/
.encart_border_3 {float:left;  width: 316px; border: 3px solid #CCC; padding: 7px; } /*colonne bordure epaisse*/

/* Sous colonnes dans les grande_col */
.grande_souscol_left { width: 420px; float: left; }
.grande_souscol_left_black { width: 420px; float: left; background-color:#000;}
.grande_souscol_left_black div.chapo { padding:7px;}
.petite_souscol_right { width: 195px; float: right; padding-left: 7px; border-left: 1px solid #CCC; }
.petite_souscol_right_black { width: 195px; float: right;background-color:#000;color:#FFF;} 
.grande_souscol_right { width: 420px; float: right; }
.petite_souscol_left { width: 195px; float: left; padding-right: 7px; border-right: 1px solid #CCC; }

/* Une de la redaction */
.surtitre_une { padding: 2px 10px; font-size: 1.3em; font-variant: small-caps; }
.titre_une { position: absolute; background: url(../im/page/bg_une_titre.png) repeat-x bottom; height: 280px; width: 420px; /*meme dimensions que l'image recadree par spip*/}
.titre_une h2 { position: absolute; bottom:0; padding: 10px; font-size: 2.8em; line-height: 1em; } 
.fond_langue2 {float:left;width:100%;background-color:#000;color:#FFF;padding:3px;}
.bouton_langue2 {float:left;clear:both;width:100%;margin-right:5px;}/*Logo 2e langue*/
.bouton_langue2 a {color:#FFF;padding:3px;font-weight:bold;font-family: Helvetica, Arial, sans-serif;font-size:0.8em;border:1px solid white;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}/*Logo 2e langue lien*/
.logo_une_langue2 {float:left;clear:both;width:250px;overflow:hidden;margin-right:5px;}/*Logo article de une 2e langue*/
/* Articles selection */
.article_selection h2 { padding: 5px 0; }
.article_selection p { line-height: 1.2em; }
.surtitre_selection { font-size: 1.15em; font-variant: small-caps; }
/* Logo dossier */
dossier_logo {}


/*--- Autres elements de Page ---*/
/*------------------------------------------- */

/* Emplacement Pub hautdroite */
#redaction .petite_col_top_right .col_100 { background: #E5E5E5; font-size: 0.8em; text-transform: uppercase; text-align: center; padding: 10px 0 25px; }

/* Bandeau de promo abonnement */
#promo_abo { clear: both; float: left; background: #191919 url(../im/page/bg_promo_abo.png) no-repeat center center; width: 100%; color: #FFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.pabo_contenu { position: relative; width: 880px; height: 300px; margin: 30px 50px 20px;}
.pabo_contenu div {display: none; position:absolute;top:0;left:0; width: 880px; }
.pabo_contenu h2 { font-size: 2.3em; color: #FFF; padding-bottom: 15px; }
.pabo_contenu p { font-size: 1.05em; }
.pabo_contenu ul li, .pabo_nav li {display: block; float: left; padding-right: 20px; }
.pabo_contenu img { float: right; margin-left: 40px; }
.pabo_nav { clear: both; float: left; margin: 5px 0 30px 430px; font-size: 1.8em; }
.pabo_nav a { color: #FFF; }
 
/* Archives - Acces aux jours precedents */
.onglet_jour { float:right; }
.onglet_jour a {color: #000;}
.onglet_jour_nomjour { text-align: center; text-transform: capitalize; }
.onglet_jour_nommois { font-size: 1.2em; text-align: center;}
.onglet_jour_nommois span { font-weight: bold; }
.onglet_jour_idj { padding: 3px; margin: 2px 5px; border: 1px solid #CCC; }


/*--- Pied ---*/
/*------------------------------------------- */
 
#pied { clear: both; float: left; width: 960px; margin: 70px auto 3em; padding: 15px 10px ; border-top: 3px solid #000; }
#pied ul { margin: 0.2em 0; }
#pied ul li {display: inline; }
#pied a {color: #000;}
#pied .titre_pied { font-weight: bold; font-variant: small-caps; font-size: 1.2em; padding-right: 7px; }
#pied .logo_pied { float: right; height: 100px; width: 300px; margin-top: -78px; } /*se pose sur la bordure*/