/*****************************************************
******************************************************
                        Recherche 
******************************************************
*****************************************************/


/* @TODO - Remettre en place*/
.ajax-loading {
    background: url('../images/ajax-loader.gif') no-repeat center 120px;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}


#mediacontact-research-page-title {
}

#mediacontact_description {
}

/******************* 
    Blocs Principaux
*/

/*#mediacontact-map-header{width:100%;height:100px;background-color:red;position:absolute;top:45px;left:0}*/
#mediacontact-map-header {
}

#mediacontact-map-footer {
}

#floatingDiv {
}

#mediacontact_content {
}

#mediacontact_top {
    clear: both;
    margin-bottom: 1em;
}

#mediacontact_left {
    float: left;
}

#mediacontact_right {
    float: right;
}

#mediacontact_bottom {
    clear: both;
    float: left;
    width: 100%
}


/******************* 
    Carto
*/
#mediacontact_map_canvas {
    margin-top: 1em;
}


/******************* 
    Légende
*/
#mediacontact_legend_canvas {
    /*float:left;*/
    margin-top: 1em;
}

.map-legend-entitie {
    position: relative;
    margin-left: 10px;
    clear: both;
}

.map-legend-marker-block {
    position: relative;
    clear: both;
    float: left;
    margin-right: 2px;
}


/******************* 
    Résultats
*/

/* @TODO - Appliquer au div*/
#mediacontact_nb_results {
    color: #911937;
    font-size: 14px;
    margin-bottom: 10px;
}

.mediacontact_item {
    /*border: 1px dotted #606060;*/
    padding: 5px;
    /*margin-bottom: 0.5em;*/
    width: 100%;
    cursor: pointer;
    /*background:url(../images/background-entities.jpg) repeat-x center bottom transparent;*/
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
    color: #9DA0A4;
}

.mediacontact_item.over {
    background-position: right 10px;
    background-repeat: no-repeat;
    background-color: #F5F5F5;
    border: 3px solid #0088cc;
    border-radius: 20px 0 20px 0;
    color: #9DA0A4;
    box-shadow: 8px 8px 8px gray,
    -1px -1px 2px white;
}

a.mediacontact_vign {
    text-decoration: none;
}

.mediacontact_item p {
    line-height: 1.2em;
}

/*.mediacontact_map_slider{
    background-color: #F5F5F5;
    border: 3px solid #0088cc;
    border-radius: 20px 0 20px 0;
    color: #9DA0A4;
    box-shadow:10px 10px 10px gray,
        -1px -1px 2px white;
    padding-left:10px;
    padding-top:20px
}*/

/*******************
    Ensemble des éléments relevant du bloc de recherche
*/
#mediacontact-research-block {
    /*border: 1px dotted #606060;*/
    padding: 5px;
    /*margin-bottom: 0.5em;*/
    width: 100%;
    /*background:url(../images/background-entities.jpg) repeat-x center bottom transparent;*/
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;

    background-color: #F5F5F5;
    border: 3px solid #0088cc;
    border-radius: 12px 0 12px 0;
    color: #9DA0A4;
    box-shadow: 4px 4px 4px gray,
    -1px -1px 2px white;
}

#mediacontact-research-box-title {
}

/* Box contenant le titre de la page de recherche*/
#mediacontact_searchform {
}

#AdvancedSearch {
}

#mediacontact-fields-go-research-div {
}

/*#map_searchBoxes{
    width: 150px;
    border-style:solid;
    border-color:#e0e0e0;
}*/

/* Champs de recherche*/
.mediacontact_field {
    border: 1px dotted #606060;
    border-radius: 5px;
    width: 154px;
    font-size: 10px;
}

.mediacontact_field.over {
    border: 1px solid #FBBF43;
    background-color: #f8f8f8;
}


/*****************************************************
******************************************************
                        Fiche détaillée
******************************************************
*****************************************************/
#pathway {
    margin-bottom: 15px;
}

/*EFFET SUR LES INFOBULLES */
a span.bull {
    position: absolute;
    margin-top: 23px;
    margin-left: -35px;
    color: #09c;
    background: #f7f7f7;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    transform: scale(0) rotate(-12deg);
    transition: all .45s;
    opacity: 0;
    z-index: 100;
}

a:hover span.bull, a:focus span.bull {
    transform: scale(1) rotate(0);
    opacity: 1;
}


@media print {
    .navbar {
        display: none !important;
        opacity: 1 !important;
    }

    #page {
        background: none repeat scroll 0 0 white;
        box-shadow: none;
    }

    #content {
        display: block !important;
        opacity: 1 !important;
    }

    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1 !important;
    }

}

.first_picture_div {
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center center;
}