/*
 CSS DES STYLES DE LA ZONE ARTICLE DES PAGES DE GEOPOLIS
 - STYLE DE BASE D'UN ARTICLE CLASSIQUE
 - STYLE D'UN ARTICLE EN MODE DIAPORAMA PREMIUM
 - STYLE D'UN ARTICLE EN MODE BLOG
 *********************************************************************************************/

/*Article classique*/
/**********************************************************************************************/
.article {
  position: relative;
}

.article .header {
  position: relative;
  overflow: hidden;
}

.article .header .type {
  color: #7E7E7E;
  text-transform: uppercase;
}

.article .header ._titre {
  font-size: 22px;
  color: #404040;
  font-weight: bold;
}

.article  .header ._soustitre {
  font-size: 10px;
  max-width: 88%;
}

/*Print, reading widgets*/
.js .ftv_access {
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden;
  color: #555;
}

.js .ftv_access li {
  float: left;
  margin: 0 0 0 10px;
  width: 16px;
  height: 16px;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  cursor: pointer;
}

.js  .ftv_access li.text_up {
  padding: 0 0 0 10px;
}

.js  .ftv_access li.text_down {
  font-size: 11px;
}

.ftv_access .print {
  background: url(../images/icons/icons_reading_widgets.png) -45px 0 no-repeat;
  text-indent: -10000px;
  overflow: hidden;
  width: 20px;
  height: 20px;
}

.article .main {
  border: 1px solid #ddd;
  border-right: 0;
  border-left: 0;
  margin: 10px 0 10px 0;
  padding: 0 0 10px 0;
  position: relative;
  min-height: 330px;
}

.article ._summary {
  font-weight: bold;
  border-bottom: 1px #DDDDDD solid;
}

.article .main .content {
  color: #2A2929;
  width: 85%;
  margin: 15px 0 40px 0;
  position: relative;
  z-index: 2;
}

.article >.main >.content a, .article >.main >.content .imitation-links {
  color: #A80004;
  text-decoration: underline;
}

.article  >.main >.content a:hover, .article  >.main >.content .imitation-links:hover {
  color: #5F605C;
  text-decoration: underline;
}

.article .main .content .illustration {
  float: left;
  margin-bottom: 25px;
}

.article .main .content .text {
  clear: both;
  font-size: 15px;
  line-height: 20px;
}
.article .header .text {
	font-size: 15px;
  line-height: 20px;
}

.article  .header .text ol li,
.article  .main .content .text ol li {
  list-style: decimal;
}

.article  .header .text ul li,
.article  .main .content .text ul li {
  list-style-image: url("../images/bg/list-style-square.png");
}

.article .main .content .text p,
.article .header .text p {
  padding: 5px 0 5px 0;
}

.article .header .text em,
.article .main .content .text em {
  font-style: italic;
}

.article .header .text strong,
.article .main .content .text strong {
  font-weight: bold;
}

.article .header .text  u,
.article .main .content .text  u {
  text-decoration: underline;
}

.article .main .content .illustration img {
  display: block;
  margin: 0 auto;
}

.article .main .content .illustration {
  overflow: hidden;
}


.article .main .content .illustration .legende {
  font-size: 11px;
  float: left;
  font-weight: bold;
  padding: 3px 10px 0 0;
}

.article .main .content .illustration .copyright {
  float: left;
  padding: 3px 0 0 0;
}

.article .meta {
  clear: both;
}

.article .share {
  padding-bottom: 20px;
  float: right;
}

.article-text-full .content + .share {
	margin-top: 15px;
	margin-left: 10px;
}
 
.article-text-full .content,
.article-text-full .content + .share {
	display: inline-block;
	zoom: 1; 
	*display: inline;
	float: none; 
	vertical-align: top;
}

.article  .header .share {
  padding-bottom: 10px;
}
.article .share.bottom-share{
  float: none;
}
.article .share.share-box {
  background-color: #E9E9E9;
}
.article .share_top {
  position: absolute;
  top: 10px;
  left: 0;
}

.article .share_side {
  padding: 15px 8px 15px 8px;
  background: #E9E9E9;
  width: 60px;
/*   position: absolute; */
/*   right: 0; */
/*   top: 40px; */
  text-align: center;
}

.article .share_bottom {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 0;
}

.article .share_bottom a, .article .share_bottom .imitation-links {
  float: left;
  width: 20px;
  height: 20px;
  margin: 1px;
  background: url(../images/icons/icons_share_bottom.png) no-repeat;
  text-indent: -9999px;
}

.article .share_bottom .partage_fb {
  background-position: 0px 0px;
}

.article  .share_bottom .partage_twitter {
  background-position: -21px 0px;
}

.article .share_bottom .partage_google {
  background-position: -42px 0px;
}

.article .share_bottom .partage_tumblr {
  background-position: -65px 0px;
}

.article  .share_bottom .addthis_button_email {
  background-position: -107px 0px;
  text-indent: -9999px;
  overflow: hidden;
}

.article .at300bs {
  display: none;
}

.article .share .share_bottom .print {
  background-position: -86px 0px;
}

.article .social_button {
  margin-bottom: 15px;
}

.article .social_button.last {
  margin: 0;
}

.article .social_button  .box_count_comments {
  text-align: center;
  display: block;
}

.article .social_button .nb_comment {
  background: url(../images/bg/bg_box_comment.png) no-repeat scroll center center transparent;
  color: #000000;
  display: block;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
}

.article .social_button .txt_comment {
  background: #DDDBDB;
  border: 1px solid #B6B6B6;
  border-radius: 2px;
  color: #2A2929;
  display: block;
  font-size: 11px;
  padding: 2px;
  width: 50px;
  margin: 0 auto 0 auto;
}

.article .social_button :hover {
  text-decoration: none;
}

.article .related_articles {
  clear: both;
}

.article .related_articles ._titre {
  font-size: 16px;
  color: black;
  font-weight: bold;
}

.article .related_articles ._titre._europeennes { margin-top: 15px; }
.article .related_articles ._titre._europeennes img { position: relative; top: 2px; }

.article .related_articles a, .article .related_articles .imitation-links {
  color: #5F605C;
  font-weight: bold;
  font-size: 14px;
}

.article .related_articles  ul {
  margin-left: 18px;
  margin-top: 10px;
}

.article .related_articles li {
  list-style: url(../images/bg/bg_arrow.png);
  margin-bottom: 3px;
}

.article .related_articles .tags {
  padding: 5px 0 5px 0;
  margin-top: 20px;
}

.article .related_articles .tags a, .article .related_articles .tags .imitation-links {
  color: #A80004;
  display: inline-block;
  font-weight: bold;
}

.article  .related_articles .tags {
  color: #A80004;
  font-weight: bold;
}

.article .related_articles .tags a:first-child:before {
  content: "";
}

/*Article Mode Diaporama Premium*/
/**********************************************************************************************/
.article.diaporama_premium {
  position: relative;
}

.article.diaporama_premium  > .header {
  padding: 15px;
/*   width: 75%; */
}
.article.diaporama_premium .header .static-share {
	float :left;
	margin-top: 5px;
}

.article.diaporama_premium  .header ._titre {
	width: 75%;
}
.article.diaporama_premium  .header ._soustitre {
  font-size: 10px;
  padding: 0px 0 10px 0;
  border-bottom: 1px solid #ddd;
  position: relative;
  overflow: hidden;
  width: 75%;
}

.article.diaporama_premium  .header ._soustitre p {
  float: left;
  padding: 0 3px 0 3px;
}

.article.diaporama_premium  .header ._soustitre p:first-child {
  padding-left: 0;
}

.article.diaporama_premium  .reagir {
  float: left;
}

.article.diaporama_premium  .reagir a {
  float: right;
  margin-left: 5px;
}

.article.diaporama_premium  .header .share_top {
  padding-top: 8px;
  position: relative;
}

.js .article.diaporama_premium .ftv_access {
  position: absolute;
  right: 0;
  bottom: 5px;
  overflow: hidden;
  color: #555;
}

.article.diaporama_premium .main {
  border: 0;
  margin: 0;
  padding: 0;
}

.article.diaporama_premium  .main .content {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 0px;
}

.article.diaporama_premium .header .text {
  padding: 15px;
  padding-top: 0;
  padding-left: 0;
  width : 75% ;
  float: left; 
}
.article.diaporama_premium .header .text a{
	text-decoration: underline;
}

.article.diaporama_premium .meta {
  width: 606px;
  float: left;
  padding: 15px;
}

.article.diaporama_premium .share_side {
  width: 140px;
  padding: 20px;
}

.article.diaporama_premium .dossier .share_side {
  top: 272px;
}

.article.diaporama_premium .share_bottom {
  position: relative;
}

.article.diaporama_premium .share_side .social_button.fb,
.article.diaporama_premium .share_side .social_button.gplus {
	float: left; 
}
.article.diaporama_premium .share_side .social_button.twitter,
.article.diaporama_premium .share_side .social_button.thumblr {
	float: right; 
}

.article.diaporama_premium .share_side .social_button.gplus {
  margin-bottom: 0;
}

/*Article Mode Blog*/
/**********************************************************************************************/
.blog_inside .article.teaser {
  border-bottom: 1px solid #DDD;
  padding-bottom: 40px;
  margin-bottom: 20px;
  overflow: hidden;
}

.blog_inside .article.teaser.last {
  border: 0;
}

.blog_inside .article.teaser .header ._soustitre {
  padding: 5px 0 0 0;
  overflow: hidden;
}

.blog_inside .article.teaser .header ._soustitre .meta {
  float: left;
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 10px;
  color: #5B5B5B;
}

.blog_inside .article.teaser .header ._soustitre .meta a {
  color: #2C2C2C;
}

.blog_inside .article.teaser .header .date {
  color: #5B5B5B;
  font-size: 14px;
}

.blog_inside .article.teaser .header  .reagir {
  float: left;
}

.blog_inside .article.teaser .header .facebook_recommend,
.blog_inside .article.teaser .header .footer {
  float: left;
  margin-left: 10px;
  width: 125px;
}

.blog_inside .article.teaser .illustration {
  float: left;
  margin: 10px 15px 15px 0;
  width: 312px;
  height: 157px;
}

.blog_inside .article.teaser .text {
  clear: none;
  font-size: 15px;
  line-height: 20px;
}

.blog_inside .article.teaser .content {
  width: 100%;
  float: none;
  margin: 20px 0 20px 0;
}

.blog_inside .article.teaser .footer {
  text-align: right;
}

.blog_inside .article.teaser .more_link {
  color: black;
}

.blog_inside .article .ftv_navblog {
  margin: 30px 0 0;
  border: 1px solid #E5E5E5;
  border-width: 1px 0;
  overflow: hidden;
  font-size: 12px;
}

.blog_inside .article .ftv_navblog .ftv_blog.prev {
  float: left;
  width: 49%;
}

.blog_inside .article .ftv_navblog .ftv_blog.next {
  float: right;
  width: 49%;
  border-left: 1px solid #E5E5E5;
  text-align: right;
}

.blog_inside .article .ftv_navblog .ftv_blog a, .blog_inside .article .ftv_navblog .ftv_blog .imitation-links {
  color: #404040;
  display: block;
  padding: 15px 40px;
  height: 33px;
  background: url("../images/icons/icons_prev_next3.png") no-repeat;
  font-weight: bold;
  line-height: 15px;
}

.blog_inside .article .ftv_navblog .ftv_blog.prev a, .blog_inside .article .ftv_navblog .ftv_blog.prev .imitation-links {
  background-position: -33px 0;
}

.blog_inside .article .ftv_navblog .ftv_blog.next a, .blog_inside .article .ftv_navblog .ftv_blog.next .imitation-links {
  background-position: 270px 0;
}

.blog_inside .article .ftv_navblog .ftv_blog a:hover, .blog_inside .article .ftv_navblog .ftv_blog .imitation-links:hover {
  color:#9F9F9F;
  text-decoration: none;
  background:url("../images/icons/icons_prev_next3-h.png") no-repeat -33px 0;
}
.blog_inside .article .ftv_navblog .ftv_blog.next a:hover, .blog_inside .article .ftv_navblog .ftv_blog.next .imitation-links:hover {
  background:url("../images/icons/icons_prev_next3-h.png") no-repeat 270px 0;
}

.blogs .content .element_block_derniere_article {
  float: right;
  width: 160px;
}

.blogs .content .element_block_derniere_article .more_link {
  float: none;
}

.site_content p.header {
  text-transform: uppercase;
  color: #999;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 3px;
}

.site_content .article p.header {
  display: inline-block;
  max-width: 25%;
}

.site_content .article p.header + .tags {
  border-left: 1px solid #ccc;
  margin-left: 4px;
  padding-left: 8px;
  vertical-align: top;
  max-width: 75%;
}

.site_content .article .tags {
  display: inline-block;
  text-transform: uppercase;
  color: #A80004;
  font-weight: bold;
}