/*.navbar-inverse {opacity: 50%;background-image: none !important;}*/
/*.custom_nav .navbar .navbar-fixed-top .navbar-inner*/
.navbar-inverse{
    border: none;
    border-radius: 0;
    background: rgba(0,0,0,0.7);
    top:0px !important;
    margin-bottom:0px;
    color:#fff;
}


.address_block .address_block_map_wrapper p{
    display:block;
    float: bottom;
    margin: 0px !important;
}
#search-button-header{
    margin-bottom:20px !important;
}
#pre-header-welcome .effectuer_recherche_div_button{
    bottom: 20px;
    position: absolute;
    text-align: center;
    margin: auto;
    left: 0; 
    right: 0;
}
#mafede-header-welcome .effectuer_recherche_div_button{
    bottom: 20px;
    position: absolute;
    text-align: center;
    margin: auto;
    left: 0; 
    right: 0;
}
body{
    padding:0px;
    font-family : Avenir, Helvetica, Arial, Sans-serif;
    size : 12px;
    color : #0A061E;
    /*background-image: url('http://seamlesspatternchecker.com/hash/seamless-pattern-samples/a/3/5/a35-vector-vector-seamless-simple-pattern-curtain-design-modern-stylish-texture-repeating-abstract-158117696.jpg');*/
}

hr {text-align:center; margin: 0 auto; margin-top: 10px;margin-bottom: 10px;}


.navbar-brand{
    background-color:#fff;
    padding-top:0px;
    padding-left:20px;
    padding-right:20px;
    height: 50px;
}

.maincontent{
    top:0px;
    background-color: #fff;
    /*    margin-left: 15%;
        margin-right: 15%;*/
}

#pre-header-welcome{
    background-image: url('../images/personnalized/pre/background_header.jpg');
    background-size: 900px 300px;
    height: 380px;
    position:relative;
    color: white;
}
#mafede-header-welcome{
    background-image: url('../images/personnalized/essayer-mafede/background_header.jpg');
    background-position-y: -80px;
    height: 380px;
    position:relative;
    color: white;
}
#rpvm-header-welcome{
    background-image: url('../images/personnalized/rpvm/background_header.jpg');
    background-position-y: -80px;
    height: 380px;
    position:relative;
    color: white;
}
#pre-header-welcome-filter{
    background-color: #273540;
    opacity: 0.6;
    width:100%;
    height:100%;
    color: white;
    position: absolute;
    top: 0;
    right: 0;
}
#pre-header-home{
    background-image: url('../images/personnalized/pre/background_header.jpg');
    background-size: 900px 300px;
    height: 250px;
    position:relative;
    color: white;
}
#mafede-header-home{
    background-image: url('../images/personnalized/essayer-mafede/background_header.jpg');
    background-position-y: -80px;

    height: 250px;
    position:relative;
    color: white;
}
#rpvm-header-home{
    background-image: url('../images/personnalized/rpvm/background_header.jpg');
    background-position-y: -80px;
    height: 250px;
    position:relative;
    color: white;
}
.brand_personalized_logo_pre{
    margin-bottom: 1px;
    padding-right: 10px;
    padding-left: 10px;
    background-color:white;
}
.navbar-header > a{ margin-bottom: -50px;}
.navbar .brand_personalized_logo_pre{display:block;float:left;padding:2px 2px 2px;margin-left:-20px;font-size:20px;font-weight:200;color:#777;text-shadow:0 1px 0 #fff}
.navbar .brand_personalized_logo_pre:hover{text-decoration:none}
.navbar-inverse .brand_personalized_logo_pre,
.navbar-inverse .nav > li > a {
    color: #999999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-inverse .brand_personalized_logo_pre:hover,
.navbar-inverse .nav > li > a:hover {
    color: #ffffff;
}




.essayer-mafede .navbar-inverse {
    background-color: #fff;
    border-color: #777;
    opacity: 0.9;
}
.essayer-mafede .navbar-inverse .nav > li > a {
    color: #777;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.essayer-mafede .navbar-inverse .brand_personalized_logo_pre:hover,
.essayer-mafede .navbar-inverse .nav > li > a:hover {
    color: #777;
    font-weight: bold
}







#pre-header-home-filter{
    background-color: #273540;
    opacity: 0.6;
    width:100%;
    height:100%;
    color: white;
    position: absolute;
    top: 0;
    right: 0;
}
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:center;
    /* inline-block space fix */
    margin-right:-4px;
}
span.highlight {
    background-color: #FF454D;
    font-size:16px;
    font-weight:300;
    line-height:1.4;
    padding:0.15em;
    border-radius: 5px;
    color:#fff;
}

.ligne_verticale
{
    width:5px;
    border-left:1px solid #48A4FF;
    margin-left: 30px;
    height:20px;
    float: right;
}
#search-button-header{
    background-color: #48A4FF;
    border: 5px solid #48A4FF;
    box-shadow: none;
    border-radius: 3px;
    font-family: inherit;

}
#pre-footer{
    background-color: #d5d5d5;
    width: 100%;
    height: 220px;

}
#pre-footer p{
    font-size: 14px;
    color: #696969;
}
@media(min-width: 1400px) {
    .maincontent{
        width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }

}
@media(min-width: 2000px){
    /*ce qui doit etre copié au css personalisé de PRE, et d'autre ligne, A revoir'*/
    #href_logo_navbar{
        margin-left: -70% !important;
    }
    h1{
        font-family : Rockwell;
        font-size: 60px;
        /*        color : #ffffff;*/
    }
    .pre h1{
        color : #ffffff;
    }
    h2{
        font-family : Rockwell;
        font-size : 22px;
        color : #FF454D;
    }
    h3{
        font-family : Avenir, Helvetica, Arial, Sans-serif;
        font-size : 18px;
        /*        color : #ffffff;*/
    }
    .pre h3{
        color : #ffffff;
    }

    h4 {
        font-family : Avenir, Helvetica, Arial, Sans-serif;
        font-size : 18px;
        color : #0A061E;
        text-align:center;
        border:none;
    }
    .lead{
        font-family : Avenir, Arial, Sans-serif;
        font-size : 16px;
    }
    .attr_label{
        /*@TODO - A revoir !*/
        width: 170px;
        font-size: 14px;
        font-weight: lighter;
        /*float: none;*/
        text-align: left;
    }
    .pre .attr_label{
        float: none;
    }

    #saveAndSee{
        width:18%; min-width: 180px !important; margin-bottom: 3px;
    }
    #saveAndAdd{
        width:30%;min-width: 320px;margin-bottom: 3px;
    }
    #cancelUpdateButton{
        width:20%;min-width: 200px;margin-bottom: 3px;
    }
    #deleteButton{
        margin-bottom: 3px;
    }
    #rclass_attr{
        margin-left: 0%;
        margin-right: 0%;
    }
    .attr_value .main_key {
        width: 450px !important;
    }
    #RObject_nom_commercial{
        width: 450px !important;
        position: relative;
        margin-left: 10px;

    }
    #rclass_attr > div:nth-of-type(2) > div:nth-of-type(1){
        margin-left: 10px;
    }
    // ne marche pas pour le textarea
    #RObject_short_description_4e2faef1ffed21ed475144ab{
        width: 950px !important;
    }


    /*fin copy*/

}

/*Grands écran*/
@media(max-width: 2000px) {
    #href_logo_navbar{
        margin-left: -65% !important;
    }
    h1{
        font-family : Rockwell;
        font-size: 65px;
        /*color : #ffffff;*/
    }
    .pre h1{
        color : #ffffff;
    }
    h2{
        font-family : Rockwell;
        font-size : 22px;
        color : #FF454D;
    }
    h3{
        font-family : Avenir, Helvetica, Arial, Sans-serif;
        font-size : 18px;
        /*color : #ffffff;*/
    }
    .pre h3{
        color : #ffffff;
    }

    h4 {
        font-family : Avenir, Helvetica, Arial, Sans-serif;
        font-size : 18px;
        color : #0A061E;
        text-align:center;
        border:none;
    }
    .lead{
        font-family : Avenir, Arial, Sans-serif;
        font-size : 16px;
    }
    .attr_label{
        /*@TODO - A revoir !*/
        width: 170px;
        font-size: 14px;
        font-weight: lighter;
        /*float: none;*/
        text-align: left;
    }
    .pre .attr_label{
        float: none;
    }
    #saveAndSee{
        width:18%; min-width: 180px !important; margin-bottom: 3px;
    }
    #saveAndAdd{
        width:30%;min-width: 320px;margin-bottom: 3px;
    }
    #cancelUpdateButton{
        width:20%;min-width: 200px;margin-bottom: 3px;
    }
    #deleteButton{
        margin-bottom: 3px;
    }
    #rclass_attr{
        margin-left: 0%;
        margin-right: 0%;
    }
    .attr_value .main_key {
        width: 450px !important;
    }
    #RObject_nom_commercial{
        width: 450px !important;
        position: relative;
        margin-left: 10px;

    }
    #rclass_attr > div:nth-of-type(2) > div:nth-of-type(1){
        margin-left: 10px;
    }




}
/*petit ecran ou tablette*/
@media(max-width: 1200px) {
    #href_logo_navbar{
        margin-left: 0px !important;
    }
    .attr_value input{
        text-align: left !important;
    }
    #dropdown_button,#dropdown_menu{margin-right: 2px !important;}

    /*    .maincontent{
        top:0px;
        background-color: #fff;
        margin-left: 1%;
        margin-right: 1%;
    }*/
    h1{
        font-family : Rockwell,Avenir, Helvetica, Arial, Sans-serif;
        font-size: 60px;
        /*color : #ffffff;*/
    }
    .pre h1{
        color : #ffffff;
    }
    h2{
        font-family : Rockwell,Avenir, Helvetica, Arial, Sans-serif;
        font-size : 22px;
        color : #FF454D;
    }
    h3{
        font-family : Avenir, Helvetica, Arial, Sans-serif;
        font-size : 18px;
        /*color : #ffffff;*/
    }
    .pre h3{
        color : #ffffff;
    }

    h4 {
        font-family : Avenir, Helvetica, Arial, Sans-serif;
        font-size : 18px;
        color : #0A061E;
        text-align:center;
        border:none;
    }

    .attr_value .main_key {
        width: 300px !important;
    }
    #RObject_nom_commercial{
        width: 150px !important;
        position: relative;
        margin-left: 50px;
    }
    #rclass_attr > div:nth-of-type(2) > div:nth-of-type(1){
        margin-left: 50px;
    }
    #saveAndSee{
        width:18%; min-width: 180px !important; margin-bottom: 3px;
    }
    #saveAndAdd{
        width:30%;min-width: 320px;margin-bottom: 3px;
    }
    #cancelUpdateButton{
        width:20%;min-width: 280px;margin-bottom: 3px;
    }
    #deleteButton{
        margin-bottom: 3px;
    }
    .attr_value textarea{
        white-space: 150px;
    }
    /*    #href_logo_navbar{
        margin-left: 150px !important;
    }*/
}
/*smartphone*/
@media(max-width: 767px) {
    /*    .col-lg-4 {
            width: 100px !important;
            
        }*/


    #href_logo_navbar{
        margin-left: 10px !important;
    }
    h1{
        font-family : Rockwell,Avenir, Helvetica, Arial, Sans-serif;
        font-size: 30px;
        color : #ffffff;
    }
    h2{
        font-family : Rockwell,Avenir, Helvetica, Arial, Sans-serif;
        font-size : 22px;
        color : #FF454D;
    }
    h3{
        font-family : Avenir, Helvetica, Arial, Sans-serif;
        font-size : 18px;
        /*color : #ffffff;*/
    }
    .pre h3{
        color : #ffffff;
    }

    h4 {
        font-family : Avenir, Helvetica, Arial, Sans-serif;
        font-size : 18px;
        color : #0A061E;
        text-align:center;
        border:none;
    }
    .lead{
        font-family : Avenir, Helvetica, Arial, Sans-serif;
        font-size : 14px;
    }
    #search-button-header{
        font-size : 14px;
        background-color: #48A4FF;
    }
    #saveAndSee{
        width:18%; min-width: 180px !important; margin-bottom: 3px;
    }
    #saveAndAdd{
        width:30%;min-width: 320px;margin-bottom: 3px;
    }
    #cancelUpdateButton{
        width:20%;min-width: 200px;margin-bottom: 3px;
    }
    #deleteButton{
        margin-bottom: 3px;
    }
    .jAutochecklist_wrapper {
        width: 100px !important;
    }
    .autocomplete {
        width: 50px !important;
    }
    .rclass_content fieldset .annuaire_element_link {
        width: 50px !important;
    }
    .attr_value textarea{
        margin-left: 0px;
        width: initial !important;
        height: auto;
        min-width: 35px;
    }
    .attr_value .main_key {
        width: 200px !important;
    }
    #RObject_nom_commercial{
        width: 70px !important;
        position: relative;
        margin-left: 0px;
        float: left;

    }
    #rclass_attr > div:nth-of-type(2) > div:nth-of-type(1){
        margin-left: 0px;
    }
    .attr_parent{
        /*float: left !important;*/
    }
    .pre .attr_parent{
        float: left !important;
    }

    #rclass_attr > div:nth-of-type(5),div:nth-of-type(6){
        width: 500px !important;
        float: left !important;

    }
    #rclass_attr > div:nth-of-type(5),div.button_wrapper:nth-of-type(6){
        width: 100% !important;
        float: left !important;

    }
    #rclass_attr > div:nth-of-type(5),div.row:nth-of-type(6){
        width: 95% !important;
        float: none !important;
        /*	float: left !important;*/


    }
    id
    .address_block_value table tbody tr{

        width: 100% !important;
    }
    .address_block_address {
        width: 240px !important;

        color: black;
    }
    .address_block_detail{
        width:240px !important;
    }
    #dropdown_button,#dropdown_menu{margin-right: 2px !important;margin-bottom: 0px !important;}




    td { 
        display: block; 

    }
    td > input[type="checkbox"]{
        display: inline !important;
    }
    table tbody tr td input{
        margin-left: 1px !important;
    }


    /* Hide table headers (but not display: none;, for accessibility) */
    /*	 thead tr { 
                    position: absolute;
                    top: -9999px;
                    left: -9999px;
            }*/

    /*	 tr { border: 1px solid #ccc; }*/
    .address_block_detail {
        margin-bottom: 25px !important;
    }
    tr, td input {
        margin-bottom: 25px !important;
    }
    td { 

        border: none;
        position: relative;

    }

    td:before { 
        position: absolute;
        top: 6px;
        width: 40%; 

        font-weight: bold;
    }
}

@media(max-width: 418px) {
    .container-fluid{
        width: 100% !important;
    }
    .address_block_address {
        width: 140px !important;
        margin-right: 40px !important;
        color: black;
    }
    .address_block_detail{
        width:140px !important;
        margin-right: 40px !important;

    }
    table{
        width:140px !important;
    }
    .address_block_value{
        width:100px !important;
        min-width: 100px !important;
        margin-right: 0px;
        text-align: left;
    }
    h1{
        font-family : Rockwell,Avenir, Helvetica, Arial, Sans-serif;
        font-size: 18px;
        /*color : #ffffff;*/
    }
    .pre h1{
        color : #ffffff;
    }

    a > .highlight{
        font-size: 11px;
    }
    .lead{
        font-size: 11px;
    }
    #search-button-header{
        font-size: 11px;
    }
    .attr_label{
        width: 70px !important;
        /*float: none;*/
        text-align: left;
    }
    .pre .attr_label{
        float: none;
    }
    #saveAndSee{
        width:18%; min-width: 180px !important; margin-bottom: 3px;
    }
    #saveAndAdd{
        margin-left: 0px;width:20%;min-width: 250px;margin-bottom: 3px;font-size: 11px !important;padding-left: 1px;padding-right: 1px;
    }
    #cancelUpdateButton{
        width:20%;min-width: 200px;margin-bottom: 3px;
    }
    #deleteButton{
        margin-bottom: 3px;
    }
    .attr_parent{
        /*float: left !important;*/
    }
    .pre .attr_parent{
        float: left !important;
    }
    #rclass_attr > div:nth-of-type(20),div:nth-of-type(21),div:nth-of-type(22),div:nth-of-type(23){
        width: 100% !important;
    }
    .attr_value input{
        width: 70px;
    }
    .attr_value textarea{
        white-space: 50px;
    }
    #href_logo_navbar{
        margin-left: 2px !important;
    }
}
@media(max-width: 320px) {
    #saveAndSee{
        width:18%; min-width: 180px !important; margin-bottom: 3px;
    }
    #saveAndAdd{
        width:30%;min-width: 200px;margin-bottom: 3px;

    }
    #cancelUpdateButton{
        width:20%;min-width: 200px;margin-bottom: 3px;
    }
    #deleteButton{
        margin-bottom: 3px;
    }
    .attr_parent{
        /*float: left !important;*/
    }
    .pre .attr_parent{
        float: left !important;
    }
    .attr_value .main_key {
        width: 150px !important;
    }
}
@media(max-width: 200px) {
    #saveAndSee{
        width:18%; min-width: 140px !important; margin-bottom: 3px;
    }
    #saveAndAdd{
        width:30%;min-width: 140px;margin-bottom: 3px;

    }
    #cancelUpdateButton{
        width:20%;min-width: 140px;margin-bottom: 3px;
    }
    #deleteButton{
        margin-bottom: 3px;
    }

    .attr_parent{
        /*float: left !important;*/
    }
    .pre .attr_parent{
        float: left !important;
    }
    .attr_value .main_key {
        width: 100px !important;
    }
}



.divider{
    width:30%;
    height: 1px;
    border: 0;
    border-top: 1px solid #FF454D;
}

.divider-menu{
    width:90%;
    height: 1px;
    border: 0;
    border-top: 1px solid #E6E6E6;
}
.dropdown_menu li a{
    font-family : Rockwell,Avenir, Helvetica, Arial, Sans-serif;
    margin:7px;
    color : #48A4FF;
    font-weight : bold;
}

.dropdown-toggle{padding-top:0px !important; padding-bottom:0px !important;margin-right: -85px !important;position: initial !important;}
.dropdown-toggle:hover {background-color: #fff}

/*#svg_user_icon{margin-right:10px}*/

.dropdown_menu_disconnect a{color : #FF454D !important;}





.svg-icon {
    height: 150px;
}
.partners_icon{
    cursor:pointer !important;
}

.row{margin-right:3%; margin-left:3%}


/**
    Gestion des modals
**/

.modal-header{
    text-align:center;
    border:none;
}



.modal-footer{
    text-align:center;
    border:none;
}
.close{font-size:15pt}
.modal-footer-connect{margin:20px; margin-top:0px;padding-top:0px;}
#login_error_message{margin-top:20px}
.modal_form {
    margin-left:10%;
    margin-right:10%;
}

.modal_form label{
    color : #0A061E;
    font-weight: normal !important;
    margin-top:10px;
}

.modal_form input{ /*, .modal-registration .attr_label input*/
    color : #0A061E;
    font-weight: normal !important;
    width:100%
}



.attr_label,.address_block_label{
    color:#5c666e;

}
/*.address_block_label{
    width:355px; text-align:left;
}*/
.address_block table {
    color:#5c666e;

}
#href_logo_navbar:hover, #href_logo_navbar:visited, #href_logo_navbar:link, #href_logo_navbar:active {
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color:white;
}
#dropdown_button:hover,#dropdown_button:visited,#dropdown_button:active,#dropdown_button:focus,#dropdown_button:target,#dropdown_button:default,#dropdown_button:in-range{
    background-color: white;
    color: #48A4FF;
    padding: 0px 0px 0px 0px;

}
#dropdown_button:hover > span {
    color: #48A4FF;
}
#dropdown_button:focus > span{
    color: #48A4FF;
}
#dropdown_menu{
    position:  absolute !important;
    margin-right: -86px !important;
    /*    width: 175px;*/
}



/*#href_logo_navbar{
    margin-left: -80px !important;
}*/
.required-text{
    color: #5c666e;
}
.attr_value input[type="text"],select,textarea{
    outline: none;
    padding: 3px 3px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #DDDDDD;
    float: none;
}
.attr_value textarea{
    height: auto;
    min-width: 35px;
}	

.attr_parent{
    /*float: right;*/
}

.pre .attr_parent{
    float: right;
}

.jAutochecklist_dropdown_wrapper{
    outline: none;
    padding: 0px 3px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #DDDDDD;
}
.address_block_value input{
    outline: none;
    padding: 3px 3px 3px 3px;
    margin: 1px 1px 3px 0px;
    border: 1px solid #DDDDDD;
}
.tab-content input{
    outline: none;
    padding: 3px 3px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #DDDDDD;
    margin-left: 50px;
}

.address_block_value input{
    margin-left: 0px;
    /*    margin-right: 25px;*/
    /*margin-right: 60%;*/
    /*width: 200px !important;*/
}
.nav-tabs li a{
    color: #5c666e;
}
.nav-tabs{
    border-color: #FF454D;
}
.nav-tabs li.active a{
    border-color: #FF454D;
    border-bottom-color: transparent;
}
.nav-tabs li.active a:hover{
    border-color: #FF454D;
    border-bottom-color: transparent;
}
.nav-tabs li.active a:focus{
    border-color: #FF454D;
    border-bottom-color: transparent;
}
.tab-content p{
    color: #5c666e;
    margin-left: 25px;
}
.container{
    min-width: 15px !important;
}
.nav-tabs>li.active>a{
    color: #FF454D;
}
.nav-tabs> li.active> a:hover{
    color: #FF454D !important;
}
.nav-tabs> li.active> a:focus{
    color: #FF454D !important;
}
.nav-tabs> li > a:hover{
    border-bottom: transparent;
}
.annuaire_remove{
    margin: 10px;
}
.annuaire_ajax_edit{
    margin-left: 49%;
    margin-bottom: 5px;
}
.favorite{
    margin: 5px;
}
p span label{
    color: #5c666e;
} 

.container-fluid{
    padding-left: 15%;padding-right: 15%;
}

#form > p:nth-of-type(2) {
    text-align: left;
}
.ui-dialog {
    position: fixed !important;
    top: 30px !important;

}
fieldset{
    margin-bottom: 10px;
    margin-top: 10px;
    box-shadow: 0px 0px 0px ;
    border: 1px solid #FF454D;
    border-radius: 10px;
}
.annuaire_remove{
    color: #5c666e;
}
p> a{
    color: #5c666e;
}
fieldset > div > p{
    text-align: left !important;
}
fieldset {
    text-align: left !important;
    width: 98.5%;
    color: #5c666e;
}
fieldset span,fieldset div span a,fieldset div span a:hover{
    text-align: left !important;
    color: #5c666e;
    font-weight : bold;
}
fieldset .link_left,.link_right{
    width: 45% !important;
    margin-top: 20px;
    margin-left: 5px;
    margin-bottom: 5px;
}

h1.featurette-heading{
    /*font-size: 45px;*/
    text-align: center;
}






/*

svg {
    fill: red;
    color: red;
}

svg:hover {
    fill: red;
}
​path {
    fill: red !important;
}​

.svg-icon {
    fill: red;
}
.svg-icon path {
    fill: red;
}

#svg-icon{
    background: url(images/dossier-01.svg) no-repeat left 50px; height: 250px;
    fill: red;
}

#svg-icon path {
    fill: red;
}*/
.maincontent .view .attr_parent .attr_value{
    max-width:100% !important;
}

.map_fields{text-align:center !important;}



/// LES CHAMPS SearchAndMap

.fieldTitle{
    clear:both;
    float:left;
    width:50%;
}

.fieldInput{
    clear:both;
    float:left;
    width:50%;
}