a {outline: none}
input,select{font: 11px arial, helvetica, sans-serif; vertical-align: middle;}
span.clear {clear: both; height: 0; line-height: 0; font-size: 0; display: block}
.block {display: block}
/*** liens non visibles graphiquement, liens brouilles en span ***/
.listLink {color: #000; text-decoration: none; cursor: text}
.listLink:hover {color: #000; text-decoration: none;}
.obf_link {color: #0045A3; cursor: pointer}
.obf_link:hover {color: #990000} 
/*** liens non visibles graphiquement, liens brouilles en span ***/

.type, .type a {color: #666; text-transform: uppercase;}
/* bloc/titre avec barre rouge haute */
.barre_haut {background: url(/medias/www/img/tit/titleBar2.gif) repeat-x; padding-top: 12px}
.barre_haut .entete {color: #222222; font: bold 18px/21px arial,sans-serif; letter-spacing: -0.5px; margin-bottom: 10px; display: block}
.barre_haut .entete .couleur {color: #990000}
.barre_haut .entete .sequence {color: #666; font-size: 18px}
/* bloc/titre avec barre verte haute */
.barre_haut_sport, .sport .barre_haut {background: url(/medias/www/img/bg/sport/bg_titleSport.gif) repeat-x; padding-top: 12px}

/* couleurs */
.fb {color: #395793} /* facebook */
.tw {color: #2fc5f2} /* twitter */

/* pictos */
.fle_gris {background: url(http://www.lemonde.fr/medias/www/img/icn/fle_gris.png) left 3px no-repeat; padding-left: 9px;}
.fle_rouge {background: url(/medias/www/img/icn/fl-rg.gif) left 60% no-repeat; padding-left: 9px;}

.ico_post_blog {background: url(/medias/www/img/icn/blog_post.png) no-repeat left top; padding-left:16px;}

.ico_blog {background: url(/medias/www/img/icn/blog_post.png) no-repeat left top; padding-left:18px;}
.title .ico_blog, .entete .ico_blog {background-position: left 4px}
.txt_medium .ico_blog  {background-position: left 2px}

.ico_video {background: url(/medias/www/img/icn/video.gif) no-repeat left -2px; padding-left:18px;}
.title .ico_video, .entete .ico_video {background-position: left 2px}
.txt_medium .ico_video  {background-position: left top}

.ico_portfolio  {background:url(/medias/www/img/icn/camera.gif) no-repeat left 2px; padding-left:18px;}
.title .ico_portfolio, .entete .ico_portfolio  {background-position: left 5px}
.txt_medium .ico_portfolio  {background-position: left 3px}

.ico_infographe, .ico_infographie  {background:url(/medias/www/img/icn/graph.gif) no-repeat left top; padding-left:18px;}
.title .ico_infographe, .title .ico_infographie, .entete .ico_infographe, .entete .ico_infographie  {background-position: left 5px} 
.txt_medium .ico_infographie, .txt_medium .ico_infographe  {background-position: left 3px} 
 
.ico_illustration  {background:url(/medias/www/img/icn/camera.gif) no-repeat left 2px; padding-left:18px;}

.ico_son  {background:url(/medias/www/img/icn/son.gif) no-repeat left top; padding-left:20px;}
.title .ico_son  {background-position: left 3px}
.txt_medium .ico_son  {background-position: left 1px}

.ico_annonce_live  {background:url(/medias/www/img/icn/picto-live.gif) no-repeat left 3px; padding-left:28px;}
.ico_reaction_titre {background: url(/medias/www/img/icn/reaction_titre.png) no-repeat left top; padding:0 0 2px 22px;}

.ico_monde {background:transparent url(/medias/www/img/icn/blogMonde.gif) no-repeat scroll left 3px; padding-left:15px;}


/* pictos sport*/
.sport .ico_post_blog {background: url(/medias/www/img/bg/sport/blog_post.png) no-repeat left top; padding-left:18px;}
.sport .ico_blog {background: url(/medias/www/img/bg/sport/blog_post.png) no-repeat left top;}
.sport .title .ico_blog  {background-position: left 4px}
.sport .ico_video {background: url(/medias/www/img/bg/sport/video.png) no-repeat left 2px;}
.sport .title .ico_video, .entete .ico_video {background-position: left 5px}
.sport .ico_portfolio  {background:url(/medias/www/img/bg/sport/portfolio.png) no-repeat left 2px; }
.sport .title .ico_portfolio  {background-position: left 5px}
.sport .ico_infographe, .sport .ico_infographie  {background:url(/medias/www/img/bg/sport/infographie.png) no-repeat left top;}
.sport .title .ico_infographe, .sport .title .ico_infographie {background-position: left 5px} 
.sport .ico_illustration  {background:url(/medias/www/img/bg/sport/camera.gif) no-repeat left 2px;}
.sport .ico_son  {background:url(/medias/www/img/bg/sport/audio.png) no-repeat left 2px;}
.sport .title .ico_son  {background-position: left 4px}
.sport .ico_annonce_live  {background:url(/medias/www/img/bg/sport/picto-live.gif) no-repeat left 3px;}

/**** styles abonnes***/
.barre_haut_abo {background: url(/medias/www/img/tit/titleBar3.gif) repeat-x; padding-top: 12px}
.logo_abonne {background: url(/medias/www/img/blogs/logo_lemonde_abonne.png) left top no-repeat; display: block; text-indent: -9999px; font-size: 18px; margin: 0 auto; width: 272px}
.fle_abo {background: url(/medias/www/img/icn/arrow_abo.gif) left 4px no-repeat; padding-left: 9px;}
.monde_edition_abo { margin:7px 11px; }
.barre_haut_abo .entete { background: url("/medias/www/img/icn/abonneContent.gif") no-repeat 0 1px; padding-left: 25px; display:block; font: bold 18px helevetica arial, sans-serif;}
.coul_txt_abo {color: #a97900}
/* lien boule jaune petite */
.boule_abo {background: url(/medias/www/img/icn/abonneContentSmall.png) no-repeat; padding-left: 17px}

/* placement des pictos par rapport a la taille de police */
.txt16 .ico_infographe, .txt16 .ico_infographie {background-position:left 3px;}
.txt19 .ico_infographe, .txt19 .ico_infographie {background-position:left 5px;}
.txt10 .ico_monde {background-position: left top}

/*** calendrier jquery ui datepicker ***/
/*** date picker ui ***/
.ui-datepicker-trigger {margin: 1px 0 0 0; height: 17px; width: 17px}
.ui-datepicker {border: 1px solid #CCC; padding: 1px; background: white; width: 160px; display: none; height: 142px; overflow: hidden;  z-index: 999;}
.ui-datepicker table {width: 100%;}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {font-size: 11px; cursor: pointer;}
.ui-datepicker .ui-datepicker-next {position: absolute; top: 3px; right: 5px;}
.ui-datepicker .ui-datepicker-prev {position: absolute; top: 3px; left: 5px;}
.ui-datepicker .ui-datepicker-title  {background: #e6e7e8; padding: 2px; font-size: 11px; height: 16px; text-align: center;}
.ui-datepicker td, .ui-datepicker th {font-size: 11px;text-align: center; border: 1px solid #e6e7e8; border-collapse: collapse; padding: 0}
.ui-datepicker td a {display: block} 
.ui-datepicker td a:hover {background: #e6e7e8; color: #990000; text-decoration: none}
.ui-datepicker .ui-datepicker-current-day {background: #0045A3; }
.ui-datepicker .ui-datepicker-current-day a { color: #FFF; font-weight: bold; }
.datepicker {float: left;}
.ui-datepicker-trigger {background: none; border: none; width: 22px; height: 18px; margin: 0 0 0 3px; padding: 0; float: left;}
.ui-datepicker-cover { zoom: 1; position: absolute; z-index: 1; top: 0; left: 0; filter: mask(); }
div.ui-datepicker-header { position: relative; z-index: 3; }
table.ui-datepicker-calendar { position: relative; z-index: 2; }
/*** date picker ui ***/   

/*lien reactions */
 a.reaction {background:transparent url(/medias/www/img/icn/reaction.png) no-repeat scroll 0 2px; padding-left: 15px; margin-left: 5px; font-weight: bold; font-size: 11px}
.sport a.reaction  {background: url(/medias/www/img/bg/sport/reactionSport.gif) no-repeat 0 2px;}

.ico_reaction {background:transparent url(http://www.lemonde.fr/medias/www/img/icn/reaction.png) no-repeat scroll 0 2px; padding-left: 15px; margin-left: 5px; font-weight: bold; font-size: 11px; color: #0045A3} 
.sport a.ico_reaction  {background: url(/medias/www/img/bg/sport/reactionSport.gif) no-repeat 0 2px;}

/** liens site */
.sites_utiles .intitule {color: #666; font: normal 10px arial, helevetica, freeSans, sans-serif; text-transform: uppercase}
.lien_site {background: url(/medias/www/img/icn/surLeWeb.gif) no-repeat 0 60%; padding-left: 15px}



/*** Liens au design de boutons ***/
a.bt_bleu {background-color: #447BD6; border-color: #79AAD5 #447BD6 #447BD6 #79AAD5; border-style: solid; border-width: 1px; color: #FFFFFF; cursor: pointer; padding: 2px 7px 1px; font-weight: normal}
a.bt_bleu:hover {text-decoration: none;}

/*** test de grille sur le div gauche id contentMain, largeur 680px ***/
#contentMain .deuxTiers {width: 450px; margin-left: 10px; float: left}
#contentMain .deuxTiers .demi{width: 220px; margin-left: 10px; float: left}
#contentMain .unTiers {width: 220px; margin-left: 10px; float: left}
#contentMain .premier, #contentMain .deuxTiers .premier  {margin-left: 0;}

/*** nouvelle grille de base sur le div gauche id contentMain, largeur 680px premiere utilisation sur blogs ***/
#contentMain .unit1, #contentMain .unit2, #contentMain .unit3, #contentMain .unit4, #contentMain .unit5, #contentMain .unit6, 
#contentMain .unit7, #contentMain .unit8, #contentMain .unit9, #contentMain .unit10, #contentMain .unit11, #contentMain .unit12{margin-left: 10px; float:left}
#contentMain .unit1 {width: 45px;}
#contentMain .unit2 {width: 100px;}
#contentMain .unit3 {width: 155px;}
#contentMain .unit4 {width: 210px;}
#contentMain .unit5 {width: 265px;}
#contentMain .unit6 {width: 320px;}
#contentMain .unit7 {width: 375px;}
#contentMain .unit8 {width: 430px;}
#contentMain .unit9 {width: 485px;}
#contentMain .unit10 {width: 540px;}
#contentMain .unit11 {width: 595px;}
#contentMain .unit12  {width: 650px;}
#contentMain .mgl0, #contentMain .premier, #contentMain .col_deux_tiers .premier {margin-left: 0} 

#contentMain .col_entiere  {width: 660px;}
#contentMain .col_demi {width: 330px; float:left}
#contentMain .col_un_tiers {width: 210px; float:left}
#contentMain .col_deux_tiers {width: 430px; float:left}
#contentMain .right {float: right}

/*** boites ***/
/* avec bordures */
.boite_bord_gris_lrb {border: solid #ccc; border-width: 0 1px 1px; padding: 12px 9px 10px; margin: 0 0 20px 0}/*boite avec filets gris droite gauche bas - a coupler avec la classe barre_haut pour bord haut rouge 6px*/
.boite_bord_gris_b {border: solid #ccc; border-width: 0 0 1px; padding-top: 5px}
.boite_bord_gris_lr {border: solid #ccc; border-width: 0 1px; padding-top: 5px}
.boite_bord_gris_lr .entete, .boite_bord_gris_b .entete {color: #212121; font: bold 18px arial, sans-serif; margin: 5px 10px}
.boite_bord_gris_b .entete {margin: 5px 0}
.boite_bord_gris_lr .rubrique {color: #909090; font: bold 13px arial,sans serif; display: block}
.boite_bord_gris_lr .nom {color: #222; font: bold 13px/16px arial, sans serif; display: block; margin-bottom: 5px}
.boite_bord_gris_lr li {border-top: 1px solid #eee; padding: 10px; font-weight: bold}
.boite_bord_gris_lr .bt_abo300 {margin-left: -1px;}

.bord_bas_ccc {border-bottom: 1px solid #ccc; margin-bottom: 20px}
/*** boite avec bord top 5px et autres bors 1px ***/
.boite_neutre {border: solid #ccc; border-width: 6px 1px 1px 1px; padding: 10px}

/*** listes => li avec bordures ***/
li.bord_bas {border-bottom: 1px solid #ccc; padding: 10px 0;}

/*** combobox grise ***/
.combo {float: left; position: relative;}
.contenu_combo {list-style: none; margin: 0; padding: 0; background: #fff; border: 1px solid #acacac;}
.contenu_combo  a {color: #333; text-decoration: none; line-height: 16px; padding: 3px 0 3px 5px; display: block}
.contenu_combo  a:hover {background: #e5e5e5}
.contenu_combo  li {display: none}
.contenu_combo  li.ferme {display: block; background:  url(img/combo_fond.png) left bottom repeat-x}
.contenu_combo  li.ferme a {background:url(/medias/www/img/blogs/arrow.png) no-repeat right top; color: #333; display: block; padding: 3px 2px 2px 5px; height: 15px;  font-size: 11px; text-transform: uppercase;}
.contenu_combo .bb {border-bottom: 1px solid #acacac;}

/*** SOUS NAVIGATION ONGLETS ***/
#nav_secondaire {margin-top: 14px}
#nav_secondaire ul.niv1 {position: relative; height: 31px; padding-left: 10px; border-bottom: 1px solid #cdcdcd} 
#nav_secondaire  li {float: left; margin-top: 1px}

#nav_secondaire  li.niv1 {background: #f1f4f7; border: solid #cdcdcd; border-width: 1px 1px 1px 0; padding: 4px 13px 0; height: 25px}
#nav_secondaire  li.niv1:hover, #nav_secondaire  li.sfhover {background: #fff; border-bottom: 1px solid #fff; border-top: 5px solid #cdcdcd; padding: 0 13px 0; text-decoration: none; color: #000; cursor: pointer;}
#nav_secondaire  li.courant {background: #fff; border-bottom: 1px solid #fff; border-top: 5px solid #c50000; padding: 0 13px 0; text-decoration: none; color: #000; cursor: pointer}
#nav_secondaire  li.premiere {border-left: 1px solid #cdcdcd;}
#nav_secondaire  li.ferme {border-bottom: 1px solid #cdcdcd}
#nav_secondaire  li.sfhover li {border: none}

#nav_secondaire  li.niv1 a {color: #000; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 11px; line-height: 22px}
#nav_secondaire  li ul {display: none; width: 992px; height: 34px; padding-left: 6px; border: solid #cdcdcd; background: #fff; border-width: 0 1px 1px;}
#nav_secondaire  li:hover ul, #nav_secondaire  li.sfhover ul, #nav_secondaire  li.courant ul  {display: block; position: absolute; top: 31px; left: -1px; z-index: 1000}

#nav_secondaire li.niv1 li {padding: 8px 7px 5px}
#nav_secondaire li.niv1 li a, #nav_secondaire li.niv1:hover li a {color: #0043a5; text-transform: none; font: normal 12px arial, sans-serif}
#nav_secondaire li.niv1 li a:hover, #nav_secondaire li.niv1:hover li a:hover {color: #c5000}

#nav_secondaire li.courant a {color: #c50000}
#nav_secondaire li.courant:hover {background: #fff; border-bottom: 1px solid #fff; border-top: 5px solid #c50000; cursor: default}
#nav_secondaire li.courant ul {position: absolute; z-index: -10}
#nav_secondaire li.courant a {cursor: default}
#nav_secondaire li.courant li a {cursor: pointer}
#nav_secondaire li.courant li a:hover, #nav_secondaire li.niv1 li a:hover {color: #c50000}

/**** marges ****/
.mgb5 {margin-bottom: 5px}
.mgb10 {margin-bottom: 10px}
.mgb15 {margin-bottom: 15px}
.mgb20 {margin-bottom: 20px}

.mgt5 {margin-top: 5px}
.mgt10 {margin-top: 10px}
.mgt15 {margin-top: 15px}
.mgt20 {margin-top: 20px}

.padt5 {padding-top: 5px}
.padt10 {padding-top: 10px}
.padt15 {padding-top: 15px}
.padt20 {padding-top: 20px}

.padb5 {padding-bottom: 5px}
.padb10 {padding-bottom: 10px}
.padb15 {padding-bottom: 15px}
.padb20 {padding-bottom: 20px}

/***** taille polices *****/
.txt10 {font-size: 10px; line-height: 120%}
.txt11 {font-size: 11px; line-height: 120%}
.txt12 {font-size: 12px; line-height: 120%}
.txt13 {font-size: 13px; line-height: 120%}
.txt14 {font-size: 14px; line-height: 120%}
.txt15 {font-size: 15px; line-height: 120%}
.txt16 {font-size: 16px; line-height: 120%}
.txt17 {font-size: 17px; line-height: 120%}
.txt18 {font-size: 18px; line-height: 120%}
.txt19 {font-size: 19px; line-height: 120%}
.txt20 {font-size: 20px; line-height: 120%}
.txt21 {font-size: 21px; line-height: 120%}
.txt22 {font-size: 22px; line-height: 120%}
.txt23 {font-size: 23px; line-height: 120%}
.txt24 {font-size: 24px; line-height: 120%}
.txt25 {font-size: 25px; line-height: 120%}

/***** styles polices *****/
.txt {font-weight: normal}

/*** presentation liste rubriques ***/
.liste_rubriques {margin-bottom: 30px}
.liste_rubriques div {border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-top: 8px;}
.liste_rubriques div div {border-bottom: none;}
.liste_rubriques div h3 a:hover {color: #990000}
.liste_rubriques .titre_rubrique, .liste_rubriques .titre_rubrique  a {font-weight: bold; color:#222;}
.liste_rubriques .titre_rubrique  a:hover {color: #222 ;}
.liste_rubriques  a:hover {text-decoration: underline}
.liste_rubriques .colDemi {min-height: 60px}
.liste_rubriques .colDemi a {color: #0045a3}
.liste_rubriques .colDemi img {float: left; margin: 0 10px 5px 0}
.liste_rubriques .fle_gris {margin-bottom: 10px;}
.liste_rubriques .unit6 img {float:left}
.liste_rubriques .premier img {margin-right: 10px} 

.surtitre {font-size: 18px; color: #222; font-weight: bold; margin: 0 0 20px 0}

/*** barre d'outils ***/
.fonctions_outils {margin-top: 10px}
.fonctions_outils h2 {margin-top: 15px; margin-bottom: 15px}
.fonctions_outils p {font: normal 14px/16px arial, sans-serif;}
.fonctions_outils label {display: inline-block; width: 90px; font: bold 14px/120% arial, sans-serif; margin-right: 10px; vertical-align: top}
.fonctions_outils label.error {color: #CC0000}
.fonctions_outils input[type="text"], .fonctions_outils textarea {border: 1px solid #ccc; padding: 2px 3px; font: normal 14px/120% arial, sans-serif; width: 434px; color: #999}
.fonctions_outils .guide {margin-left: 100px; font-size: 11px}
.fonctions_outils label .guide {margin: 0}
.fonctions_outils .submit {background-color:#447BD6; border-color:#79AAD5 #447BD6 #447BD6 #79AAD5; border-style:solid; border-width:1px; color:#FFFFFF; cursor:pointer; margin-left:105px; padding:2px 7px 1px;}
.fonctions_outils .envoi_mail {background:transparent url(/medias/www/img/bg/article/outils/envoyez.gif) 0 0 no-repeat; padding-left: 30px; font: bold 12px/120% arial, sans-serif; color: #999; margin: 0; height: 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #c2c2c2}
.fonctions_outils .impression {background:transparent url(/medias/www/img/bg/article/outils/imprimez.gif) 0 0 no-repeat; padding-left: 30px; font: bold 12px/120% arial, sans-serif; color: #999; margin: 0; height: 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #c2c2c2}
.fonctions_outils p.envoi_mail a {height: 30px; float: right; line-height : 0; padding: 0; font-size: 0}
.fonctions_outils p.envoi_mail a img {height: 30px; margin: 0}
.fonctions_outils .envoi_mail .intitule {padding: 7px 0 0 5px; margin: 1px 0; display: inline-block; height: 21px; border-left: 1px solid #f0f0f0; float: left}
.fonctions_outils .confirmation {padding: 8px 10px 8px 35px; margin: 0; border: solid #dedede; border-width: 0 1px 1px; font: bold 13px/120% arial; color: #645f3c; background: #fbee96 url(/medias/www/img/bg/article/outils/coche.png) 10px 8px no-repeat;} 
.fonctions_outils span.sponsorise_par {clear: both; background:transparent url(/medias/www/img/bg/article/outils/sponsorise_par.gif) no-repeat; float: right; text-indent: -9999px; margin-right: 30px; width: 76px; font-size: 9px; line-height: 11px;  color: #afafaf; text-transform: uppercase}

/*** bouton jaune abo ***/
.bt_push_abo {
color: #8d6001;
font-weight: bold;
text-align: center;
display: block;
padding: 3px 10px;
border: 1px solid #f8cf00;
background: #fbd826;
background-image: -moz-linear-gradient(90deg, #f8cf00, #fedf3e);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fedf3e), to(#f8cf00));}
.bt_push_abo:hover {text-decoration: none; color: #8d6001; cursor: pointer}

.bt_jaune_gris_petit {
display: inline-block;
font-size: 14px;
line-height: 14px;
font-weight: bold;
color: #222;
padding: 6px 0;
border: 2px solid #dcdcdc;
color: #444;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.bt_jaune_gris_petit:hover {color: #666; text-decoration: none}

.bt_jaune_gris_petit  span {
border: 1px solid #b3b3b3;
padding: 5px 15px;
display: inline;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background-image: -moz-linear-gradient(90deg, #f6cd00, #f7e68b);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7e68b), to(#f2ca02));
}

.bt_jaune_gris {
display: inline-block;
font-size: 18px;
font-weight: bold;
color: #222;
padding: 9px 0;
border: 4px solid #dcdcdc;
border-radius:5px;
-moz-border-radius:8px;
-webkit-border-radius:5px;
}

.bt_jaune_gris:hover {color: #666; text-decoration: none}

.bt_jaune_gris  span {
border: 1px solid #b3b3b3;
padding: 8px 30px;
display: inline;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-image: -moz-linear-gradient(90deg, #f6cd00, #f7e68b);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7e68b), to(#f2ca02));
}

.bt_blanc_gris_32 {
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #222;
padding: 5px 0;
border: 2px solid #dcdcdc;
color: #444;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

.bt_blanc_gris_32:hover {color: #666; text-decoration: none}

.bt_blanc_gris_32 span {border: 1px solid #b3b3b3;
padding: 5px 15px;
display: inline;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background: #eee;
background-image: -moz-linear-gradient(90deg, #eee, #fff);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));}

.bt_blanc_gris_44  {
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #222;
padding: 8px 0;
border: 4px solid #dcdcdc;
color: #444;
-moz-border-radius:8px;
-webkit-border-radius:5px;
}
.bt_blanc_gris_44:hover {color: #666; text-decoration: none}

.bt_blanc_gris_44  span {
border: 1px solid #b3b3b3;
padding: 8px 30px;
display: inline;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-image: -moz-linear-gradient(90deg, #eee, #fff);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
}

.bt_blanc_gris_44:hover {text-decoration: none; color: #666}

/*** bt formulaires gris degrade bords carres ***/
.bt_degrade_gris {
border: 1px solid #b3b3b3; 
display: inline-block;
background: #d6d6d6;
background-image: -moz-linear-gradient(90deg, #d6d6d6, #fff); 
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#d6d6d6)); 
text-transform: uppercase; font-size: 11px; line-height: 18px; color: #666; font-weight: bold; cursor: pointer}

/*** bouton type formulaire bordure simple gris degrade ***/
.bt_gris_simple {border: 1px solid #b3b3b3;
padding: 3px 13px;
display: inline-block;
cursor: pointer;
font-weight: bold;
font-size: 11px;
color: #222;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background: #eee;
background-image: -moz-linear-gradient(90deg, #eee, #fff);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
}

.bt_gris_simple:hover {color: #666; text-decoration: none}

.bt_rouge_simple {
   padding: 3px 13px;
   display: block;
   cursor: pointer;
   font-weight: bold;
   font-size: 13px;
   color: #fff;
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   background: #990000;
   background-image: -moz-linear-gradient(90deg, #840101, #b90000);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b90000), to(#840101));
   text-align : center;
}

.bt_rouge_simple span, .bt_rouge_simple span:hover {color: #fff;}
/*** liste petite puce grise ronde ****/
ul.bull_gris_petit li {background: url(/medias/www/img/icn/bullet_gris_7x6.png) left 5px no-repeat; margin: 0 0 5px 0; padding: 0 0 0 15px}

/*** listes ***/
.liste_simple li {margin: 10px 0}
.liste_sep li {padding-bottom: 10px; border-bottom: 1px dotted #ccc;}

/**** boutons precedent suivant type article interactif, collections ***/
.contenu .precedent_suivant {font-weight: bold; margin: 0 0 20px 0; padding: 10px 0 0 0}
.contenu .precedent_suivant span {font-weight: normal; text-transform: uppercase; display: block}
.contenu .precedent_suivant a {color: #666; font-size: 11px;}
.contenu .precedent_suivant a:hover {text-decoration: underline}
.contenu .precedent_suivant a.precedent {background: url(/medias/www/img/icn/bt_precedent.png) no-repeat; float: left;  padding: 2px 0 2px 25px}
.contenu .precedent_suivant a.suivant {background: url(/medias/www/img/icn/bt_suivant.png) right top no-repeat; float: right;  padding: 2px 25px 3px 0; text-align: right}

/*** onglets noirs/gris ***/
.onglets_noirs_gris {clear: both; margin: 0; width: 100%; height: 41px;}
.onglets_noirs_gris li {display: block; float: left; height: 34px; padding: 0 0 7px 0;}
.onglets_noirs_gris li a {font: normal 15px arial, sans-serif; padding: 8px 15px 10px; height: 14px; display: block;  background: #e6e7e8; color: #666; border: solid #ccc; border-width: 1px 1px 1px 0}
.onglets_noirs_gris li:first-child a {border-left: 1px solid #ccc}
.onglets_noirs_gris li a:hover {text-decoration: none}
.onglets_noirs_gris li.active { background: url(/medias/www/img/bg/fle_onglet_noir.png) 50% bottom no-repeat;}
.onglets_noirs_gris li.active a {border: 0;padding: 8px 15px 10px; height: 16px; background: #1c1c1c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b3b3b, endColorstr=#fff); background-image: -moz-linear-gradient(90deg, #080808, #3b3b3b);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3b3b), to(#080808)); color: #fff; font-weight: bold}
/* contenus sous onglets */
div.tab-content {border: 1px solid #ccc; margin: -8px 0 25px 0; padding: 18px 10px}

/**** temporaire recalage des pictos type pour le zone titre de la une  ****/
.zone_titres .ico_post_blog {background: url(/medias/www/img/icn/blog_post.png) no-repeat left top;  display: inline-block; width: 13px; padding-left: 0;}
.zone_titres .ico_blog {background: url(/medias/www/img/icn/blog_post.png) no-repeat left top;  display: inline-block; width: 13px; padding-left: 0}
.zone_titres .ico_video {background: url(/medias/www/img/icn/video.gif) no-repeat left -2px; display: inline-block; width: 16px; padding-left: 0}
.zone_titres .ico_portfolio  {background:url(/medias/www/img/icn/camera.gif) no-repeat left 2px; display: inline-block; width: 13px; padding-left: 0}
.zone_titres .ico_infographe, .zone_titres .ico_infographie  {background:url(/medias/www/img/icn/graph.gif) no-repeat left top;  display: inline-block; width: 13px; padding-left: 0}
.zone_titres .ico_illustration  {background:url(/medias/www/img/icn/camera.gif) no-repeat left 2px; display: inline-block; width: 13px; padding-left: 0}
.zone_titres .ico_son  {background:url(/medias/www/img/icn/son.gif) no-repeat left top; display: inline-block; width: 20px; padding-left: 0}
.zone_titres .ico_annonce_live  {background:url(/medias/www/img/icn/picto-live.gif) no-repeat left 3px; padding-left:22px;}
.zone_titres .ico_reaction_titre {background: url(/medias/www/img/icn/reaction_titre.png) no-repeat left top; padding:0 0 2px 22px;}
.zone_titres .bull_gris_petit .ico_portfolio { padding-left: 4px; }
.zone_titres .bull_gris_petit .ico_post_blog { padding-left: 4px; }
.zone_titres .bull_gris_petit .ico_blog { padding-left: 4px; }
.zone_titres .bull_gris_petit .ico_video { padding-left: 3px; }
.zone_titres .bull_gris_petit .ico_illustration { padding-left: 4px; }
.zone_titres .bull_gris_petit .ico_infographe,.zone_titres .bull_gris_petit  .ico_infographie { padding-left: 4px; }

/***snippet_film ***/
.snippet_film {margin: 0 0 20px 0}
.snippet_film  .legende {display: block;text-align: center; font-size: 12px; margin: 0 0 15px 0}
.snippet_film  .entete {font-weight: bold; font-size: 14px; display: block; margin: 0 0 20px 0}
.contenu .contenu_article .snippet_film ul {margin: 0; padding: 0; text-indent: 0}
.contenu .contenu_article .snippet_film li {list-style: none; overflow: hidden; margin: 5px 0}
.snippet_film  .intitule  {width: 130px; display: block; float: left}
.snippet_film  .donnee {width: 410px; font-weight: bold; display: block; float: left}


/*** idees ***/
.bt_jaune_gris_petit {
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #222;
padding: 6px 0;
border: 2px solid #dcdcdc;
color: #444;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.bt_jaune_gris_petit:hover {color: #666; text-decoration: none}

.bt_jaune_gris_petit  span {
border: 1px solid #b3b3b3;
padding: 5px 15px;
display: inline; 
-moz-border-radius:3px;
-webkit-border-radius:3px;
background: #F8CF00;
background-image: -moz-linear-gradient(90deg, #f6cd00, #f7e68b);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7e68b), to(#f2ca02));
}

.bt_blanc_gris_32 {
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #222;
padding: 6px 0;
border: 2px solid #dcdcdc;
color: #444;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

.bt_blanc_gris_32:hover {color: #666; text-decoration: none}

.bt_blanc_gris_32 span {border: 1px solid #b3b3b3;
padding: 5px 15px;
display: inline;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background: #eee;
background-image: -moz-linear-gradient(90deg, #eee, #fff);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));}
