/*************************************************************************************
 *                                Définition des balises générales                   *
 *************************************************************************************/
 
html, body {
	margin: 0;
	padding: 0;
	background: #f3f6f6;
/*	font: 12px/170% Verdana;*/
	color: #2d2d2d;
	height: 100%;
	width: 100%;
}

body {
	/*padding-bottom: 5px;*/
	/*padding: 0;*/
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;*/
	font: 12px/170% helvetica;
	color: #2d2d2d;
	background: #f3f6f6 url(body.png) repeat-x 50% 0;
	/*background-color:#e2e9ea;*/
	border-top: 12px solid #e2e9ea;
	height: 98%;
}


img { border: 0px solid black; }

caption {
	/*border: 1px solid black;*/
	font-size: large;
	padding: 0 0 2em 0;
	white-space:nowrap;
	margin:auto;
	font-variant:small-caps;
}

table { border-collapse:collapse; }

th { text-align:left; }

h1 {
	font-size: large;
	padding: 0 0 1.1em 0;
	white-space:nowrap;
	margin:auto;
	font-variant:small-caps;
	text-align:center;
	font-weight:normal;
}

pre {
	white-space:normal;
	font-size:10px;
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input {	padding: 1px 3px; }

select { width: 95%; }

textarea {
	padding: 3px;
	/* Couleur sur le pc de chtitmat */
	border: 1px solid #7F9DB9;
}

a:link, a:visited {
	color: #008596;
	text-decoration: none;
}

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

a:active, a.active {
	color: #5e8e95;
}

/* div { border: 1px solid black; } */

ul, li {
font: 12px/170% helvetica;

}

.inputtexte, .inputbutton {
	/* Couleur cyan C321 */
	border: 1px solid #008193;
	/* Couleur sur le pc de chtitmat */
	border: 1px solid #7F9DB9;
}
.inputtexte {
	width:200px;
}

.edition {
	width:300px;
	}

/*************************************************************************************
 *                              Contenu / Cadre général                              *
 *************************************************************************************/
 
#contenant {
	/*border: 1px solid black;*/
	/*margin:auto;*/
	margin: 0px auto;
	padding: 10px 10px 0px 10px;
	width: 955px;
	/*min-width: 955px;*/
	max-width: 1270px;
	/*height:530px;*/
	/*height: 96%;*/
	height: 99%;
/*	background-color: #008193;*/
	/* Taille 1024x768 : 955px de visible */
	/* width: 955px; */
/*	background: #f3f6f6 url(body.png) repeat-x 50% 0;*/
/*	background: #e2e9ea url(bg-navigation.png) repeat-x 50% 100%;*/
}

/*************************************************************************************
 *                                Entête                                             *
 *************************************************************************************/
 
#entete {
/*	padding-top: 5px;
	background: #e2e9ea url(bg-navigation.png) repeat-x 50% 100%;*/
	height: 110px;
	margin-right:30px;
	/*text-align:center;*/
	/*display: none;*/
}

#footer {
	color: #767676;
	padding: 1em;
	text-align: center;
	clear: both;
	/* Marge comme main-page pour bien le centrer */
	margin: 10px 160px 0px 210px;
}

/*************************************************************************************
 *                                Liens primaires                                    *
 *************************************************************************************/
 
ul.primary-links {
  margin: 0;
  padding: 0;
  float: right;
  position: relative;
  z-index: 4;
  margin-top: -10px;
  list-style: none;
  /*border: 1px solid black;*/
}

ul.primary-links li {
  margin: 0;
  padding: 0;
  float: left;
  background-image: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #ffffff;
  background: transparent url(bg-navigation-item.png) no-repeat 50% 0;
  text-decoration: none;
}

ul.primary-links li a:hover, ul.primary-links li a.active {
  color: #ffffff;
  background: transparent url(bg-navigation-item-hover.png) no-repeat 50% 0;
  text-decoration: underline;
}

/*************************************************************************************
 *                                Mission / Slogan                                   *
 *************************************************************************************/
 
#mission {
  font-weight:bold;
  padding: 1em;
  background-color: #ffffff;
  border: 1px solid #ebf0f5;
  margin-bottom: 2em;
}

/*************************************************************************************
 *                                Fil d'Ariane                                       *
 *************************************************************************************/
 
.filariane {
  position: absolute;
  top: 15px;
  left: 35px;
  z-index: 3;
  font-size: 0.92em;
}

.filariane a {
	color: #50a2b4;
}

/*************************************************************************************
 *                                Contenant du menu de gauche                        *
 *************************************************************************************/
 
#contenant-menu {
	/*clear:left;*/
	float:left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	/*height:370px;*/
	width: 180px;
	/*width: 16em;*/
	/*border: 1px solid yellow;*/
	/*background: #e2e9ea url(bg-navigation.png) repeat-x 50% 100%;*/
}

/*************************************************************************************
 *                                Menu de gauche                                     *
 *************************************************************************************/

#menu {
	padding: 0px;
	margin: 1em 0 0 0;
}

#menu dt, #menu li { /*border: 1px solid red;*/ }

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
	margin: 0px;
	padding: 0px;
	color: #008596;
	/*line-height: 27px;*/			/* le em ci dessous permet d'avoir un % */
	/*line-height: 2.6em;*/			/* correspond ~à 27px en temps normal */
	text-align: left;
}

#menu dt, #menu dd {
	/*cursor: pointer;*/
	margin: 0.4em 0 0.4em .5em;
	/*font-weight: bold;*/
	text-indent: 15px;
}

#menu dt {
	background: transparent url(menu-leaf.gif) no-repeat 0px .35em;
}
#menu dd {
	/*background: transparent url(menu-expanded.gif) no-repeat 0px -.35em;*/
}

#menu .expand {
	background: transparent url(menu-expanded.gif) no-repeat 0px .35em;
}

#menu ul, #menu li {
	list-style-type: none;
	/*font-weight: normal;*/
}

#menu ul {
	text-indent: 15px;
	margin: 0 0 1em 0;
}

#menu li {
	margin: 0.4em 0 0.4em 2.5em;
	background: transparent url(menu-leaf.gif) no-repeat 0px .35em;
}

#menu a {
	color: #008596;
	text-decoration: none;
	display: block;
	width: 100%;
}

#menu dt a:hover { /*background: #036672;*/ text-decoration: underline; color: #036672; }

#menu li a:hover  { /*background: #036672;*/ text-decoration: underline; color: #036672; }

#menu .actif a {
	color: #5e8e95;
	color: black;
}

#menu .actif a:hover {
	color: black;
}

/*************************************************************************************
 *                                Logo Cabinet Rolland et Girot                      *
 *************************************************************************************/
 
#logo {
	padding: 0px;
	margin: 5px 0 5px 20px;
	margin: 5px 0 5px 5px;
	float:left;
	width:150px;
	height: 93px;
	/*display: inline;*/
	/*height:115px;*/
	/*border: 1px solid red;*/
}

/*************************************************************************************
 *                                Logo FNAIM                                         *
 *************************************************************************************/
 
#logo-fnaim {
	/*display:none;*/
	float:right;
	/*padding-top:25px;*/
	/*margin-right:30px;*/
	/*display: inline;*/
	/*border: 1px solid red;*/
	height: 110px;
}
#logo-fnaim img {
	width: 82px;
	height: 62px;
	/*display:table-cell;*/
	/*vertical-align:middle;*/
	margin: auto;
	position:relative;
     /*left: 50%;*/
     top: 50%;
     margin-top: -31px; /* moitié de la hauteur de l'image */
     /*margin-left: -42px;*/ /* moitié de la largeur de l'image */
}

/*************************************************************************************
 *                                Titre principal / Entête                           *
 *************************************************************************************/
 
#titre {
	font-weight: bold;
	font-size: 22px;
	color: white;
	/* Pas de hauteur pour Fix IE6 */
	/*height: 2em;*/
	white-space: nowrap;
	/* OK FF / IE7 */
	/*padding: 2em 0 2em 90px;*/
	/* OK IE6 */
	padding: 30px 0px 0 90px;
	text-align:center;
	/*margin: 30px 0 0 90px;*/
	/*display: none;*/
	/*border: 1px solid green;*/
	/*clear: right;*/

}

#titre .cabinet {margin: 2em; padding: 0; }
#titre .adresse { display: none; }

/*************************************************************************************
 *                                Contenu principal                                  *
 *************************************************************************************/
 
#main-page {
	/*border: 1px solid red;*/
	margin: 10px 130px 0px 195px;
	padding: 10px 0px;
	background-color: white;
	/* width: 630px; */
	background: white url(bg-content.png) repeat-x 50% 0;
	margin-top: -40px;
	height: auto;
	text-align: justify;

}

#contenant #right-corner {
  background: transparent url(bg-content-right.png) no-repeat 100% 0;
  position: relative;
  left: 10px;
}

#contenant #right-corner #left-corner {
  padding: 60px 25px 5em 35px;
  background: transparent url(bg-content-left.png) no-repeat 0 0;
  margin-left: -10px;
  margin-top: -10px;
  position: relative;
  left: -10px;
  min-height: 400px;
  _height: 400px;
}

/*************************************************************************************
 *                                Dernières infos                                    *
 *************************************************************************************/
 
#infos {
	padding-left:5px;
	color: #686B6B;
	float:right;
	width:120px;
	margin: 10px 0px 0px 0px ;
	/*border: 1px solid red;*/
}

#infos h1 {
	margin-bottom:12px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-variant:small-caps;
}

#infos h2 {
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-variant:small-caps;
	text-align:center;
}

#infos a:link,#infos a:hover, #infos a:visited, #infos a {
	text-decoration: underline;

}

#infos p {
	text-align:center;
}

#infos p, #infos div {
	font-size: 10px;
	/*font-style: italic;*/
	padding-bottom: 20px;
}

/*************************************************************************************
 *                                Plus d'informations                                *
 *************************************************************************************/
  
#info-detail h2 {
	margin-bottom:12px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
}
 
#info-detail div {
	text-align: justify;
	padding-bottom:25px;
}

/*************************************************************************************
 *                               Formulaire revente                                  *
 *************************************************************************************/
 
#form-revente {
	/*float:left;*/
	padding:5px;
	/*border:1px solid black;*/
	margin-left: auto;
	margin-right: auto;
}

#form-revente table {
	margin: 0 auto;
	width: 95%;
}

#form-revente table td {
	vertical-align: top;
}

#form-revente table table {
	width: 48%;
}


#form-revente table table ul {
	list-style-type:none;
}

#form-revente table table ul, #form-revente table table ul li {
	margin:0;
	padding:0;
}

#form-revente table table caption {
	text-align: left;
	font-weight: bold;
	font-size: 1em;
	white-space: nowrap;
}

#form-revente table table td {
	white-space: nowrap;
}

#form-revente select {
	/*width: auto;*/
	width: 160px;
}

/*************************************************************************************
 *                                Classes Générales                                  *
 *************************************************************************************/
.cabinet {font-family: Georgia, "Times New Roman", Times, serif;}

.adresse {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}

.outils {text-align: right;}

.rouge {color: #FF0000;}

.bleu {color: #0000FF;}

/*.ligne1 {background-color:rgb(186,212,218);}*/

.ligne1, .ligne1 td { border: 1px solid #EAEFEF; background-color:#EAEFEF; }

.ligne2, .ligne2 td { border: 1px solid #ffffff;  background-color:#ffffff; }

.ligne1, .ligne2 { /*padding: 2px; */}

.ligne1:hover, .ligne2:hover { /*border: 1px solid red; background-color: red;*/ }

.hidden { display: none; }

.print { float:left; padding:5px 10px;}

.pdf {text-align:right; padding:5px 10px;}

.bggris1 { background: white; }

.bggris2 { background: #e6e6e6; }

/*************************************************************************************
 *                                Tableaux formulaires                               *
 *************************************************************************************/
 
#formulaire {
	margin: 0 auto;
}

#formulaire th {
	/*width:50%;*/
	text-align:left;
	vertical-align:top;
	padding-right:50px;
	white-space: nowrap;
}
	
#formulaire td {
/*	width:200px;*/
	padding:5px 0px;
	white-space:nowrap;
}

#formulaire #message {
	display: block;
	margin: 0 auto;
	width:95%;
}

#envoyer {
	text-align:center;
	height:60px;
	white-space:nowrap;
}

#formulaire #documents, #formulaire #envoyer {
	width: 100%;
}
#formulaire #documents li{
	padding:0;
}

#formulaire #documents p{
	text-align:center;
}

/*************************************************************************************
 *                                Page contacts                                      *
 *************************************************************************************/
 
#contact, #tblcartes {
	margin: 0 auto;
}

#tblcartes {
	/*border: 1px solid green;*/
}

#tblcartes th {
	/*border: 1px solid green;*/
}

#tblcartes th th {
	/*border: 1px solid blue;*/
}

#tblcartes td {
	/*border: 1px solid orange;*/
}

#tblcartes td td {
	/*border: 1px solid red;*/
}

.carte {
 	/*border: 1px solid #A5A5A4;*/
	margin: 0px;
	border-collapse: collapse;
	width: 280px;
	height: 140px;
}

.carte th {
	height: 88px;
	vertical-align: middle;
	text-align: left;
}

.carte td {	
	vertical-align: middle;
	text-align:left;
	padding: 0 5px;
}

.carte img {
	width: 70px;
	height: 100px;
}

/*************************************************************************************
 *                                Page mentions légales                              *
 *************************************************************************************/
#mentionsLegales th, #mentionsLegales td {
	padding: 5px 10px;
	vertical-align: top;
}
/*************************************************************************************
 *                                détail bien / revente / etc                        *
 *               mise en tableau pour plus de facilité : bug Internet Explorer       *
 *************************************************************************************/

.detail-bien {
	border: 2px solid #DEE5E6;
	margin: 10px;
	margin-bottom: 20px;
}
.detail-bien-titre {
	background-color:#EAEFEF;
	border-bottom:2px solid #DEE5E6;
	/*border: 0px solid #DEE5E6;*/
	padding: 10px;
	margin-bottom: 10px;
	color:#686B6B;
	font-weight:bold;
	font-variant:small-caps;
	font-size: 1.2em;
	text-align: center;
}
.detail-bien-images {
	float:left;
	width: 220px;
	margin-right: 10px;
	padding:5px;
	text-align:center;
}
.detail-bien-image-apercu {
	/*border: 1px solid black;*/
	margin-bottom: 20px;
	/*display:inline;*/
	margin: 0px;
	padding: 0px;
	/*float:left;*/
	text-align: center;
	width:220px;
	height:150px;
}

.detail-bien-images-vignettes {
	/*border: 1px solid black;*/
	text-align: center;
	vertical-align: middle;
	height: 10em;
	padding:0px 2px 0px 5px;
	margin:0px;
}

.detail-bien-images p {
	margin:0px;

}

.detail-bien-images-vignette {
	/*border: 1px solid red;*/
	float: left;
	display:inline;
	width:70px;
	height: 50px;
	margin:5px 0px;
	overflow:hidden;
	/*overflow:visible;*/
	padding: 0px;
	text-align:center;
	vertical-align: middle;
}

.detail-bien-description {
	margin: 0px 0px 50px 240px;
	min-height: 260px;
	/*_height: 310px;*/
	padding:10px;
}


.vignettesedition td {
	width:100px;
	text-align:center;
	vertical-align: top;
/*	border:3px solid #FF0000;*/

}

/*************************************************************************************
 *                              Message de redirection                               *
 *************************************************************************************/
 
#redirection {
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

#redirection {
	text-align: center;
	background-color: white;
	border: 1px solid #e0e0e0;
	width: 350px;
	padding: 15px;
	width: 70%;
	margin: 110px;
	color: #666666;
}

#redirection p {
	font-size: 16px;
	font-weight: bold;
}

#redirection hr {
	height: 3px;
	border: 3px solid #E18A00;
	width: 95%;
}


/*************************************************************************************
 *                                Boutons yes/no/go                                  *
 *************************************************************************************/
 
#buttonNo{
    color:            #CC0000;
    font-size:        10px;
    font-weight:      bold;
    padding:          0px 10px;
}

#buttonYes{
    color:            #006600;
    font-size:        10px;
    font-weight:      bold;
    padding:          0px 10px;
}

#buttonGo{
    color:            #006600;
    font-size:        10px;
    font-weight:      bold;
    padding:          0px 10px;
}


/*************************************************************************************
 *                               Classe résultats revente                             *
 *************************************************************************************/
 
.table-resultat {
	/*border:1px solid black;*/
	/*border-collapse:collapse;*/
	width: 98%;
	margin: 0 auto;
}

.images-resultat {
	text-align:center;
	padding:0px 10px;
	width: 70px;
	height: 50px;
}

.infos-resultat {
	font-weight: bold;
	padding:0px 10px;
	font-size: 10px;
	white-space: nowrap;
}
 
.texte-resultat {
	padding:0px 10px;
}

.table-resultat tr {
	/*border-collapse:collapse;*/
}

.table-resultat td {
	/*border: 1px solid black;*/
	/*border-collapse:collapse;*/
	/*border-width: 1px 0px;*/
	padding: 3px;
	/*height: 5em;*/
	vertical-align: middle;
	/*border-collapse:collapse;*/
}

.table-resultat a {
/*	color: #0000FF;*/
}

.table-resultat ul {
	list-style-type: none;
}

.table-resultat ul, .table-resultat ul li {
	padding: 0;
	margin: 0;
}
 
/*************************************************************************************
 *                                Popup photo                                        *
 *************************************************************************************/
 
.grande-image {
/*	width:400px;
	height:300px;*/
	text-align:center;
	border-collapse:collapse;
	height: 100%;
}

.grande-image td {
	vertical-align:middle;
}

/*************************************************************************************
 *                                Navigation dans les résultats                      *
 *************************************************************************************/
 
#navigation_page, #navigation_pageHaut {
	text-align: center;
	/*border: 1px solid black;*/
	height: 1.5em;
	margin: 2em 0em;
}

#navigation_page #precedent, #navigation_page #suivant, #navigation_pageHaut #precedentHaut, #navigation_pageHaut #suivantHaut {
	font-variant:small-caps;
	font-size: 1.2em;
	/*background-color: #E5E5E5;*/
	padding: 0px 10px;
	display:inline;
}

#navigation_page #precedent a, #navigation_page #suivant a, #navigation_pageHaut #precedentHaut a, #navigation_pageHaut #suivantHaut a {
	/*display: block;*/
	/*width: 100%;*/
}

#navigation_page #precedent, #navigation_pageHaut #precedentHaut {
	background-image:url(precedent.gif);
	background-position: center left;
	background-repeat: no-repeat;
	float: left;
}

#navigation_page #suivant, #navigation_pageHaut #suivantHaut {
	background-image:url(suivant.gif);
	background-position: center right;
	background-repeat: no-repeat;
	float: right;
}