/* 
    Document   : science-actualites.css
    Created on : 19 juin 2014, 11:50:12
    Author     : Guillaume Sébert
    Description:
        Purpose of the stylesheet follows.
*/

html body#ressources #wrapper article .item-grid>div {
    font-size: 18px;
}

/* [G][08/09/2014] Correction Globale des liens */
html body#ressources #wrapper .news a {
    border-bottom: 0!important;
}

html body#ressources #wrapper h1 a {
    color : #ea001b!important;
}

/*
.news-single .teaser-text {
    text-align: left;
    font-size: 1em;
    color: #000;
}*/

#ressources #back-top {
    background: #e8e8e8;
}
#back-top a span {
    background: url('../images/ui/Up_noir.png') left center no-repeat;
}
#back-top a  {
    color : #000;
}

@media screen and (max-width: 768px) {
    html body .item-grid.w1.h1 .titre, html body .item-grid.w1.h2 .titre
    {
        margin: 0;
        padding: 10px !important;
    }
    html body .item-grid.w1.h1
    {
        padding-top: 15px !important;
    }
    html body .item-grid.w1.h2
    {
        padding-top: 0 !important;
    }
}

/* [G][08/09/2014] CSS Science Actualités.fr */
.mainBoxTitle {
    font-family:"A2 Regular Light", 'Lato Light', Futura, sans-serif !important; 
    font-weight:200 !important; 
    font-style: normal !important;
    text-transform: uppercase;
    font-size : 30px;
    line-height : 36px;
    letter-spacing : 0.25px;
    margin-top : 0;
    margin-bottom : 20px;
    border-bottom: 3px #ea001b solid;
    padding-top : 0;
    padding-bottom : 2px;
    overflow: visible !important;
}

aside .mainBoxTitle {
    font-family:"A2 Regular Bold", 'Lato Bold', Futura, sans-serif !important; 
    font-weight: bold !important; 
    font-style: normal !important;
    font-size : 24px;
    line-height : 24px;
    margin-bottom : 10px;
    border-bottom: 3px #000 solid;
    padding-bottom : 10px;
}

aside .article {
    margin-bottom : 8px;
    border-bottom: 1px #000 solid;
    padding-bottom : 8px;
}

aside .article a{
    font-family:"A2 Regular Regular", 'Lato', Futura, sans-serif !important; 
    font-weight: normal !important; 
    font-style: normal !important;
    font-size : 18px;
    line-height : 22px;
    letter-spacing : 0.2px;
}

.interviewreportages .mainBoxTitle {
    padding-right : 45%;
}

.alllink {
    font-family:"A2 Regular Bold", 'Lato Bold', Futura, sans-serif !important; 
    font-weight: bold !important; 
    font-style: normal !important;
    text-transform: uppercase;
    font-size : 11px;
    line-height : 14px;
    letter-spacing : 0.6px;
    margin-top : -43px;
    margin-bottom : 20px;
    padding-top : 0;
    float : right;
}

.alllink p {
    float : right;
    margin-left : 20px !important;
}

@media screen and (max-width: 1024px) {
    .alllink p {
        float : none;
        margin-left : 20px !important;
        margin-bottom : 10px !important;
    }
    .interviewreportages .alllink {
        margin-top : -74px;
    }
}

@media screen and (max-width: 480px) {
    .alllink {
        margin-top : 0px;
    }
}

.alllink a{
    color : #ea001b;
}

.aside .alllink {
    margin-top : 0px;
    margin-bottom : 20px;
    padding-top : 0;
    float : none; 
}

.aside .alllink a{
    color : #000;    
}

.aside .alllink p {
    float : none;
    margin-left : 0 !important;
}

/* [G][08/09/2014] Correction Globale du padding */
.intro div.alllink>p, .contenu div.alllink>p {
    padding-right : 0!important;
}

#socialAside, #menuAside {
    display : none;
}

/* [G][03/02/2015] On récative les réseaux sociaux */
#socialAside {
    display : block;
}

#menuSA ul {
    padding: 5px 10px;
    margin: 0;
    list-style-type: none;
}

#menuSA li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-bottom: 1px solid #000;
}

#menuSA li:last-child {
    border-bottom: 0;
}

#menuSA a {
    font-family: "A2 Regular Bold",'Lato Bold',Futura,sans-serif!important;
    font-weight: bold!important;
    font-style: normal!important;
    padding: 8px 0;
    display: block;
    color: #000;
    font-size: .813em;
    line-height: 1.077em;
    letter-spacing: .2px;
    text-transform : uppercase;
}

/* .article Actualités =======================================================*/

.actualites .article {
    float : left;
    width : 100%;
}

.actualites .article .newsTopic p {
    padding : 0 !important;
}

.actualites .news-img-wrap, .actualites .news-img-wrap > a  {
    width : 100%;
    height : auto !important;
    display : block !important;
    text-align : center !important;
    overflow : hidden !important;
    margin : 0;
    padding : 0;        
    background-color: #e8e8e8;
}
.actualites img  {
    width : 100%;
    height : auto !important;    
    text-align : center !important;
    display : block !important;
}

.actualites .article {
    margin : 0 0 20px 0;
}

@media screen and (min-width: 1024px) {
    .actualites .news-img-wrap, .actualites .news-img-wrap > a  {
        width : 205px !important;
        height : 205px !important;
    }
    .actualites img  {
        width : auto !important; 
        height : 205px !important;
        position: relative;
        top: 0%;
        left: 25%;
        margin-top: 0 !important;
        margin-left: -115px !important;
    }    
    .actualites .article {
        width : 205px;
        margin-right : 20px;
        margin-bottom : 20px;
    }
    .actualites .article:nth-child(3n+1) {
        margin-right : 0px;
    }  
    .actualites .article:nth-child(3n+2) {
        clear:both;
    } 
    .actualites .article:nth-child(2), .actualites .article:nth-child(3), .actualites .article:nth-child(4) {
        border-top : 1px solid #000;
        padding-top : 25px;
    }  
}
@media screen and (min-width: 1129px) {
    .actualites .news-img-wrap, .actualites .news-img-wrap > a  {
        width : 230px !important;
        height : 230px !important;
    }
    .actualites img  {
        width : auto !important; 
        height : 230px !important;
        position: relative;
        top: 0%;
        left: 25%;
        margin-top: 0 !important;
        margin-left: -115px !important;
        text-align : center !important;
    }
    .actualites .article {
        width : 230px;
    }
}

.actualites .article .newsTopic, .actualites .article .newsTitle, .actualites .article .newsContent {
    padding : 0;
    margin : 0;
}

.actualites .article .newsTopic p, .actualites .article .newsTopic a {
    font-family:"A2 Regular Regular", 'Lato', Futura, sans-serif !important; 
    font-weight: normal !important; 
    font-style: normal !important;
    font-size : 12px;
    line-height : 14px;
    letter-spacing: 0.2px;
    margin-top : 0px;
    margin-bottom : 0px;
    text-transform: uppercase;
}

/* Problème... A corriger lorsque lien != h1 */
html body#ressources.sciencesactu #wrapper .actualites .article h1.newsTitle a {
    font-family: "A2 Regular Bold",'Lato Bold',Futura,sans-serif!important;
    font-weight: bold!important;
    font-style: normal!important;
    font-size : 18px !important;
    line-height : 19px !important;
    letter-spacing: 0px !important;
    margin-top : 0px !important;
    margin-bottom : 0px !important;
    text-transform : initial !important;
}

/* .first-article  */

.actualites .first-article {
    width : 100%;
    margin : 0 !important;
    max-width : 720px !important;
}


.actualites .first-article .news-img-wrap {
    float : left;
    margin : 0 20px 20px 0;
}

.actualites .first-article .newsTopic, .actualites .first-article .newsTitle, .actualites .first-article .newsContent {
    padding : 0;
    margin : 0;
}

.actualites .first-article .newsTopic {
    margin-top : -5px !important;
}

.actualites .first-article .newsTopic a {
    font-family: "A2 Regular Regular", 'Lato', Futura, sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.2px;
    margin-top : 5px !important;
    margin-bottom : 4px;
    text-transform: uppercase;
    display : inline-block;
}

.actualites .first-article .newsTitle a {
    font-family:"A2 Regular Black", 'Lato Black', Futura, sans-serif !important; 
    font-weight:800 !important; 
    font-style: normal !important;
    font-size : 22px;
    line-height : 22px;
    letter-spacing: 0.5px;
    margin-top : 0px;
    margin-bottom : 0px;
    text-transform: uppercase;
}

.actualites .first-article .newsContent > p {
    font-family:"A2 Regular Regular", 'Lato', Futura, sans-serif !important; 
    font-weight: normal !important; 
    font-style: normal !important;
    font-size : 18px;
    line-height : 21px;
    letter-spacing: 0.2px;
    margin-top : 8px;
    margin-bottom : 20px !important;
    padding-right : 0 !important;
}

.actualites .first-article .newsContent > p:after {
    content: "+";
    font-family:"A2 Regular Bold", 'Lato Bold', Futura, sans-serif !important; 
    font-weight: bold !important; 
    font-style: normal !important;
    font-size : 18px;
    line-height : 18px;
    letter-spacing: 0.75px;
    margin-top : 4px;
    margin-left : 5px;
    margin-bottom : 0px;
}

@media screen and (min-width: 1024px) { 
    .actualites .first-article .newsTopic, .actualites .first-article .newsTitle, .actualites .first-article .newsContent {
        padding-left : 225px !important;
    }
}
@media screen and (min-width: 1129px) {
    .actualites .first-article .newsTopic, .actualites .first-article .newsTitle, .actualites .first-article .newsContent {
        padding-left : 250px !important;
    }
}

/* .article  Enquetes ========================================================*/

.enquetes .article {
    float : left;
    width : 100%;
}

.enquetes .article .newsTopic p {
    padding : 0 !important;
}

.enquetes .news-img-wrap, .enquetes .news-img-wrap > a  {
    width : 100%;
    height : auto !important;
    display : block !important;
    text-align : center !important;
    overflow : hidden !important;
    margin : 0;
    padding : 0;        
    background-color: #e8e8e8;
}
.enquetes img  {
    width : 100%;
    height : auto !important;    
    text-align : center !important;
    display : block !important;
}

.enquetes .mediaContainer {
    display : none;
}

.enquetes .article {
    margin : 0 0 20px 0;
}

@media screen and (min-width: 1024px) {
    .enquetes .news-img-wrap, .enquetes .news-img-wrap > a  {
        width : 205px !important;
        height : 205px !important;
    }
    .enquetes img  {
        width : auto !important; 
        height : 205px !important;
        position: relative;
        top: 0%;
        left: 25%;
        margin-top: 0 !important;
        margin-left: -115px !important;
    }    
    .enquetes .mediaContainer {
        display : block;
        height:100px;
        line-height:100px;
        margin-bottom: 20px;
        overflow : hidden;
    }
    .enquetes .mediaContainer img {
        vertical-align:middle;
        margin-top : -50% !important;
        position : relative;
        top : 50px;
    }
    .enquetes .article {
        width : 205px;
        margin-right : 20px;
        margin-bottom : 20px;
    }
    .enquetes .article:nth-child(3n+1) {
        margin-right : 0px;
    }  
    .enquetes .article:nth-child(3n+2) {
        clear:both;
    } 
    .enquetes .article:nth-child(2), .enquetes .article:nth-child(3), .enquetes .article:nth-child(4) {
        border-top : 1px solid #000;
        padding-top : 25px;
    }  
    .enquetes .first-article .newsTopic, .enquetes .first-article .newsTitle, .enquetes .first-article .newsContent {
        padding-right : 225px !important;
    }
}
@media screen and (min-width: 1129px) {
    .enquetes .news-img-wrap, .enquetes .news-img-wrap > a  {
        width : 230px !important;
        height : 230px !important;
    }
    .enquetes img  {
        width : auto !important; 
        height : 230px !important;
        position: relative;
        top: 0%;
        left: 25%;
        margin-top: 0 !important;
        margin-left: -115px !important;
        text-align : center !important;
    }
    .enquetes .article {
        width : 230px;
    }
    .enquetes .first-article .newsTopic, .enquetes .first-article .newsTitle, .enquetes .first-article .newsContent {
        padding-right : 250px !important;
    }
}

@media screen and (min-width: 1329px) {
/*    .enquetes .news-img-wrap  {
        margin-right : 250px !important;
    }*/
}

.enquetes .article .newsTopic, .enquetes .article .newsTitle, .enquetes .article .newsContent {
    padding : 0;
    margin : 0;
}

.enquetes .article .newsTopic p, .enquetes .article .newsTopic a {
    font-family:"A2 Regular Regular", 'Lato', Futura, sans-serif !important; 
    font-weight: normal !important; 
    font-style: normal !important;
    font-size : 12px;
    line-height : 14px;
    letter-spacing: 0.2px;
    margin-top : 0px;
    margin-bottom : 0px;
    text-transform: uppercase;
}

/* Problème... A corriger lorsque lien != h1 */
html body#ressources.sciencesactu #wrapper .enquetes .article h1.newsTitle a {
    font-family: "A2 Regular Bold",'Lato Bold',Futura,sans-serif!important;
    font-weight: bold!important;
    font-style: normal!important;
    font-size : 18px !important;
    line-height : 19px !important;
    letter-spacing: 0px !important;
    margin-top : 0px !important;
    margin-bottom : 0px !important;
    text-transform : initial !important;
}

/* .first-article  */

.enquetes .first-article {
    width : 100%;
    margin : 0 !important;
    max-width : 730px !important;
}

.enquetes .first-article .news-img-wrap {
    float : right;
    margin : 0 0 20px 20px;
}

.enquetes .first-article .newsTopic, .enquetes .first-article .newsTitle, .enquetes .first-article .newsContent {
    padding : 0;
    margin : 0;
}

.enquetes .first-article .newsTopic a {
    font-family: "A2 Regular Regular", 'Lato', Futura, sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.2px;
    margin-top : 5px;
    margin-bottom : 4px;
    text-transform: uppercase;
    display : inline-block;
}

.enquetes .first-article .newsTitle a {
    font-family:"A2 Regular Black", 'Lato Black', Futura, sans-serif !important; 
    font-weight:800 !important; 
    font-style: normal !important;
    font-size : 22px;
    line-height : 22px;
    letter-spacing: 0.5px;
    margin-top : 0px;
    margin-bottom : 0px;
    text-transform: uppercase;
}

.enquetes .first-article .newsContent > p {
    font-family:"A2 Regular Regular", 'Lato', Futura, sans-serif !important; 
    font-weight: normal !important; 
    font-style: normal !important;
    font-size : 18px;
    line-height : 21px;
    letter-spacing: 0.2px;
    margin-top : 8px;
    margin-bottom : 20px !important;
    padding-right : 0 !important;
}

.enquetes .first-article .newsContent > p:after {
    content: "+";
    font-family:"A2 Regular Bold", 'Lato Bold', Futura, sans-serif !important; 
    font-weight: bold !important; 
    font-style: normal !important;
    font-size : 18px;
    line-height : 18px;
    letter-spacing: 0.75px;
    margin-top : 4px;
    margin-left : 5px;
    margin-bottom : 0px;
}

/* .article  interviewreportages ========================================================*/

.interviewreportages .article {
    width : 100%;
    margin : 0 !important;
    float : none;
    clear : both;
    max-width : 720px !important;
}

.interviewreportages .article .mediaContainer, .interviewreportages .article .mediaContainer a {
    float : none;
    margin : 0;
    text-align: center !important;
    width : 100%;
    display : block;
    overflow : hidden;  
    height : auto;
}

.interviewreportages .article .mediaContainer {
    margin : 0 0 20px 0;
}

.interviewreportages .article .mediaContainer a img{
    margin-left : -50%;
    position : relative;
    left : 25%;  
    width : 100%;
    height : auto;
}

@media screen and (min-width: 1024px) {
    .interviewreportages .article .mediaContainer {
        float : right;
        margin : 0 0 20px 20px;
        width : 430px !important;
        height : 205px !important;
    }
    
    .interviewreportages .article .mediaContainer a {
        width : 430px !important;
        height : 205px !important;    
    }

    .interviewreportages .article .mediaContainer img{
        width : 430px !important;
        height : auto !important;
        vertical-align:middle;
    }
/*    .interviewreportages .article .newsTopic, .interviewreportages .article .newsTitle, .interviewreportages .article .newsContent {
        padding-right : 450px !important;
    }*/
}
@media screen and (min-width: 1129px) {
    .interviewreportages .article .mediaContainer {
        width : 480px !important;
        height : 230px !important;
    }
    
    .interviewreportages .article .mediaContainer a {
        width : 480px !important;
        height : 230px !important; 
    }
    
    .interviewreportages .article .mediaContainer img{
        width : 480px !important;
        height : auto !important;
    }
/*    .interviewreportages .article .newsTopic, .interviewreportages .article .newsTitle, .interviewreportages .article .newsContent {
        padding-right : 500px !important;
    }*/
}

.interviewreportages .article .newsTopic, .interviewreportages .article .newsTitle, .interviewreportages .article .newsContent {
    padding : 0;
    margin : 0;
}

.interviewreportages .article .newsTopic a {
    font-family: "A2 Regular Regular", 'Lato', Futura, sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.2px;
    margin-top : 5px;
    margin-bottom : 4px;
    text-transform: uppercase;
}

.interviewreportages .article .newsTitle a {
    font-family:"A2 Regular Black", 'Lato Black', Futura, sans-serif !important; 
    font-weight:800 !important; 
    font-style: normal !important;
    font-size : 22px;
    line-height : 22px;
    letter-spacing: 0.5px;
    margin-top : 0px;
    margin-bottom : 0px;
    text-transform: uppercase;
}

.interviewreportages .article .newsContent > p {
    font-family:"A2 Regular Regular", 'Lato', Futura, sans-serif !important; 
    font-weight: normal !important; 
    font-style: normal !important;
    font-size : 18px;
    line-height : 21px;
    letter-spacing: 0.2px;
    margin-top : 8px;
    margin-bottom : 20px !important;
    padding-right : 0 !important;
}

.interviewreportages .article .newsContent > p:after {
    content: "+";
    font-family:"A2 Regular Bold", 'Lato Bold', Futura, sans-serif !important; 
    font-weight: bold !important; 
    font-style: normal !important;
    font-size : 18px;
    line-height : 18px;
    letter-spacing: 0.75px;
    margin-top : 4px;
    margin-left : 5px;
    margin-bottom : 0px;
}

/* .article  ExpoDossier ========================================================*/

.expoDossier .article {
    float : left;
    width : 100%;
}

.expoDossier .article .newsTopic a {
    padding : 2px !important;
    margin : 0 10px !important;
    background : #FFF;
    margin-top : 10px !important;
    display : block !important;
}

.expoDossier .mediaContainer, .expoDossier .mediaContainer a  {
    width : 100%;
    height : auto !important;
    display : block !important;
    text-align : center !important;
    overflow : hidden !important;
    margin : 0;
    padding : 0;        
    background-color: #000;
}
.expoDossier img  {
    width : 100%;
    height : auto !important;    
    text-align : center !important;
    display : block !important;
}


.expoDossier .mediaContainer {
    display : none;
}

.expoDossier .article {
    margin : 0 0 20px 0;
    background : #e8e8e8;
    min-height : 330px;
}

@media screen and (min-width: 1024px) {
    .expoDossier .mediaContainer, .expoDossier .mediaContainer a  {
        width : 205px !important;
        height : 205px !important;
    }
    .expoDossier img  {
        width : auto !important; 
        height : 205px !important;
        position: relative;
        top: 0%;
        left: 25%;
        margin-top: 0 !important;
        margin-left: -115px !important;
    }   
    .expoDossier .mediaContainer {
        display : block;
        height:230px;
        line-height:230px;
        margin-bottom: 0px;
        overflow : hidden;
    }
/*    .expoDossier .mediaContainer img {
        vertical-align:middle;
        margin-top : -50%;
        position : relative;
        top : 50px;
    }*/
    .expoDossier .article {
        width : 205px;
        margin-right : 20px;
        margin-bottom : 20px;
    }
    .expoDossier .article:nth-child(3n+1) {
        margin-right : 0px;
    }  
    .expoDossier .article:nth-child(3n+2) {
        clear:both;
    } 
    
}
@media screen and (min-width: 1129px) {
    .expoDossier .mediaContainer, .expoDossier .mediaContainer a  {
        width : 230px !important;
        height : 230px !important;
    }
    .expoDossier img  {
        width : auto !important; 
        height : 230px !important;
        position: relative;
        top: 0%;
        left: 25%;
        margin-top: 0 !important;
        margin-left: -115px !important;
        text-align : center !important;
    }
    .expoDossier .article {
        width : 230px;
    }
}

.expoDossier .article .newsTopic, .expoDossier .article .newsTitle, .expoDossier .article .newsContent {
    padding : 0;
    margin : 0;
}

.expoDossier .article .newsTitle a {
    display : block;
    padding : 10px !important;
    margin : 0;
}

.expoDossier .article .newsTopic p, .expoDossier .article .newsTopic a {
    font-family:"A2 Regular Regular", 'Lato', Futura, sans-serif !important; 
    font-weight: normal !important; 
    font-style: normal !important;
    font-size : 12px;
    line-height : 14px;
    letter-spacing: 0.2px;
    margin-top : 0px;
    margin-bottom : 0px;
    text-transform: uppercase;
}

/* Problème... A corriger lorsque lien != h1 */
html body#ressources.sciencesactu #wrapper .expoDossier .article h1.newsTitle a {
    display : block;
    font-family: "A2 Regular Bold",'Lato Bold',Futura,sans-serif!important;
    font-weight: bold!important;
    font-style: normal!important;
    font-size : 18px !important;
    line-height : 19px !important;
    letter-spacing: 0px !important;
    padding : 10px !important;
    margin : 0;
    text-transform : initial !important;
}

/* .first-article  */

.expoDossier .first-article {
    width : 100%;
    margin : 0 !important;
    background : #fff;
}

.expoDossier .first-article .news-img-wrap {
    float : left;
    margin : 0 0 20px 0;
}

@media screen and (min-width: 1024px) {
    .expoDossier .first-article .news-img-wrap, .expoDossier .first-article .news-img-wrap a, .expoDossier .first-article  img  {
        width : 430px !important;
        height : auto !important;
    }
}
    
@media screen and (min-width: 1129px) {
    .expoDossier .first-article .news-img-wrap, .expoDossier .first-article .news-img-wrap a, .expoDossier .first-article  img  {
        width : 480px !important;
        height : auto !important;
    }
}

.expoDossier .first-article .newsTopic, .expoDossier .first-article .newsTitle, .expoDossier .first-article  .newsContent {
    padding : 0;
    margin : 0;
}

.expoDossier .first-article .newsTopic a {
    font-family: "A2 Regular Regular", 'Lato', Futura, sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.2px;
    margin-top : 5px;
    margin-bottom : 4px;
    text-transform: uppercase;
    padding : 0 !important;
    margin : 5px 0 4px 0 !important;
    background : none;
    display : inline-block;
}

.expoDossier .first-article .newsTitle a {
    font-family:"A2 Regular Black", 'Lato Black', Futura, sans-serif !important; 
    font-weight:800 !important; 
    font-style: normal !important;
    font-size : 22px;
    line-height : 22px;
    letter-spacing: 0.5px;
    margin : 0 !important;
    padding : 0 !important;
    text-transform: uppercase;
}

.expoDossier .first-article .newsContent > p {
    font-family:"A2 Regular Regular", 'Lato', Futura, sans-serif !important; 
    font-weight: normal !important; 
    font-style: normal !important;
    font-size : 18px;
    line-height : 21px;
    letter-spacing: 0.2px;
    margin-top : 8px;
    margin-bottom : 20px !important;
    padding-right : 0 !important;
}

.expoDossier .first-article .newsContent > p:after {
    content: "+";
    font-family:"A2 Regular Bold", 'Lato Bold', Futura, sans-serif !important; 
    font-weight: bold !important; 
    font-style: normal !important;
    font-size : 18px;
    line-height : 18px;
    letter-spacing: 0.75px;
    margin-top : 4px;
    margin-left : 5px;
    margin-bottom : 0px;
}

@media screen and (min-width: 1024px) { 
    .expoDossier .first-article .newsTopic, .expoDossier .first-article .newsTitle, .expoDossier .first-article .newsContent {
        padding-left : 450px !important;
        width : 655px;
    }
}
@media screen and (min-width: 1129px) {
    .expoDossier .first-article .newsTopic, .expoDossier .first-article .newsTitle, .expoDossier .first-article .newsContent {
        padding-left : 500px !important;
        width : 730px;
    }
}

/* news-list-view =========================================================== */
.news-list-view .article {
    clear : both;
    float : none;
}
.news-list-view .news-img-wrap{
    width : 100%;
    height : auto !important;
    float : left;
    margin : 0 0 20px 0 !important;
    overflow : hidden;
}
.news-list-view .news-img-wrap a{
    color : #e8e8e8;
    text-decoration : none;
    background : #e8e8e8;
    display : block;
    width : 100%;
    height : 100%;
}
.news-list-view img {
    width : 100%;
    height : auto !important;
}
.news-list-view p, .news-list-view div>p {
    padding : 0 !important;
    margin : 0 !important;
}
.news-list-view .more {
    padding : 0 !important;
    margin : 10px 0 !important;
}
.news-list-view .footer {
    clear : both;
    float : none;
}
.news-list-view .footer span{
    padding : 0 10px;
    border-right : 1px solid #000;
}
.news-list-view .footer span:last-child{
    padding : 0 0 0 10px;
    border : 0
}
.news-list-view .footer span:first-child{
    padding : 0 10px 0 0;
    border-right : 1px solid #000;
}
html body#ressources.sciencesactu #wrapper .news .news-list-view .footer {
    margin: 0 0!important;
}
@media screen and (min-width: 1024px) {
    .news-list-view .news-img-wrap  {
        width : 205px !important;
        height : 205px !important;
        margin : 0 20px 20px 0 !important;
        overflow : hidden;
    }
    .news-list-view img  {
        width : auto;
        height : 205px !important;
        margin : 0 !important;
    }
}
@media screen and (min-width: 1129px) {
    .news-list-view .news-img-wrap  {
        width : 230px !important;
        height : 230px !important;
    }
    .news-list-view img  {
        width : auto;
        height : 230px !important;
    }
}

html body#ressources #wrapper .news-list-view a.more {
    display : inline-block !important;
}

/*  news-single ============================================================= */
.news-single .article {
    width : 100%;
}

/* .pagination ============================================================== */
.page-navigation {
    padding-top : 20px;
}

.page-navigation >p {
    display : none;
}

#ressources #wrapper article .item-grid .page-navigation ul>li {
    font-family: "A2 Regular Bold",'Lato Bold',Futura,sans-serif!important;
    font-weight: bold!important;
    font-style: normal!important;
    font-size: 16px;
    line-height: 45px;
    text-align : center;
    background: #e8e8e8;
    color: #000;
    list-style-type: none;
    display : inline-block;
    min-width : 45px;
    height : 45px;
    margin : 0 5px 5px 0;
    padding: 0!important;
}

#ressources #wrapper article .item-grid .page-navigation ul>li.current {
    background: #000;
    color: #FFF;
}

#ressources #wrapper article .item-grid .page-navigation ul>li a{
    font-family: "A2 Regular Bold",'Lato Bold',Futura,sans-serif!important;
    font-weight: bold!important;
    font-style: normal!important;
    font-size: 16px;
    line-height: 25px;
    text-align : center;
    letter-spacing: .10em;
    background: #e8e8e8;
    padding: 10px!important;
    color: #000;
    margin : 0!important;
    text-transform: uppercase;
    width : 100%;
    height : 100%;
    display : block
}

/* Page Détail */
html body#ressources.sciencesactu #wrapper .news.news-single h3 {
font-family:"A2 Regular Bold", 'Lato Bold', Futura, sans-serif !important; font-weight: bold !important; font-style: normal !important;
font-size : 44px !important;
line-height : 48px !important;
text-transform: none !important;
letter-spacing: 0.2px !important;
margin-bottom : 10px !important;
}

html body#ressources.sciencesactu #wrapper .news.news-single h4 {
font-family:"A2 Regular Extra Bold", 'Lato Bold', Futura, sans-serif !important; 
font-weight:800 !important; 
font-style: normal !important;
font-size : 24px !important;
line-height : 28px !important;
text-transform: none !important;
letter-spacing: 0.2px !important;
margin-top : 15px !important;
margin-bottom : 20px !important;
}

html body#ressources.sciencesactu #wrapper .news.news-single h5 {
 color : #ea001b!important
}

#ressources #wrapper article .item-grid ul>li.listLink {
background: url('../images/ui/+_8px_4.png') left 8px no-repeat!important;
}

#ressources #wrapper article .item-grid ul>li {
background: url('../images/ui/bull_3.png') 3px 8px no-repeat;
}

html body#ressources.sciencesactu #wrapper .news.news-single .teaser-text{
font-family:"A2 Regular Bold", 'Lato Bold', Futura, sans-serif !important; font-weight: bold !important; font-style: normal !important;
font-size : 18px !important;
line-height : 21px !important;
text-transform: none !important;
letter-spacing: 0.2px !important;
margin-bottom : 2px !important;
}

html body#ressources.sciencesactu #wrapper .news.news-single .teaser-text em, html body#ressources.sciencesactu #wrapper .news.news-single .teaser-text i{
    font-family:"A2 Regular Bold Italic", 'Lato Bold Italic', Futura, sans-serif !important; font-weight: bold !important; font-style: italic !important;
}

html body#ressources.sciencesactu #wrapper .news.news-single .teaser-text>p{
margin-bottom : 0 !important;
}

.news.news-single img {
    width : 100% !important;
    margin : 0 !important;
}

@media screen and (min-width: 1024px) {
    .news.news-single img {
        width : 430px !important;
    }
}
@media screen and (min-width: 1129px) {
    .news.news-single img {
        width : 480px !important;
    }
}

.news.news-single object {
    background : #000;
    margin : 0 0 20px 0;
}

.news.news-single audio, .news.news-single video {
    width : 100% !important;
    margin : 0;
    display : block !important;
}

.news.news-single iframe {
    width : 100% !important;
    margin : 0 !important;
}

@media screen and (min-width: 1024px) {
    .news.news-single iframe {
        width : 655px !important;
    }
}
@media screen and (min-width: 1129px) {
    .news.news-single iframe {
        width : 730px !important;
    }
}

figcaption, .titreAudio, .legendeAudio, .copyrightAudio, .titreVideo, .legendeVideo, .copyrightVideo, .titreImage, .legendeImage, .copyrightImage  {
    font-family: "A2 Regular Medium",'Lato',Futura,sans-serif!important;
    font-weight: 500!important;
    font-style: normal!important;
    font-size: 13px;
    line-height: 13px;
    text-align: left;
    letter-spacing : 0.5px;
    margin : 0;
    margin-bottom : 20px !important;
    padding-top : -20px !important;
    display : block;
    position : relative;
    margin-top : -20px;
}

figure>figcaption, figure>figcaption>.titreAudio, figure>figcaption>.legendeAudio, figure>figcaption>.copyrightAudio, figure>figcaption>.titreVideo, figure>figcaption>.legendeVideo, figure>figcaption>.copyrightVideo, figure>figcaption>.titreImage, figure>figcaption>.legendeImage, figure>figcaption>.copyrightImage  {
    margin-top : 0px;
    margin-bottom : 0 !important;
}

figure>a>figcaption {
    margin-top : 0px;
    margin-bottom : 0 !important;
}

figcaption>.titreAudio, figcaption>.legendeAudio, figcaption>.copyrightAudio, figcaption>.titreVideo, figcaption>.legendeVideo, figcaption>.copyrightVideo, figcaption>.titreImage, figcaption>.legendeImage, figcaption>.copyrightImage  {
    margin-top : 0px;
    margin-bottom : 0 !important;
}

p> .titreAudio, p> .legendeAudio, p> .copyrightAudio, p> .titreVideo, p> .legendeVideo, p> .copyrightVideo, p> .titreImage, p> .legendeImage, p> .copyrightImage {
    position : relative;
    margin-top : -20px;
}

p> .titreAudio, p> .legendeAudio, p> .copyrightAudio, p> .titreVideo, p> .legendeVideo, p> .copyrightVideo, p> .titreImage, p> .legendeImage, p> .copyrightImage {
    position : relative;
    margin-top : -20px;
}

/*.legendeImage, .copyrightImage {
    margin-bottom : -20px;
}*/

.news.news-single figcaption {
    margin-bottom : 20px;
}

.news.news-single .copyrightAudio, .news.news-single .copyrightVideo {
    margin-bottom : 20px;   
}

html body#ressources #wrapper .news.news-single .teaser-text a, html body#ressources #wrapper .news.news-single .news-text-wrap a {
    text-decoration: underline !important;
}

.carousel .mainBoxTitle {
    margin : 0!important;
    padding : 0!important;
    width : 1px !important;
    height : 1px !important;
    overflow : hidden !important;
    font-size : 1px !important;
    color : #FFF !important;
    text-decoration : none !important;
    border : 0!important;
}

p.encadre, div.encadre {
    background : #e8e8e8!important;
    padding : 20px 30px !important;
    max-width : 720px !important;
    font-size : 16px;
    line-height : 1.3em;
    margin: 0 0 30px 0;
}

.news.news-single h4.encadre  {
    background : #e8e8e8!important;
    padding : 20px 30px 0 30px !important;
    max-width : 720px !important;
}

.encadre .encadre {
    padding : 0px !important;
}

html body#ressources #wrapper h1 {
    text-transform: none !important;
    line-height : 1.1em !important;
}

html body#ressources #wrapper h1 .subtitle {
    font-size: 20px !important; 
    text-transform: uppercase !important; 
}

/* [G]03/10/14 BXSlider Responsive et Homothéthique */
html body#ressources #wrapper #main .bxslider .item-grid.h2 {
    height : 188px !important;    
}
@media screen and (min-width: 480px) { 
    html body#ressources #wrapper #main .bxslider .item-grid.h2 {
        height : 211px !important;
    }
}
@media screen and (min-width: 768px) {
    html body#ressources #wrapper #main .bxslider .item-grid.h2 {
        height : 211px !important;
    }
}
@media screen and (min-width: 1024px) {
    html body#ressources #wrapper #main .bxslider .item-grid.h2 {
        height : 321px !important;
    }
}
@media screen and (min-width: 1130px) {
    html body#ressources #wrapper #main .bxslider .item-grid.h2 {
        height : 358px !important;
    }
}
@media screen and (min-width: 1330px) {
    html body#ressources #wrapper #main .bxslider .item-grid.h2 {
        height : 480px !important;
    }
}

html body#ressources #wrapper .news a.more {
    font-family:"A2 Regular Regular", 'Lato', Futura, sans-serif !important; 
    font-weight: normal !important; 
    font-style: normal !important;
}

.news-list-category, .news-list-type {
    font-family: "A2 Regular Regular", 'Lato', Futura, sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.2px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.news-list-category > span {
    display : inline-block;
    padding : 0 5px;
    border-left : 1px solid #000;
}
.news-list-category > span:first-child {
    padding : 0 5px 0 0;
    border-left : 0;
}

.news.news-single img {
    left : 0;
    width : auto !important;
    height : auto !important;
    max-width : 100% !important;
    max-height : 540px !important;
    display : inline-block !important;
}

.intro>p, .contenu>p, .intro div>p, .contenu div>p, .news.news-single figcaption, .news.news-single h3, .news.news-single h4, html body#ressources.sciencesactu #wrapper .news h3, html body#ressources.sciencesactu #wrapper .news h3 {
    padding-right: 0px!important;
    display : block;    
    max-width : 720px !important;
}
.intro>p.encadre, .contenu>p.encadre, .intro div>p.encadre, .contenu div>p.encadre {
    padding-right: 30px!important;
}
audio {   
    max-width : 480px;
    width : 100%;
}
video, iframe, object, figure {   
    max-width : 720px;
    width : 100%;
}
@media screen and (min-width: 1024px) {
    video, iframe, object, figure {   
        max-width : 720px;
    }
}
@media screen and (min-width: 1129px) {
    video, iframe, object, figure {   
        max-width : 720px;
    }
}

.mfp-content figure {   
    max-width : 1980px;
    width : 100%;
}

@media screen and (min-width: 1024px) {
    .intro>p, .contenu>p, .intro div>p, .contenu div>p, .news.news-single figcaption, .news.news-single h3, .news.news-single h4  {
        padding-right: 0px!important;
    }
}
@media screen and (min-width: 1130px) {
    .intro>p, .contenu>p, .intro div>p, .contenu div>p, .news.news-single figcaption, .news.news-single h3, .news.news-single h4  {
        padding-right: 0px!important;
    }
}
@media screen and (min-width: 1330px) {
    .intro>p, .contenu>p, .intro div>p, .contenu div>p, .news.news-single figcaption, .news.news-single h3, .news.news-single h4  {
        padding-right: 0px!important;
    }
}
@media screen and (min-width: 1600px) {
    .intro>p, .contenu>p, .intro div>p, .contenu div>p, .news.news-single figcaption, .news.news-single h3, .news.news-single h4  {
        padding-right: 0px!important;
    }
}

html body#ressources #wrapper article .item-grid>div.contenu .news.news-single h4 {
    font-family: "A2 Regular Bold Italic",'Lato Bold Italic',Futura,sans-serif!important;
    font-weight: bold!important;
    font-style: italic!important;
    font-size: 22px!important;
    line-height: 24px!important;
    color: #000!important;
    text-transform: none;
    letter-spacing: 0;
    padding: 0;
    margin: 20px 0 15px 0 !important;
    border : 0 !important;
}

html body#ressources #wrapper article .item-grid>div.contenu .news.news-single h4>strong {
    font-family: "A2 Regular Bold Italic",'Lato Bold Italic',Futura,sans-serif!important;
    font-weight: bold!important;
    font-style: italic!important;
    font-size: 22px!important;
    line-height: 24px!important;
    color: #000!important;
    text-transform: none;
    letter-spacing: 0;
    border : 0 !important;
}

html body#ressources #wrapper article .item-grid>div.contenu .news.news-single .encadre h4 {
    margin: 0 0 5px 0 !important;
    font-family:"A2 Regular Semi Bold", 'Lato Semibold', Futura, sans-serif !important; font-weight:600 !important; font-style: normal !important; 
    color : #000 !important;
    font-size : 20px !important;
}

html body#ressources #wrapper article .item-grid>div.contenu .news.news-single h4.encadre  {
    margin: 0 0 0 0 !important;
    font-family:"A2 Regular Semi Bold", 'Lato Semibold', Futura, sans-serif !important; font-weight:600 !important; font-style: normal !important; 
    color : #000 !important;
    font-size : 20px !important;
}

html body#ressources.sciencesactu #wrapper .news.news-single .footer {
    margin: 10px 0 30px 0!important;
}

.news.news-single a {
    text-decoration: underline !important;
    color :#ea001b !important;
    border : 0;
}

.news.news-single img[clickenlarge="1"] {
    cursor : pointer;
}

/*html body#ressources #wrapper article .item-grid>div.contenu .news.news-single h4.encadre {
    margin : 0!important;
}

html body#ressources #wrapper article .item-grid:not(.chapeau)>div.contenu p.encadre {
    margin : 0!important;
} 

p.encadre {
    padding : 20px !important;
    background-color: #e8e8e8;
}
ul.encadre {
    padding : 20px !important;
    background-color: #e8e8e8;
}
h4.encadre {
    padding : 20px !important;
    background-color: #e8e8e8;
}
.encadre+.encadre {
    margin : 0 !important;
}*/

html body#ressources #wrapper article .item-grid>div.contenu .news.news-single p:empty {
    display : none !important;
    margin : 0 !important;
    padding : 0!important;
}

html body#ressources #wrapper .news .alllink a {
    text-decoration: none !important;
}

.contenu div.page-navigation>p {
    display : none; 
}

html body#ressources.sciencesactu #wrapper .news.news-single .footer {
    font-family:"A2 Regular Semi Bold", 'Lato Semibold', Futura, sans-serif !important; font-weight:600 !important; font-style: normal !important;
}

/* [G]14/10/2014 - YAG */

.tx-yag-pi1.theme-lightbox, .tx-yag-items {
    width : 290px !important;
}

@media screen and (min-width: 480px) {
    .tx-yag-pi1.theme-lightbox, .tx-yag-items {
        width : 430px !important;
    }
}

@media screen and (min-width: 768px) {
    .tx-yag-pi1.theme-lightbox, .tx-yag-items {
        width : 450px !important;
    }
}

@media screen and (min-width: 1024px) {
    .tx-yag-pi1.theme-lightbox, .tx-yag-items {
        width : 675px !important;
    }
}

@media screen and (min-width: 1130px) {
    .tx-yag-pi1.theme-lightbox, .tx-yag-items {
        width : 750px !important;
    }
}

@media screen and (min-width: 1330px) {
    .tx-yag-pi1.theme-lightbox, .tx-yag-items {
        width : 1000px !important;
    }
}

@media screen and (min-width: 1600px) {
    .tx-yag-pi1.theme-lightbox, .tx-yag-items {
        width : 1000px !important;
    }
}

.tx-yag-breadcrumbcomtainer {
    display : none;
}

.tx-yag-thumb-outerframe, .tx-yag-thumb-innerframe {
    padding : 0;
    margin : 0;
    border : 0;
}

.tx-yag-item-thumb-outerframe {
    margin : 0 0 20px 0;  
}

@media screen and (min-width: 768px) {
    .tx-yag-item-thumb-outerframe {
        margin : 0 20px 20px 0;  
    }
}

.tx-yag-pi1.theme-lightbox .tx-yag-thumb-outerframe {
    width : 205px !important;
}

@media screen and (min-width: 1024px) {
    .tx-yag-pi1.theme-lightbox .tx-yag-thumb-outerframe {
        width : 230px !important;
    }
}

.tx-yag-pi1.theme-lightbox img {
    width : 205px !important;
    height : auto !important;  
    margin : 0;
    padding : 0;
}

@media screen and (min-width: 1024px) {
    .tx-yag-pi1.theme-lightbox img {
        width : 230px !important;
    }
}

.tx-yag-pager {
    width : 100% !important;
    text-align : left;
}

.tx-ptextlist-pager-item-display {
    display : none;
}

.tx-yag-pager ul, .tx-yag-pager li {
    list-style-type: none !important;
    margin : 0!important;
    padding : 0!important;
    background : none !important;   
    border : 0!important;
    color : #000!important;
}

.tx-yag-pager a {
    text-decoration: none !important;
    border : 0 !important;
}

.tx-yag-pager span, .tx-yag-pager a {
    font-family: "A2 Regular Bold",'Lato Bold',Futura,sans-serif!important;
    font-weight: bold!important;
    font-style: normal!important;
    font-size: 16px !important;
    line-height: 45px !important;
    text-align: center !important;
    background: #e8e8e8 !important;
    color: #000 !important;
    list-style-type: none !important;
    display: inline-block!important;
    min-width: 45px !important;
    height: 45px !important;
    margin: 0 5px 5px 0 !important;
    padding: 0!important;
    border : 0 !important;
}

.tx-yag-pager a > span {
    margin: 0 !important;
}

.tx-yag-pager span.cur {
    background: #000 !important;
    color: #FFF !important;
}

html body#ressources #wrapper aside .icono, html body#ressources #wrapper aside .label, html body#ressources #wrapper aside .sousTitre, html body#ressources #wrapper aside .date {
    display: block;
}

.aside .backLinkAside {
    font-family: "A2 Regular Bold", 'Lato Bold', Futura, sans-serif !important;
    font-weight: bold !important;
    font-style: normal !important;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.6px;
    display : block;
    margin : 0 0 20px 0;
}

.news.news-single figure {
    padding : 0 !important;
    margin : 0 0 20px 0 !important;
}

.news.news-single figure a {
    text-decoration: none !important;
    color: #000 !important;
    border: 0;
}

html body#ressources #wrapper .news.news-single .teaser-text figure a, html body#ressources #wrapper .news.news-single .news-text-wrap figure a {
    text-decoration: none !important;
}

html body#ressources #wrapper article .item-grid:not(.chapeau)>div.contenu h4.lettrine:first-letter {
    color : #000 !important;
}

.news-list-author .auteurNews::after { 
    content: ", ";
}

.news-list-author .auteurNews:last-child::after { 
    content: "";
}

.news-list-view .footer .news-list-author .auteurNews {
    padding: 0;
    border-right: 0;
}

html body#ressources #wrapper #main aside .item-grid.w1.h2 {
    height : auto;
    min-height : 345px;
}

html body#ressources #wrapper #main aside .item-grid.w1.h2 .titre, html body#ressources #wrapper #main aside .item-grid.w1.h2 .sousTitre  {
    text-transform : initial !important;
}

@media screen and (max-width: 480px) {
    #logoCite {
        display : none !important;
    }
} 

.allBreves .news-list-view .teaser-text img {
    display : none;
}

.cols-1 figure, .cols-1 figcaption,
.cols-2 figure, .cols-2 figcaption,
.cols-3 figure, .cols-3 figcaption,
.cols-4 figure, .cols-4 figcaption {
    width: 100%;
}