.pref-blog-subscription-btn,.pref-blog-subscription-modal{display:none}{# La hauteur est la valeur de la variable "line2_height" dans le fichier header-footer.css+la marge entre le menu et le bouton. #}body.blog .foldedup .pref-blog-subscription-btn{top:calc(2.9rem + 0.5rem)}body.blog .pref-blog-subscription-btn{z-index:99;top:calc(3.8rem + 2.9rem + 0.5rem + 0.8rem);position:fixed;right:0;padding:.8rem 1.5rem .8rem 1.5rem;background-color:#e01754;color:white !important;text-transform:uppercase;text-decoration:none !important;font-family:"Montserrat SemiBold",sans-serif;font-size:.7rem;display:inline-block;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;transition:all .5s ease 0s}@media(max-width:767px){body.blog .pref-blog-subscription-btn{top:calc(4rem + 0.8rem)}}body.blog .pref-blog-subscription-btn:hover{cursor:pointer}body.blog .pref-blog-subscription-modal{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.35)}body.blog .pref-blog-subscription-modal .pref-bsm-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20rem;min-height:20rem;background-color:white;-webkit-box-shadow:0vw 0vw .8vw 0vw rgba(0,0,0,0.35);-moz-box-shadow:.0vw .0vw .8vw .0vw rgba(0,0,0,0.35);box-shadow:0vw 0vw .8vw 0vw rgba(0,0,0,0.35)}body.blog .pref-blog-subscription-modal .pref-bsm-container .submitted-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;text-align:center}@media(max-width:767px){body.blog .pref-blog-subscription-modal .pref-bsm-container{width:100%;height:100%;z-index:999}}body.blog .pref-blog-subscription-modal.closed{display:none}body.blog .pref-blog-subscription-modal.opened{display:block}body.blog .pref-blog-subscription-modal .pref-bsm-close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;cursor:pointer}{# Copie des styles formv2. Tant que le blog ne sera pas refait sous la nouvelle charte graphique,il faudra se satisfaire de dupliquer le style situé dans la feuille de style dnd_main.css. #}{# Formulaire avec fond blanc #}.pref-bsm-container.formv2{--space-checkbox:1rem}.pref-bsm-container.formv2 .hs_submit{margin:0;width:100%}.pref-bsm-container.formv2 .hs_submit:before,.pref-bsm-container.formv2 .hs_submit:after,.pref-bsm-container.formv2 .hs_submit .actions:after,.pref-bsm-container.formv2 .hs_submit .actions:hover::after{display:none}.pref-bsm-container.formv2 .hs-form-field{width:100%;padding:0}.pref-bsm-container.formv2 label{font-weight:unset}{# Surcharge des styles du blog version 1.0(on est dans une charte graphique version 2.2 ici). #}.pref-bsm-container.formv2 .hs-form-field .input>input{width:100%;font-family:'Montserrat Regular',sans-serif;font-weight:unset;font-size:unset;float:unset}.pref-bsm-container.formv2 .hs-form-field>label{font-family:'Montserrat Regular',sans-serif;position:unset;top:unset;left:unset;font-size:unset}.pref-bsm-container.formv2 form{padding:2.5rem 2rem}@media(max-width:767px){.pref-bsm-container.formv2 form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}fieldset.form-columns-2 .hs-form-field{width:100% !important}}.pref-bsm-container.formv2 fieldset{max-width:unset !important;width:100%;margin:0rem 1.2rem 0rem 0px !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pref-bsm-container.formv2 .hs-form-field{margin-bottom:.65rem}.pref-bsm-container.formv2 .hs-form-field.hs-challenge_client{margin-top:.85rem}.pref-bsm-container.formv2 .hs-form-field.hs-challenge_client>.input{margin-top:.5rem;margin-bottom:2.5rem}.pref-bsm-container.formv2 .grecaptcha-badge{margin-left:1.3rem !important}.pref-bsm-container.formv2 fieldset .input{margin-left:1.3rem !important;margin-right:1.3rem !important}.pref-bsm-container.formv2 fieldset label:not(.hs-form-booleancheckbox-display):not(.hs-form-checkbox-display){margin-left:1.3rem !important}.pref-bsm-container.formv2 fieldset .hs-form-field:first-of-type input,.pref-bsm-container.formv2 fieldset .hs-form-field:first-of-type select{margin-right:var(--space-checkbox) !important}.pref-bsm-container.formv2 fieldset .hs-form-field:last-of-type input:not([type="checkbox"]),.pref-bsm-container.formv2 fieldset .hs-form-field:last-of-type select{margin-right:0 !important}.pref-bsm-container.formv2 ul{list-style-type:none;margin:0;padding:0}.pref-bsm-container.formv2 label{color:#38373a}.pref-bsm-container.formv2 label.hs-error-msg{color:}.pref-bsm-container.formv2 select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:white;border:1px solid #cecece;padding:.95rem;margin:.4rem 0}.pref-bsm-container.formv2 input,.pref-bsm-container.formv2 textarea{background-color:#eee !important;border:0 !important;padding:1rem !important;margin:.4rem 0 !important}.pref-bsm-container.formv2 textarea{height:7.25rem !important}.pref-bsm-container.formv2 textarea{width:100% !important}.pref-bsm-container.formv2 select{color:grey}.pref-bsm-container.formv2 .hs-form-checkbox input,.pref-bsm-container.formv2 .hs-form-booleancheckbox input{margin-right:.38rem}.pref-bsm-container.formv2 .hs_recaptcha{margin-bottom:2rem}.pref-bsm-container.formv2 .actions{text-align:center}.pref-bsm-container.formv2 .actions input[type="submit"]{border-radius:0rem;padding:.8rem 1.5rem .8rem 1.5rem;margin:0rem 0rem 0rem 0rem;background-color:black !important;color:white !important;text-transform:uppercase;text-decoration:none !important;font-family:Montserrat Medium;font-size:.7rem;display:inline-block;margin-top:2rem !important}@media(max-width:767px){.pref-bsm-container.formv2 .actions input[type="submit"]{width:100%;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;font-size:1rem;padding-top:1.1rem;padding-bottom:1.1rem;line-height:1.2rem;text-align:center}}