@charset "UTF-8";
/**
 * POUR COMPILER LE FICHIER : 
 * à la racine du site, lancer : 
 * $ sass --watch www/css/commun/responsive.scss:www/css/commun/responsive.css
 */
/**
 * Général
 */
@media (max-width: 717px) {
  .bub,
  .bub ~ font {
    display: none; } }
.headphoto {
  height: auto;
  width: auto;
  max-width: 964px; }
  .headphoto img {
    width: 100%; }

#contenu, #bandeau, #surbandeau, #pied {
  width: 100%;
  max-width: 980px; }
  #contenu img, #bandeau img, #surbandeau img, #pied img {
    max-width: 100%; }

img[src*="966h.gif"] {
  max-width: 966px !important;
  width: 100% !important; }

img[src*="/puces/"] {
  max-width: none !important;
  width: auto !important;
  height: auto !important; }

img[src*="575-top50.jpg"] {
  max-width: 100%;
  width: 100%; }

img[src*="2014/concours.jpg"] {
  max-width: 100%;
  width: 100%; }

@media (max-width: 480px) {
  td > .floatleft {
    margin: 0 !important; } }

@media (max-width: 480px) {
  .contenu {
    padding: 0; } }

.contenu .colonne1 {
  width: 100%;
  max-width: 450px; }

.contenu .articles {
  width: 100%;
  max-width: 440px; }

@media (max-width: 480px) {
  .articles .item {
    height: 100%;
    min-height: 86px;
    background: none;
    border-bottom: 1px solid #dadada; }
    .articles .item.hover {
      background: none; }
      .articles .item.hover p {
        color: #656565; }
      .articles .item.hover a {
        color: #252525; } }

@media (max-width: 480px) {
  .contenu .colonne2 {
    float: none;
    margin: 0 auto; } }

@media (max-width: 480px) {
  .menu21 {
    text-align: center; } }

/**
 * gestion du menu
 */
@media (max-width: 717px) {
  #surbandeau {
    display: none; }
  #wb_logo{
    display: block;    
  }
  #wb_logo > img{
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
    padding: 0 20px;
  } 
  #site, #site .decor{
    background: none
  }
  #bandeau .bandeau {
    margin-top: 34px;
    padding: 20px 0 ;
    height: auto;   
  }

  #bandeau .menu {
    position: fixed;
    top: -6px;
    left: -6px;
    right: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    height: 40px;
    z-index: 2;
    background: #1084cb;
    box-shadow: 0px 4px 4px 0px rgba(100, 100, 100, 0.7); }
    #bandeau .menu ul {
      float: none;
      width: 717px; }

  #bandeau .menu form {
    display: none; } }
/**
 * Viewer
 */
.entete_contenu .ss_une {
  max-width: 947px;
  width: 100%; }
  .entete_contenu .ss_une .jcarousel-clip-horizontal {
    width: 100%;
    max-width: 947px; }

#ss_une div {
  max-width: 300px;
  width: auto; }

@media (max-width: 480px) {
  .entete_contenu {
    padding: 0; }
    .entete_contenu .ss_une {
      height: auto; }

  #ss_une li {
    height: auto;
    width: auto;
    max-width: 947px; }
    #ss_une li img {
      position: static; }
  #ss_une li + li {
    display: none; }
  #ss_une div {
    position: relative;
    left: 0;
    bottom: 0;
    max-width: none;
    background: rgba(0, 0, 0, 0.7);
    margin: 0;
    padding: 5px 16px; }
    #ss_une div h2 a {
      font-size: 16px;
      line-height: 20px; }
    #ss_une div h2 span {
      margin: 0 0 7px 0; } }
/**
 * News
 */
@media (max-width: 717px) {
  .b618 {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    width: auto; }
    .b618 .floatleft.margright10 {
      margin: 0;
      padding: 0 12px; }

  #contenu > table {
    margin: 0 !important; }

  .b572 {
    width: auto; }

  .b572t {
    width: auto; }

  .b571 {
    background: none;
    width: auto; }

  .b571b {
    background: none;
    width: auto; }

  .b618b {
    background: none;
    width: auto; }

  .b618t {
    background: none;
    width: auto; }

  .b571t {
    background: none;
    width: auto; }

  .b335 {
    width: auto;
    background: #f6f6f6;
    border-radius: 5px; }

  .b335t {
    width: auto; } }
/**
 * billeterie 
 */
@media (max-width: 717px) {
  .b618 > table {
    display: block; }
    .b618 > table tbody, .b618 > table tr, .b618 > table td {
      display: block;
      width: auto; }

  .b275t {
    background: none;
    margin: 0 auto; }

  .b275sin,
  .b275alb {
    margin: 0 auto; }

  .b275 {
    background: #f7f7f7;
    padding: 12px;
    margin: 0 auto; }
    .b275 > img {
      width: 90px; }
    .b275 + .clearboth2 {
      padding-top: 0; }

  .b301 {
    background: none;
    width: auto; }

  .b301t {
    background: none;
    width: auto; } }
/**
 * Clips
 */
@media (max-width: 480px) {
  .b618 > .floatleft {
    float: none; }
    .b618 > .floatleft > .clearboth1 {
      padding-top: 0; } }
/**
 * Playslist
 */
@media (max-width: 717px) {
  .b572 {
    min-height: 95px;
    height: auto !important;
    background: #f6f6f6;
    border-radius: 5px; } }
/**
 * Article
 */
#content-head ul {
  max-width: 959px;
  width: auto; }
  @media (max-width: 480px) {
    #content-head ul {
      position: relative; } }

.headnophoto {
  width: auto;
  max-width: 964px; }

.b618 {
  background: #ffffff none repeat scroll 0 0;
  width: auto;
  max-width: 577px; }
  @media (max-width: 480px) {
    .b618 {
      border: 0; } }

.b618b {
  width: auto;
  max-width: 618px; }

.b618t {
  width: auto;
  max-width: 618px; }

.AR_1.ob-widget {
  min-width: 180px;
  width: auto !important;
  max-width: 620px !important; }

#share {
  width: auto;
  max-width: 556px;
  overflow: hidden; }
  #share .pw-widget {
    width: 556px; }
  @media (max-width: 717px) {
    #share {
      position: fixed;
      top: 40px;
      left: 0;
      right: 0; }
      #share .total,
      #share .pw-button-counter {
        display: none; } }

@media (max-width: 480px) {
  .actu {
    padding: 0 12px; } }
.actu > img {
  width: 100%; }
.actu iframe {
  max-width: 100% !important;
  width: 100% !important; }

@media (max-width: 480px) {
  h1.news {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 30px;
    padding: 0 12px;
    box-sizing: border-box; } }

#aswift_0_expand {
  min-height: 60px !important;
  height: auto !important;
  width: auto !important;
  max-width: 468px !important; }
  #aswift_0_expand #aswift_0_anchor {
    min-height: 60px !important;
    height: auto !important;
    width: auto !important;
    max-width: 468px !important; }

/*# sourceMappingURL=responsive.css.map */