body{
    counter-reset: span;
}

#cn-cmap .cn-right{
    text-align: left;
    float:left;
    width: 65%;
    font-family: "raleway-regular", arial, sans-serif!important;
    color: #666666!important;
    font-size: 15px!important;
}

#cn-cmap span.cn-image-style{
    background-color: transparent;
}

#cn-cmap .cn-left{
    width: 35%;
    float:right;
    text-align: right;
}

#cn-cmap span.organization-unit{
    margin: 15px 0 15px 0;
}

#cn-cmap .cn-entry.cn-background-gradient{
    background: none !important;
    border-top: 1px solid #d7d8d9 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

#cn-cmap span.fn.n.notranslate,  
#cn-cmap span.org.fn.notranslate,
#cn-cmap span.tel{
    margin-top: 15px;
}

#cn-cmap .cn-entry.cn-background-shadow{
    background: none;
    background-color: white !important;
    border: none !important;
    box-shadow: none !important;
}

#cn-cmap .cn-list-row-alternate ,.cn-list-row{
    border-top: none;
}

#cn-cmap span.fn span{
    font-size: 20px;
    font-weight: bold;
   font-family: "raleway-regular", arial, sans-serif;
}

#cn-cmap span.fn:before{
    counter-increment: span;
    content: counter(span) ". ";
    font-size: 20px;
    font-weight: bold;
    font-family: "raleway-regular", arial, sans-serif;
    margin-right: 10px;
    color: #1c3c51;
}

#cn-cmap h3 {
    font-family: "raleway-regular", arial, sans-serif;
    color: #1c3c51;
}

#cn-cmap span.address-block span:not(.locality) span:not(.street-address) span:not(.postal-code) span:not(.locality){
    padding-left: 15px;
}

#cn-cmap span.phone-number-block span{
    color: #ee4d4f;
    font-weight: bold;
    font-family: 'raleway-regular', arial, sans-serif!important;
    font-size: 18px;
    line-height: 1.42857;
}

#cn-cmap .cn-search {
    float: left;
    width: 50%;
} 

#cn-cmap span input, #cn-cmap span input[type=text] {
    width: 99.4%;
}

#cn-cmap #cn-search-input, input#cn-search-submit {
    border-radius: 0; 
}

#cn-cmap .chosen-container {
    width: 42%!important;
}

#cn-cmap .chosen-container a, .chosen-with-drop, .chosen-container-active{
    color: #333 !important;
    background: none !important;
    box-shadow: none !important;
    background-color: #ebebeb !important;
    border-color: #ebebeb !important;
    border-radius: 0 !important;
    height: 29px !important;
}

.chosen-container-single .chosen-single span {
    color: #1c3c51!important;
}

#cn-cmap .chosen-drop{
    background: none;
    box-shadow: none;
    border-radius: 0;
    background-color: #ebebeb;
    border-color: #ebebeb;
    color: #333;
}

#cn-cmap .keywords_search{
    float: left;
    margin-top: -15px;
}

#cn-cmap .nb_results_search{
    float: right;
    margin-top: -15px;
}

#cn-cmap .text-success {
    color: #82888d;
    font-size: 18px;
    line-height: 1.42857;
}   

#cn-cmap .text-primary {
    color: #003340;
    font-size: 18px;
    line-height: 1.42857;
} 

#cn-cmap #cn-search-messages {
    display: none;
}

#cn-list .chosen-container-single .chosen-single {
    line-height: 45px !important;
}

#cn-cmap .chosen-container a, .chosen-with-drop, .chosen-container-active {
    height: 45px !important;
}

.cn-search-button {
    position: absolute;
    right: 0;
}

#cn-clear-search-button {
    font-size: 14px!important;
}

#cn-search-input {
    height: 45px;
    line-height: 45px;
    color: #818181;
    font-size: 15px;
    margin: 0;
}

input#cn-search-submit {
     background: #e35054 url("../../img/search.png") no-repeat scroll 5px center!important;
    height: 45px;
    line-height: 45px;
    width: 45px !important;
}

.chosen-container-single .chosen-single div b {
    background-position: 0 13px!important;
}

#cn-search-messages > ul {
    list-style-type: none;
    padding-left: 0;
    font-size: 15px;
 }

 #cn-clear-search a {
    color: #000000;
    font-size: 12px;
    padding: 0;
}

.cn-profile .nb_results_search, .cn-list-no-results, .cn-image-none {
    display: none !important;
}

.cn-list-no-results-fr{
    margin-top: 20px;
}

#cn-list span.cn-image-style {
    border: none;
}

#cn-cmap #cn-list-body {
    padding-top: 20px!important;
}

#cn-cmap .cn-tray-links {
    margin: 40px 0 0!important;
}


/* Surcharge responsive pour annuaire municipal */
@media (max-width: 980px) {
    #cn-cmap .cn-left .phone-number-block {
        bottom: 10px;
        position: absolute;
    }

    #cn-cmap .chosen-container {
        width: 43% !important;
    }

    #cn-cmap .cn-right {
        width: 100%!important;
    }

    #cn-cmap .cn-left {
        float: left!important;
        width: 100%!important;
        text-align: left;
    }
}

@media (max-width: 768px) {
    #cn-cmap .chosen-container {
        width: 38% !important;
    }

    #cn-cmap .cn-right {
        width: 100%!important;
    }

    #cn-cmap .cn-left {
        float: left!important;
        width: 100%!important;
        text-align: left;
    }
}

@media (max-width: 480px) {
    #cn-cmap .cn-search {
        width: 100%!important;
    }

    #cn-cmap .chosen-container {
        width: 100% !important;
    }

    #cn-cmap .cn-right {
        width: 100%!important;
    }

    #cn-cmap .cn-left {
        float: left!important;
        width: 100%!important;
        text-align: left;
    }
}