@media screen and (min-width: 1001px) and (max-width:1250px){  
  #topMenu .mod-menu > li:last-child > ul {right:0;width:250px;} 
  #topMenu .mod-menu > li:last-child > ul::before{display:none;}
}
  @media screen and (min-width: 1001px) {  
    #mobileMenuBtn{display:none;}
  /*** MENU ****/
  #topMenu .mod-menu {display:flex;align-items:center;height:100%;}
	#topMenu .mod-menu a, #topMenu .nav-header{display:block;height:100%;padding:5px 10px;margin:3px 10px;}
  #topMenu .mod-menu > li > a{margin:0 10px;}
		#topMenu .mod-menu > li {height:100%;line-height:80px;}
  /*** MENU LVL 2 ***/
  #topMenu .mod-menu > li > ul{position:absolute;line-height:1.2em;padding:20px;visibility:hidden;opacity:0;
		-webkit-transition: opacity .3s;
						transition: opacity .3s;}
  #topMenu .mod-menu > li:last-child > ul{max-width:250px;}
	#topMenu .mod-menu > li:hover > ul{visibility:visible;opacity:1;}
  #topMenu .mod-menu > li > ul a, #topMenu .nav-header {height:auto;white-space: nowrap;}
  #topMenu .mod-menu > li > ul::before{content:'';position:absolute;left:2em;bottom:100%;border-bottom:10px solid #00418c;border-left:15px solid transparent;border-right:15px solid transparent;}

    #topMenu .item-119 > ul,
    #topMenu .item-129 > ul {display:flex;}
      #topMenu .item-129 > ul {transform:translatex(-50px);}
        #topMenu .item-129 > ul::before {transform:translatex(50px);}
      #topMenu .nav-header {padding-bottom:2px;font-weight: 500;border-bottom:1px solid;padding:8px 0 2px; margin:0 10px 5px;}
        #topMenu .mod-menu .item-129 > ul > .item-262 {margin-left:20px;}
        #topMenu .mod-menu .item-119 > ul > .item-123 li a,
        #topMenu .mod-menu .item-129 > ul > .item-151 li a,
        #topMenu .mod-menu .item-129 > ul > .item-262 li a {font-size:0.9em;padding:2px 10px;margin:0;}


    /** Menu link hover effect **/
    .mod-menu ul a::after{content:'';display:block;width:2em;border-bottom:1px solid;opacity:0;
      -webkit-transform-origin:0 0;
              transform-origin:0 0;
      -webkit-transform:scaleX(0);
              transform:scaleX(0);
      -webkit-transition:opacity 0.2s, -webkit-transform 0.2s;
              transition:opacity 0.2s, 					transform 0.2s;}
    #footer .mod-menu li.item-150 li a::after{content:none;display:none;}
      .mod-menu ul a:hover::after{opacity:1;
        -webkit-transform:scaleX(1);
                transform:scaleX(1);}

}

@media screen and (max-width: 1000px) {
  /***Menu **/
  #topMenu .mod-menu {position:absolute;max-width:100%;right:0;top:100%;height:auto;padding:0 5% 5%;}
  #topMenu .mod-menu > li > a{display:block;font-weight: 500;margin:1em 0 0.2em;}
  #topMenu .nav-header {display:inline-block;border-bottom:1px solid;font-weight: 500;margin-bottom:0.2em;white-space: nowrap;}
  #topMenu .mod-menu a {white-space: nowrap;}
  /*** level 2 ***/
  #topMenu .mod-menu > li > ul{padding:5%;}
    #topMenu .mod-menu > li > ul a{display:block;margin:0.2em 0;padding:0.1em 0;}
    #topMenu .item-123,#topMenu .item-151,
    #topMenu .item-123,#topMenu .item-262  {font-size:0.9em;padding:0.2em;}

  /*** Slide in menu ***/
  #topMenu .mod-menu{
    -webkit-transform:translate3d(100%,0,0);
            transform:translate3d(100%,0,0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
            transition:         transform .3s ease-in-out;}
    #topMenu .mod-menu.open{
      -webkit-transform:translate3d(0%,0,0);
              transform:translate3d(0%,0,0);
    }
    /*** Menu Bottom ***/
    #footer .mod-menu > li{width:48%;margin:20px 0;}
    #footer .mod-menu .item-150 .tags{display: block;}
      #footer .mod-menu .item-150 .tag{display:inline-block;}

  .maxWidth{padding-left:2.5%;padding-right:2.5%;}
  .maxWidth.slideshowContent,
  .maxWidth.itemBreadcrumb,
  .maxWidth.itemHeader,
  #itemGrid > header.maxWidth {padding-left:0;padding-right:0;}

  .fullSizeImg .itemImage{padding-bottom:100px;}



  #itemGrid .tags{padding-left:2.5%;padding-right:2.5%;}
}

@media screen and (max-width: 900px) {
  .slideshowImage picture, .slideshowImage img{padding-bottom:100px;}
  .laUne{display:none;}
  .slideshowItem{padding:0.8em 1em;}
    .slideshowItem h2{font-size:1.2em;}
    .slideshowItemText{max-height:3.6em;overflow:hidden;text-align:left;}

  .footerBottom .logo img{height:auto;}

  .itemFullText .sigplus-gallery ul li {width:32%;}

}

@media screen and (max-width: 750px) {

  h1,h2.borderLeft, h3.borderLeft, .borderLeft h1{font-size:1.5em;}
  h2{font-size:1.5em;}
  h3{font-size:1.2em;}
  h4{font-size:1em;}

  .slideCom{font-size:0.8em;}
  .semItem{flex-wrap: wrap;}

  .actuItem{width:48%;}

  .infosPratiques a{width:31%;max-width:31%;}

  .catItem{width:100%;}

  .itemFullText{text-align:left;}

  #itemGrid .tags{text-align:left;}

}

@media screen and (max-width: 650px) {
  h1, h2.borderLeft, h3.borderLeft, .borderLeft h1{padding:0.5em;}
  #slideshow{padding-top:0;}
  .slideshowImages{position:relative;}
    .slideshowImage::before{content:'';display:block;padding-bottom:43%;}
    .slideshowImage picture, .slideshowImage img{padding-bottom:0;}
  .slideshowContent{display:block;}
    .accesRapide{width:auto;margin:2.5%;}
      .accesRapide .mod-menu li{font-size:1em;margin:0.5em 0;}

  .enSem{display:block;margin:2.5% auto;}
    .ens{display:none;}
    .sem{width:auto;}


  .fullSizeImg .headerInfo{padding:0 0.5em;}
  .smallImg .itemImageBlock{max-width:30%;margin:2.5em 2.5% 1% 0;}
    .smallImg .itemImageBlock figcaption{font-weight:300;margin:0.5em 0;}
  .smallImg .itemFullText{padding:2.5em 2.5%;}
  .smallImg .itemImageBlock .itemIcon{padding:12%;}
    .smallImg .itemImageBlock .itemIcon svg{width:100%; height:auto;}
  .fullSizeImg .headerInfo  .dateTags{flex-wrap: wrap;}
  .breadcrumb{padding:0.2em 0.5em;}

  .contact{display:block;}
    .contactLeft, .contactRight {width:auto;overflow:hidden;}
      .contactLeft .thumbnail {width:150px;}
    .contactRight{margin-top:2.5em;}

    .itemFullText .sigplus-gallery ul li {width:49%;}
}

@media screen and (max-width: 550px) {

  body{font-size:16px}
  .infosPratiques svg{width:45px;height:45px;}
  .dirImage,
  .footerBottom  .logo {display:none;}
  #bottomBar > * {display:block;}
    #bottomBar .copyright::after{content:'';display:block;margin:1em 0;}
}
@media screen and (max-width: 450px) {
  .infosPratiques a{width:49%;max-width:49%;}
  .caItemInfo .catItemImage{display:none;}
  .actuItem{width:100%;}
}