/** styles de base **/ 
/*les styles de base pour td, p, a sont dans stylebase.css*/ 


.mobile_element {
  display:none;
}
.standard_element {

}
.medium_element {
  display:none;
}

.divEmbedGalerie {
  margin:auto;

} 
	
a.lienlire {
    color: #143d6b;
    text-decoration: underline;
}
a.lienlire:hover {
    color: #EB7E31;
    text-decoration: underline;
}
a.lienconsulter {
    color: #143d6b;
    text-decoration: none;
}
a.lienconsulter:hover {
    color: #EB7E31;
    text-decoration: none;
}


.titreHaut {
    color:#7B7E93;
    font-weight:bold;
    font-size:12px;
}



.menuHaut {
    color: #7B7E93;
    text-decoration: underline;
}
.menuHaut:hover {
    color: #FF9900;
    text-decoration: underline;
}


hr {
    color: #a7a7a7;
    text-align:center;
    width: 75%;
    size:1px;
}

/**menu**/
.menu0 {
    background: #7B242D;
    color: #FFFFFF;
    font-weight:bold;
    font-size:12px;
    display:block;
    padding:2px;

}
.menu0_actif {
    background: #ff9900;
    color: #FFFFFF;
    font-weight:bold;
    font-size:12px;
    display:block;
    padding:2px;

}
.menu1 {
    color: #7B242D;
    font-size:12px;
    display:block;
    padding:2px;
    margin-left:12px;

}
.menu1_actif {
    color: #ff9900;
    font-size:12px;
    display:block;
    padding:2px;
    margin-left:12px;
}


.link_menu0 {
    color: #FFFFFF;    
}
.link_menu0:hover {
    color: #EFC7CB;    
}
.link_menu0Actif {
    color: #FFFFFF;
}
.link_menu0Actif:hover {
    color: #FFFFFF;
}

/**item 1 **/
.item1 {
    background: #FFFFFF;
    color: #333366;
    font-weight:bold;
    width:182px;
    height: 20px;
    font-size:11px;
    border:1px solid #333366;
}
.itemActif1 {
    background: #FFFFFF;
    color: #C84855;
    width:182px;
    height:20px;
    font-weight:bold;
    font-size:11px;
    border:1px solid #C84855;
}
.link_menu1 {
    color: #333366;    
}
.link_menu1:hover {
    color: #C84855;    
}
.link_menu1Actif {
    color: #C84855;
}
.link_menu1Actif:hover {
    color: #B33542;
}

/** plan du site **/
.pds_itemActif0 {
    color: #000000;
    width:182px;
    height:24px;
    font-weight:bold;
    font-size:13px;

}
.pds_link_menu0Actif {
    color: #000000;
}
.pds_itemActif1 {
    color: #333333;
    width:182px;
    height:24px;
    font-weight:bold;
    font-size:12px;
    padding: 0px 0px 0px 10px;

}
.pds_link_menu1Actif {
    color: #465661;
}
.pds_itemActif2 {

    color: #C84855;
    width:182px;
    height:24px;
    font-weight:bold;
    font-size:11px;
    padding: 0px 0px 0px 20px;

}
.pds_link_menu2Actif {
    color: #C84855;
}





/* special ancre */
.divanchor {
    background-image: url(images/anchor.gif);
}


/*
special modules integrées
*/
.div_module_include {
  display: block;
}

.titre_element {
  font-weight:bold;
}
.texte_element {
  text-align:justify;
}


/**forms**/
input, textarea, select, .saisie {
  padding:8px;
  font-family:Arial;
  font-size:12px;
}

input[type=submit], input.btn_rouge{
	width:auto;
	height:auto;
	padding:8px;
	background-color:#c0362c;
	font-weight:300;
 	font-family: 'Lato', sans-serif;
	font-size:14px;
	display:inline-block;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
  
  border:0px;
  cursor:pointer;
}
input[type=submit]:hover, input.btn_rouge:hover {
	background-color:#5b5b5b;
}

input[type=radio] {
  border:0px;
  background:none;
}
input[type=checkbox] {
  border:0px;
  background:none;
}
.formChamp
{
	margin-bottom: 5px;
}
.formIntituleChamp
{
	float: left;
	width: 150px;
	margin-right: 15px;
}
.formInputChamp
{
	float: left;
}
.formInputSubmit
{
	float: left;
}

#message_erreur {
  color:#c0362c;
  font-weight:bold;
  margin-bottom:5px;
}

.lien_deconnexion {
  background-color:#fff;
  color:#000;
  float:right;
  font-size:12px;
  padding:3px;
}
.lien_deconnexion:hover {
  background-color:#eee;
  color:#000;
}


/* div d'alerte */
#div_alerte_fond {
  position:absolute;
  top:0px;
  margin: 0px;
  background-color : #000000;
  width: 100%;
  height: 100%;
  
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
  
}

#div_alerte {
  position:absolute;
  top:50%;
  left:50%;
  margin: 0px;
  margin-top:-200px;
  margin-left:-400px;
  height: 400px;
  width: 800px;
  background-color : #ffffff;
  border: 5px solid #CDE000;
  overflow-y: scroll;
  
}

#div_alerte_message {
  position:relative;
  text-align:justify;
  display:block;
  width:100%;
  height:100%;
}
#div_alerte_fermer {
  position:absolute;
  top:50%;
  left:50%;
  margin: 0px;
  margin-top:-200px;
  margin-left:410px;
  width:20px;
  height:20px;
  text-align:center;
}

/* autres..*/

h2.cheminDeFer {
    font-size: 12px;
}


/*special champ à ignorer pour contrer les robots*/
.mon_champ {
  display:none;
}

/*
erreur SQL
*/
.sql_error {
  padding:10px;
  margin:10px;
  background-color:#eeeeee;
  color:#aa0000;
}


/******* carte sotrim ***********/
/*
#filtres {
  float:left;
  width:240px;
  background-color:#eee;
  height:auto;
}
#map_resultats {
  float:left;
  width:700px;
  margin-left:5px;
}
*/

#filtres {

	width:322px;
	/*float:left;*/
	min-height:600px;
  height:600px;
  /*height:auto;*/
	
  background-image:url(../images/background_critere_322.jpg);
  background-repeat:repeat-y;
  background-size:100% auto;
  
  background-color:#fff;
  
  overflow-y:scroll;

}
#map_resultats {
	width:auto;
	/*float:left;*/
	height:100%;
	position:relative;
  
}

#_onglets_contenus {
 position:relative;
 top:0px;
 left:0px;
}

#map {
 /*width:773px;*/
 width:100%;
 /*height:500px;*/
 height:100%;
 margin:auto;
 z-index:99;
 display:none;    
}
#resultats {
 width:auto;
 height:642px;
 margin:auto;
 border-bottom:1px solid #ddd;
 padding:10px;
 overflow-y:auto; 
}



#filtres input[type=radio], #filtres input[type=checkbox]{
  display:none;
}

.filtre_header {
  margin-top:5px;
  margin-bottom:5px;
}

.filtres_titre {
  font-weight:bold;
  font-size:14px;
  color:#c0362c;  
  display:block;
  float:left;
}

.filtre_efface {
  display:block;
  text-decoration:none;
  background-color:#ccc;
  color:#fff;
  font-size:11px;
  margin-top:2px;
  margin-right:5px;
  padding:4px;
  float:right; 
  cursor:pointer; 
}
.filtre_efface:hover {
  text-decoration:none;
  background-color:#c0362c;  
}

#effacer_filtres {
  float:right;
  background-color:#777;
  color:#fff;
  font-size:11px;
  padding:4px;
  cursor:pointer;
  margin:10px;
}
#effacer_filtres:hover {
  background-color:#c0362c; 
}   

#filtres_contenu {
  /*display:none;*/
  opacity:0.3;
	/*
  background-image:url(../images/background_critere_rouge.jpg);
  background-repeat:repeat-y;
  background-size:100% auto;
  */
}
.filtres_elements {
 margin-bottom:5px; 
}
.filtres_elements label {
  padding:4px;
  margin:3px;
  display:block;
  width:auto;
  float:left;
  color:#fff; 
  cursor:pointer;
  background-repeat:no-repeat;
  background-position:5px 5px;
  
  background-color:#777;
  /*background-image:url('../images/puce_critere_carre_OFF.png');*/ 
}

.filtres_elements label:hover {
  color:#fff;
  background-color:#c0362c;
}

.filtres_elements label.filtre_actif {
  color:#fff;
  background-color:#c0362c;
  /*background-image:url('../images/puce_critere_carre_ON.png');*/   
}

/*** labels spéciaux type de biens ***/
.filtres_elements label._type_bien {
  background:none;
  background-color:#777;
  color:#fff;
  padding:6px;
  margin:3px;
  width:123px;
  height:30px;
}
.filtres_elements label._type_bien:hover {
  color:#fff;
  background-color:#c0362c;
}
.filtres_elements label._type_bien.filtre_actif {
  background:none;
  color:#fff;
  background-color:#c0362c;
}

/*** labels speciaux pieces **/
.filtres_elements label._categorie_biens {
  width:70px;
}

/*** labels speciaux type operation **/
.filtres_elements label._type_operation {
  width:auto;
  margin:2px;
}
.filtres_elements label._type_neuf_existant {
  width:auto;
  margin:2px;
} 



.compte {
  opacity:0.8;
}

.slider-flitre {
  width:260px;
  margin:auto;
}

.slider-inputs {
  text-align:center;
}

.filtre_slider_input {
 border:0;
 background:none;
 color:#C0362C;
 width:30px;
 text-align:right;
 margin:5px;
 font-weight:bold;
}

.filtre_sotrim {
  /*border-bottom:1px solid #E0E0E0;*/
  margin:10px;
}
.filtre_cache {
  display:none;
}




#affaire_onglets {
  /*
  width:auto;
  height:20px;
  float:right;
  margin-top:-20px;
  */
  
  position:absolute;
  top:0px;
  left:10px;
  z-index:999999;
  
  display:flex;
}

.affaire_onglet , #btn_legende {
  
  margin:5px;
  padding:5px;
  padding-left:10px;
  padding-right:10px;

  color:#fff;
  text-decoration:none;
  cursor:pointer;

  background-color: #777;

  text-transform:uppercase;

  
}

#btn_legende {
  float:left;
}

.affaire_onglet {

}

  
.affaire_onglet:hover, #btn_legende:hover {
  color:#fff;
  text-decoration:none;
  background-color: #c0362c;
}

#affaire_onglets div.affaire_onglet_actif {
  background-color: #c0362c;
  color:#fff;  
}

#div_legende {
  display:block;
  position:absolute;
  bottom:145px;
  right:10px;
  width:auto;
  height:80px;
  background-color:#fff;
  opacity:0.8;
  padding:5px;
  z-index:9999999;
  border:1px solid #ccc;
}
#div_legende td {
  color:#000;
  font-size:12px;
}
 

/*
#affaire_onglets div:first-child {
 -webkit-border-top-left-radius: 5px;
 -moz-border-radius-topleft: 5px;
 border-top-left-radius: 5px;
}
  */
.affaire_onglet_contenu {
  /*padding:5px;*/
  background-color: #f7f3f3;
  display:none;
}

#ongletc_map {
  width:100%;
  height:100%;
}

#tri_resultats {
  text-align:right;
}
#tri_resultats select {
  padding:4px;
  color:#333;
  border:0px;
  margin:5px;
  margin-right:15px;
  background-color:#f7f3f3;
  border:1px solid #ddd;
}

#vignettes {
 width:773px;
 margin:auto;

  height:130px;
  position:relative;
  overflow:hidden;
  
  /*margin-top:-100px;*/
  z-index:9999999;
  
  
    background-position:center center;
    background-image:url('../images/vignettes_fond.png')
}
 #vignettes_conteneur {
   position:absolute;
   height:130px;
   width:auto;
   z-index:19;
   left:20px;
 }
 #vignettes_left {
    position:absolute;
    height:130px;
    width:20px;
    top:0px;
    left:0px;
    
    z-index:20;
    cursor:pointer;
    opacity:0.5;
    
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url('../images/fleche_slider_gauche.png');     
    
    
  }
 #vignettes_right {
    position:absolute;
    height:130px;
    width:20px;
    top:0px;
    right:5px;
    
    z-index:21;
    cursor:pointer;
    opacity:0.5;
    
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url('../images/fleche_slider_droit.png');    
  } 
  
  #vignettes_left:hover, #vignettes_right:hover {
    opacity:0.8;
  } 
  
.vignette {
  height:110px;
  width:135px;
  position:absolute;
  top:10px;
  left:5px;
  background-color:#333;
  background-position:center center;
  background-size:100% auto;
  background-repeat:no-repeat;
  
  opacity:0.7;
  cursor:pointer;
  z-index:999998;
    filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);  
}

.vignette:hover {
  opacity:0.9;

}

.vignette_trans {
  opacity:0.2;
}

.vignette_zoom {

  opacity:1;
  top:5px;
  margin-left:-20px;
  margin-top:-5px;
  height:126px;
  width:165px;
  z-index:999999;
  border:1px solid #C0362C;  
  
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);  
}
.vignette_zoom:hover {
  opacity:1;
}

    /* info bulle */
      .affaire_infobulle {
        /*
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(112,112,112)),color-stop(0.51, rgb(94,94,94)),color-stop(0.52, rgb(57,57,57)));
        background: -moz-linear-gradient(center top,rgb(112,112,112) 0%,rgb(94,94,94) 51%,rgb(57,57,57) 52%);
        */
        background-color:#fff;
      }
      .affaire_infobulle_conteneur {
        
      }
      .affaire_infobulle_contenu {
      
      }
      .affaire_infobulle_titres {
        float:left;
      }
      .affaire_infobulle_addfavori {
        float:right;
        background-position:center center;
        background-repeat:no-repeat;
        width:29px;
        height:34px;
        margin:2px;
        background-image:url('../carte/images/picto_etoile_gris.png');  
        cursor:pointer;       
      }      
      .affaire_infobulle_titre {
        color: #555;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width:auto;
        display:block;
        margin:5px;
      }
      .affaire_infobulle_sous_titre {
        color: #777;
        font-family: Arial;
        font-weight: bold;
        width:auto;
        display:block;
        margin:5px;
        font-size:14px;
      }      
      .affaire_infobulle_texte {
        font-size:12px;
        color:#444;
        width:auto;
        display:block;
        margin:5px;
        text-align:justify;
      }
      .affaire_infobulle_lien {
        text-align:right;
        font-weight: bold;
        color:#fff!important;
        background-color:#c0362c;
        width:auto;
        display:inline-block;
        margin:5px;
        padding:5px;
        cursor:pointer;
      }
      .affaire_infobulle_prix {
        font-size:20px;
        
        color:#c0362c;
        width:auto;
        display:block;
        margin:5px;
        font-weight: bold;
      }   
      
      .affaire_infobulle_infos_bien {
        font-weight: bold;
        color:#000;
        margin:5px;
        font-size:14px;
      }
      
      .affaire_liste_element {
        margin:5px;
        margin-bottom:10px;
        margin-top:0px;
        border:1px solid #eee;
        background-color:#fff;
      }   
      
      .affaire_liste_element_photo {
        width:300px;
        max-width:24%;
        float:left;
        margin:5px;
        background-color:#eee;        
        height: 170px;
        background-size: cover;
        background-position:center;
        
      }
      .affaire_liste_element_photo img {
        width:100%;
    height: 100%;
    object-fit: cover;
      }
      .affaire_liste_element_infos {
        float:left;
        max-width:74%;
        width:100%;
      }
      
      
   
   .affaire_footer {
    display:flex;
    justify-content:space-between;
    width:100%;
    align-items:center;
    margin:5px;
   }
   .affaire_reference {
    color:#c0362c;
   }