/******************************************************************************/
/*                          compOperationsMarketing                           */
/******************************************************************************/

.compOperationsMarketing {
  display: block;
}
#sceneRegion .compOperationsMarketing {
  display:none;
}

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
    width:940px!important;
    background-position:center center!important;
    margin:20px auto;
    position:relative;
    clear:both;
    height:200px!important;
    max-height:200px;
    overflow:hidden;    
  }

 @media screen and (min-width: 768px) {

  #pageRechercheEspritMusique#tousConcerts.pageEtape .compOperationsMarketing {
      display:block;
  }

  #sceneRegion .compOperationsMarketing {
    display:none;
  }

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {

     height:auto;

  }
  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .bottomContentComposants {
  }

  #pageAccueil .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing{
    display:block;
  }

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
    width:940px!important;
    background-position:center center!important;
    margin:50px auto;
    position:relative;
    clear:both;
    height:200px!important;
    max-height:200px;
    overflow:hidden;    
  }

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing > div {;;
  display: none!important;
  }

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing > div h2 {
    background-color: #F7F7F7;
    padding: 10px 15px 5px 15px;
    position: absolute;
    top: 196px;
    width: 96.8%;;;;
  }

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing > div p {
    background-color: #F7F7F7;
    padding: 5px 15px;
    position: absolute;
    top: 234px;
    width: 96.8%;
  }

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing > div span {
    background-color: #F7F7F7;
    padding: 10px 15px;
    display: block;
    width: 96.8%;
    position: absolute;
    top: 260px;
  }
 
 }
 
 @media screen and (max-width: 960px){
  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
    background-size:100% auto!important;
    clear:both;
    width:99%!important;
    height:auto!important;
    min-height:190px;
    background-attachment:fixed;
  }

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
      width: 100% !important;
  }

}
 

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

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
      width: 100% !important;
  }

}

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

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
    background-size:100% auto!important;
    clear:both;
    width:100%!important;
    height:auto!important;
    min-height:205px;
    background-attachment:fixed;
  }

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
      width: 100% !important;
  }

}


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

     .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
      background-size:100% auto!important;
      width:100%!important;
      height:auto!important;
      min-height:148px;
      background-attachment:fixed;
  }

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
      width: 100% !important;
  }

}

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

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
    background-size:100% auto!important;
    width:100%!important;
    height:auto!important;
    min-height:106px;
    background-attachment:fixed;
  }

  .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
      width: 100% !important;
  }

}

@media screen and (max-width: 320px){
   .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
    clear: both;
    height: auto !important;
    width: 100% !important;
    background-size:320px auto!important;
  }
}