@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;
  }
}