@media screen and (min-width: 1024px) { #menuMobile{ display:none; } } @media screen and (max-width: 1290px) { .top-menu .first-level li a{ font-size: 14px; } header .link-in-touch a{ font-size: 14px; } } @media screen and (max-width: 1023px) { .simple-container{ padding:0px 10px; } .NLldsj{ padding:0px; width:100%; } .PubLSDJhm { width: 100%; } #menuNavMobile .mm-panel.mm-hasnavbar .mm-navbar{ display:none; } #menuNavMobile .mm-panels>.mm-panel.mm-hasnavbar{ padding-top:0px; } #menuNavMobile .level-1 .mm-next{ display:none; } .share-tool.total{ display:none; } .barNavMobile.total .right{ margin-top:5px; margin-bottom:5px; } .mm-menu{ background-color: #ffffff; } .mm-listview>li:not(.mm-divider):after { border:none; display: block; position: absolute; right: 0; left: 20px; } .mm-listview>li>a, .mm-listview>li>span{ color: black /*white*//*#123d54*/; padding-left: 20px; border:none; background: white /*#27786b*/; } .mm-listview>li.first-0{ border-left:4px solid #f2ad37; } .mm-listview>li.first-1{ border-left:4px solid #55a9c7; } .mm-listview>li.first-2{ border-left:4px solid #b12221; } #mm-1 .mm-navbar{ border-bottom:4px solid #b12221; } .mm-listview>li, .mm-listview>li{ border-bottom:1px solid #d1d5d6; } .mm-navbar, .mm-menu .mm-navbar a, .mm-menu .mm-navbar>*, .mm-menu .mm-btn:after, .mm-menu .mm-btn:before, .mm-menu .mm-listview>li .mm-next:after, .mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after{ border-color:#d1d5d6; color:#27786b; } #mm-1{ padding:0px; } .headerHome, .headerCommon{ padding-top:20px; } .headerCommon{ padding-top:0px; } .mm-panels>#mm-1:before{ height:0px; } #mm-1 .first-level{ margin:0px; } #mm-1 .mm-navbar{ display:none; } .menuDesktop{ display:none; } .icon_menu_burger{ display:block; } .btn-video{ float:none; display: inline-block; margin-bottom:25px; } .bar_nav a{ font-family: 'Roboto', sans-serif; font-size: 13px; margin-bottom: 20px; color:#015791; display:inline-block; } .headerZone{ margin-top:0px; } .barNavMobile{ display:block; } .icon_menu_burger{ margin:0px; background-size: 60% auto; } .headerCommon .section{ font-size:29px; } h1.intern{ margin-top:20px; } /* #menuNavMobile .mm-panel h3, */ /* #menuNavMobile .mm-navbar, */ /* #menuNavMobile .mm-panels>.mm-panel:after, */ /* #menuNavMobile .mm-panels>.mm-panel:before{ */ /* display:none; */ /* } */ /* #menuNavMobile .mm-panels>.mm-panel>.mm-listview{ */ /* margin-top:0px; */ /* margin-bottom:0px; */ /* } */ /* .mm-panels>.mm-panel.mm-hasnavbar{ */ /* padding-top:0px; */ /* } */ .barNavMobile .icon_menu_burger{ background-size: 60% auto; } .barNavMobile .icon_menu_burger span{ font-size: 10px; } .barNavMobile{ border-top:1px solid #859bad; border-bottom:1px solid #859bad; margin-bottom:20px; } .barNavMobile .left{ margin:0px; padding-left:0px; } .barNavMobile .left span{ border-right:1px solid #859bad; line-height:24px; margin-top: 13px; } .barNavMobile .right{ float: left; margin-top: 11px; font-family: 'Roboto', sans-serif; font-size: 13px; } .barNavMobile .right .left{ float:left; line-height:24px; } .barNavMobile .right .right{ margin-top:0px; float:right; line-height:24px; padding-top: 2px; } .theme_page{ padding-top:0px; } .barNavMobile .right .right span{ display:block; float:left; margin:0px; padding:0px; width:30px; background-repeat: no-repeat; background-size: auto 90%; background-position: right 0px; } .barNavMobile a.Facebook{ float: left; line-height: 31px; background-image: url(../images/sdj/fb.png); background-repeat: no-repeat; display: block; width: 25px; height: 20px; background-size: auto 100%; } .barNavMobile a.twitter{ float: left; line-height: 31px; background-image: url(../images/sdj/twt.png); background-repeat: no-repeat; display: block; width: 25px; height: 20px; background-size: auto 100%; } /**/ /*lsdj2 .PubLSDJhm{ width: 60%; } .PubLSDJhmbas{ width: 80%; }*/ /**/ } @media screen and (max-width: 768px) { .petitroboto { width: 100%; font-size: 20px; } .NLldsj{ padding:0px; width:100%; } .PubLSDJhm { width: 100%; } .header__logo img{ max-width:100%; height:auto; /* margin-bottom:10px;*/ } /* .topHeader{ height:auto; }*/ header .link-in-touch{ float:right; } .rootline{ display:none; } .headerHome p{ width:100%; } /*lsdj2 #address_mail{ width:100%; }*/ .mainContent .body{ padding:20px; } .share-tool{ padding:20px; } .share-tool{ margin-left:0px; } .headerZone{ margin-top:20px; margin-bottom:20px; } /**/ .PubLSDJhm{ width: 100%; } .PubLSDJhmbas{ width: 100%; } /**/ .menuInternCommon{ /* display: none;*/ padding: 0; /* float: left; height: 0;*/ /* évite le vide au-dessus de l'article en mobile */ } .menuInternCommon ul.level-0{ display:none; padding: 15px; } #slideMenuIntern{ display: block; } .boutondemilargeur{ width: 90%; } .row{ margin-right: 0px; margin-left: 0px; } } @media screen and (max-width: 425px) { .menuInternCommon .menuContent{ padding: 5%; } .mainContent .body{ padding: 10px; } .share-tool{ padding: 3% 0; } .print-icon{ margin-left:10px; } .titre_last_zone_sdj{ font-size: 26px; } .menuInternCommon .level-0 ul li{ padding-left: 10px; } .mainContent .body .texte_article{ padding: 5% 0; } .menuInternCommon{ padding:0; /* height: 0; *//* évite le vide au-dessus de l'article en mobile */ } /**/ .PubLSDJhm{ width: 100%; } .PubLSDJhmbas{ width: 100%; } #PqLSDJ { font-size:100%; padding:5%; } #AbosCompte span{ display: none; } } @media screen and (min-width: 769px) { .menuInternCommon ul.level-0{ display:block !important; } } @media screen and (max-width: 700px) { .TitrePubLSDJ { font-size: 25px !important; } } @media screen and (max-width: 500px) { .TitrePubLSDJ { font-size: 20px !important; } .top-home-back_white { padding-top: 0; } .headerCommon .section { font-size: 23px; } #address_mail { font-size: 20; } #button_newsletter{ font-size: 20px; } } @media screen and (max-width: 640px) { .petitroboto { font-size: 16px; } .container{ padding-right: 0px; padding-left: 0px; } }