.C_articles_recents #menu
{height:175px;margin:20px 0 30px 0}

.C_articles_recents #menu #nb_articles_last
{width:172px;height:130px;background:transparent url("/images/public/articles/bkg_bulle_articles_recents.png") no-repeat 0 0;text-align:center;font-size:17px;color:#404040;padding:45px 0 0 108px;line-height:25px;float:left;margin:0 0 0 20px}

.C_articles_recents #menu #nb_articles_last b
{font-size:18px;color:#e57109;font-weight:normal}

.C_articles_recents #menu a#nb_articles_all
{display:block;width:230px;height:133px;padding:38px 0 0 76px;background:transparent url("/images/public/articles/bkg_bulle_articles_tous_2.png") no-repeat 0 0;text-align:center;font-size:17px;color:#2A6FAE;line-height:25px;float:right;cursor:pointer;text-decoration:none}

/**/

.C_articles_tous #nb_articles
{width:95px;height:90px;background:transparent url("/images/public/articles/bkg_nb_articles_tous.png") no-repeat 0 0;text-align:center;font-size:15px;color:#404040}

.C_articles_tous #nb_articles b
{font-size:22px;display:block;padding:15px 0 0 0;color:#404040}

.C_articles_recents .liste,
.C_articles_tous .liste
{clear:both}

/**/

.articles_gp .intro
{margin:0 0 40px 0;text-align:justify}

.articles_gp div.article_gp_accroche
{width:684px;height:75px;overflow:hidden;clear:both;background:transparent url("/images/public/articles/article_gp_accroche_ombre.png") no-repeat 0 bottom;margin:0 0 14px 0}

.articles_gp div.article_gp_accroche a
{display:block;width:680px;height:68px;overflow:hidden;border:1px solid #C0C0C0;clear:both;padding:1px;text-decoration:none}

.articles_gp div.article_gp_accroche a img
{margin:4px;float:left;cursor:pointer;font-size:9px;text-align:center;line-height:10px}

.articles_gp div.article_gp_accroche a h2
{display:block;height:20px;float:right;color:#2a6fae;font-size:12px;overflow:hidden;font-weight:normal;margin:3px 0 0 0;cursor:pointer}

.articles_gp div.article_gp_accroche a .data
{float:right;height:39px;background-color:#f5f5f5;overflow:hidden;cursor:pointer}

.articles_gp div.article_gp_accroche a h2,
.articles_gp div.article_gp_accroche a .data
{width:614px}

.articles_gp div.article_gp_accroche a .data b
{display:block;float:left;width:512px;height:16px;overflow:hidden;margin:3px 0 0 6px;font-weight:normal;font-size:11px;line-height:16px;cursor:pointer;color:#606060}

.articles_gp div.article_gp_accroche a .data b.redac i
{font-style:normal;font-size:11px;color:#505050;line-height:16px;font-weight:bold}

.articles_gp div.article_gp_accroche a .data b.date
{float:right;width:90px;height:39px;margin:1px 0 0 0;text-align:right;padding:0 6px 0 0;line-height:12px;color:#808080}

.articles_gp div.article_gp_accroche a .data b span
{color:#404040;font-size:11px;line-height:14px;cursor:pointer}

.articles_gp div.article_gp_accroche a .data b.auth span
{color:#DE7107}

/**/

@media screen and (max-width:480px) 
{
  .C_articles_recents #menu
  {height:auto;margin:0 0 15px 0}

  .C_articles_recents #menu #nb_articles_last
  {clear:both;float:none;margin:0 auto 0 auto}
  
  .C_articles_recents #menu a#nb_articles_all
  {margin:0 0 30px 0}

  .articles_gp div.article_gp_accroche
  {margin:0 0 14px 0}

  .articles_gp div.article_gp_accroche,
  .articles_gp div.article_gp_accroche a,
  .articles_gp div.article_gp_accroche a h2,
  .articles_gp div.article_gp_accroche a .data,
  .articles_gp div.article_gp_accroche a .data b,
  .articles_gp_all .intro
  {width:auto;height:auto}

  .articles_gp div.article_gp_accroche a h2
  {width:370px;padding:0 2px 0 1px}

  .articles_gp div.article_gp_accroche a .data
  {float:none;clear:both;padding:5px 2px}

  .articles_gp div.article_gp_accroche a .data b.date
  {width:60px}
  
  .articles_gp .intro
  {margin:0 0 20px 0}
  
  .C_articles_tous #nb_articles
  {margin:0 auto 20px auto}
}

@media screen and (max-width:320px) 
{
  .C_articles_recents #menu a#nb_articles_all
  {clear:both;float:none}

  .articles_gp div.article_gp_accroche a h2
  {width:210px}
}

/**/

i.noselection
{clear:both;display:block}