/*
Fichier de styles locaux aux annonces légales
*/
/* 
    Created on : 18 mars 2020, 11:59:05
    Author     : sebastien
    last edition : 29 janvier 2024
*/

/* -- Search Engine -- */
.searchAnnonces .form-control{
    width: 100%;
    text-align: left;
}
.searchAnnonces input[type="date"].form-control, .searchAnnonces input[type="time"].form-control, 
.searchAnnonces input[type="datetime-local"].form-control,.searchAnnonces  input[type="month"].form-control{
    line-height: 1.42857;
}
.searchAnnonces label{
    font-size: 14px;
}
.searchAnnonces .select2-container .select2-selection--single{
    height: 33px;
}
.searchAnnonces .select2-container--default .select2-selection--single .select2-selection__rendered{
    text-align: left;
    line-height: 33px;
}
.mr15px{
    margin-right: 15px;
}
.annonce{
    border: 1px solid #ddd;
    padding: 20px;
    transition: all 2s;
    background-color: #f6f6f6;
    flex-grow: 1;
}
.annonceContainer{
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
}
.annonce h2{
    font-size: 16px;
    margin: 0;
}
.annonce .dateP{
    margin-bottom: 10px;
    font-size: 11px;
}
.linkAnnonce{
    margin-top: 15px; 
    text-align: right;
}
.btn-custom{
    background: #F07D00;
border: 0 none;
border-radius: 30px;
padding: 5px 15px;
color: #fff;
}
.annonce .titre{
    margin-bottom: 5px;
    color: #000;
}
.annonce .numero{
    font-size: 11px;
    text-align: right;
}
.annonceFiche{
    padding-bottom: 70px;
}
.annonceFiche h2{
    margin-top: 30px;
}
.annonceFiche h2, .annonceFiche h3{
    text-align: center;
    position: relative;
}
.annonceFiche h2:after{
    content:'';
    width: 250px;
    height: 1px;
    background: #000;
    margin: 20px auto 0;
    display: block;
}
.annonceFiche h3:after{
    content:'';
    width: 250px;
    height: 1px;
    background: #F07D00;
    margin: 20px auto 0;
    display: block;
}
.annonceFiche .contenerAnnonce{
    width: 100%;
    margin: 30px auto 0;
}
.annonceFiche .logo{
    text-align: center;
}
.annonceFiche .logo img{
    max-width: 200px;
    max-height: 100px;
}
.annonceFiche .surTitre{
    font-size: 11.3px;
    text-align: center;
    font-weight: bold;
    line-height: 13.5px;
    color: #000;
}
.annonceFiche .entete{
    font-size: 10px;
    text-align: center;
    line-height: 10px;
    font-weight: bold;
    text-align: center;
    color: #000;
    margin: 10px 0 15px;
}
.annonceFiche .sousTitre{
    font-size: 11.3px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin: 0 0 10px;
}
.annonceFiche .contenerAnnonce #header_mandataire{
    text-align: center;
    font-size: 2.3mm;
    line-height: 3mm;
}
.annonceFiche .contenerAnnonce{
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    font-size: 16px;
    line-height: 1.2;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: #000;
}
.annonceFiche hr{
    color: black;
    border: .5px solid black;
    margin: 2mm auto;
    display: block; 
    width: 40px;
}
.annonceFiche .contenerAnnonce > hr:first-of-type, .annonceFiche  .contenerAnnonce > hr:last-of-type{
    color: black;
    border: 1px solid black;
    margin: 15px auto;
    display: block;    
    width: 100%;
}

.annonceFiche hr.petitFilet{
    width: 40px;
} 
.publish{
    font-size: 18px;
    margin-top: 30px;
}
.publish .btn-custom{
    font-size: 18px;
}

.annonceHeader{
    padding: 30px;
    background: #F07D00;
    color: #000;
}
.noMB{
    margin-bottom: 0;
}
.annonceHeader h2{
    font-size: 22px;
    margin-bottom: 5px;
}
.annonceHeader h3{
    margin-top: 0;
    font-weight: normal;
}
.annonceHeader a:hover{
    color: #000;
    text-decoration: underline;
}
.annonceHeader .flexCol{
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.enteteLst{
    display: flex;
    justify-content: space-between;
}
.annonceContainer .annonce{
    display: flex;
    flex-direction: column;   
}
.annonceContainer .annonce .linkAnnonce{
    margin-top: auto;
}
.recap_lot{
    text-align: center;
}
.entete_2{
    font-size: 1.3em; text-align: center; font-weight: bold; line-height: 1.2;
}
#img_logo_header{
    max-width: 100%;
}
.entete_3{
    font-size: 1.1em; text-align: center; font-weight: bold; line-height: 1.2;
}

.annonce.marchesPetAvis, .annonce.vae{
    border: 1px solid #F07D00;
    background-color: rgba(240,125,0, 0.2);
}

.contenerAnnonce table{
    width: 100%;
    margin: 15px;
}
/* -- Corps de l'annonce : annuler ce que le thème impose ---------------
   Le texte vient de l'éditeur de la plateforme et peut contenir p, ul, ol,
   li, h2-h4, strong, em, span... Le thème global (style.css) le déforme de
   deux façons, signalées en recette (#13382451902) :

     - `li, ul { list-style: none }` + `padding-left: 0` : les puces
       disparaissent, alors que le justificatif PDF les imprime. Une
       énumération de décisions se lisait comme un bloc de phrases ;
     - `p { color: #7e7e7e }` : les paragraphes sortaient en gris quand les
       li, eux, héritaient du noir du conteneur — d'où deux teintes dans un
       même texte.

   On rétablit donc le rendu du navigateur pour ce seul bloc, sans toucher
   au reste du site. */
.annonceFiche .contenerAnnonce p {
    color: inherit;
}
.annonceFiche .contenerAnnonce ul {
    list-style: disc outside;
    padding-left: 1.5em;
    margin: 0 0 10px;
}
.annonceFiche .contenerAnnonce ol {
    list-style: decimal outside;
    padding-left: 1.5em;
    margin: 0 0 10px;
}
.annonceFiche .contenerAnnonce li {
    list-style: inherit;
}