/********************************************************
 *              1150
 *******************************************************/
@media screen and (max-width: 1150px) {
  body main > div > .bande, body main > div > .bande2{margin-bottom: 1vw}
  .bande, .bande2, .wrapper-bande{height: 17vw;}
  .wrapper-bande div{border-right: .5vw solid #FFF;}

  main.page > div p{margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px}
}

/********************************************************
 *              980
 *******************************************************/
@media screen and (max-width: 980px) {
  .sliderWrap .videoWrap video{width: auto; height: 100%;}
}

/********************************************************
 *              800
 *******************************************************/
@media screen and (max-width: 800px) {
  body{font-size: 1vw;}
    #avisSlider article{font-size: 1.5em;}
    .photo_id{width: 22%}
    
    .bloc .bloc3{width: 48.75%; margin: 1.25%}
    .bloc .bloc3:nth-child(2){margin-right:0}
    .bloc .bloc3:nth-child(3){width: 100%; margin-left:0}
    main.search .result {width: 47%}
} 

/********************************************************
 *              600
 *******************************************************/
@media screen and (max-width: 600px) {
  body{font-size: 1.25vw;}

  footer {font-size: 1.65vw;}
  footer .footerMenu{width: 100%;border-right: none;border-bottom: 1px solid #999;padding-bottom: 15px;margin-bottom: 15px;}
  footer .footerMenu ul{text-align: center;}
  footer .footerMenu ul li{text-align: left;}
  footer .footerMenu nav > ul > li{padding-bottom: 15px;}
  footer .inlineBlock.w20.verticalMiddle{width: auto; }
  .sliderWrap{height: 250px}

  .page_64 #filters .bloc3{margin-left: 0;}
  .page_64 #filters .bloc3:nth-child(2) h2, #filters .bloc3:nth-child(3) h2{left:-10px;}
  .page_64 #filters .bloc3:nth-child(2) h2{width: 60vw;text-align: center;top: 20px;}
  .books .book h2{font-size:2.5vw ;}
  .books .book h2{font-size:2.5vw ;}
  .books .book{padding-bottom: 95%;}
}

/********************************************************
 *              400
 *******************************************************/
@media screen and (max-width: 415px) {
  .photo_id{width: 35%}
  /*body{font-size: 1.5vw;}*/
  body{font-size: 1.8vw;}
  main > div > p{padding-right: 5vw; padding-left: 5vw; }
  footer {font-size: 2.4vw}
  footer .footerMenu nav > ul > li{max-width: 30%}
  main.search .result {width: 97%}
}

/********************************************************
 *              300
 *******************************************************/
@media screen and (max-width: 300px) {
  body{font-size: 2vw;}
  footer {font-size: 3vw}
}