section.clContact *{display:block}section.clContact{display:block;padding:65px 10px 40px;overflow:hidden}section.clContact .content{display:flex;flex-wrap:wrap}section.clContact .left{flex:1;padding:0 45px 0 5px}section.clContact .right{width:100%;max-width:30%;padding:0 5px;text-align:start}section.clContact .right .rightContent{width:100%;max-width:327px;margin:0 0 0 auto}section.clContact .contactBox{padding:32px 0;border-bottom:1px solid #e5e5e5}section.clContact .contactBox h3,section.clContact .sideBox h3{font-size:24px;color:#000;line-height:1;margin:0}section.clContact .contactBox .detail{margin-top:12px}section.clContact .contactBox .detail p{margin:12px 0 0;font-size:14px;color:#000}section.clContact .contactBox .detail p:first-child{margin-top:0}section.clContact .contactBox:first-child{padding-top:0}section.clContact .contactBox:last-child{padding-bottom:0;border:none}section.clContact .btnBox{margin-top:24px}section.clContact .btnBox a{width:100%;max-width:327px;text-align:center;font-size:14px;line-height:normal;color:#fff;text-decoration:none;background-color:#ce0a2c;text-transform:uppercase;padding:16px;border-radius:50px;font-weight:500}section.clContact .btnPrimary a{background-color:transparent;color:#000;border:1px solid #000}section.clContact .contactBox .infodetail{margin-top:20px}section.clContact .contactBox .infodetail p,section.clContact .contactBox .infodetail p a{font-size:12px;line-height:normal;margin:0;color:#707070}section.clContact .sideBox .detailBox{padding:24px 18px;border:1px solid #000;margin-top:12px}section.clContact .sideBox .detailBox h4{font-size:14px;margin:0;line-height:normal;text-transform:uppercase;font-family:var(--font-body-family);font-weight:500}section.clContact .sideBox .detailBox p{font-size:14px;margin:12px 0 0;color:#707070}section.clContact .sideBox .detailBox p a{font-size:13px;color:#000;width:100%;max-width:max-content;word-break:break-all}section.clContact .sideBox .detailBox .paraWrapper{margin-top:10px}section.clContact .sideBox .detailBox .paraWrapper p:first-child{margin:0}section.clContact .sideBox .infodetail{padding:20px 0}section.clContact .sideBox .infodetail p{font-size:12px;line-height:normal;margin:0;color:#707070}section.clContact .sideBox:last-child .infodetail{padding-bottom:0}section.clContact .formBox form{margin-top:12px}section.clContact .formBox span.required-note{width:100%;max-width:412px;font-size:12px;color:#707070;line-height:normal;text-align:right}section.clContact .formBox button.selectBtn{width:100%;max-width:412px;border:1px solid #909090;border-radius:4px;background-color:#fff;text-align:start;padding:16px 40px 16px 16px;min-height:56px;font-size:14px;cursor:pointer;position:relative;color:#000!important}section.clContact .formBox button.selectBtn span.label{color:#000!important}section.clContact .formBox button.selectBtn:hover{outline:1px solid #000;outline-offset:-1px}section.clContact .formBox form .submit{margin-top:24px}section.clContact .formBox form .submit input[type=submit]{width:100%;max-width:330px;min-height:48px;border-radius:50px;border:none;outline:none;background-color:#707070;font-size:14px;text-transform:uppercase;color:#fff;letter-spacing:normal;padding:0 32px;cursor:pointer}section.clContact .formBox button.selectBtn.selected span.label{font-size:12px;color:#707070;background:#fff;transform:translateY(-26px);max-width:max-content;padding:0 5px;transition:all .3s ease}section.clContact .formBox button.selectBtn svg{position:absolute;top:50%;right:20px;transform:translateY(-50%)}section.clContact .formBox button.selectBtn span.value{position:absolute;top:50%;transform:translateY(-50%)}section.clContact .formBox form .subjectBox{display:none;margin-top:12px;margin-left:-12px}section.clContact .formBox form .subjectBox.active{display:block}section.clContact .formBox form .subjectBoxContent{display:flex;flex-wrap:wrap}section.clContact .formBox form .message{width:100%}section.clContact .formBox form textarea{width:100%;padding:10px 10px 10px 16px;resize:none;min-height:125px;outline:none;box-shadow:none;background-color:transparent}section.clContact .formBox form .salutation{width:100%;max-width:50%}section.clContact .formBox form .salutation label{font-size:12px;line-height:normal;color:#707070}section.clContact .formBox form .salutation select{width:100%;min-height:45px;border:none;outline:none;box-shadow:none;background-color:transparent;border-bottom:1px solid black;color:#000}section.clContact .formBox form .inputBox{width:100%;max-width:50%;position:relative;display:flex;flex-direction:column;justify-content:end}section.clContact .formBox form .inputBox input{width:100%;min-height:45px;padding:15px 10px 0;background-color:transparent;border:none;border-bottom:1px solid black;outline:none;box-shadow:none}section.clContact .formBox form .inputBox label{position:absolute;top:50%;line-height:normal;font-size:16px;color:#000;transform:translateY(-20%);transition:all .3s ease}section.clContact .formBox form .inputBox.active label{font-size:12px;color:#707070;transform:translateY(-150%)}section.clContact .padding{padding:12px;width:100%}section.clContact .formBox form .email.inputBox{max-width:unset}section.clContact .min-55{max-width:50%}section.clContact .min-55 input{min-height:55px;padding:10px 10px 10px 16px;box-shadow:none;outline:none;width:100%;background:transparent;border:1px solid black}section.clContact .fullWidth{max-width:unset}.contactPopupWrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex!important;justify-content:end;background-color:#0000006e;z-index:999;opacity:0;transition:all .2s ease;pointer-events:none}.contactPopupWrapper .popupContent{width:100%;max-width:480px;display:flex;flex-direction:column;background-color:#fff;transform:translate(100%);transition:all .3s ease}.contactPopupWrapper.active{opacity:1;pointer-events:all}.contactPopupWrapper.active .popupContent{transform:translate(0)}.contactPopupWrapper .popupHeader{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e5e5}.contactPopupWrapper .popupHeader span{font-size:14px;text-transform:uppercase;line-height:normal;font-weight:500}.contactPopupWrapper .popupHeader button.closePopup{padding:0;border:1px solid black;width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:50px;background-color:transparent;font-size:15px;cursor:pointer;color:#000!important}.contactPopupWrapper .popupMain{flex:1;overflow-y:auto}.contactPopupWrapper .popupMain::-webkit-scrollbar-thumb{display:none}.contactPopupWrapper .popupMain{flex:1;overflow-y:auto;padding:10px 32px}.contactPopupWrapper ul{margin:0;padding:0;display:none;flex-direction:column;height:100%}.contactPopupWrapper ul.requestOptions{display:flex}.contactPopupWrapper ul li{font-size:14px;color:#000;line-height:normal;padding:15px 0;border-bottom:1px solid #e5e5e5;cursor:pointer}.contactPopupWrapper ul li:hover{text-decoration:underline}.contactPopupWrapper ul li:last-child{margin:0}section.clContact .formBox button.sous-cat\e9gorie{max-width:unset}.cl-booxiapibtn-contact Button{font-size:14px;color:#fff;background-color:#ce0a2c;width:100%;text-decoration:none;text-transform:uppercase;font-weight:500;padding:16px 32px;border-radius:50px;border:none;max-width:330px;cursor:pointer;margin-top:20px;font-family:var(--font-body-family)}@media screen and (max-width: 991px){section.clContact{padding:32px 14px}section.clContact .content{gap:32px}section.clContact .left,section.clContact .right,section.clContact .right .rightContent{padding:0;max-width:unset}}@media screen and (max-width: 767px){section.clContact .min-55{max-width:unset}section.clContact .sideBox .detailBox p{font-size:13px}section.clContact .sideBox .detailBox p a{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/cl-contact.css.map */