#dp-hh a { text-decoration:none; }
 #dp-hh a img { border: none; }
 #dp-hh *:focus { outline:none }
 #dp-hh img { border:0; display: block; }
 #dp-hh ul, #dp-hh li { list-style: none; }
 #dp-hh * { box-sizing: border-box; }
 #dp-hh fieldset { border:0; }

@font-face {
  font-family: 'AkzidenzGroteskStd-LightCn';
  src: url('fonts/AkzidenzGroteskStd-LightCn.eot?#iefix') format('embedded-opentype'),  
        url('fonts/AkzidenzGroteskStd-LightCn.otf')  format('opentype'),
        url('fonts/AkzidenzGroteskStd-LightCn.woff') format('woff'), 
        url('fonts/AkzidenzGroteskStd-LightCn.ttf')  format('truetype'), 
        url('fonts/AkzidenzGroteskStd-LightCn.svg#AkzidenzGroteskStd-LightCn') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AkzidenzGroteskStd-MdCn';
  src: url('fonts/AkzidenzGroteskStd-MdCn.eot?#iefix') format('embedded-opentype'), 
        url('fonts/AkzidenzGroteskStd-MdCn.otf')  format('opentype'),
        url('fonts/AkzidenzGroteskStd-MdCn.woff') format('woff'), 
        url('fonts/AkzidenzGroteskStd-MdCn.ttf')  format('truetype'), 
        url('fonts/AkzidenzGroteskStd-MdCn.svg#AkzidenzGroteskStd-MdCn') format('svg');
  font-weight: normal;
  font-style: normal;
}


#dp-hh { background:#fff; font-size: 12px; font-family:"NespressoLucas-Regular"; width: 100%; text-align: left; overflow: hidden; }

.dp-hh-container { width: 100%; max-width: 918px; margin: 0 auto; position: relative; left:0; top:0; }
.dp-hh-body { position: relative; left:0; top:0; width: 100%; color:#fff; background:url(images/hh-header-bkgd-d.jpg) center top no-repeat; background-size: cover; height: 450px; overflow: hidden; }

.dp-hh-mobile { display: none!important; }
.dp-hh-br-mobile { display: none!important; }

.dp-hh-footer { background:#fff; color:#e8a045; position: relative; left:0; top:0; padding:16px 0 24px 0; font-size: 11px; line-height: 14px; }
.dp-hh-footer .dp-hh-container { max-width: 810px; }

.dp-hh-button { display:inline-block; font-size: 1.334em; line-height: 1em; border:solid 1px #fff; background: #FFF; border-radius: 2px; color:#18202a; text-transform: uppercase; padding: 10px 20px; cursor: pointer; }
.dp-hh-button:hover { background: transparent; color:#fff; }

.dp-hh-link { display:inline-block; font-size: 1.1667em; line-height: 1em; font-family:"NespressoLucas-SemiBd"; text-decoration:underline; color:#fff; text-transform: uppercase; cursor: pointer; }
.dp-hh-link:hover { text-decoration:none; }

.dp-hh-font-bold { font-weight: bold; }




/* ----  cols  --- */

.dp-hh-content:before, 
.dp-hh-content:after { display: table; content:""; }
.dp-hh-content:after { clear:both; }
.dp-hh-content { text-align: center; }

.dp-hh-left { width: 445px; min-height: 450px; display: block; text-align: center; position: relative; }
.dp-hh-right { width: 628px; display: block; position: absolute; left:393px; top:0; }

.dp-hh-ope { display: block; position: relative; font-size: 95px; line-height: 90px; padding-top: 7px; padding-bottom: 0px; padding-right: 26px; font-family: 'AkzidenzGroteskStd-MdCn'; color:#b8475b; text-align: center; }
.dp-hh-ope sup { position: absolute; font-size: 0.35em; top: 1em; vertical-align: top; letter-spacing: 0.01em; padding-left: 0.1em; line-height: 1.3em; }

.dp-hh-offer { text-align: center; margin-left: -18px;}

.dp-hh-offer-percent { display:block; font-family:"NespressoLucas-semiBd"; position: relative; left:0; top:0; text-align:center; vertical-align: bottom; font-size: 91px; line-height: 0.78em; letter-spacing: -0.05em; padding-bottom: 11px; }
.dp-hh-offer-percent .dp-hh-offer-percent-span { font-size: 0.35em; line-height: 0.9em; vertical-align: top; top: 0; }

.dp-hh-offer-text { text-align:center; font-size: 23px; line-height: 28px; padding-bottom: 20px; }
.dp-hh-offer-text span { font-size: 20px; line-height: 26px; }
.dp-hh-offer-text strong { font-family:"NespressoLucas-Bold"; }
.dp-hh-offer-text sup { position: relative; font-size: 0.7em; line-height: 1em; vertical-align: top; top: 0.3em; padding-left: 0.1em; }

.dp-hh-offer-double:before, 
.dp-hh-offer-double:after { display: table; content:""; }
.dp-hh-offer-double:after { clear:both; }

.dp-hh-offer-double { background:url(images/hh-offer-bkgd-img-d.png) center top no-repeat; width:  462px; height:  245px; display: block; padding-top: 76px;  }
.dp-hh-offer-left { float: left; width: 50%; padding-right: 15px; }
.dp-hh-offer-right { float: left; width: 50%; padding-left: 15px; }

.dp-hh-offer-double .dp-hh-offer-percent { font-size: 54px; line-height: 0.78em; letter-spacing: -0.05em; padding-bottom: 7px; }
.dp-hh-offer-double .dp-hh-offer-text { font-size: 14px; line-height: 16px; padding-bottom: 5px; }
.dp-hh-offer-double .dp-hh-offer-desc { font-size: 12px; line-height: 13px; padding-bottom: 0px; }

.dp-hh-offer-left .dp-hh-offer-percent,
.dp-hh-offer-left .dp-hh-offer-text,
.dp-hh-offer-left .dp-hh-offer-desc { text-align: right; }
.dp-hh-offer-right .dp-hh-offer-percent,
.dp-hh-offer-right .dp-hh-offer-text,
.dp-hh-offer-right .dp-hh-offer-desc { text-align: left; }


.dp-hh-offer-date { text-align: center; font-size: 14px; line-height: 18px; color:#d8d8d8; padding-top: 10px; }
.dp-hh-offer-date strong { font-family:"NespressoLucas-Bold"; }

.dp-hh-offer-cta { display:inline-block; cursor:pointer; color:#fff; background: #bf4a5f; padding: 17px 32px; text-transform: uppercase; font-size: 16px; line-height:16px; letter-spacing: 0.02em; margin-top: 12px; margin-bottom: 20px; -webkit-transition:background 0.2s;  transition:background 0.2s; }
.dp-hh-offer-cta:hover { color:#fff; background: #e8a045; }

.dp-hh-main {  position: relative; }
.dp-hh-main-media { position: relative; }
.dp-hh-main-action { position: absolute; left:157px; top:388px; width: 320px; text-align: center; }

.dp-hh-link { text-align:center; text-decoration: none; cursor: pointer; color:#fff; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:"NespressoLucas-Bold"; position: relative; }
.dp-hh-link:after { content: ""; position: absolute; width: 100%; height: 2px; background: #fff; bottom:-2px; left:0; }
.dp-hh-link:hover:after { display: none; }

.dp-hh-popin { width: 92vw; max-width: 425px; background: #e8a045; position: absolute; color:#fff; display: none; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.dp-hh-popin-close { position: absolute; top:0; right: 0; width: 30px; height: 30px; display: block; cursor: pointer; z-index: 1000; }
.dp-hh-popin-close:before,
.dp-hh-popin-close:after { content:""; position: absolute; top:50%; left: calc(50% - 10px); width: 20px; height: 1px; display: block; background: #fff; -webkit-transition:-webkit-transform 0.2s;  transition:transform 0.2s; }
.dp-hh-popin-close:before { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.dp-hh-popin-close:after { -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.dp-hh-popin-close:hover:before { -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.dp-hh-popin-close:hover:after { -webkit-transform:rotate(125deg); transform:rotate(135deg); }

.dp-hh-popin-media { width: 198px; position: relative; margin: 0 auto; padding-bottom: 5px; }
.dp-hh-popin-media img { width: 100%; display: block;  }

.dp-hh-popin-content { padding: 15px 30px; max-width: 450px; margin: 0 auto; position: relative; }
.dp-hh-popin-title { text-align:center; font-size: 35px; line-height: 35px; letter-spacing: 0.05em; font-family: 'AkzidenzGroteskStd-MdCn'; padding-bottom: 17px; margin: 0 auto; }
.dp-hh-popin[data-machine="tower"] .dp-hh-popin-title { text-align: left; padding-left: 80px; }

.dp-hh-popin-text { font-size: 17px; line-height: 19px; text-align: justify; }

.dp-hh-popin-ul { font-size: 17px; line-height: 19px; padding: 15px 0 10px 0; text-align: justify; margin: 0; }
.dp-hh-popin-ul li { padding-bottom: 6px; position: relative; left:0; top:0; padding-left: 12px; }
.dp-hh-popin-ul li:before{ content:"•"; position: absolute; left:0; top:0; }

.dp-hh-popin-action { text-align:center; padding-bottom: 10px; }
.dp-hh-popin-link { cursor:pointer; color:#fff; text-decoration: underline; display: inline-block; font-size: 18px; line-height: 20px; font-family:"NespressoLucas-Bold"; position: relative; }
.dp-hh-popin-link:after { content: ""; position: absolute; width: 100%; height: 2px; background: #fff; bottom:-2px; left:0; }
.dp-hh-popin-link:hover:after { display: none; }

.dp-hh-popin-prev,
.dp-hh-popin-next { position:absolute; top:calc(50% - 21px); width: 42px; height: 42px; background: #fff; display: block; border-radius: 50%; cursor: pointer; }
.dp-hh-popin-prev:after,
.dp-hh-popin-next:after { content:""; position:absolute; top:calc(50% - 6px); left:calc(50% - 5px); width:0; height:0; display:block; border-top:solid 6px transparent; border-bottom:solid 6px transparent; }
.dp-hh-popin-prev { left:0; }
.dp-hh-popin-next { right:0; }
.dp-hh-popin-prev:after { border-right:solid 10px #000; }
.dp-hh-popin-next:after { border-left:solid 10px #000; }



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

  .dp-hh-desktop { display: none!important; }
  .dp-hh-mobile { display: block!important; }
  
  .nes_b2b { width: 100%!important; }
  #nes_header-content { width: 100%!important; }
  .nes_b2b .nes_bg-home { min-width: 100%; }

  .dp-hh-br-desktop { display: none!important; }
  .dp-hh-br-mobile { display: block!important; }

  #dp-hh { width: 100%; min-width: 100%; }

  .dp-hh-body { background: url(images/hh-header-bkgd-m.jpg) center center no-repeat; background-size:cover; height: auto; }

  .dp-hh-container { width: 100%; }

  .dp-hh-footer { padding:2.8vw 4vw 4vw 4vw; }
  .dp-hh-footer .dp-hh-container { text-align: justify; }
  
  .dp-hh-bodys { width: 100vw; display: block; overflow: hidden; }

  .dp-hh-left,
  .dp-hh-right { width: 100%; display: block; }
  .dp-hh-left { min-height: auto; }
  .dp-hh-right { position: relative; left: 0; }
  .dp-hh-right.dp-opened  .dp-hh-main { height: 0; }
  
  .dp-hh-ope { padding-right: 0; }

  .dp-hh-main-media {  width: 100%; }
  .dp-hh-main-media img { width: 100%; display: block; }
  
  .dp-hh-offer { position: relative; padding-top: 245px; margin-left: 0; padding-bottom: 0; }
  .dp-hh-offer-double { left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

  .dp-hh-offer-cta { margin-bottom: 0; }

  .dp-hh-link { font-size: 20px; line-height: 24px; }

  .dp-hh-form { padding-top: 11vw; padding-bottom: 11vw; }
  .dp-hh-form-title { padding-bottom: 22px; }

  .dp-hh-main-action { left: 0; top: 58vw; width: 100%; }
 
  .dp-hh-order-result-inside.dp-hh-sticky { width:92vw; left:4vw; right: 4vw; }
  
  .dp-hh-popin { width: 92vw; max-width: 92vw; margin:4vw auto; position: relative; top:0; left:0; -webkit-transform:none; transform:none; }
  .dp-hh-popin-content { padding: 15px 5vw; }
  .dp-hh-popin-media { width: 100%; }
  .dp-hh-popin-title { width: calc(100% - 10vw); }

}

@media (max-width: 488px) {

  .dp-hh-ope {font-size: 66px; line-height: 1em; }

  .dp-hh-main-media { height: 345px; overflow: hidden;  }
  .dp-hh-main-media img { width: 488px; position: absolute; top:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }

  .dp-hh-main-action { top: 283px; }

}


/* ---  Formulaire --- */

.dp-hh-form { background: #FFF; color:#be4a5f; padding-top: 40px; padding-bottom: 30px; text-align: center; }
.dp-hh-form-title { font-size: 30px; line-height: 30px; text-align: center; padding:0 15px 5px 15px; text-transform: uppercase; font-family:"NespressoLucas-Bold"; }
.dp-hh-form-title br { display: none; } 
.dp-hh-form-text { font-size: 14px; line-height: 17px; text-align: center; padding:0 15px 22px 15px; }

.dp-hh-form-lead { font-family: "Trebuchet MS",Helvetica,arial,sans-serif; width: 810px; margin: 0 auto; font-size: 14px; }

.dp-hh-form-lead .msg { color: #fff; background: #63ad22; padding: 10px 20px; font-weight: bold; margin: 5px auto 25px auto; line-height: 20px; }
.dp-hh-form-lead .msg.success { color: #fff; background-color: #63ad22; }
.dp-hh-form-lead .msg.error { color: #fff; background-color: #ff3300; }

.dp-hh-form-lead form { color: #e8a045; }

.dp-hh-form-left,
.dp-hh-form-right { display: inline-block; width: 376px; vertical-align: top; }
.dp-hh-form-left { margin-right: 53px; }
.dp-hh-form-action { text-align: center; clear: both; }

.dp-hh-form-lead label { display: block; font-size:14px; line-height:18px; font-weight: normal; color: #e8a045; padding-top:15px; padding-bottom: 3px; text-align: left; font-family:"NespressoLucas-Bold"; }

.dp-hh-form-control { width: 100%; padding: 10px 9px; border: 1px solid #e8a045; font-weight: normal; font-size: 1em; line-height: 1.2em; border-radius: 0px; background: #fff; }

.dp-hh-form-group { float: left; }
.dp-hh-form-group-section { border-bottom:solid 2px #be4a5f; padding-top: 15px; }
.dp-hh-form-group-name { color:#be4a5f; font-size: 20px; line-height: 26px; text-align: left; font-family:"NespressoLucas-Bold"; }

#dp-hh select.dp-hh-form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 11px auto;
  background-image: url('images/picto-chevron-down.png');
}

#dp-hh input.dp-hh-form-control.error {
  background-image: url('images/picto-chevron-remove.png');
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 10px auto;
}

#dp-hh input.dp-hh-form-control.valid {
  background-image: url('images/picto-chevron-valid.png');
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 14px auto;
}

#dp-hh textarea.dp-hh-form-control { height: 11em; margin-bottom: 2px; }

#dp-hh textarea.dp-hh-form-control.error {
  background-image: url('images/picto-chevron-remove.png');
  background-repeat: no-repeat;
  background-position: calc(100% - 1%) calc(100% - 8%);
  background-size: 10px auto;
}

#dp-hh textarea.dp-hh-form-control.valid {
  background-image: url('images/picto-chevron-valid.png');
  background-repeat: no-repeat;
  background-position: calc(100% - 1%) calc(100% - 8%);
  background-size: 14px auto;
}

select::-ms-expand,
input[type=text]::-ms-clear {
  display: none;
}

#dp-hh select.dp-hh-form-control.error {
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 27px auto;
  background-image: url('images/picto-chevron-remove-down.png');
}

#dp-hh select.dp-hh-form-control.valid {
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 30px auto;
  background-image: url('images/picto-chevron-valid-down.png'); 
}

#dp-hh input.dp-hh-form-control:focus { box-shadow: 0 0 5px rgba(126, 197, 127, 1); border: 1px solid rgba(126, 197, 127, 1); outline: 0; }


::placeholder { 
  color: #e8a045;
  opacity: 1; 
}

:-ms-input-placeholder { 
  color: #e8a045;
}

::-ms-input-placeholder { 
  color: #e8a045;
}


#dp-hh input, 
#dp-hh select, 
#dp-hh textarea{
  color: #e8a045; opacity: 1;
}

#dp-hh select.dp-hh-form-control:focus { box-shadow: 0 0 5px rgba(126, 197, 127, 1); border-color: rgba(126, 197, 127, 1); outline: 0; }

#dp-hh select.dp-hh-form-control option { color: #343434; font-weight: normal; background: #fff; }
#dp-hh select.dp-hh-form-control option:disabled { color: rgba(0,0,0,0.54); }

.dp-hh-form-group { position: relative; }
.dp-hh-form-group-full { width: 100%; }
.dp-hh-form-group-half { width: 47%; }
.dp-hh-form-group-half-left { margin-right: 3%; clear: both; }
.dp-hh-form-group-half-right { margin-left: 3%; }

.dp-hh-form-group label.error { position: absolute; right: 0; bottom: -21px; line-height: 1.2em; color: #a94442; font-size: 12px; }
#dp-hh textarea.dp-hh-form-control:focus { box-shadow: 0 0 5px rgba(126, 197, 127, 1); border-color: rgba(126, 197, 127, 1); outline: 0; }
.dp-hh-form-legal { line-height: 14px; font-size: 11px; padding-bottom: 16px; color:#e8a045; text-align: left; }

.dp-hh-form-btn { color: #fff; background:#c14b60; border:solid 1px #c14b60; text-transform: uppercase; margin: 0px !important; cursor: pointer; font-size: 18px; line-height: 18px; font-weight:400; padding: 17px 34px;}
.dp-hh-form-btn:hover { color: #c14b60; background:#fff; }

.dp-hh-form-lead form .hidden { display: none; }

.dp-hh-form-overlay { display: none; position: absolute; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.7);  width: 100%; height: 100%; }
.dp-hh-form-result { display: none; line-height: 28px; font-size: 22px; padding-top: 30px; padding-bottom: 90px; }
.dp-hh-form-msg { text-align: center; }

.overlay { position: absolute; width: 100%; height: 100%; z-index:1000; top:0; left:0; display: none; background: rgba(0,0,0,0.5); }


@media (max-width: 768px) {

  .dp-hh-form-title br { display: block; } 

}

@media (max-width: 480px) {

  .dp-hh-form-title { font-size: 21px; line-height: 24px; }

}


@media (max-width: 320px) {

  .dp-hh-form-lead form input.dp-hh-form-control,
  .dp-hh-form-lead form textarea.dp-hh-form-control  {
    padding: 4%;
  }

  .dp-hh-form-lead form input.dp-hh-form-control.error,
  .dp-hh-form-lead form input.dp-hh-form-control.valid {
    background-position: 97% center;
  }

  .dp-hh-form-lead form textarea.dp-hh-form-control.error,
  .dp-hh-form-lead form textarea.dp-hh-form-control.valid {
    background-position: calc(100% - 3%) calc(100% - 8%);
  }

  .dp-hh-form-lead form select,
  .dp-hh-form-lead form select.dp-hh-form-control.error,
  .dp-hh-form-lead form select.dp-hh-form-control.valid {
    background-position: 96.5% center;
  }

}



@media (max-width: 918px) {

  .dp-hh-form-lead { width: 92%; }

  .dp-hh-form-left { margin: 0px; }

  .dp-hh-form-left,
  .dp-hh-form-right { display: block; width: 100%; }

  .dp-hh-form-control { max-width: 100%; }

  .dp-hh-form-lead form .dp-hh-form-group label.error { position: relative; top: 0; bottom: auto; left: 0; display: block; margin: 0; padding-top:6px; }
  .dp-hh-form-legal { width: 100%; margin-bottom: 30px; display: block; }

  .dp-hh-form-control.error { margin-bottom: 0; }

  .dp-hh-form-lead form input.dp-hh-form-control.error,
  .dp-hh-form-lead form input.dp-hh-form-control.valid {
    background-position: 96.5% center;
  }

  .dp-hh-form-lead form textarea.dp-hh-form-control.error,
  .dp-hh-form-lead form textarea.dp-hh-form-control.valid    {
    background-position: calc(100% - 3.5%) calc(100% - 8%);
  }

  .dp-hh-form-lead form select {
    background-position: 97% center;
    background-size: 15px auto;
  }

  .dp-hh-form-lead form select.dp-hh-form-control.error,
  .dp-hh-form-lead form select.dp-hh-form-control.valid {
    background-position: 97% center;
    background-size: 28px auto;
  }

}

@media (max-width: 700px) {

  .dp-hh-form-group-half { width: 100%; margin-left: 0; }

}


.dp-hh-banner{
  position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 1003;
    top: 0;
  left:0;
    background-color: #3487a6;
    color: #f9f9f9;
    display: none;
    overflow-y: hidden;
}

.dp-hh-banner-container{
    width: 583px;
    text-align: center;
    font-size: 19px;
    color: white;
    margin: 200px auto 0;
    display: block;
}

.dp-hh-banner-container span{
  display: block;
}

.dp-hh-banner-ico img{
  border: 0;
    display: block;
    margin: 0 auto 50px;
    width: 90px;
}


.dp-hh-banner-text p{
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 0.035555em;
    font-weight: 500;
    display: block;
}