@media (max-width: 768px) {
  div.tx-jfmulticontent-pi1 {
    display:none;
  }
  body {
    background: #c0c0c0 url("../images/body-background-mobile.jpg") 50% 0 no-repeat;
  }
  #main {
    overflow: auto;
  }
  /* mobile typographie */
  p {
    font-size: 160%;
  }
  h1,h2,h3,h4 {
    font-weight: bold;
  }
  h1 {
  font-size: 205%;
  margin-top: 20px;
  }
  h2 {
  font-size: 190%;
  }
  h3 {
  font-size: 175%;
  }
  h4 {
  font-size: 160%;
  }
  /* General */
  *{
    max-width: 768px;
  }
  img {
    max-width: 100%;
    margin: 0 auto;
  }
  .ym-wrapper {
    width: 100%;
  }
  aside.ym-col1, div.ym-col3, div.ym-cbox, div.ym-column  {
    width: 100%;
    padding: 0;
    float: left;
    clear: both;
  }
  p {
    max-width:100%;
  }
  
  /* Logo */
  .ym-g33 .ym-gbox {
    border-bottom: 1px solid #c7c7c7;
    clear:both;
    padding: 0 0 1.5em;
  }

  .ym-g60 .ym-gbox:first-child {
    margin: 50px 0 0 0;
  }

  header {
    background-size: 100% auto;
    padding-top: 30%;
  }
  .ym-wbox header h1 {
    display: none;
  }
  /*
  div.ym-col1, div.ym-col3 {
    max-width: 640px;
  }
  */
  h1 {
  
  }
  /* Header */
  #searchbar {
    width: 70%;
    height: 36px;
    padding: 1em 5% 1em 0;
  }
  div .ym-searchform * {
    float: right;
  }
  div .ym-searchform .ym-searchfield  {
    display: block;
    width: 80%;
    height: 46px;
    line-height: 26px;
    padding: 10px 0;
    color: #FFF;
  }
  .ym-wrapper nav#nav .ym-searchbutton {
    display: block;
    width: 15%;
    height: 85%;
    background: url("../images/search.png") no-repeat center right;
    background-size: contain;
    outline: none;
  }
  .ym-wrapper nav div.navigation-toggle {
    width: 15%;
    height: 36px;
    padding: 1em 0 1em 5%;
    float: left;
  }
  .ym-wrapper nav div#nav-trigger {
    height: 85%;
    margin: 5% 0 0 0;
    background: url("../images/navigation.png") no-repeat center left;
    background-size: contain;
  }
  .ym-wrapper   nav .icon-menu:before {
    content: "";
  }
  .ym-searchform {
    float: right;
  }
  aside.ym-col1 {
  }
  .sf-vertical, .sf-vertical li, .sf-vertical li ul, .sf-vertical li ul li {
    width:100%;
  }
  nav#nav div.ym-hlist ul {
    display: none;
  }
  .ym-hlist {
    width: 100%;
    margin: 0;
  }
  
  .enabled {
    display: block;
  }
  .disabled {
    display: none;
  }
  
  /* Disabling navigation's CSS for mobile */
  .sf-menu li:hover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: none;
  }
  .ym-vlist a {
    font-size: 160%;
  }
  ul.sf-menu li ul a {
    font-size: 150%;
    padding-left:40px;
  }
  ul.sf-menu li ul {
    position: relative;
    top: 0;
    width:100%;
  }
  
  .sf-menu li:hover ul, .sf-menu li.sfHover ul {
    top: 0;
    width:100%;
    z-index: 99;
  }
  .sf-menu li:hover li ul, .sf-menu li.sfHover li ul {
    top: 0;
    width:100%;
  }
  .sf-menu li li:hover ul, .sf-menu li li.sfHover ul {
    top: 0;
    width:100%;
  }
  .sf-menu li li:hover li ul, .sf-menu li li.sfHover li ul {
    top: 0;
  }
  .sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul {
    top: 0;
    width:100%;
  }
  .sf-vertical, .sf-vertical li {
    width: 100%;
  }
  .sf-vertical, .sf-vertical li ul li {
    width: 100%;
  }
  .sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
    top: 0;
    width:100%;
    left:0;
    right:10px;
  }
  
  /* Content */
  
  .breadcrumb {
    clear: both;
    display:none;
  }
  
  .ym-gl, .ym-gr {
    width: 90%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0 5% 20px;
    border: 0;
    border-bottom: 1px solid #c7c7c7;
    
  }
  article:last-child {
    border-bottom: 0;
  }
  section.ym-grid {
    display: block;
  }
  .ym-cbox div.ym-gbox img.float-left, .ym-cbox div.ym-gbox img.float-right, .ym-cbox div.ym-gbox img {
    clear: both;
    margin: 15px 0;
    width: 100%;
  }

  /* Footer */
  footer {
    margin: 0;
  }
  footer div.footer_navi ul li:last-child {
    margin-bottom: 15px;
  }
  footer div.footer_navi ul li {
    margin: 0 0 10px;
    padding: 0 2.5%;
    float:left;
    width: 45%;
    text-align:center;
  }
  /*
  footer div.footer_navi ul li:first-child a, footer div.footer_navi ul li:nth-child(3) a {
    float:right;
  }
  */
  
  footer div.footer_navi span {
    display: block;
    float: none;
    margin: 0;
    padding: 15px 0 15px 0;
    text-align: center;
  }
  footer div.footer_navi ul {
    margin: 1.5em 0 0 0;
  }
  footer div.footer_navi ul li {
    margin: 0 0 1.5em 0;
  }
  footer div.footer_navi span,
  footer div.footer_navi ul li a {
    font-size: 120%;
    text-shadow: none;
    font-weight: normal;
    color: #F36523;
  }

  .ym-backtotop a {
    display: block;
  }

  /* LDI */
  .tx-jfmulticontent-pi1 {
    display: none;
  }
  div#main {
    background-color: #fff;
  }
  ul.menu-level2 {
    display:none;
  }

  .breadcrump {
    display: none;
  }
  #main {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  section.info div.csc-textpic-imagewrap {
    width: auto !important;
  }
  
  div[id^="loadinfo-"] {
    /* padding-top: 0px !important; */
    padding-left: 0px !important;
    width: auto !important;

  }
  div.csc-textpic-imagewrap{
    width: auto !important;  
  }
  article.ym-g60 {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .footer_navi ul li a {
    margin: 0 !important;
    font-size: 100% !important;
  }

  section div.csc-textpic-imagewrap {
    height: auto !important;
  }

  section div.csc-textpic-imagewrap img {
    height: auto !important;
    width: auto !important;
  }

  .ym-backtotop a {
    width: auto !important;
  }

  dl.csc-textpic-image,
  dl.csc-textpic-image img {
    height: auto !important;
    width: auto !important;
  }

  div[id^="loadinfo-"] div {
    background-color: #fff;
    padding: 7px;
    opacity: 0.8;
  }
  div[id^="loadinfo-"] div p {
    line-height: 18px;
    font-size: 14px;
  }
  .ym-backtotop a:hover,
  .ym-backtotop a:active {
    color: #F36523 !important;
  }
  h5 {
    font-size: 166.67%;
    font-weight: bold;
    clear:both;
  }
  /* LDI */
}
 
@media (min-width: 768px) {
  aside#navigation {
    display:block;
  }
  nav#nav form.ym-searchfield {
    display: block;
  }
  div[id|='loadinfo-'] {
    padding-top: 0px !important;
    padding-left: 0px !important;
    width: auto !important;
  }
}

.ym-vlist ul {
  background-color:#10debe;
} 

#header {
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/youngdata-responsive/images/young-data-logo.png',sizingMethod='crop');
}