/* ---[ LESS IMPORT ]------------------------------- */
/*
	Tablet and Desktop (Landscape and Portrait) - Permettre la vue mobile sur desktop
	Phone (Landscape and Portrait)
*/
/*Big Circle Iĉone*/
/*Landing (avec Corde) - Medium Circle Iĉone*/
/*Small Circle Iĉone*/
/*Advantage Icône*/
/* ---[ Media Qeries Mobile Device ]------------------------------- */
@media /*Tablet + Desktop (Landscape & Portrait)- Permettre la vue mobile sur desktop*/
 only screen and (-webkit-min-device-pixel-ratio: 1)   and (max-width: 700px), only screen and (      min--moz-device-pixel-ratio: 1)       and (max-width: 700px), only screen and (        -o-min-device-pixel-ratio: 1/1)     and (max-width: 700px), only screen and (           min-device-pixel-ratio: 1)       and (max-width: 700px), only screen and (                   min-resolution: 72dpi)   and (max-width: 700px), only screen and (                   min-resolution: 1dppx)   and (max-width: 700px), /* Phone (Landscape & Portrait)*/
 only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (      min--moz-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (        -o-min-device-pixel-ratio: 2/1)     and (max-width: 700px), only screen and (           min-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (                   min-resolution: 192dpi)  and (max-width: 700px), only screen and (                   min-resolution: 2dppx)   and (max-width: 700px) {
  .my-pjc-box .search-store .proposed-link-img-box {
    display: none;
  }
  .my-pjc-box .store-form {
    margin: 0 0 1em 0;
  }
  .store-form {
    width: 100%;
  }
  .store-form .search-fieldset #search-store-favorite {
    width: 98%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .storelocator-top-bloc {
    margin-bottom: 5px;
    padding: 5px 10px;
    text-align: left;
  }
  .storelocator-top-bloc .trophy-icon img {
    width: 20px;
    height: auto;
    vertical-align: middle;
  }
  .storelocator-top-bloc .trophy-icon span {
    color: white;
    font-size: 1.154em;
    margin-left: 5px;
  }
  .storelocator-top-bloc .trophy-icon .details {
    display: block;
    color: white;
    font-size: 0.923em;
    padding-left: 24px;
    padding-bottom: 5px;
  }
  .newsletter-quick-registration {
    background: none;
    border: none;
    padding: 0;
    overflow: hidden;
  }
  .newsletter-quick-registration .mySubscriptionsPreferences {
    padding-top: 10px;
    padding-left: 0;
    margin-right: 0;
    display: block;
  }
  .newsletter-quick-registration .newsletter-icon {
    display: block;
    margin-bottom: 0;
  }
  .newsletter-quick-registration h1 {
    font-size: 1.462em;
    padding-bottom: 15px;
  }
  .newsletter-quick-registration form {
    position: relative;
    float: left;
    margin-top: 10px;
    right: auto;
    top: 0;
    width: 100%;
  }
  .newsletter-quick-registration input[type="email"] {
    width: 100%;
    height: 34px;
  }
  .newsletter-quick-registration .btn-interface {
    position: absolute;
    right: 0;
    float: none;
    background: #0090d2;
    height: 14px;
    border-bottom: 2px solid #005d95;
    padding-top: 10px;
  }
  .newsletter-quick-registration .btn-interface:active {
    -moz-box-shadow:  0px 0px 0px 0px transparent;
    -webkit-box-shadow:  0px 0px 0px 0px transparent;
    -o-box-shadow:  0px 0px 0px 0px transparent;
    box-shadow:  0px 0px 0px 0px transparent;
  }
  #contact-form-wrapper form .lbl-wrapper {
    margin-right: 0;
    text-align: left;
    width: 100%;
  }
  #contact-form-wrapper form .input-wrapper {
    float: left;
    width: 100%;
    margin-left: 0;
  }
  #contact-form-wrapper form .input-wrapper .subjects-select #subject {
    width: 100%;
    height: 34px;
    text-indent: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow:  0px 0px 0px 0px transparent;
    -webkit-box-shadow:  0px 0px 0px 0px transparent;
    -o-box-shadow:  0px 0px 0px 0px transparent;
    box-shadow:  0px 0px 0px 0px transparent;
    border: 1px solid #ccc;
    background: #fff;
    color: #999;
  }
  #contact-form-wrapper form .input-wrapper .subjects-select .ficon {
    display: block;
    width: 34px;
    height: 24px;
    padding-top: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    font-size: 1.384em;
    color: #fff;
    background-color: #0090d2;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    pointer-events: none;
    display: none\9;
  }
  #contact-form-wrapper form input {
    width: 100%;
    height: 34px;
  }
  #contact-form-wrapper form select {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #contact-form-wrapper form textarea {
    width: 96%;
    padding: 2%;
    background: #FFF;
  }
  #contact-form-wrapper form .btn-interface-4-corners {
    width: 96%;
  }
  #contact-form-wrapper form input.airmilesnumber {
    width: 80%;
  }
  #contact-form-wrapper form #ss_searchStoreField {
    position: relative;
  }
  #contact-form-wrapper form #ss_searchStoreField .store-search-input-content {
    position: relative;
  }
  #contact-form-wrapper form #ss_searchStoreField .store-search-input-content #ss_txtStoreSearch {
    width: 99% !important;
  }
  .register-content #ss_searchStoreField {
    width: auto;
  }
  .header-search-button {
    position: absolute;
    right: -2px;
    top: 0;
    height: 34px;
    background: #0391d3;
    width: 44px;
    text-indent: 0;
    font-family: pjc-pictosregular, Verdana, Arial, Sans-Serif;
    line-height: 36px;
    font-size: 22px;
    text-align: center;
    color: #fff;
    overflow: hidden;
  }
  .header-search-button img {
    position: absolute;
    top: 6px;
    left: 10px;
  }
  .header-search-button:focus,
  .header-search-button:hover {
    background: #0391d3;
  }
  .header-search-button.alreadyClicked {
    opacity: 1 !important;
  }
  form.two-col .error-wrapper {
    padding-left: 10px;
  }
  .errorUnderTitle {
    margin-top: -30px;
    margin-bottom: 10px;
  }
  .errorUnderSubtitle {
    margin-top: 0;
  }
  .error-wrapper .err-exclam {
    background: none;
    top: -10px;
    right: -10px;
  }
  .error-wrapper .err-exclam .ficon-circle .ficon {
    top: 0 !important;
    left: 0px;
  }
  form.two-col .label-note {
    display: inline;
  }
  form.two-col .field-row .lbl-wrapper {
    width: 100%;
    text-align: left;
  }
  .search-intro.intro-header {
    margin-right: -10px;
    display: none;
  }
  /*Seach Landing page */
  .frm-search {
    position: relative;
    margin-top: 20px;
    border: none;
    padding-bottom: 0;
  }
  .frm-search .header-search-button {
    height: 35px;
    top: 0px;
  }
  .frm-search #searchInput {
    width: 100%;
    height: 35px;
    padding-right: 45px;
  }
  textarea {
    font-size: 1.154em;
    background: #FFF;
    -moz-box-shadow:  0px 0px 0px 0px transparent;
    -webkit-box-shadow:  0px 0px 0px 0px transparent;
    -o-box-shadow:  0px 0px 0px 0px transparent;
    box-shadow:  0px 0px 0px 0px transparent;
    -webkit-appearance: none;
  }
  select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: none;
    -webkit-appearance: none;
    font-size: 1.154em;
    text-index: 10px !important;
    padding-right: 0\9 !important;
  }
  input[type=search],
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=month],
  input[type=year],
  input[type="tel"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #acacac;
    padding: 5px 10px 6px;
    margin: 0;
    vertical-align: middle;
    color: #121212;
  }
  input[type=search] {
    padding-right: 45px !important;
  }
  input[type=checkbox] {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  input[readonly],
  textarea[readonly] {
    background: #ccc !important;
  }
  select {
    -webkit-appearance: none;
  }
  #address-edit .intro-header {
    margin: 0 -10px 20px -10px;
  }
  #address-edit .close {
    display: none !important;
  }
  #address-edit form.two-col .input-wrapper {
    margin-left: 0;
  }
  #address-edit form.two-col .input-wrapper input {
    width: 100%;
  }
  #address-edit form.two-col .input-wrapper input#dayTimePhone {
    width: 77%;
  }
  #address-edit form.two-col .input-wrapper .combo-box {
    width: 100%;
  }
  #address-edit form.two-col .field-row .lbl-wrapper {
    width: 100%;
    text-align: left;
  }
  form.one-col .field-row {
    margin-bottom: 15px;
    /*width:80%;*/
  
  }
  form.one-col .input-wrapper {
    margin-left: 0px;
    width: 100%;
    vertical-align: middle;
  }
  /* Generic class for skinned selects */
  .mobile-select-wrapper {
    position: relative;
    clear: both;
    /*v�rifier incidence avec cette ligne de css*/
  
  }
  .mobile-select-wrapper .combo-box {
    overflow: hidden;
    border: 1px solid #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 34px;
    line-height: normal !important;
    padding: 1px 10px 0 10px;
    background: #FFF !important;
    text-indent: 0 !important;
    font-family: Humanist777BT-RomanB, Verdana, Arial, Sans-Serif;
    font-size: 1.154em;
    background: transparent;
    -webkit-appearance: none;
    color: #333;
    -moz-box-shadow:  0px 0px 0px 0px transparent;
    -webkit-box-shadow:  0px 0px 0px 0px transparent;
    -o-box-shadow:  0px 0px 0px 0px transparent;
    box-shadow:  0px 0px 0px 0px transparent;
    padding-right: 0\9 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  .mobile-select-wrapper .ficon {
    display: block;
    width: 34px;
    height: 24px;
    padding-top: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    font-size: 1.384em;
    color: #fff;
    background-color: #0090d2;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    pointer-events: none;
    display: none\9 !important;
  }
  .form-error p {
    padding: 10px;
  }
  /* Styles for validation helpers
      -----------------------------------------------------------*/
  .field-validation-error-under-Title {
    margin-top: -8px;
    margin-bottom: 8px;
  }
  .field-validation-valid {
    display: none;
  }
  .input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
  }
  .validation-summary-errors {
    font-weight: bold;
    color: #a70000;
  }
  .validation-summary-valid {
    display: none;
  }
  input.input-validation-error,
  textarea.input-validation-error,
  select.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
  }
  .error-display {
    display: inline-block;
    width: 100%;
    min-width: 230px;
    vertical-align: top;
    /*padding-left:10px;*/
  
  }
}
/*End media-queries-mobile*/
@media only screen and (max-width: 450px) {
  .errorUnderTitle {
    margin-top: -15px;
    margin-bottom: 5px;
  }
}