/* CSS Document */
/* ------------ NAVIGATION GENERALE -----------------------------*/
html {	
	margin: 0px;
	height: 100%;
}

body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
	/*height: 100%;*/
	margin:0px;
	/*background-image: url(../images/background-general.jpg);*/
	/*background-image: url(../images/tmp/pub-header.jpg);*/
	/*background-repeat: repeat-x;
	background-position: center top;	*/
	height: 100%;
}

#site {
	margin: auto;
	padding: 0;
	text-align:left;
	min-height: 100%;
	position: relative;
	width: 990px;
	height: 100%;
	/*background-image: url(../images/fonds/bas_contenu.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	*/
	/*background-color: #CCFF66;*/
	/*
	L'utilisation de position: relative; sur #site définit les frontières de l'élément #site comme point de repère 
	pour le positionnement de ses enfants. La position "top: 0px, left: 0px" est maintenant le coin supérieur gauche de #site, 
	au lieu de celui de body.
	*/
}

#header{
	height: 186px;
	background-image: url(../images/fonds/blanc_contenu.jpg);
	background-repeat: repeat-y;	
}
#contenu {
	background-image: url(../images/fonds/blanc_contenu.jpg);
	background-repeat: repeat;
	min-height:429px;
	height:auto !important;
	height:429px;
}
#contenu2 {
	background-image: url(../images/fonds/bas_contenu.jpg);
	background-repeat: no-repeat;
	/*min-height:429px;*/
	background-position: bottom;
	min-height:429px;
	height:auto !important;
	height:429px;
}
#footer {
	/* hauteur totale : 102 px */
	height: 85px;
	background-image: url(../images/fonds/footer-fr.jpg);
	background-repeat: no-repeat;
	padding-top:17px;
	text-align: right;
	padding-right: 20px;
	font-size: 10px;
	color:#666666;
}
#footer.anglais {
	background-image: url(../images/fonds/footer-en.jpg);
}
#footer img{
	margin-bottom: 7px;
}
#footer a, #footer a:hover, #LiensFooter a, #LiensFooter a:hover {
	font-size: 10px;
	color:#666666;
	text-decoration:underline;
}
/*#LiensFooter {
}*/

a {
	color: #333333;
	text-decoration:underline;
}
a:hover {
	color: #000000;
	text-decoration:underline;
}

.colonne1 {
	/* 209px en tout de large */
	width: 196px;
	padding-left:15px;
}
.colonne2 {
	border: 0px;
	border-right-color: #e60003;
	border-left-color: #0aa6eb;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}
.colonne2_allongee_acheteur {
	border: 0px;
	border-right-color: #e60003;
	border-left-color: #0aa6eb;
	border-right-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;	
}
.colonne2_allongee_vendeur {	
	border: 0px;
	border-right-color: #e60003;
	border-left-color: #e60003;
	border-right-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}
.colonne3 {
	/* 209px en tout de large */
	width: 202px;
	padding-left:7px;
}
.colonne3_vide {
	width: 20px;
}


/* ------------ STYLES EXISTANTS -----------------------------*/
input, select, textarea {
	background-color: #f3f3f3;
	border: 1px solid #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
fieldset {
	border: 1px solid #000000;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
legend {
	color:#000000;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
	font-variant: small-caps;
	font-size: 13px;
	padding-top: 0px;
	padding-bottom: 0px;
}


/* ------------ DIVERS -----------------------------*/
.AnnonceTitre1 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: dotted 1px #CCCCCC;
	color: #E70104;
}
.AnnonceTitre2 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: dotted 1px #CCCCCC;
	color: #019adc;
}

.AnnuaireRegion {
	padding:0;
	margin:0;
	padding-top:10px;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 2px; /* attention a modifier aussi dans annuaire-agences-immobilieres.php */
	border-bottom: dotted 1px #CCCCCC;
	color: #333333;	
}
ul.Annuaire  {
	padding:0;
	padding-top:2px;
	margin:0;
	padding-left:30px;
	padding-bottom:15px;
}
ul.Annuaire a.NomAgence {
	font-size:13px;
	text-decoration:underline;
	color: #01a5ec;
	font-weight:bold;
}
ul.Annuaire img {
	padding-top:4px;
	padding-right:10px;
}

.Bleu {
	color: #019adc;
}
.BleuFonce {
	color: #0188c2;
}
.CadrePho1 {
	border: dotted 1px #BBBBBB;
	padding: 3px;
}
ul.ChercherPeutEtre {
	padding:0;
	margin:0;
	/*padding-top: 12px;*/
}
ul.ChercherPeutEtre li {
	padding:0;
	margin:0;
	padding-left:6px;
	margin-left:30px;
	padding-bottom:6px;
}
.ErreurFormulaire {
	color: #CC0000;
}
.InputVierge {
	background-color: transparent;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ListePhoto {
	width: 95px;
	padding: 2px;
	background-color:#444444;
	text-align: center;
	border: solid 1px #BDBDBD;
}
.ListePhoto img {
	border: solid 1px #ffffff;
}
.MonCompte a {
	color: #666666;
	text-decoration: none;
}
.MonCompte a:hover {
	color: #666666;
	text-decoration: underline;
}
.MonCompteNom {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: dotted 1px #CCCCCC;
}
.MsgConfirmation {
	font-size: 13px;
	border: dotted 1px #CCCCCC;
	padding:4px;
	font-weight:bold;
	color: #CC0000;
	background-color:#F5F5F5;
}
.RetourListe {
	font-weight: normal;
	font-size: 12px;
}
.Rouge {
	color: #CC0000;
}
.Texte10 {
	font-size: 10px;
}
.Texte11 {
	font-size: 11px;
}
.Texte14 {
	font-size: 14px;
}
.Texte15 {
	font-size: 15px;
}
.Vert {
	color: #006633;
}

h2.zone_titre1_acheteur {
	padding: 0;
	margin: 0;
	font-size: 17px;
	font-weight: bold;
	color: #727171;
	background-image: url(../images/titres/fond_acheteur.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 4px;
	margin-bottom: 10px;
	margin-right: 30px;
}
h2.zone_titre1_acheteur span {
	background-color:#ffffff;
	padding-right: 12px;	
}
h2.zone_titre1_vendeur {
	padding: 0;
	margin: 0;
	font-size: 17px;
	font-weight: bold;
	color: #727171;
	background-image: url(../images/titres/fond_vendeur.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 4px;
	margin-bottom: 10px;
	margin-right: 30px;
}
h2.zone_titre1_vendeur span {
	background-color:#ffffff;
	padding-right: 12px;	
}
.zone_texte1 {
	padding: 0;
	padding-left: 26px;
	margin: 0;
	width: 90%;
}
.zone_texte1 p, .zone_texte1 form {
	padding: 0;
	margin: 0;
	padding-bottom: 15px;
}
.zone_texte1 form.vendeur {
	margin-left:30px;
	border-left: 3px solid #e60003;
}
.zone_texte1 form.acheteur {
	margin-left:30px;
	border-left: 3px solid #00a6eb;
}
.zone_texte1 form .Entete1 {
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 13px;
	border-bottom: dotted 1px #CCCCCC;
	/*margin-bottom: 40px;*/
}
.zone_texte1 form .TabForm {
	margin-left: 10px;
}
.zone_texte1 form .TabForm .Libelle {
	padding-top: 3px;
}

/* ------------ RECHERCHE GOOGLE -----------------------------*/


  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    padding: 0;
    padding-left: 26px;
    margin: 0;
    width: 90%;
  }
  input.gsc-input {
    border: 1px dotted rgb(153, 153, 153); 
    padding: 5px; 
    background-color: rgb(255, 255, 255); 
    margin-bottom: 10px;
  }
  input.gsc-search-button {
    border-color: #666666;
    background-color: #CECECE;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #0188c2;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result {
    border: 1px dotted rgb(153, 153, 153); 
    padding: 5px; 
    margin-bottom: 10px;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #0188c2;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #0188c2;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #0188c2;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #0188c2;
  }
  .gsc-cursor-page {
    color: #0188c2;
  }
  a.gsc-trailing-more-results:link {
    color: #0188c2;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #333333;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
     display:none; 
  }
  .gs-webResult.gs-result .gs-visibleUrl-long {
     display:none; 
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #0188c2;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #33333;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #33333;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #33333;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #33333;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #0188c2;
  }

.infobulle{
   position: absolute; top: 0; left: 0;   
   border: 1px solid #E60003;
   padding: 10px;
   display: none;
   font-family: Arial, Helvetica, sans-serif;
   color:#000000;
   font-size: 10px;
   background-color: #F9F7F7;
    }
    
    
/* ------------ ADDTHIS BUTTON -----------------------------*/
    
    
.addthis_toolbox .hover_effect
{
    width: 150px;
    padding: 10px 0 6px 10px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 2px solid #fff;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}