/* CSS commun à tous les observatoires, nécessaire pour afficher un article ou lister des articles */

/*****************************Styles communs à tous les fils d'actu (pagination...)*******************************/
/*****************Pagination***********************/



.article{
	overflow:hidden;	
}
 .texte {
	line-height:1.5em;
}
 .article  .imageActu{
	position:relative;
 }
  .article  .imageActu img{
	width:100% !important;
 }
 .loading-lazy{
 text-align:center;
 color:#999
 }
/*****************************Pages actualité template Big*****************************/
.listeActualitebig {
    list-style: none;
}

.listeActualitebig .article {
    border-bottom: 1px solid #E9E9E9;
    padding: 20px 10px 20px 10px;
	position:relative;
}

.listeActualitebig .article .titreActu h3 {
    margin-top: 15px;
    font-size: 26px !important;
}
.listeActualitebig .article .titreActu h3 a{
	color:#353535 !important;
}
/*
.listeActualitebig .article  .titreActu h3:hover a {
    color: #FF4C00 !important;
}*/

.listeActualitebig .article .titreActu h2, .titreActu3 h2,#actualite-obs_marche #articleSurTitre {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline;
    padding: 3px 15px 3px 15px;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #ffffff !important;
	background-color:#E68419;
}

.listeActualitebig .lirelasuite {
    margin-top: 10px;
    text-align: right;
}

.listeActualitebig .lirelasuite a {

}
.listeActualitebig .infos_articles{
	font-style: italic;
    color: #999999 !important;
    margin-bottom: 10px;
    margin-top: 0px;
	
}

.listeActualitebig .dateArticle {
    font-style: italic;
    margin: #999999 !important;
    Margin-bottom: 10px;
    margin-top: 10px;
}

.listeActualitebig .dateArticle span {
    color: #999999 !important;
}
.listeActualitebig .article  .imageActu {
    overflow: hidden;
    padding: 10px 10px 10px 10px;
    float: left;
	width:40%;
}

.listeActualitebig .article  .imageActu  img{
	width:100%;
}

.listeActualitebig .article .texte {
    /*float: right;*/
    text-align: justify;
    font-size: 13px;
	/*width:57%;*/
}
.listeActualitebig   .commentairearticle{
position:absolute;
padding:10px 10px 10px 20px;
line-height:20px;
bottom:-10px;
left:20px;
color:#777777;
font-size:13px;
background-image:url(/finc/StructurePortail/TN/homepage2013/images/commentaires.jpg);
background-position:0% 50%;
background-repeat:no-repeat;
}

/*****************************Pages actualité template Mini*****************************/
.listeActualitemini .article h3 a{
	font-size:17px;
	font-weight:bold;
}
.listeActualitemini .article {
	border-bottom:1px solid #E9E9E9;
	padding-bottom:5px;
	padding-top:5px;
}
.listeActualitemini .article p{
	margin:0 !important;
	padding:0 !important;
	
}




/*****************************Pages actualité template Medium*****************************/

.dtepubliblock{
    margin:-10px 0 0px 10px;
    display:inline-block;
    float:right;
    text-align:center;
    width:70px;
    height:70px;

}
.dtepubliblock .day{
        font-size:130%;
        line-height: 250%;
        background-color:#EEE;
        display:block;
        font-weight:bold;
    }
.dtepubliblock .month{
        font-weight:200;
        font-size:80%;
        line-height:20px;
        background-color:#E68419;
        display:block;
        text-transform:uppercase;
        color:#fff;
    }
.listeActualitemedium {
    list-style: none;
    padding-left:20px;
    padding-right:20px;
}

.listeActualitemedium .article {
    border-bottom: 1px solid #E9E9E9;
    padding: 20px 10px 20px 10px;
	position:relative;
}

.listeActualitemedium .article .titreActu h2 {
    margin-top: 15px;
    line-height: 1.2em;
    letter-spacing: -0.5px;
}
.listeActualitemedium .article .titreActu h2 a{
	color:#353535;
}
/*
.listeActualitemedium .article  .titreActu h3:hover a {
    color: #FF4C00 !important;
}*/

.listeActualitemedium .article .surtitre, .titreActu3  .surtitre {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline;
    padding: 3px 15px 3px 15px;
    font-size: 13px ;
    color: #ffffff;
	background-color:#E68419;

}

.listeActualitemedium .lirelasuite {
    margin-top: 10px;
    text-align: right;
}

.listeActualitemedium .lirelasuite a {

}

.listeActualitemedium .infos_articles {
    font-style: italic;
    color: #999999 !important;
    Margin-bottom: 5px;
    margin-top: 0px;
    display:inline-block;
}

.listeActualitemedium .infos_articles span {
    color: #999999 !important;
}
.listeActualitemedium .article  .imageActu {
    overflow: hidden;
    /*padding: 0px 10px 10px 10px;*/
    float: left;
    width:200px;
    margin-right:10px;
    margin-top:5px;
    cursor:pointer;
}

.listeActualitemedium .article  .imageActu  img{
	width:100%;
}

.listeActualitemedium .article .texte {
    /*float: right;*/
    text-align: justify;
    font-size: 13px;
    line-height: 1.5em;
    min-height: 35px;
	/*width:70%;*/
}

.listeActualitemedium   .commentairearticle{
    position            :absolute;
    padding             :10px 10px 10px 20px;
    line-height         :20px;
    bottom              :-6px;
    right               :-6px;
    color               :#777777;
    font-size           :13px;
    background-image    :url(/finc/StructurePortail/TN/homepage2013/images/commentaires.jpg);
    background-position :0% 50%;
    background-repeat   :no-repeat;
}

/*****************************Pages actualité template Small*****************************/
.listeActualitesmall {
    list-style: none;
}

.listeActualitesmall .article {
    border-bottom: 1px solid #E9E9E9;
    padding: 20px 10px 20px 10px;
	position:relative;
	
}

.listeActualitesmall .article .titreActu h3 {
    margin-top: 15px;
    font-size: 26px !important;
}
.listeActualitesmall .article .titreActu h3 a{
	color:#353535 !important;
}
/*
.listeActualitesmall .article  .titreActu h3:hover a {
    color: #FF4C00 !important;
}*/

.listeActualitesmall .article  .blocdroit{
	/*float:right;	*/
	
}

.listeActualitesmall .article .titreActu h2, .titreActu3 h2,#actualite-obs_marche #articleSurTitre {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #353535 !important;

}

.listeActualitesmall .lirelasuite {
    margin-top: 10px;
    text-align: right;
}

.listeActualitesmall .lirelasuite a {

}

.listeActualitesmall .dateArticle {
    font-style: italic;
    color: #999999 !important;
    Margin-bottom: 10px;
    margin-top: 10px;
}

.listeActualitesmall .dateArticle span {
    color: #999999 !important;
}
.listeActualitesmall .article  .imageActu {
    overflow: hidden;
    padding: 0px 10px 40px 10px;
    float: left;
	width:26%;
}

.listeActualitesmall .article  .imageActu  img{
	width:100%;
}

.listeActualitesmall .article .texte {
    float: right;
    text-align: justify;
    font-size: 13px;
	width:70%;
}
.listeActualitesmall   .commentairearticle{
position:absolute;
padding:10px 10px 10px 20px;
line-height:20px;
bottom:0px;
right:20px;
color:#777777;
font-size:13px;
background-image:url(/finc/StructurePortail/TN/homepage2013/images/commentaires.jpg);
background-position:0% 50%;
background-repeat:no-repeat;
}

/*****************************Pages actualité template Vignette*****************************/
.listeActualitevignette {
    list-style: none;
}

.listeActualitevignette .article {
    margin: 3% 1% 3% 1%;
	position:relative;
	float:left;
	width:45%;
	border: 6px solid #E9E9E9;
    background-color: #ffffff;
	-moz-box-shadow: 0px 4px 4px 0px #656565;
	-webkit-box-shadow: 0px 4px 4px 0px #656565;
	-o-box-shadow: 0px 4px 4px 0px #656565;
	box-shadow: 0px 4px 4px 0px #656565;
}

.listeActualitevignette .article h3 a,.listeActualitevignette .article h3{
	color:#353535;
	 font-size: 17px !important;
	 font-weight:bold;

}
.listeActualitevignette .article h3{
	 padding-left:10px;
	 padding-right:10px;
}
/*
.listeActualitevignette .article  h3:hover a {
    color: #FF4C00 !important;
}
*/
.listeActualitevignette .article  h2 a,.listeActualitevignette .article  h2{
    font-size: 15px !important;
    color: #fefefe !important;
	font-weight:bold;
	position:absolute;
	top:0px;
	right:0px;
	width:150px;

	
}
.listeActualitevignette .article  h2 a{
padding:5px 10px 5px 10px;	
background-color:#E68419;

}

.listeActualitevignette .dateArticle {
    font-style: italic;
    color: #999999 !important;
    Margin-bottom: 10px;
    margin-top: 10px;
	 padding-left:10px;
	 padding-right:10px;	
}

.listeActualitevignette .dateArticle span {
    color: #999999 !important;
}
.listeActualitevignette .article  .imageActu {
    Overflow: hidden;
    float: left;
	width:100%;
}

.listeActualitevignette .article  .imageActu  img{
	width:100%;
	min-height:150px;
}

.listeActualitevignette .article .introcontainer {
    height:40px;
	overflow:hidden;
	padding-left:5px;
	padding-right:5px;
	font-style:normal;
	color:#353535
}
.listeActualitevignette   .commentairearticle{
position:absolute;
padding:10px 10px 10px 20px;
line-height:20px;
bottom:0px;
right:20px;
color:#777777;
font-size:13px;
background-image:url(/finc/StructurePortail/TN/homepage2013/images/commentaires.jpg);
background-position:0% 50%;
background-repeat:no-repeat;
}


/*********************** Template article video ************************/
.listeActualiteVideo{
    overflow: hidden;
    padding-left:0;
    padding-right:0;
}
.listeActualiteVideo article{
    float:left;
    width:360px;
    margin-left:10px;
    overflow: hidden;
    height:310px;
}
.listeActualiteVideo article h3{
    background: transparent;
    font-size: 13px;
    margin-bottom:8px;
}

.listeActualiteVideo article h3 .surtitreText{
    background            : #303030;
    color                 : #ffffff;
    border-radius         : 2px;
    -webkit-border-radius : 2px;
    cursor: pointer;
    display: inline-block;
      padding: 3px 15px;
}

.listeActualiteVideo article h3{
    padding-bottom: 0px;
}

.listeActualiteVideo h4 a span.titre{
    display     : block;
    font-size   : 13px;
    line-height : 1.5em;;
}

.listeActualiteVideo .noVideo{
    text-align: center;
}

.listeActualiteVideo article .videoWrapper{
    position: relative;
    width:100%;
    overflow:hidden;
}
.listeActualiteVideo .thumb-video{
    max-height:200px;
}

.listeActualiteVideo article .videoWrapper iframe, 
.listeActualiteVideo article .videoWrapper embed{
    position : relative;
    z-index  : 0;
    overflow : hidden;
}

.listeActualiteVideo article .videoWrapper .fakeTransparentScreen{
    position : absolute !important;
    top      :0px;
    z-index  :5;
    cursor: pointer;
    background:url(/finc/StructurePortail/commun/images/spacer.gif);
}
.tag-description {
	margin-left:auto;
	margin-right:auto;
	max-width:690px;
	border-bottom:4px solid #efefef;
	padding-bottom:10px;
}
.tag-description img{
	position:relative;
	max-width:690px;
}
.tag-description h1 {
    margin-left:0;

}