.port-image{
    width:400px;
    min-height: 250px;
}

.edit-demande {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #c7c9c8;
    margin-bottom: 30px;
}

.edit-demande a {
    overflow: hidden;
}

.image-link
{
	margin-top : 15px;
}

.m-t-sm
{
    margin-top : 15px;
}

.c-checkbox.has-success label
{
	opacity: 1 !important;
}

.before-none:before
{
	display: none !important;
}

.pager li.previous > a , .pager li.next > a
{
	border-radius: 0px !important;
	border: none;
}

.pager li.previous > a:hover , .pager li.next > a:hover
{
	background: none;
    border-color: transparent;
    color: #666666;
}

.form-search.form-search
{
	background: rgba(0,0,0,.2);
}

.form-search.form-search .el-input__inner , .form-search.form-search .el-input__inner:hover , .form-search.form-search .el-input__inner:focus
{
	background-color: transparent;
	border: 1px solid #01ae92;
	padding-left: 10px;
	color: white;
}

.form-search.searchBar .searchBar-where .searchBar-whereInputContainer , .searchBar-inputContainer .el-input
{
	border-right: none !important;
}

.media-img {
    overflow: hidden;
    padding: 0;
    position: relative;
}

.media-img .img-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    height: 100%;
    opacity: 0;
    padding-top: 0;
	padding-right: 10px;
    position: absolute;
    text-align: right;
    transition: opacity 0.3s ease-out 0s;
    visibility: hidden;
    width: 100%;
    z-index: 4;
}

.edit-demande:hover .img-overlay a, .edit-demande .img-overlay:hover a {
   /* display: inline-block; */
}

.btn-red , .btn-red:hover {color:red !important;}

.edit-demande:hover .img-overlay, .edit-demande .media-img:hover .img-overlay {
    opacity: 1;
    transition: opacity 0.3s ease-out 0s;
    visibility: visible;
}

.edit-demande div.media-img img {
    height: auto;
    transform: scale(1, 1);
    transition-duration: 2000ms;
    transition-timing-function: ease-out;
    width: 100%;
}
.edit-demande .date {
    top: -10px;
    z-index: 99;
    width: 65px;
    right: -10px;
    height: 65px;
    padding: 10px;
    position: absolute;
    color:#FFFFFF;
    font-weight:bold;
    background: #7a68ac;
    border-radius: 999px;
}
.edit-demande .date .blog-number, .edit-demande .date .blog-date {
    color: #fff;
    display: block;
    font-size: 16px;
    text-align: center;
}
.edit-demande .box ul li {
    border-bottom: 1px dashed #dddddd;
    font-size: 13px;
    padding: 7px 0;
}
.edit-demande .box ul li i {
    font-size: 16px;
    margin-right: 15px;
}



.edit-offre {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #c7c9c8;
    margin-bottom: 30px;
}

.edit-offre a {
    overflow: hidden;
}

.edit-offre:hover .img-overlay a, .edit-offre .img-overlay:hover a {
    display: inline-block;
}

.edit-offre:hover .img-overlay, .edit-offre .media-img:hover .img-overlay {
    opacity: 1;
    transition: opacity 0.3s ease-out 0s;
    visibility: visible;
}

.edit-offre div.media-img img {
    height: auto;
    transform: scale(1, 1);
    transition-duration: 2000ms;
    transition-timing-function: ease-out;
    width: 100%;
}
.edit-offre .date {
    top: -10px;
    z-index: 99;
    width: 65px;
    right: -10px;
    height: 65px;
    padding: 10px;
    position: absolute;
    color:#FFFFFF;
    font-weight:bold;
    background: #01ae92;
    border-radius: 999px;
}
.edit-offre .date .blog-number, .edit-offre .date .blog-date {
    color: #fff;
    display: block;
    font-size: 16px;
    text-align: center;
}
.edit-offre .box ul li {
    border-bottom: 1px dashed #dddddd;
    font-size: 13px;
    padding: 7px 0;
}
.edit-offre .box ul li i {
    font-size: 16px;
    margin-right: 15px;
}