#my-popup-wrapper{
    display: none;
}
.tarif_show{
    margin-bottom: 30px;
}
.prix_ht,
.prix_ttc{
    font-weight: bold;
    font-size: 16px;
}
form.form-petit-annonce-create-edit  #edit-field-nombre-de-parution-wrapper .field-multiple-table tbody h4{
    display: none;
}
form.form-petit-annonce-create-edit  .form-required:after{
    content: '*';
    color: red;
}
#block-descriptiondetarifpetitannonce .tarif{
    display: none;
}
#block-descriptiondetarifpetitannonce .tarif:last-child{
    display: block;
}
#block-descriptiondetarifpetitannonce{
    background: #F0F0F0;
    border: 1px solid #808080;
    border-radius: 11px;
    padding: 40px;
    padding-bottom: 60px;
    text-align: center;
}
#block-descriptiondetarifpetitannonce .prix-actuel{
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}
#block-descriptiondetarifpetitannonce .custom-block-button-link{
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #C5351A;
    border-radius: 5px;
    padding: 11px 29px;
    display: none;
}
#block-descriptiondetarifpetitannonce #prix_final .tarif{
    background: #979797;
    border-radius: 9px;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 40px;
    margin-top: 20px;
}
/* integration formulaire annonce*/
form.form-petit-annonce-create-edit .field--name-field-titre-annonce{
    width: 70%;
    display: inline-block;
    margin-right: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}
form.form-petit-annonce-create-edit .field--name-field-titre-annonce input{
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    height: 46px;
}
form.form-petit-annonce-create-edit .field--name-field-type-de-l-annonce{
    width: 28%;
    display: inline-block;
}
form.form-petit-annonce-create-edit .field--name-field-type-de-l-annonce select{
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    height: 46px;
    width: 100%;
}
form.form-petit-annonce-create-edit .field--name-field-choisir-une-ou-plusieurs-d legend,
form.form-petit-annonce-create-edit .field--name-field-options-supplementaire legend,
form.form-petit-annonce-create-edit .field--name-field-options-parutions legend{
    border-bottom: none;
}
form.form-petit-annonce-create-edit .field--name-field-choisir-une-ou-plusieurs-d legend span,
form.form-petit-annonce-create-edit .field--name-field-options-supplementaire legend span,
form.form-petit-annonce-create-edit .field--name-field-options-parutions legend span{
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}
form.form-petit-annonce-create-edit .field--name-field-choisir-une-ou-plusieurs-d #edit-field-choisir-une-ou-plusieurs-d{
    display: flex;
}
form.form-petit-annonce-create-edit .field--name-field-choisir-une-ou-plusieurs-d #edit-field-choisir-une-ou-plusieurs-d div{
    margin-right: 25px;
    display: inline-flex;
    align-items: normal;
    gap: 15px;
    flex-direction: row-reverse;
}
form.form-petit-annonce-create-edit .field--name-field-choisir-une-ou-plusieurs-d #edit-field-choisir-une-ou-plusieurs-d div input{
    width: 20px;
    height: 20px;
    margin-top: 3px;
}
form.form-petit-annonce-create-edit .field--name-field-choisir-une-ou-plusieurs-d #edit-field-choisir-une-ou-plusieurs-d div label{
    margin-bottom: 0;
}
form.form-petit-annonce-create-edit .field--name-field-date-petit-annonce legend{
    display: none;
}
form.form-petit-annonce-create-edit .field--name-field-date-petit-annonce .fieldset-wrapper{
    display: flex;
    gap: 20px;
}
form.form-petit-annonce-create-edit .field--name-field-date-petit-annonce .fieldset-wrapper h4{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}
form.form-petit-annonce-create-edit .field--name-field-nombre-de-parution .tabledrag-toggle-weight-wrapper,
form.form-petit-annonce-create-edit .field--name-field-nombre-de-parution table thead,
form.form-petit-annonce-create-edit .field--name-field-nombre-de-parution table tbody tr td.field-multiple-drag{
    display: none;
}
form.form-petit-annonce-create-edit .field--name-field-nombre-de-parution table tbody,
form.form-petit-annonce-create-edit .field--name-field-nombre-de-parution table tbody tr,
form.form-petit-annonce-create-edit .field--name-field-nombre-de-parution table tbody tr td,
form.form-petit-annonce-create-edit .field--name-field-nombre-de-parution table{
    border: none;
}
form.form-petit-annonce-create-edit .field--name-field-choisir-une-ou-plusieurs-d{
    margin-bottom: 30px;
}
form.form-petit-annonce-create-edit .field--name-field-date-petit-annonce .fieldset-wrapper input,
form.form-petit-annonce-create-edit .field--name-field-nombre-de-parution table input{
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
form.form-petit-annonce-create-edit .field--name-field-options-supplementaire .fieldset-wrapper #edit-field-options-supplementaire{
    display: flex;
    gap: 40px;
}
form.form-petit-annonce-create-edit .field--name-field-options-supplementaire .fieldset-wrapper #edit-field-options-supplementaire div{
    margin-right: 25px;
    display: inline-flex;
    align-items: normal;
    gap: 15px;
    flex-direction: row-reverse;
}
form.form-petit-annonce-create-edit .field--name-field-options-supplementaire .fieldset-wrapper #edit-field-options-supplementaire div input{
    margin-top: 2px;
    width: 20px;
    height: 20px;
}
form.form-petit-annonce-create-edit .field--name-field-options-supplementaire .fieldset-wrapper #edit-field-options-supplementaire div label{
    margin-bottom: 0;
}
/**option de parution*/
form.form-petit-annonce-create-edit .field--name-field-options-parutions .fieldset-wrapper #edit-field-options-parutions{
    display: flex;
    gap: 40px;
}
form.form-petit-annonce-create-edit .field--name-field-options-parutions .fieldset-wrapper #edit-field-options-parutions div{
    margin-right: 25px;
    display: inline-flex;
    align-items: normal;
    gap: 15px;
    flex-direction: row-reverse;
}
form.form-petit-annonce-create-edit .field--name-field-options-parutions .fieldset-wrapper #edit-field-options-parutions div input{
    margin-top: 2px;
    width: 20px;
    height: 20px;
}
form.form-petit-annonce-create-edit .field--name-field-options-parutions .fieldset-wrapper #edit-field-options-parutions div label{
    margin-bottom: 0;
}



form.form-petit-annonce-create-edit #edit-custom-button{
    display: none;
}
form.form-petit-annonce-create-edit #edit-envoyer-button{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #C5351A;
    border-radius: 5px;
    padding: 11px 29px;
    margin-right: 20px;
    text-transform: capitalize;
}
form.form-petit-annonce-create-edit #edit-submit{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #289A0B;
    border-radius: 5px;
    padding: 11px 29px;
    text-transform: capitalize;
}
.form-petit-annonce-create-edit .form-actions #edit-preview{
    display: none;
}
.form-petit-annonce-create-edit .form-actions #edit-custom-button-pdf{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #F8C200;
    border-radius: 5px;
    padding: 11px 29px;
    text-transform: capitalize;
    margin-right: 20px;
    border: none;
}
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce .image-widget > img,
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce .tabledrag-toggle-weight-wrapper,
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce table thead,
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce table .image-widget .form-item,
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce table tbody tr a.tabledrag-handle,
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce .description {
    display: none;
}
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce table .image-widget > img,
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce table .image-widget span{
    display: block;
}
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce table tr td{
    border: none;
}
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce table{
    border: none;
    display: inline-block;
}
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce .form-item{
    display: inline-block;
}
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce table tbody{
    display: flex;
}
form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce table tr td:last-child input{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #C5351A;
    border-radius: 5px;
    padding: 6px 19px;
    margin-right: 20px;
    text-transform: capitalize;
    border: none;
}
form.form-petit-annonce-create-edit .field--name-field-nombre-de-parution input.field-add-more-submit{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #289A0B;
    border-radius: 5px;
    padding: 8px 23px;
    border: none;
}
#block-descriptiondetarifpetitannonce.scroll-prix{
    position: fixed;
    top: 110px;
    width: 19%;
    z-index: 10;
}
form.form-petit-annonce-create-edit a#edit-delete,
#block-gavias-great-local-tasks{
    display: none;
}

/**Modal preview*/
.ui-widget.ui-widget-content{
    background: #ffffff;
    border-radius: 10px;
    padding: 20px;
}
.ui-widget-header{
    border: none;
    background: #ffffff;
}
.ui-widget.ui-widget-content .image img{
    margin-bottom: 20px;
    float: left;
    margin-right: 10px;
}
#drupal-modal .titre_annonce_field{
    text-align: center;
    margin: 15px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}
/***/
.info-popin .field_text,
.info-popin .date_parution{
    margin-bottom: 20px;
    margin-top: 20px;
}
.info-popin .titre_parution{
    font-weight: bold;
}
.btn_imprimer a button,
.btn_imprimer button.btn_payer{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #F8C200;
    border-radius: 5px;
    padding: 11px 29px;
    text-transform: capitalize;
    margin-right: 20px;
    border: none;
    margin-bottom: 10px;
}
.btn_imprimer button.btn_payer{
    background: #C5351A;
}
.ajax-progress.ajax-progress-throbber{
    display: none;
}
.popup-term div.texte-term{
    height: 300px;
    overflow-y: scroll;
    margin-bottom: 20px;
    background: #F7F7F7;
    padding: 5px;
}
.popup-term .btn_accept{
    margin-top: 30px;
}
.popup-term .btn_accept .accept{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #289A0B;
    border-radius: 5px;
    padding: 11px 29px;
    text-transform: capitalize;
    margin-right: 20px;
    border: none;
}
.popup-term .btn_accept .refuse{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #C5351A;
    border-radius: 5px;
    padding: 11px 29px;
    text-transform: capitalize;
    margin-right: 20px;
    border: none;
}
/*style popoin condition vente*/
.ui-dialog .ui-dialog-title{
    font-weight: 700;
    font-size: 31.25px;
    line-height: 38px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #222222;
}
.popup-term .texte-term .txt-condition{
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #222222;
    margin-bottom: 15px;
}
.popup-term .texte-term .titre-condition{
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #222222;
}
.popup-term .check-condition label span{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #222222;
    margin-top: 8px;
}
.popup-term .check-condition label input{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.popup-term .check-condition label{
    display: flex;
    align-items: center;
}
.popup-term .check-condition label span a{
    color: #0065FF;
    text-decoration: underline;
}
/* #checkbox1:checked ~ button.accept,
#checkbox2:checked ~ button.accept {
  pointer-events: auto;
}

button.accept {
  pointer-events: none;
  opacity: 0.5;
} */
form.form-petit-annonce-create-edit #save-brouillon{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #289A0B;
    border-radius: 5px;
    padding: 11px 29px;
    text-transform: capitalize;
    border: none;
}
/* For WebKit-based browsers (Chrome, Safari) */
::-webkit-scrollbar {
    width: 8.5px;
}

::-webkit-scrollbar-track {
    background-color: #DEDEDE;
}

::-webkit-scrollbar-thumb {
    background-color: #0065FF;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #0065FF;
}
form.form-petit-annonce-create-edit .field--name-field-brouillon .form-item-field-brouillon-value{
    margin-right: 25px;
    display: inline-flex;
    align-items: normal;
    gap: 15px;
    margin-bottom: 30px;
}
form.form-petit-annonce-create-edit .field--name-field-brouillon .form-item-field-brouillon-value input{
    width: 20px;
    height: 20px;
    margin-top: 2px;
}
#block-gavias-great-content form.form-petit-annonce-create-edit input.form-file {
    width: 100%;
}
#block-create-annonceblock .type-annonce .btn-next-step{
    margin-top: 20px;
}
/* responsive*/
@media screen and (max-width: 425px) {
    form.form-petit-annonce-create-edit .field--name-field-image-petit-annonce table tbody,
    form.form-petit-annonce-create-edit .field--name-field-date-petit-annonce .fieldset-wrapper,
    form.form-petit-annonce-create-edit .field--name-field-options-supplementaire .fieldset-wrapper #edit-field-options-supplementaire,
    form.form-petit-annonce-create-edit .field--name-field-options-supplementaire .fieldset-wrapper #edit-field-options-supplementaire div{
        display: block;
    }
    form.form-petit-annonce-create-edit .field--name-field-titre-annonce,
    form.form-petit-annonce-create-edit .field--name-field-type-de-l-annonce{
        width: 100%;
    }
    #block-descriptiondetarifpetitannonce.scroll-prix{
        top: 47px;
        width: 93%;
        z-index: 10;
    }
}
@media screen and (max-width: 768px) {
    #block-descriptiondetarifpetitannonce.scroll-prix{
        top: 47px;
        width: 93%;
        z-index: 10;
    }
}