/*
    global layout
*/
html{
  height:100%;

}
body{
  min-height: 100%;
}
html, body{
  background:#eee;
  width:100%;
  margin:0 auto;
  text-align:center;
  font-family:"Helvetica Neue", "Lucida Grande", "Trebuchet MS", sans-serif;
}
#container{
  padding:0px;
  background:#fff;
  margin:0 auto;
  max-width:900px;
}
h1{
  font-size: 22px;
  margin:5px 0 5px;
  text-align: center;
}
h2{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
h3{
  font-size:18px;
  margin-top:10px;
}
.spacer{
  clear:both;
}
.center{
  text-align:center;
}
.mt10{
  margin-top:10px!important;
}
.mb10{
  margin-bottom:10px!important;
}
.sharing_title{
  margin-top:10px;
}
.addthis_native_toolbox{
  margin:10px;
}

#map {
  height: 220px;
  clear:both;
}

#shopHeader {
  margin-top:25px;
  background-color: #fff;
  padding: 5px;
  /* border: 1px solid #999; */
  text-align: center;
  overflow:hidden;
}

#shopHeader .shopPhoto{
  float:left;
  max-width:40%;
}
#shopBox.notFullPage #shopHeader .shopPhoto{
  max-width:40%!important;
}

#shopHeader .socialLink img,
#shopHeaderModal .socialLink img{
  max-width: 32px;
}
#shopInfos{
  text-align: left;
  margin-left: 30px;
  float:left;
  padding-left:20px;
}

#shopInfos p{
  font-size:16px;
}
#shopInfos p.title{
  font-size:24px;
}
#shopInfos span{
  margin-left: -23px;
}
#referralCodeBox{
  background: #eee;
  border:2px dotted #999;
  padding:10px;
}
#referralCodeBox #referralCode{
  font-size:180%;
  width:100%;
  text-align:center;
}
#detailsOfferBox,
.detailsOfferBox{
  float:left;
  text-align:justify;
  padding:0 5px;
  width:55%;
}

#detailsOfferBox div.conditions,
#detailsOfferBox div.offerDates,
#detailsOfferBox div.description{
  padding:10px;
}
#detailsOfferBox div.description p{
  margin:0 0 3px;
}
#detailsOfferBox div,
.detailsOfferBox div,
#detailsOfferBox div.description{
  font-size:14px
}
#detailsOfferBox div.conditions{
    font-size:11px
}
.offerDates{
  font-size:11px;
}
#offerBox,
.offerBox{
  overflow: auto;
  padding:5px;
}
#offerBox.even,
.offerBox.even{
  background: #fafafa;
  border-bottom: 1px dashed #000000
}
#offerBox.odd,
.offerBox.odd{
  /* background: #FFFEE9; */
  border-bottom: 1px dashed #000000
}
#photoBox,
.photoBox{
  float:right;
  width:45%;
  padding:10px 10px;
}
#photoBox img,
.photoBox img{
  max-width:100%;
  margin-top: 20px;
  /*
  border: 1px solid #999;
  */
}
#actionsBox,
.actionsBox{
  margin-top:10px;
}
#actionsBox a,
actionsBox a{
  margin:0 5px;
}


input.form-control{
  margin:10px 0;
}


/******************************************/
/***         Affichage fullPage         ***/
/******************************************/
.fullPage{
  display: none;
}
@media screen and (max-width: 800px)
{
  html, body{
    padding:5px;
  }
  h1{
    margin:0;
  }
  #detailsOfferBox, .detailsOfferBox{
    float:none;
    width:auto;
  }
  #photoBox, .photoBox{
    float:none;
    width:auto;
  }
  #shopHeader .shopPhoto{
    float:none;
    max-width:none;
  }
}


/* LANDING PAGE NEW */

body {
  background-color: white;
}

.logoBox {
  margin-bottom: 10rem;
  padding: 0;
  margin-top: 5rem;
}

#photoBox {
  float: left;
  height: 10rem;
  /*width: 40rem;*/
}

.GiftImage {
  text-align: center;
  margin-bottom: 10rem;
  margin-top: 2rem;
}

.lpFooter {
  background-color: #fff3cc;
  padding: 3rem 0rem;
  margin-top: 15rem;
}

.offerDates {
  font-size: 1.2rem;
  text-align: justify;
  padding-left: 4rem;
}

.offerDates span {
  color: black;
  font-size: 1.2rem;
}

a#shopLink {
  color: black;
}

.findYou p {
  font-size: 1.5rem;
  font-weight: bold;
}

.wlcH1 {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 3rem;
}

#referralCodeBox {
  background-color: #fff3cc;
  padding: 3rem 2rem;
  border: none;

}

.description {
  text-align: justify;
}

.conditions {
  text-align: justify;
  margin-bottom: 5rem;
}

#referralCodeBox #referralCode {
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.5rem;
  margin-top: 1rem;
}

#referralCodeBox h2 {
  font-size: 2rem;
}