/* ================================== */
/* ===========   JOB ANIM  ========== */
/* ================================== */

.sweet-overlay, .sweet-alert{
    display: none;
	
}


.pubMini .bt3_module {
    float: none !important;
	background: white;
}



body,
.page-profile.page-content.container-fluid {
    padding: 0;
}

.page-header {
    display: table;
    width: 100%;
    text-align: center;
    margin-top: 0;
}

main.pages {
    margin: 30px 0;
}

ul.nolisttype{
    list-style-type: none;
    padding: 0;
}

ul.site-menu {
    padding: 10px;
    list-style-type: none;
	text-align:center;
}

li.site-menu-item  {
background:#408080 !important;
margin:5px;
border-radius:40px;
}

.menufoot li.site-menu-item  {
background:none !important;
margin:5px;
border-radius:40px;
}

.site-menu a{
color:#fff;
}

.juloawrapper h1,
h1, h2, h3, h4, h5, h6{
    margin-top: 0;
    margin-bottom: 30px;
    color: #408080;
    text-align: center;
    display: block;
    font-weight: normal;
	
}

h1{
    font-size: 30px;
}

h1.page-title {
    margin: 0;
	color:#408080;
}

h2 {
    font-size: 25px;
    margin-bottom: 15px;
}

h2 + div {
    margin-top: 45px;
}

h3{
    font-size: 20px;
    margin-bottom: 15px;
}


a:hover, a:focus{
    text-decoration: none;
    opacity: 0.8;
}

.no-pad,
*[class*="col-"].no-pad,
.no-pad .modcontainer_inner{
    padding: 0;
}

fieldset.well {
    background: none;
    box-shadow: none;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
select,
textarea,
select.form-control#jform_profile_user_type{
    border: 1px solid #eaeaea;
    background: #eaeaea;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 5px !important;
    box-shadow: none;
    padding: 0 10px;
    
    width: 100%;
}

.date > input{
    border-radius: 5px 0 0 5px !important;
}



textarea{
    min-height: 100px !important;
    line-height: 25px !important;
}

input[type="radio"]{
    height: 15px;
    width: 15px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

input[type="checkbox"]{
    /* custom checkbox */
}

.checkboxList > div:only-child {
    width: 100%;
}

.checkboxEdit{
    padding-top: 10px;
}
.modcontainerhomeSearch label.control-label {
color:#fff;
}

label.control-label{
    padding-top: 10px !important;
}

img{
    max-width: 100%;
}

.pictoarea{
    margin-bottom: 20px;
}

/*.pictoarea * {
    padding: 0;
}

.pictoarea .row{
    margin: 0;
}*/

.pictoarea img{
    height: 75px;
}

a.btn{
    display: inline-block;
}

.dropbtn,
.btn-default,
.btn-primary,
.button{
    background-color: red !important;
    font-size: 17px;
    border-radius: 5px;
    margin: 20px 0;
    border: none !important;
    color: white;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 10px !important;
}

.dropbtn:hover,
.btn-default:hover,
.btn-primary:hover,
.button:hover{
    color: white;
    background-color: black !important;
}

.dropbtn *,
.btn-default *,
.btn-primary *,
.button *
.dropbtn *:hover,
.btn-default *:hover,
.btn-primary *:hover,
.button *:hover{
    color: white;
}


/* 5 COLONNES */

.col-to-five{
    padding: 0 15px;
    float: left;
    /*width: 20%;*/
    width: 25%;
}

@media (max-width:767px){ 
    .col-to-five{
        padding: 0 15px;
        float: left;
        width: 100%;
    }
}


/* FORMULAIRE */
/*
.jsn-uniform .jsn-bootstrap{
    padding: 0;
    
}*/

.hasTooltip {
    display: block !important;
}


/* HEADER */

.navbar-logo {
    line-height: 66px;
}


.navbar-logo img {
    
}



header{
  
    line-height: 66px;
    height: 66px;
}

header ul{
    display: inline-block;
    padding: 0;
    margin: 0;
}

header ul li{
    display: inline;
    padding: 10px;
    width: 80px;
}

header ul *{
    color: #0066c !important;
	font-size:1.6rem;
}


header + section {
    margin-top: 30px;
    margin-bottom: 30px;
}


.bt3_module{
    margin-bottom: 30px;
}

.site-navbar{
    background: transparent;
}

.btn-group.comboTop .btn {
    margin: 0;
    display: inline-block;
}



.btn-group.comboTop .btn:not(:first-child){
    border-left: 1px solid rgba(255,255,255,0.2) !important;
}

.btn-group.comboTop #chatbutton{
    display: inline-block;
    margin: 0;
}

.btn-group.comboTop #chatbutton i {
    margin-left: 8px;
}


.fullWidth{
    width: 100vw;
}


/* FOOTER */

footer{
    margin-top: 30px;
    padding-top: 30px;
    background: /*#b0f1f7*/ #ddd;
    color: #555;
}

footer *{
    color: #555;
}


/* SEARCH BLOC */

.modcontainerhomeSearch {
   
    border-radius: 5px;
    border: 1px solid #cdcdcd;
	margin-top:20px;
	background:#408080 !important;
}
.modcontainerhomeSearch h1{
color:#fff !important;
}




.modcontainerhomeSearch .nav-tabs:before {
    content: "Je cherche :";
	color:#fff;
	font-size:1.5em;
}

.modcontainerhomeSearch .nav-tabs {
    border-bottom: none;
    margin: 0 -15px 20px -15px;
}

.modcontainerhomeSearch .nav-tabs > li > a,
.modcontainerhomeSearch .nav-tabs > li.active > a,
.modcontainerhomeSearch .nav-tabs > li > a:hover,
.modcontainerhomeSearch .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: transparent;
    border: none !important;
    border-width: 0;
}


.modcontainerhomeSearch .nav-tabs > li > a:before{
    content: "";
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    top: 4px;
}

.modcontainerhomeSearch .nav-tabs > li.active > a:before{
    background: red;
    border: 3px solid #fff;
}

.modcontainerhomeSearch .tab-pane .col-md-12{
    padding: 0;
}

.modcontainerhomeSearch .btn{
    margin: 0;
    height: 40px;
    width: 100%;
}

.homeSearch .tab-content{
    clear: both;
}

.homeSearch form,
.homeSearch .adsmanager_search_module{
    display: flex;
    justify-content: space-between;
} 

.homeSearch form > *,
.homeSearch .adsmanager_search_module > *{
    flex: 1;
}

.select2-container--default{
    width: auto !important;
}

.select2-container--default .select2-selection {
    border-radius: 6px !important;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 38px !important;
}

.select2-container--default .select2-selection--single {
    height: 40px !important;
}

.select2-container--default .select2-results>.select2-results__options {
    overflow-x: hidden;
}

#jobleft .advsearchmoduleform select {
    width: 100%;
}


@media(max-width: 991px){
    .homeSearch form, .homeSearch .adsmanager_search_module {
        justify-content: flex-end;
        flex-direction: column;
    }
}

/*  ASIDE */

#slideSearchClose, #annoncesSearchClose{
    display: none;
}

/*  LISTE */


@media(max-width:767px){
    .listpage h2{
        margin-top: 15px;
    }
}

.boxPlan {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 230px;
    position: relative;
    background-color: #eaeaea;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    overflow: hidden;
}

.avatar_item{
    overflow: hidden;
    max-width: 125px;
    max-height: 125px;
    margin: auto;
    position: relative;
}

.avatar_item.company{
    background: #eaeaea;
    border-radius: 5px;
    width: 100%;
    height: auto;
}

.avatar_item.profile{
    width: 100%;
    height: auto;
}

.avatar_item.profile img{
    border-radius: 100%;
}

.avisItem .avatar_item.profile {
    min-width: 35px;
    min-height: 35px;
}

.avisItem p {
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
}

.avisItem p.stars{
    margin: 0;
}

.avisItem .avatar_item{
    margin-top: 3px;
}

.reputation .avatar_item{
    margin: 20px auto;
}


.name_item h3{
    margin: 0;
    text-align: left;
    display: inline;
    margin-right: 10px;
    font-weight: normal;
    font-size: 22px;
    color: #408080;
} 

a.name_item {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.desc_item{
    margin-top: 15px;
}

.itemVer {
    display: inline-block;
    width: 100%;
}

.itemVer .avatar_item {
    margin-top: 10px;
}

.itemVer p {
    margin-bottom: 0;
}

.annonce{
    margin-bottom: 30px;
}

.annonceImg{
    background-color: #ddd;
    min-height: 100px;
}

.panel-title-annonce{
    background-color: #ddd;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.userRoot{
    margin: 30px auto;
}

.passRow > div{
    padding: 0;
}

.passRow button {
    width: 100%;
    height: 65px;
    border-width: 1px 1px 1px 0;
    border-color: #444;
    background: #eaeaea;
    border-style: solid;
    color: #444;
}

.passRow a{
    display: block;
}

.passRow .active button{
    background: #444;
    color: white;
}

.passRow .col-to-five:first-of-type button{
    border-width: 1px 1px 1px 1px;
}



.searchBox{
    margin-bottom: 30px;
    display: table;
    width: 100%;
}


.addOffer{
    margin-bottom: 30px;
}


/* CANDIDAT */

.asideCard, .asideCard *{
    text-align: center;
    
} 

.asideCard .text-left, .asideCard *.text-left{
    text-align: left;
}

.asideCard .desc_item{
    margin: 0;
}

.asideCard .desc_item .text-left{
    display: block;
}

.asideCard h3 {
    margin: 0 0 15px 0;
}


.asideCard .name_item h3{
    display: block;
    margin-bottom: 10px;
}

.asideCard .name_item small{
    display: block;
    text-align: left;
}

.subCard{
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 15px;
    margin: 0 0 30px 0;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}

.asideCard .subCard{
    margin: 15px 0;
    display: inline-block;
    width: 100%;
}



#imgavatar{
    overflow: hidden;
    width: 180px;
    margin: auto;
}

#imgavatar.candidatAvatar{
    border-radius: 100%;
    
}

#imgavatar.candidatAvatar img{
    height: 180px;
}

#imgavatar.recruteurAvatar{
    border-radius: 5px;
}


.candidatpass::after {
    content: "\f087"; /*164*/
    font-family: FontAwesome;
    position: absolute;
    bottom: 4px;
    left: inherit;
    right: 3px;
    margin: 0 auto;
    width: 27px;
    color: white;
    font-size: 15px;
    border-radius: 9px;
    opacity: 1;
    height: 27px;
    background: rgba(0,0,0,0.4);
    text-align: center;
    border: 2px solid white;
}


.page-profile .candidatpass::after {
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    font-size: 11px;
}

/*  EDITER SON PROFIL */

.editable-buttons button {
    margin: 0;
    height: 40px;
    min-width: 40px;
    line-height: 30px;
    font-size: 12px;
    background: #ccc;
}

/* DROPEDITOR && PAGEBUILDER */

.csColumn_text > div,
.csColumn_text > span{
    background: transparent !important;
}

.jsn-bootstrap3.jsn-pagebuilder .panel-title {
    text-align: left;
}

/* TEMOIGNAGES */

.guillemet{
    color: red;
    font-size: 120%;
}

.temoinItem {
    margin-bottom: 30px;
}

.temoinItem h3{
    text-align: left;
    margin: 0 0 15px 0;
}

.temoinPic img {
    max-width: 105px;
}

/* DETAIL ANNONCE */


.detailWrapper h1{
    margin: 10px 0;
}

.detailWrapper .page-content{
    padding-top: 30px;
}

.hideDetail{
    cursor: pointer;
}

.asideCard #imgavatar + h2 {
    margin: 10px 0 0;
}

a.action {
    margin-right: 15px;
}

p.catch {
    margin: 20px 0;
}

.multicheckboxfield {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
}

.aside_list h4{
    margin: 15px 0 5px;
}

.userBox, .userField{
    text-align: left;  
    
}

.userBox{
    color: black;
    margin-top: 20px;
}

.userField {
    margin-bottom: 5px;
    margin-top: 10px;
    color: #777;
    font-size: 16px;
    font-weight: 500;
}

.gmapCandidat{
    pointer-events: none;
}

.gmapUser .gmap{
    /*height: 240px !important;*/
}

.row.gridGalery {
    margin-top: 20px;
}

.gridGalery .itemGalery a{
    display: block;
    width: 100%;
    height: 100%;
}

.gridGalery .itemGalery div{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin-bottom: 30px;
    
    /*max-width: 300px;*/
}

.itemGalery.openRedirection div {
    background-color: #ddd;
    line-height: 200px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    color: #aaa;
}


.adsmanager_ads_image {
    text-align: center;
}

/* MODAL LOGIN */

.sourcecoast .modal-body {
    width: 100% !important;
}

.sourcecoast .modal-body .row-fluid [class*="span"]{
    margin-left: 0;
}

#loginItem{
    cursor: pointer;
}

#logoutItem, #logoutItem *{
    display: inline;
    width: auto;
}

#logoutItem input{
    background: transparent;
    border: none;
    padding: 0;
}

#login input{
    margin: 15px 0;
}

#login button[type="submit"]{
    width: 100%;
}

#login,
#recommanderPopup{
    transition: 0.2s;
    background: transparent;
    display: block;
    visibility: hidden;
    opacity: 1;
}

#login.active,
#recommanderPopup.active {
    display: block;
    visibility: visible;
    z-index: 1000;
    opacity: 1;
    background: rgba(0,0,0,0.4);
}

#login .modal-dialog,
#recommanderPopup .modal-dialog {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0;
    opacity: 0;
    transition: 0.2s;
}

#login.active .modal-dialog,
#recommanderPopup.active .modal-dialog{
    top: 50%;
    opacity: 1;
}

#closeSpace{
    width: 100%;
    height: 100%;
    cursor: pointer;
}


/* ABONNEMENT PASS */

.abonnementType .col-lg-6:nth-child(odd){
    clear: both;
}

.abonnementType .title b{
    font-size: 130%;
}

.itemFormule{
    text-align: center;
}

.itemFormule div {
    color: #444;
}


/*  SOCIAL MODULE */

.socialBar img{
    height: 50px;
}


/*  FAVORIS */

#favoriteList{
    list-style-type: none;
    padding: 0;
}

#favoriteList .profileText {
    margin: 15px 0;
}

#favoriteList h2 {
    font-size: 20px;
    margin-bottom: 10px;
}


.favorite_ads{
    margin: 0;
}



/* MODO */


#imgavatar{
    position: relative;
}


.moderation-avatar {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 17px;
    height: 100%;
    line-height: 180px;
    background: rgba(0,0,0,0.4);
    transition: 0.3s;
    
    opacity: 0;
}

.moderation-avatar a{
    color: white;
    display: block;
}

#imgavatar:hover .moderation-avatar{
    opacity: 1;
}


/* BANNIERE PUB */


.pubLarge, .pubMini{
    background: #eaeaea;
    margin-bottom: 30px;
    text-align: center;
    
}

.banneritem img{
    height: auto;
}

@media(min-width:768px){
    .pubLarge img, .pubMini img{
        max-height: 150px;
    }
}

/*  PROVISOIRE A TRIER */


.subForm{
    padding-top: 30px;
}

.subForm h4{
    display: none;
}

.input-append {
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.input-append input{
    padding-right: 50px !important;
}

.input-append .btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    font-size: 15px;
    width: 40px;
    padding: 0;
    border-radius: 0;
}

.slider.slider-horizontal{
    width: 100%;
}

.panel-body {
    padding: 15px;
}

@media (max-width:991px){
    .input-append .btn {
        margin: 0 !important;
    }
}

span.icon-calendar:after{
    content: "\f133";
    font-family: fontawesome;
    
}
/* Bug sur la page ecrire un message
form td {
    min-width: 70px;
    padding-left: 20px;
}*/


form td .radio input {
    position: relative;
    top: 8px;
}

ul.flex-direction-nav {
    display: none;
}

/*pluplaod*/

#currentimages div {
    max-width: 100%;
}


#pictures-uploader {
	overflow:hidden;
}

/* Responsive */
body {
max-width: 100% !important;
overflow-x: hidden;
}

.center {
	text-align:center;
}

/* Problème checkbox dans table adsmanager edit */
.controls table label {
    margin-left: 20px;
    margin-right: 30px;
}
.controls table input[type="checkbox"] {
	top: 8px;
}
.adsForm textarea {
    height: inherit !important;
}

.checkbox-custom label {
	width: 80%;
    line-height: 20px !important;
}

.has-error {
	color: #f96868 !important;
    font-weight: 500 !important;
}
.has-error input {
	/*border: 1px solid #ff0033 !important;*/
    font-weight: 500 !important;
}

.has-error .select2-dropdown, .has-error .select2-selection {
    border-color: #f96868;
}

.has-error .control-label {
	color: #f96868!important;
    font-weight: 500 !important;
}

.has-error label {
	color: #f96868 !important;
    font-weight: 500 !important;
}

.has-error .form-control {
    border-color: #f96868;
    background: white;
}

.has-error span.input-group-addon {
    border: 1px solid #f96868;
    border-width: 1px 1px 1px 0;
}


/* Nombre de postulants */

.page-profile #annonces a[href*="component/jobapply/?view=applicants"]{
    font-size: 24px;
    color: tomato;
}

.page-profile #annonces a[href*="component/jobapply/?view=applicants"]:before{
    font-family:fontawesome;
    content: "\f003";
    margin-right: 8px;
    color : #777;
}

/* menu mobile */



#opensidemenu {
    left: 15px;
    position: absolute;
    top: 0px;
    z-index: 999;
    font-size: 20px;
    color: black;
}

#opensidemenu *{
    font-size: 20px;
    color: black;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

#opensidemenu > div{
    position: relative;
    top: -4px;
}

.headMobMenu {
    display: inline-flex;
    justify-content: space-between;
    padding: 15px;
    width: 100%;
}

.headMobMenu .menuFa {
    color: #444;
    font-size: 30px;
    font-weight: normal;
    position: relative;
    top: -10px;
}

.headMobMenu .navbar-brand{
    padding: 0;
    position: absolute;
    width: auto;
}

.headMobMenu .logolink{
     width: auto;
}

#sidemenu {
    background: white none repeat scroll 0 0;
    padding: 0px;
    position: fixed;
    top: 0;
    width: 300px;
    height: 100vh;
    z-index: 100000;
    overflow-y: scroll;
}

#sidemenu::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

#sidemenu .headMobMenu .navbar-brand>img {
    height: 35px;
}
    
#sidemenu .headMobMenu > div.menu {
    color: white;
    font-size: 20px;
    margin: 0 0 30px;
    padding: 0;
    font-weight: normal;
}


#sidemenu li{
    display: block;
    border-bottom: 1px solid #eaeaea;
}

#sidemenu li a,
#sidemenu li .site-menu-item{
    color: white;
    font-weight: bold;
    display: block;
    padding: 15px;
    text-align: left;
}

#sidemenu i[class*="fa"] + span {
    padding-left: 8px;
}

body.sidemenuOpen:after {
    content: "";
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    z-index: 1;
}


#sidemenu .parent ul {
    background-color: transparent;
    box-shadow: none;
    display: block;
    padding: 0 15px;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 999;
}

#sidemenu .parent ul li{
    border-width: 0;
    padding: 0;
}

#sidemenu .parent ul a{
    font-size: 12px;
    color: #ddd;
    text-transform: none;
}

#sidemenu ul ul{margin: 0;}

#sidemenu .avatar-radius {
    border: 2px solid white;
    order: -1;
}

#sidemenu .k2UserBlockActions li:nth-child(2) a {
    color: white;
}

#sidemenu ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}


/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -300px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	-webkit-transform: translate3d(300px, 0px, 0px);
    transform: translate3d(300px, 0px, 0px);
    box-shadow: 2px -2px 4px rgba(0,0,0,0.4);
}

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

@media(min-width:992px){
    #opensidemenu, #closesidemenu, #sidemenu{
        display: none;
    }
}

@media(max-width:991px){
    header .site-menu,
    header #logoutItem,
    header .logolink{
        display: none !important;
    }
    
    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
        background: #eaeaea;
    }
    
    main.pages{
        padding-top: 66px;
    }
    
    header + section{
        margin-bottom: 0;
    }
    
    header + section + #pages{
        margin: 0;
        padding: 0;
    }
}

@media screen and (max-width: 480px){

    #uddeim #uddeim-overview table tr > td:nth-of-type(4) {
        width: 100% !important;
    }

    #uddeim #uddeim-overview table tr {
        height: 170px !important;
        padding: 10px;
    }

    #uddeim #uddeim-overview table td {
        border-bottom: 0;
        display: inline-block !important;
        float: none;
        padding: 0;
        width: auto !important;
        vertical-align: top !important;
    }
}

@media(max-width:768px){

    #uddeim-navbar2 ul{
        text-align: center;
    }

    #uddeim-navbar2 ul li {
        width: 25% !important;
        float: none !important;
        display: inline-block !important;
    }


    .userRoot .row{
        margin: 0;
    }
    .userRoot {
        /*
        position: fixed;
        z-index: 99999;
        width: 100%;
        padding: 0;
        margin: 0;
        box-shadow: -1px 0 2px rgba(0,0,0,0.2);
        bottom: 0;
        left: 0;
        margin: 72px auto 30px;
        */
        display: none;

    }
 
    
    .passRow button,
    .passRow .col-to-five:first-of-type button{
        border-width: 0;
    }
    
    .passRow {
        display: flex;
        padding: 0;
    }
    
    .passRow > * {
        flex: 1;
    }
    
    .passRow span{
        display: none;
    }
}

.col-sm-12.control-label {
    text-align: left;
}
.col-sm-4.control-label label {
	text-align:left;
}

.registration .control-label {
	text-align:left;
}


/* affiner la recherche (mobile only) */

#refineSearchMobile{
    display: none;
}

@media(max-width:767px){
    
    .rechercheList .avatar_item {
        margin-bottom: 15px;
    }
    
    .pubLarge,
    .pubMini{
        margin: -30px -15px 0;
    }
    
    #jobLeft.active + #component .pubLarge,
    #jobLeft.active + #component .pubMini{
         margin: 0px -15px 0;
    }
    
    
    #jobLeft {
        padding-top: 15px;
        margin-top: 0px;
        display: none;
    }
    
    #jobLeft.active{
        display: block;
    }
    
    #jobLeft.active + #component .rechercheList{
        display: none;
    }
    
    #refineSearchMobile{
        display: block;
        position: fixed;
        z-index: 10000;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: 66px;
        background: #eaeaea;
        box-shadow: -1px 0 2px rgba(0,0,0,0.2);
        font-size: 17px;
        line-height: 66px;
    }
    
    
   
    #refineSearchMobile .openAside{
        display: block; 
        color: #444;
    }
    
    #refineSearchMobile .closeAside{
        display: none; 
        color: white;
    }
    
    /*#refineSearchMobile.active .openAside{
        display: none; 
    }
    
    #refineSearchMobile.active .closeAside{
        display: block; 
    }*/
    
    #jobLeft.active + #component #refineSearchMobile{
        background: #444;
    }
    
    
    #jobLeft.active + #component #refineSearchMobile .openAside{
        display: none;
        color: #444;
    }
    
     #jobLeft.active + #component #refineSearchMobile .closeAside{
        display: block;
        color: white;
    }
}


/* LOGIN MODAL */



@media(max-width:991px){
    
    #login-modal {
        top: 15px;
        height: calc(100vh - 30px) !important;
        left: 15px;
        width: calc(100vw - 30px);
        transition: 0;
        transform: none;
        margin: 0 !important;
        border: none;
    }
}

#form-sclogin-submitcreate a, .scuser-menu a.dropdown-toggle {
    color: white;
    padding: 0px 10px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    background-color: #444;
}


.sclogin-joomla-login.vertical input#sclogin-username.input-block-level, .sclogin-joomla-login.vertical input#sclogin-passwd.input-block-level {
    width: 100% !important;
    height: 40px !important;
    background: white;
}

.img-flag {
    width: 24px;
}

.alert-warning {
    display: table;
    width: 100%;
}

.catchIntro{
    text-align: center;
    font-size: 20px;
	color:#408080;
	font-weight:400;
	line-height:1.3em;
}

span.test {
font-size: 40px !important;
}

.page-content.accueil{
    display: none;
}

.page-content h4 {
text-align: left;
padding-top:5px;
word-wrap: break-word;
}

.annonceContent.col-md-9 p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media (max-width: 600px) {
.profilAround {
    display:none !important;
}

.center {
text-align: center;
}

}

.indicator {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    background-color: red;
    border-radius: 10px;
    margin: 0 auto;
}

.indicator.on {
    background-color:greenyellow;
}

.rotateimage-gallery {
    margin-bottom: 15px;
}