/*gabarit: mesannonces.tpl*/
#liste_annonces .liste .item_image{
    background: #efefef;
    padding: 0;
}
#liste_annonces .liste .item_infos{
    padding-left: 10px;
}

#liste_annonces .liste .item_image > img{   
    max-width: 100%;
    height: auto;  
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inherit;
    max-height: 200px;
    margin: 0 auto;
}

#liste_annonces .liste .item_date_publication{
    font-size: 12px;
}
#liste_annonces .liste .item_date_obsolete {
    font-size: 12px;
}
#liste_annonces .liste .item_categorie > span, #liste_annonces .liste .item_resume > span{
    font-size: 12px
}
#liste_annonces .liste .item_price{
    font-size: 22px;
    font-weight: 600;
}

#liste_annonces .item_btn{
    border-radius: 0;
    padding: 3px 10px;
    margin-bottom: 3px;
    display: block;
    width: 100%;
}
#liste_annonces #item_edit{
    margin-top: 10px;
}

#liste_annonces .item_statut{
    margin: 0;
    font-size: 12px;
}
#liste_annonces .item_statut > span{    
    color: #fff;
    padding: 2px;
    display: inline-block;
    position: absolute;
    z-index: 100;
    bottom: 0;
    right: 0;
}

#liste_annonces .item_statut > span.grey{
    background: grey;   
}
#liste_annonces .item_statut > span.green{
    background: #0baf10;   
}
#liste_annonces .item_statut > span.red{
    background: #ff003b;
}
#liste_annonces .item_statut > span.orange{
    background: #ff7e0f;
}
#liste_annonces .nbre_photo{
    position: absolute;
    top: 10px;
    right: 5px;
    border: 1px solid;
    border-radius: 10px;
    width: 22px;
    text-align: center;
    background: #fff;
}
#liste_annonces #result .succes{
    background: #5dffb4;
    padding: 10px;
    float: right;
}
/*paginator*/
.paginator{
    text-align: center;
    position: relative;
}


.paginator .suivant{
    position: relative;
    top: -32px;
    cursor: pointer;
    margin-left: 10px;   
    padding: 7px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.paginator .precedent{
     position: relative;
    top: -32px;
    cursor: pointer;
    margin-left: 10px;   
    padding: 7px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

}
.pagination>li:last-child>a, .pagination>li:last-child>span,
.pagination>li:first-child>a, .pagination>li:first-child>span{
    border-radius: 0;
}

/*gabarit: nouvelle annonce*/

/*gabarit : incformpetitesannonces*/
#non_connecte #connexionerreur{
    font-size: 12px;
}
#non_connecte #captcha_container{
    padding: 0;
}
#non_connecte .error{
    font-size: 12px;
    font-weight: 200;
}
/*gabarit : incpetitesannonces*/

#listecritere, .listecritere {
    position: relative;
    margin-bottom: 50px !important;
    background: #f2f2f2;
    padding: 10px;
}
#listecritere, .listecritere label{
    color: #000;
}


/*gabarit : incpetitesannoncesliste*/
#listecritere.critere_annonces #containerselectlistecrit1, #listecritere.critere_annonces #containerselectlistecrit2 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#selectlistecrit1,
#selectlistecrit2{    
    margin-bottom: 10px;
    border-radius: 0;
        background: #eff0ec;
}
#listecritere.critere_annonces button{
    float: right;
    margin-right: 15px;
    margin-top: 20px;
}
#listecritere #wrapp_filtreannumotcle{
    width: 100%!important;
    padding: 0;
}
#listecritere #wrapp_filtreannumotcle input{
    border-radius: 0;
}
#listecritere {
    position: initial;
}

.annonce.TContenu{
    position: relative;
    float: left;
    width: 100%;
}
.annonce.TContenu hr{
    clear: both; 
    height: 10px;
   
}
.annonce.TContenu .listeannonce{
    display: flex;   
    padding: 10px 0;
    align-items: center;
}
.annonce.TContenu .listeannonce.vign_right{
   flex-direction: row-reverse;
}

.annonce.TContenu .listeannonce .titreannonce h4{
    margin-bottom: 0;
}
.annonce.TContenu .listeannonce .dateannonce{
   font-size: 12px;
   margin-bottom: 10px;
}
.annonce.TContenu .listeannonce .lienannonce{
       margin: 30px 0 0;
}
.annonce.TContenu .listeannonce .lienannonce .btn{
       border-radius: 0;
       text-decoration: none;
}
.annonce.TFiche .annonceur{
    background: #abacad;
    padding: 15px;     
}
.annonce.TFiche .envoimail{
    margin: 15px auto;
    text-align: center;

}
.annonce.TFiche .maj_article{
    position: absolute;
    right: 15px;
    top: 40px;
    font-size: 11px;
    font-style: italic;
}
.annonce.TFiche #detail_petite_annonce{
    border-right: 1px solid #efefef;
}
.gestion_annonce{
    margin-top: 25px;
        border: 1px solid #efefef;
    padding: 10px;
}

#carou_annonce{
    padding-left: 0;
    padding-right: 0;
}
#carou_annonce .carousel-control.right, #carou_annonce .carousel-control.left{
    background-image: none;
}
.petitesannonces{
clear: both;
    width: 100%;
    float: left;
    margin-top: 50px;
}
#formannonceur .btn-submit{
    margin-top: 10px;
    width: 100%;
}

/*commun*/
.petites_annonces > h3, #detail_petite_annonce .titre{
    background: #fbfbfb;
    padding: 10px;   
    margin-top: 0;
}

/*Formulaire edit petite annonce*/ 
#monformulaire input{
	width: 100%;
    background: #f9f9f9;
    border: none;
    box-shadow: none;
}
#monformulaire label{
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 0 0.3571428571em;
    text-transform: uppercase;
}
#monformulaire fieldset{
	    border: 2px solid #f9f9f9;
}
#monformulaire legend{
	border-bottom: 2px solid #f9f9f9;
}
#monformulaire select{
	    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f9f9f9;
    background-image: none;
    border: none;
}

#monformulaire .custom-file{
    cursor: pointer;
font-weight: bold;    
background-size: contain;
height: 100px;
border: 1px solid #efefef;
border-radius: 4px;
width: 100%;
text-align: center;
display: block;
}

#monformulaire .custom-file-input{
	display: none;
}

#monformulaire .custom-file {
    cursor: pointer;
    text-align: center;
        outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    font-size: 1.25rem;
    background-color: #c8dadf;
    position: relative;
     padding: 20px 20px; 
    display: block;
}

#monformulaire .custom-file:hover p.custom_text{
    color: #92b0b2;
}
#monformulaire .box_preview{
	padding: 0;
}
#monformulaire .thumbnail{
	border-radius: 0;
    border: 1px solid #c8dade;

}
#monformulaire .btn-danger{
	padding: 5px 15px;
    border-radius: 0;    
    font-size: 12px;
}
#monformulaire svg path{
	    fill: #92b0b2;
}
#monformulaire p.custom_text{
	color: #fff;
}
#monformulaire [champdb="vignette"], #monformulaire [champdb="photo1"], #monformulaire [champdb="photo2"], #monformulaire [champdb="commentairexl1"]{
    display: none;
}

@media only screen and (max-device-width : 768px)   {
    #carou_annonce{
        margin-top: 20px;
        padding-right: 0;
    }
    .petites_annonces > h3, #detail_petite_annonce .titre{
        font-size: 20px;
    }
    .petites_annonces .item_infos{
        padding: 0;
        margin-top: 10px;
    }

   
}
@media only screen and (max-device-width : 767px)   {
     #liste_annonces .item_btn{       
        margin-top: 0!important;

    }
}
/*Gabarit : blocpetitesannonces.tpl*/
.wrapper_bloc_petite-annonce{
    width: 30%;
    background: #fbfbfb;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wrapper_bloc_petite-annonce h4.titre{
    margin-bottom: 0;
}
.wrapper_bloc_petite-annonce .listeannonce{
    display: flex;
    align-items: center;
}