/* small screen ~784px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 49em) {
  #sidebarRight { float: left; width: 30%; }
  #maincontent { float: left; width: 70%; }
  #pageContent, #pageIndexContent { 
    background-image: url("../images/pays_pyrenees_cathares_pagecontent_back.png");
    background-repeat: repeat-y;
    background-position: right top;
    background-size:30% 100%;
  }
}

/* medium screen ~1008px                                       */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 63em) {
  #sidebarRight { float: left; width: 25%; }
  #maincontent { float: left; width: 75%; }
  #pageContent, #pageIndexContent { 
    background-image: url("../images/pays_pyrenees_cathares_pagecontent_back.png");
    background-repeat: repeat-y;
    background-position: right top;
    background-size:25% 100%;
  }
}


/* small screen ~768px */
@media (max-width: 48.99em) {
  .footerExtra {
    float: left;
	  width: 25%;
	  height: 3em;
	  line-height: 3em;
	  vertical-align: middle;
		text-align: center;
  }
	.sideToggleOpen { display:inline-block; width: 100%; height: 2.9em; line-height: 2.9em; }
	.footerExtra a img  { display: inline-block; vertical-align: middle; max-height: 2.9em; }
}

/* small screen ~768px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 48em) {
  .navbar .nav .dropdown:hover a span.ico-rotate {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
  }
  .navbar .dropdown:hover .dropdown-menu {
    visibility: visible;
  }
  .navbar .dropdown:hover .dropdown-menu li:first-child { margin-top: 0.25px; }
  .navbar .dropdown:hover .dropdown-menu li:not(:first-child) { margin-top: 1px; }
}