/* Base */

/*
* {
 box-sizing: border-box;
/* box-sizing est appliqué à tous les éléments */
}
*/

html {
    font-size: 62.5%;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0; 
} 

/* Website background color and default font styles */
body {
  background: #fff;
  max-width: 1280px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #000;
  font-family: Lato;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.2;
}

/* Content DESKTOP */

.But-spacer {
  height : 40px; 
}    

.But-titres {
  font-family: Lato;
  font-size : 1.4rem;
  font-weight: bold;
  padding : 15px;
  text-align : center;
}

.But-offre-speciale {
    display: block;
    text-align: center;
}

.But-remises {
  max-width: 100%;
  display : inline-block;
  margin: auto;
}

.But-carte {
  max-width: 100%;
  display : inline-block;
  margin: auto;
}

.But-bons-plans-textes {
    font-family: Lato;
    font-size : 1.2rem;
}

.But-assistant-demenagement{
    width : 640px;
    height : 290px;
    background-color: #CCC;
    color : 666;
    text-align : center;
}

a#cta_button_3385629_ea094fd6-183a-4015-9765-81b22f40dc1a {
    display: block;
    margin: 0;
}

.But-prestataires-categories {
    font-family: Lato;
    font-size : 1.2rem;
    font-weight : bold;
}

.But-prestataires-textes {
    font-family: Lato;
    font-size : 1.2rem;
}

.But-cartons {
    font-size : 1.2rem;
}

.But-cartons-titre {
    display : inline-block;

}

.But-cartons-cta {
    display : inline-block;
}

.But-liste-articles {
    background-color:#EEEEEE;
    padding:0 30px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.But-articles {
    background-color:#FFFFFF; 
    max-width: 234px;
    width: 100%;
    margin: 15px auto;
}

.But-articles-titres {
    font-family: Lato;
    font-weight : bold;
    font-size : 15px;
}

.But-articles-textes {
    font-family: Lato;
    font-size: 13px;
    display: block;
    display: -webkit-box;
    max-width: 225px;
    width: 100%;
    height: 67px;
    margin: 0 auto;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#menu_footer {
    font-size: 1.0rem;
}

.But-MentionsLegales {
    font-size: 14px;
    font-family: Lato;
    padding: 10px;
}

/* CONTENT RESPONSIVE */
@media screen and (max-width:767px) {

.span12.widget-span.widget-type-space.But-spacer-mon-assistant-demenagement{
    display: none;
}

a#cta_button_3385629_ea094fd6-183a-4015-9765-81b22f40dc1a {
    display: block;
    margin: auto;
}

.But-carte {
  display : inline-block;
  margin: auto;
}

.But-carte img {
 max-width: 50%;
}

.But-remises img {
  max-width: 95%;
}

.But-remises {
  display : inline-block;
  margin: auto;
    }    
    
.But-offre-speciale {
    display: block;
    text-align: center;
}

.But-MentionsLegales {
    margin-top: -20px;

}
}

/* Popin */

.content-popup-bmp .content-btn-ddr  {
    position: fixed;
    z-index: 10;
    bottom: 0;
    padding: 1rem;
    display: block;
    width: 100%;
    background: ;
} 

.content-popup-bmp .content-btn-ddr a {
    display: block;
    position: relative;
    max-width: 15.0rem;
    width: 100%;
    padding: .8rem;
    margin: 0 auto;
    border-radius: 1.0rem;
    background: #e2001a;
    border: solid 2px #e2001a;
    border-right: none;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    text-decoration: none;
}

.content-popup-bmp .content-btn-ddr a:before {
    content:'\68';
    font-family: "bemovepro-partenaires" !important;
    position: absolute;
    left: 20%;
    top: 0.3rem;
    font-size: 2.5rem;
}


@media only screen and (min-width: 1200px) {
    .content-popup-bmp .content-btn-ddr a:hover:before {
        content:'\65';
        font-family: "bemovepro-partenaires" !important;
        position: absolute;
        left: 0;
        top: 1.5rem;
        font-size: 4rem;
    }
    .content-popup-bmp .content-btn-ddr a:hover:after {
        content:'';
        background-image: url('https://cdn2.hubspot.net/hubfs/3385629/BemovePro-partenaires/icones/ico_phone-calling.gif');
        background-repeat: no-repeat;
        position: absolute;
        top: 20px;
        width: 45px;
        height: 45px;
        right: -7px;
        background-size: 41%;
    }
} 

.body-modal-bmp {
      position: relative;
      background: url('https://cdn2.hubspot.net/hubfs/3385629/BemovePro-partenaires/images/bg-form-opposition.jpg') no-repeat 0 0;
      background-size: cover;
      padding: 1.0rem;
      width: auto;
      max-width: 24.0rem;
      margin: 2.0rem auto;
      border-radius: 1.0rem;
   -moz-box-shadow: 0px 0px 20px 0px #000000;
    -webkit-box-shadow: 0px 0px 20px 0px #000000;
    -o-box-shadow: 0px 0px 20px 0px #000000;
    box-shadow: 0px 0px 20px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=20);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.body-modal-bmp .mfp-close {
    width: 2.0rem;
    height: 2.0rem;
    background: #ffffff;
    line-height: 0;
    border-radius: 50%;
    margin: 1.5rem;
}

.body-modal-bmp p {
    margin: 1.0rem auto;
}

.body-modal-bmp .title-modal {
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
}

.body-modal-bmp .item-modal-bmp {
    background: #fff;
    padding: 1.0rem;
    text-align: center;
}

.body-modal-bmp .item-modal-bmp .sous-title-modal {
    font-size: 1.2rem;
    font-weight: 700;
}

.body-modal-bmp .item-modal-bmp a {
    font-size: 1.4rem;
}

.body-modal-bmp .item-modal-bmp .infos {
    font-size: 1.0rem;
}


@media only screen and (min-width: 1200px) {
.content-popup-bmp .content-btn-ddr  {
        top: 50%;
        right: 0;
        padding: 0;
        display: block;
        width: 8.0rem;
        height: 8.0rem;
        background: transparent;
}
.content-popup-bmp .content-btn-ddr a {
        position: relative;
        max-width: 85%;
        height: 25%;
        padding: 7rem .8rem 2.5rem;
        border-radius: 0;
        border-top-left-radius: 1.0rem;
        border-bottom-left-radius: 1.0rem;
}
.content-popup-bmp .content-btn-ddr a:before {
        font-size: 4rem;
        left: 0;
        top: 1.5rem;
        right: 0;
}
}


@media only screen and (min-width: 480px) {
.body-modal-bmp .title-modal {
        font-size: 1.4rem;
}
.body-modal-bmp .item-modal-bmp .sous-title-modal {
        font-size: 1.4rem;
}
.body-modal-bmp .item-modal-bmp a {
        font-size: 2.0rem;
}
}