/*
 * CSS des différents blocs de la colonne de droite
 * @author berge
 */
/* Bloc LesPlus */

#lesPlusBlock{
   margin-bottom: 20px;
   width: 300px;
}

#lesPlusBlock .tab-links {
   position: relative;
   z-index: 2;
   padding: 0;
   margin: 0;
}

#lesPlusBlock .tab-links a:hover {
   text-decoration: none;
}

#lesPlusBlock #lesplus-tab-link-0{
   margin-right: 4px;
}

#lesPlusBlock .tab-links .active{
   float: left;
   width: 148px;
   height: 56px;
}

#lesPlusBlock #lesplus-tab-link-0.active{
   border: solid #eef1f5;
   border-width: 0 1px;
   border-top: 3px solid #a2a9ae;
   background: #fff;
}

#lesPlusBlock #lesplus-tab-link-1.active{
   border: solid #eef1f5;
   border-width: 0 1px;
   border-top: 3px solid #a2a9ae;
   background: #fff;
}

#lesPlusBlock .tab-links li{
   float: left;
   display: block;
   width: 146px;
   height: 55px;
   background: #fafbfc;
   border-top: 3px solid  #e9edf0;
}

#lesPlusBlock .tab-links li a{
   font: bold 17px arial, sans-serif;
   color: #a2a9ae;
   display: block;
   margin-top: 5px;
   margin-left: 10px;
   cursor: pointer;
}

#lesPlusBlock .tab-links .active a{
   color: #333;
}

#lesPlusBlock .tab-content{
   clear: both;
   border: 1px solid #eef1f5;
   position: relative;
   top: -1px;
   z-index: 1;
   padding-top: 10px;
}

#lesPlusBlock .since-links {
   font-size: 11px;
   margin-bottom: 2px;
}

#lesPlusBlock .since-content {width: 278px;}

#lesPlusBlock .since-links a.active{
   color: #333;
   font-weight: bold;
}

#lesPlusBlock h4 {
   padding:6px 0;
   list-style-type: decimal;
   text-indent: -16px;
   float: left;
   font-size: 13px;
   margin: 0 0 0 12px;
}

#lesPlusBlock .first_image {
   width: 160px;
}

#lesPlusBlock .separateur {
   clear: both;
   line-height: 1px;
   margin: 0;
   padding: 0;
   border-bottom:1px dotted #c8c8c8;
}

#lesPlusBlock .image a {
   float:right;
   padding:1px;
   border:1px solid #ccc;
   height: 58px;
   margin-bottom: 3px;
}

#lesPlusBlock .image {
   overflow: hidden;
   float: right;
}

#lesPlusBlock .reaction a {
   background:url("/medias/www/img/icn/icos_type.png") no-repeat 0 -568px;
   font:bold 11px arial, sans-serif;
   padding-left:15px;
}

#lesPlusBlock .chiffre, .col_droite .les_plus .chiffre {float: right; display: block; width: 30px; padding-left: 4px; height: 18px; background: url(/medias/www/img/icn/icos_type.png) left -2062px no-repeat; text-align: center; line-height: 18px; font-size: 11px; font-weight: bold; color: #222;}
#lesPlusBlock .liste_sep, .col_droite .les_plus .liste_sep {padding-top: 8px;}
#lesPlusBlock .liste_sep li:last-child, .col_droite .les_plus .liste_sep li:last-child{border:0;}

/* Bloc Thematique 2 */
.thematique2 h3 { font-size: 1.15em; font-weight: bold; }
.thematique2 .image { float: left; margin-bottom: 0; overflow: hidden; }
.thematique2 .image a {
    border: 1px solid #CCCCCC;
    float: left;
    height: 58px;
    margin-bottom: 1px;
    margin-right: 3px;
    padding: 1px;
}
.thematique2 li {
   line-height:16px;
}

.lm_services p, .col_droite .lm_services p, #colDroite .lm_services p  {
   margin: 0 0 0 15px;
}

.lm_services h2, .col_droite .lm_services h2, #colDroite .lm_services h2 {
   margin: 0 0 8px 15px;
}

.lm_services {
   border-top: 2px solid #f8cf00;
   padding: 10px 0;
}

.lm_services h2 {
   background: url(/medias/www/img/lgo/tt_edition_abo_131x13.png) no-repeat;
   text-indent: -9999px;
   font-size: 14px;
   margin: 0 0 0 15px;
}

.lm_services  {
   font-weight: bold;
   background: #fffdf2;
}

.lm_services  a {
   color: #CCAA00;
   margin: 5px 0 0 15px;
   display: inline-block
}

.lm_services .bas {
   background: none;
   width: auto;
   text-indent: 0;
   height: auto;
}

/************** BLOCS TYPE BARRE ROUGE HAUT ET FILETS GRIS DROITE BAS GAUCHE ***/
/** + d'infos */
.meme_rubrique, .amphis{
   border: solid #ccc;
   border-width: 0px 1px 1px 1px;
   margin-bottom: 25px;
   font-size: 13px;
}

.meme_rubrique .entete, .amphis .entete {
   margin: 0 14px 0;
 }

.meme_rubrique ul{
   margin: 8px 10px 8px 15px;
}

.meme_rubrique a {
   font-weight: bold;
}


/*** amphis ***/

.amphis .contenu {
   border-top: 1px solid #ccc;
   padding: 5px 14px 10px;
   margin: 5px 0 0;
   font-size: 12px;
}

.amphis .sujet {
   display: block;
   font-size: 14px;
   font-weight: bold;
}

.amphis .contenu img {
   display: block;
   margin: 8px 0;
}

.amphis .footer {
   border-top: 1px solid #ccc;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 11px;
    margin: 0;
    padding: 5px 7px 0;
    text-align: right;
}

.amphis .footer img{
   vertical-align: middle;
}

#blockRightCallTag_Id .vignette { border:0; }


/*** previsuel de couv type bloc EA JE, bloc EA Education */
.previsu { padding:10px; background:#f8f8f8; text-align:center; zoom:1; }
.previsu .date_couv {display: block; font-size:13px; color:#646464;}
.previsu_contenu {text-align: left; margin: 10px 0 0; color: #222}
.previsu_contenu li {margin: 0 0 3px}
.previsu_contenu  .date {text-transform: uppercase; font-size: 10px; color: #666}
.previsu .lire {font-size: 16px; font-weight: bold; margin: 0 0 5px; display: inline-block}
.previsu +.contenu {border-top: 1px solid #e6e7e8}

/*** blocs promo journal une ***/
.bloc_je {margin-bottom:20px}
.bloc_je .bt_push_abo {margin-top:15px;}
.bloc_je .liste_ensembles  {font-size: 15px}
.bloc_je .annonce {display: block; padding: 8px 9px; background-image: -moz-linear-gradient(90deg, #0c0c0c, #3f3f3f); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3f3f3f), to(#0c0c0c)); color: #fff; font-size: 12px; line-height: 14px;}

.bloc_je .previsu .bt_blanc_gris_32 {margin: 20px 0 0}
.bloc_je .tt_dossier_meilleur_monde {background:url(/medias/www/img/tit/tt_dossiers_meilleur_monde.png) left center no-repeat; display: block; width: 250px; margin: 0 9px;font-size: 13px; color: #222; text-indent: -9999px}

.bloc_couvs {position:relative; margin:10px auto 3px;}
.bloc_couvs span {display:block; width:208px; height:145px; overflow:hidden; border:solid 1px #e7e7e7; box-shadow:0 0 3px #e7e7e7;}
/* default / une page / pas de sup */

.bloc_couvs span {position:absolute; left:35px}
.bloc_couvs img { width:208px; }
.bloc_couvs.une_couv{height:145px;}
.bloc_couvs .couv_petite {width:146px; height:74px; }
.bloc_couvs .couv_petite img {width:146px;}
.bloc_couvs b {top:146px; display:block; width:280px; height:44px; background:url(/medias/www/img/plus_une_lemonde.png) left center no-repeat; position:relative;}
/* deux pages / un sup */
.bloc_couvs.bloc_un_sup {width:247px; height:185px;}
.bloc_couvs.bloc_un_sup span {left:0;}
.bloc_couvs.bloc_un_sup span.couv_petite {left:auto; top:auto; right:0; bottom:0;}
.bloc_couvs.bloc_un_sup b {right:153px; top:153px; width:15px; height:15px; background:url(/medias/www/img/plus_une_lemonde.png) right center no-repeat; position:absolute;}
/* trois pages / deux sups */
.bloc_couvs.bloc_deux_sups {width:280px; height:278px;}
.bloc_couvs.bloc_deux_sups span.couv_petite {width:125px; height:86px; right:auto; top:auto; left:0; bottom:0;}
.bloc_couvs.bloc_deux_sups .couv_petite img{width:125px; }
.bloc_couvs.bloc_deux_sups span.couv_petite.petite_2 {left:auto; right:0;}
/* cinq pages / quatre sups */
.bloc_couvs.bloc_super_sups {width:280px; height:317px;}
.bloc_couvs.bloc_super_sups .couv_focus {width:105px; height:126px; top:auto; right:auto; left:0; bottom:2px;}
.bloc_couvs.bloc_super_sups .couv_focus img {width:104px; height:126px;}
.bloc_couvs.bloc_super_sups .couv_petite {width:125px; height:86px; top:auto; left:auto; right:36px; bottom:42px;}
.bloc_couvs.bloc_super_sups .couv_petite img {width:125px; }
.bloc_couvs.bloc_super_sups .couv_petite.petite_2 {right:18px; bottom:21px;}
.bloc_couvs.bloc_super_sups .couv_petite.petite_3 {right:0; bottom:0;}
.nouveau_weekend {
   font-weight:bold;
   border-bottom:solid 1px #E6E7E8;
}

.nouveau_weekend strong { display:block; margin:0 0 3px; text-transform:lowercase; font-variant:small-caps; font-family:georgia, serif; font-size:1.1em; }
.nouveau_weekend span { display:inline-block; margin:0 1px 0 0; padding:0 4px 1px; background:#bb0102; color:#fff; font-family:arial, sans-serif; font-size:0.85em; }
.titres_journal { padding:10px; border-top:solid 1px #e6e7e8; text-align:left; background:#fff; }
.titres_journal .bull_gris_petit li { margin-bottom:2px; }
.titres_journal .fle_abo {
    font-size: 15px;
    margin-bottom: 3px;
    font-weight: bold;
    padding-left: 14px;
}