.mobile-nav{
        display:none;
}
@media only screen and (max-width: 736px) {
/* iPad Portrait */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {*/
.central-page{
    width:100%;
}
 #divSiteId {
    width:100%;
 }
.siteLP{
    width:100%;
} 
 #userBar{
    display:none;
 }
 
 .outils-compte, .ariane{
    display:none;
 }
 .ID_k_1300279{
    display:none;
 }
 .central-page-menu{
    display:none;
 }
 .central-page-contenu{
 background:none;
 padding-top:40px
 }
 
.rpp_paris2016V2{
    background:none;
}
.rpp_bouton_accroche{
    background:none;
}
.rpp_accroche_general{
    background:none;
} 
.avenirRPP{
    background:none;
}
.central-page-bas{
    height:50px;
    line-height:auto;
    background:#223858;
}

 .repart2t1t .colgauche {
    width:100%;    
 }

 .repart2t1t .coldroite{    
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    float:none;
    clear:both;    
}

 .repart2t1t .coldroite .PortletColumn .col-item > div{ 
    display:none;    
 }
 
 .repart2t1t .coldroite .PortletColumn .col-item .ID_p1_1515587{ 
    display:block;    
 }
 
.header-espace-partenaire-bouygues{
    height:auto;
}
.texteEspacePartenaire{
width:100%;
padding-top:0px;
}
 
.paddingHeaderBouygues{
padding-top:65px;
} 
.header-partenaire{
    height:78px;
}

.evene-header-fluid-middle-inner{
    width:100%;
}
 
.prompt{
width:90%;
}
.popinPanier{
width:90%;
}

.contenu .tabpanier td{
    padding: 10px 8px;
}
 .ALaUne {
    width: 100%;
    margin-left:10px;
    marging-right:10px;

 }
 .ALaUne .resume{
    float:none;
    width:auto;      
    font-size: 1.3em;
    line-height: 1.4em;    
 }
 .ALaUne .visuel{
    width:95%;     
    padding-right:3px;
    padding-left:3px;
    clear:both;  
    box-sizing: border-box;  
    text-align:center; 
    float:none;
 }
 .ALaUne .visuel img {
    width: 100%;     
    max-width:400px;
 }
 
.maintenancepopin{
width:100%;
}
 .responsiveImg{
 width: 100%; 
 }
 
 .image-modal img{
  width: 100%; 
 }
 .list-liens .titreGroupe h2{
    font-size: 1.5em;
 }
 .list-liens ul li h3{
     font-size: 1.17em;
     line-height:1.6em;
 }

 .central-page-bas, .plan-site-bas{
    width:100%;
 }
 
 .resumeArt{    
    width:auto;
    float:none;
    max-width:540px;
    font-size: 16px;
    line-height: 1.4em;
    
 }
 .contenu-extrait-article p{
    font-size: 16px;
    line-height: 1.4em;
 }
 
  .contenu-extrait-article ul{
    font-size: 16px;
    line-height: 1.4em;
 }
 
 .photoArt{
    display:inline;
    width: 125px;
    float:left;
 } 
 
 .produitsBoutiqueMV ul li .visuel{
 width:120px;
 tetx-align:left;
 }
 
 .produitsBoutiqueMV ul li .infos{
 font-size:1.4em;
 line-height: 1.5em;
 }

 .responsiveHidden{
    display:none;
 }
 .responsiveDisplay{
    display:block;
 }
 
.lilleEdition, .parisEdition{
width:100%;
}

.intro-article .texteMHS{
float:none;
width:100%;

}
.intro-article .texteMHS .blocprix{
font-size:0.9em;
}

.bloc-ombre .contenu-boutique-magazines .prix-magazine, .bloc-ombre .contenu-boutique-magazines .violet{
    font-size:0.9em;
    line-height: 0.9em;
    
}


.bloc-ombre .contenu-boutique-magazines .descriptif{
font-size:1.4em;
line-height: 1.5em;
}


.resultats-recherche .liste-recherche dt .type{
display:none;
}

.resultats-recherche .liste-recherche dd .typeResponsive{
display:block;
}

.resultats-recherche .liste-recherche{
font-size:1.4em;
line-height: 1.5em;
}

.resultats-recherche .liste-recherche dt, .resultats-recherche .liste-recherche dd{
padding-right:0px;
}

.intro-article .gris{
width:100%;
clear:both;
}
.connexion-lecture-dossier .bloc-achat .list-boutique{
    width:100%;
}

.ariane{
padding-top:5px;
}

.deuxcols .colun{
    width:100%;
}
.deuxcols .coldeux{
    width:100%;
}

.searchinteg, .searchintegForum, .pagination-firstMed, .pagination-lastMed, .evenementImg, .pagination-first, .pagination-last {
    display:none;
}

.pagination-rechercheMed, .pagination-recherche {
margin:auto auto;
width:100%;
}

.pagination-rechercheMed .pagination-precMed, .pagination-recherche .pagination-prec{
width:auto;
padding-left:5px;
}

.pagination-rechercheMed .pagination-numMed, .pagination-recherche .pagination-num{
width:50%;
}
.pagination-recherche-innerMed, .pagination-recherche-inner{
margin:auto auto;
width:100%;
}

.pagination-recherche-innerMed .pagination-nextMed, .pagination-recherche-inner .pagination-next{
float:right;
width:auto;
padding-right:5px;
}


.reponse .content, .survey, .survey .survey-content, .contenu .tabpanier, .connexion-lecture-dossier .bloc-achat{
width:100%;
box-sizing: border-box;
}

.central-page h1, .contenu-extrait-article, .intro-article{
margin-left:0px;
}

.loginLog{
width: 100%; float:left;padding-bottom:20px;
}
.authLog{
border-left:0px solid gray; padding-left:0px; margin-left:0px; width: 100%; float:left; text-align: left;border-top:1px solid gray;padding-top:20px;
}

.OffrePremium div p {
margin : 0 0;
}

.contenu-extrait-article, .intro-article{
font-size:1.4em;
line-height: 1.5em;
}

.articles-dossiers{
padding: 0px 0px;
}

.bloc-ombre .contenu .item p, .bloc-ombre .contenu .item-sep p{
    font-size:1.4em;
    line-height: 1.5em;
}
.bloc-ombre .contenu .item h3, .bloc-ombre .contenu .item-sep h3{
    font-size: 1.2em;
    font-weight: bold;
}

.bloc-ombre .contenu .item .txt, .bloc-ombre .contenu .item-sep .txt{
    float:none;
    width:100%;
}
.resultats-recherche .module-recherche .tri{
margin-top:10px;
display:block;
}

.contenu-boutique-magazines-last-numero{
width:100%;
height:auto;
}
.contenu-boutique-magazines-last-numero .magazine-item, .contenu-boutique-magazines-last-numero .magazine-item .visuel{
float:left;
width:100%;
}
.contenu-boutique-magazines-last-numero-aboWeb{
width:100%;
height:auto;
margin-left:0px;
}
.contenu-boutique-magazines-last-numero-aboWeb .magazine-item .descriptif .titre-magazine{
    height:auto;
}
.description-marque{
    float: left; height: auto; width: 100%; padding-left: 0px;
}
.service-bloc{
    float:left;margin-top: 0px; padding-left:0px;width:100%;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.outilpratiqueAccueil{
height:auto;
overflow:visible;
}
/* Menu */
.mobile-nav{
    display: block;
    z-index: 1000;
    background: #132b4d; 
    background-position:  right center;
    height: auto;
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    color:#fff;  
    box-sizing: border-box; 
}


.menu-btn{
    /*position: absolute;
    display: inline-block;
    left: 20px;
    top: 20px;*/
    cursor: pointer;
    padding-top:8px;
    padding-left:10px;
    width:10%;
    float:left;
    height:40px;
    box-sizing: border-box;
}
.logomobile{
    text-align:center;
    vertical-align:middle;    
    float:left;
    padding-top:3px;
    height:40px;
    box-sizing: border-box;
    width : 80%;
    margin : auto;
}

.partage-btn {
    cursor: pointer;
    padding-top:8px;
    padding-right:10px;
    width:10%;
    float:right;
    height:40px;
    text-align:right;
    box-sizing: border-box; 
}
.partage-btn span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 4px 0;
    background: #989da1;
    z-index: 99;
}

.menu-btn div {
    position: absolute;
    left: 100%;
    top: 64%;
    padding-left: 8px;
    margin-top: -0.50em;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 200;
    vertical-align: middle;
    z-index: 99;
}

.menu-btn span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 4px 0;
    background: #989da1;
    z-index: 99;
}

.responsive-partage{
    display: none;
    position: fixed;
    right: 0;
    top: 40px;
    font-size: 16px;
    border-bottom: #EDEDED solid 1px;
    border-left: #EDEDED solid 1px;
    /*border-right: #EDEDED solid 1px;*/
    -webkit-box-shadow: 0px 2px 2px 0px rgba(245,245,245,1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(245,245,245,1);
    box-shadow: 0px 2px 2px 0px rgba(245,245,245,1);
    border-top: #EDEDED solid 1px;
    width: 100px; 
    box-sizing: border-box;
    background: #132b4d;
    /*height: -moz-calc(100% - 40px);
    height: -webkit-calc(100% - 40px);*/    
    height: auto;    
    z-index: 1001;
    overflow: auto;
    -webkit-overflow-scrolling: touch;    
    text-align:center; 
}

.responsive-partage .partage{
    display: block;    

}

.responsive-partage .partage ul{
    background: #132b4d;
    position: relative;
    display: block;
    padding-left:0px;
}

.responsive-partage .partage li{
    background: #132b4d;
    float: none;
    line-height: 35px;
    width: 100%;
    text-align: center;
    border-bottom: #EDEDED solid 1px;
    position: relative;
    padding: 0;
    list-style-type: none;
}

.responsive-menu{
    display: none;
    position: fixed;
    left: 0;
    top: 40px;
    font-size: 16px;
    border-bottom: #EDEDED solid 1px;
    border-left: #EDEDED solid 1px;
    /*border-right: #EDEDED solid 1px;*/
    -webkit-box-shadow: 0px 2px 2px 0px rgba(245,245,245,1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(245,245,245,1);
    box-shadow: 0px 2px 2px 0px rgba(245,245,245,1);
    border-top: #EDEDED solid 1px;
    width: 280px; 
    box-sizing: border-box;
    background: #132b4d;
    /*height: -moz-calc(100% - 40px);
    height: -webkit-calc(100% - 40px);*/    
    height: 90%;    
    z-index: 1001;
    overflow: auto;
    -webkit-overflow-scrolling: touch;    
}

.responsive-menu .menu-header{
    display: block;    

}

.responsive-menu .menu-header ul{
    background: #132b4d;
    position: relative;
    display: block;
    padding-left:10px;
}

.responsive-menu .menu-header li{
    background: #132b4d;
    float: none;
    line-height: 35px;
    width: 100%;
    text-align: left;
    border-bottom: #EDEDED solid 1px;
    position: relative;
    padding: 0;
    list-style-type: none;
}

.responsive-menu .menu-header li a{
 color:#fff;
}
.responsive-menu .menu-header li:last-child{
    border-bottom: none;
}

.expand {
    display: block !important; 
   /* height: -moz-calc(100% - 150px);
    height: -webkit-calc(100% - 150px);
    height: calc(100% - 150px) ;*/     
}

.responsive-menu .menu-header li .sub-menu{
    display: none;
    font-size: 16px;
}

.responsive-menu .menu-header li .sub-menu li{
    border-bottom: none;
    line-height: 20px;    
    
}

.responsive-menu .menu-header li .sub-menu .lastItem{
    padding-bottom: 5px;
}

.responsive-menu .menu-header ul li .sub-menu ul li{
    font-size:14px;  
}

.open-menu-link{
    display: none;
    position: absolute;
    right: 15px;
    top:0;
    line-height: 35px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}
.menu-header{
    text-transform: uppercase;
}

.menu-item-has-children .sub-menu li{
    text-transform: none;
}

.menu-item-has-children .close{
    line-height: 25px;
    font-size: 50px;
}

.responsive-menu .menu-header li .visible{
    display: block;
}

.menu-header .recherche {
    background: url("../images/recherche_bg_moble.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 22px;
    padding-top: 2px;
    right: 0;
    top: 30px;   
    z-index: 2;
    margin-left:76px;
     
}
.menu-header .recherche .text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #606060;
    font-size: 0.9em;
    margin-left: 4px;
    vertical-align: middle;
    width: 157px;
}

.menu-header .recherche .submit {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 19px;
    margin-left: 4px;
    vertical-align: middle;
    width: 20px;
}
/*Fin Menu*/

    #CRTL_AlertCookieMobile{
    position:fixed;
    border-top: 1px solid #CCCCCC;
    box-sizing: border-box;
    color: #000000;
    font-family: 'PT Sans Narrow',sans-serif;
    font-size: 12px;    
    line-height: 20px;
    background: #9BC0DB repeat-x;  
    bottom:0px;
    left:0px;    
    }

#CRTL_AlertCookieMobile .CBmessage a.CBhide {
    color: #333333 !important;
    display: block;
    font-family: verdana,sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;   
    position: absolute;   
    text-align: center;
    width: 20px;
    bottom:2px;
    right:3px;
}
#CRTL_AlertCookieMobile .CBmessage a {
    color: #003872 !important;
}   
}