/* CSS Document */

@import "reset.css";

/* MISE EN FORME
-------------------------------------------------------------- */

html, body {
	height: 100%;
}
body {
	font: 80%/1.3 arial, sans-serif;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #333;
	background: #7e7572 url(../images/bg/pat_06.png);
}

#container {	
	/*padding:1em;*/
	margin-left: 0;
	margin-top: 0;
}
#content {
	margin: 0px auto; /* avant "20px auto" */
	margin-bottom: 0px;
	width: 760px;
	min-height: 100%;
	padding: 20px 20px;
}
#header {
	margin-bottom: 6em; /* 4em */
	vertical-align:top;
	height: 10px; /* avant 40 */
	width: 760px;
}
#header img {
	top: 10px; /* avant 30px */
	position:absolute;
}
#maincol {
    margin: 0px;
	pading: 0px;
	clear:both;
	border-top: 1px solid #413a37;
}
#maincol ul {
	list-style-type: square;
	list-style-position: inside;
}
#maincol ol {
	list-style-type: decimal;
	list-style-position: inside;
}
#leftcol {
	position: relative;
	margin: 2em 2em 0 0;
	float: left;
	width: 15em;
}
#rightcol {
	margin: 0;
	text-align: justify;
}
#rightcol ul {
	list-style-type: square;
	list-style-position: inside;
}
#footer {
	margin: 4em auto 1em auto;
	font-size: xx-small;
	text-align:center;
	border-top: 1px solid #413a37;
	clear: both;	
}
#listing { /* le listing des biens */
	margin:1em 10em 1em 10em;
}
#langue {
	text-align: right;
}
/* AFFICHAGE DES LANGUES */
/*#langue {
	float: right;
}
#langue ul {
	list-style-type: none;
}
#langue li {
	margin-left:2px;
	float:left;
}
*/
a {
	color: #781704;
	text-decoration: none;
}

a:hover {
	border-bottom:1px dotted;
}

.txterror { /* celui du formulaire de contact (à changer) */
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}
.indexLeft {
	float: left;
	margin: 0px 0px 0px 7em;
	text-align:right;
}
.indexRight {
	float:right;
	margin: 0px 12em 0px 0px;
	text-align:left;
}
.photo_left {
	float:left;
	margin: 1em 1em 1em 0;
	text-align:center;
	/* -- for IE -- */
	/*filter:alpha(opacity=50);*/
	/* -- CSS3 standard -- */
	/*opacity:0.5;*/
	/* -- for Mozilla <1.6 -- */
	/*-moz-opacity:0.5;*/
}
.photo_right {
	float:right;
	margin: 1em 0 1em 1em;
}
.adsense {
	text-align:center;
}
.warning {
	background-color: #69F;
	color: #036;
	font-style: italic;
	width: 400px;
	position: relative;
	margin-left: 300px;
	margin-bottom: 20px;
	padding: 1em;
	-moz-box-shadow: 0 0 30px #000;
	-webkit-box-shadow: 0 0 30px #000;
	box-shadow: 0 0 30px #000;
	-moz-border-radius:0.5em;
	-khtml-border-radius:0.5em;
}

h1, h2, h3, h4 {
	/*text-shadow: 0px -1px rgba(0, 0, 0, 0.8);*/
	text-shadow: rgba(0, 0, 0, 0.0976563) 0px 1px 1px;
}
h1 {						/* XXXXXXXXXX TEST XXXXXXXXXXXX */
	text-align:center;
	font-size: 14px;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 2em;
	margin-bottom: 1em;
}
h2 {
	font-size: 12px;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 2em;
	margin-bottom: 1em;
}
.bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #882714;
}
.majuscule {
	font-size:16px;
}
.machine {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
}
.cadre { /* copie de fieldset */
	border:1px solid #4d4542;
	background-image: url(../images/bg/count.png);
	padding:1em;
}
.cadre ul {
	padding-left: 1em;
	list-style-type: square;
}
	
.cadre tr {
	padding: 1em;
}
.encadre {
	margin: 0 0 0 1em;
	float: right;

}
.paragraphe {
	clear: both;
	text-align: justify;
}

button.minimal {
	border: 1px solid #bbb;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #333;
	padding: 8px 0 7px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	width: 150px;
}
  button.minimal:hover {
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer; }
  button.minimal:active {
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000; }

  button.eye:hover {
    background: #d9d9d9 url(../images/vector/eye.svg) 4px no-repeat;
	background-size:18px;
}
  button.eye:active {
    background: #d0d0d0 url(../images/vector/eye.svg) 4px no-repeat;
	background-size:18px;
}
  button.download:hover {
    background: #d9d9d9 url(../images/vector/download.svg) 6px no-repeat;
	background-size:14px;
}
  button.download:active {
    background: #d0d0d0 url(../images/vector/download.svg) 6px no-repeat;
	background-size:14px;
}
button.eye {
	background: #e3e3e3 url(../images/vector/eye.svg) 4px no-repeat;
	background-size:18px;
}
button.download {
	background: #e3e3e3 url(../images/vector/download.svg) 6px no-repeat;
	background-size:14px;
}


/* Liste de définition
-------------------------------------------------------------- */
/*dl.dico {
	margin: 2em 0;
}*/
.dico dt {
	position: relative;
	left: 0;
	top: 2em;
	width: 12em;
	font-weight: bold;
}
.dico dd {
	border-left: 1px solid #413a37;
	margin: 0.5em 0 0 13em;
	padding: 0 0 .5em .5em;
}

.contact dt { /* pour le formulaire de contact */
	position: relative;
	left: 0;
	top: 1em;
}
.contact dd {
	margin: -1em 0 0 3em;
	padding: 0 0 0 .5em;
}

/* Tableau
-------------------------------------------------------------- */
table#liste {
	border-width: 0px;
	border-collapse: separate;
	border-spacing: 1px;
	clear:both;
	vertical-align: top;
}
table#liste th {
	padding: 0px;
	background-color: #d0d0d0;
	border-top: 1px solid #4d4542;
	border-bottom: 1px solid #4d4542;
	text-shadow: 1px 1px #d9d9d9;
}
table#liste tr td {
	/*position: relative;*/
	/*padding: 0px;*/
	vertical-align: top;
	padding-bottom: 1em;
}
/* Pour la loupe et le sia */
table#liste tr td img {
	position: relative;
}
table#liste tr td img.photo {
	width: 250px;
}
table#liste tr td img.loupe {
	right: -245px;
	top: -190px;
	z-index: 103;
}
table#liste tr td img.sia {
	top: -190px;
	z-index: 103;
}

/* Pour vendu ou option */
table#liste tr td div {
	position: relative;
	bottom: 63px;
	width: 250px;
	background-color: black;
	/*background: url(../images/trans_bg_25.png) repeat scroll transparent;*/
    height: 20px;
	filter:alpha(opacity=75); /* IE's opacity*/
	opacity: 0.75;
	right: -7px;
	z-index: 101;
}
table#liste tr td div p {
	background-color:transparent;
	z-index: 101;
	color: #F33;
	text-align:center;
	font-size:14px;
}

table#liste tr td ul li { /* pour enlever l'effet de liste */
	list-style: none;
	padding-left: 0;
}
table#liste tr td ul { /* pour enlever l'effet de liste */
	padding-left: 0;
}

table.element {
	margin: 0 0 2em 0;
	width: 100%;
	vertical-align:top;
}
/*table.element th:hover {
	color:#FFF;
}*/
table.element em {
	color: #F66;
}
.vignette {
	border: 1px solid #4d4542; /* Pour la bordure, nécessaire image taille fixe */
	background-color: #d0d0d0; /* Pour la couleur interne de la bordure, avant 3d3634 ou 8f8886 */
	padding: 6px;
	/*	border-left: 3px solid #2b2422;
	border-right: 3px solid #2b2422;
	padding:0px;
	background:none;*/
	/*top:auto;*/
}
.pages {
	float:right;
	margin-top:20px;
	color: #777;
}
#navigation {
	margin: 1em 0 0 20em;
}
#types_direct {
	text-align:center;
	clear:both;
}
/* VOIR AVEC CE QUI A ETE AJOUTE DANS ACHAT_IMMOBILIER.PHP */
/*#navigation a.readmore {
	background:url(../images/footer-navigation-left.png) no-repeat;
	float:right;
	padding: 0px 0px 0px 11px;
	display:block;
}
#navigation a.readmore span {
	background:url(../images/footer-navigation-right.png) no-repeat;
	display:block;
	padding: 3px 11px 5px 0px;
}*/

/* MISE EN FORME
-------------------------------------------------------------- */


/* POUR LES FORMULAIRES
-------------------------------------------------------------- */

/*form {
	background:#666;
	padding:1em;
	border:1px solid #eee;
}*/
#recherche_simple {
	/*background:url(../gfx/email2.gif) no-repeat 95% 1em;*/
	margin:1em 10em 1em 10em;
	list-style-type:none;
	padding: 0px;
}
#recherche_simple h4 {
	text-align:center;
}
#recherche_simple a {
	display: block;
	margin-left: -4px;
	padding: 0px;
	text-decoration: none;
}
#recherche_simple a:hover, #recherche_simple a:focus {
	text-decoration: none;
	/*background: #a1b55d;*/
	background: #25aaf9; /* bleu plutôt que vert */
	color:black;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#recherche_reference {
	/*background:url(../images/cles-32.png) no-repeat 95% 1em;*/
	margin:1em 10em 1em 10em;
}
#recherche_critere {
	/*background:url(../images/cles-32.png) no-repeat 95% 1em;*/
	margin:1em 10em 1em 10em;
}
fieldset {
	border:1px solid #4d4542;
	/*background-color: #2b2422;*/
	background-image: url(../images/bg/count.png);
	padding:1em;
}
fieldset div {
	margin:2px 0 2px 0;/*clear:both; JE SAIS PLUS POURQUOI FAIRE*/
}
/*form {
	margin:1em;
	width:27em;
}
*/
label {
	float:left;
	width:10em;
	text-align:right;
	margin-right:1em;
}
legend {
	color:#555;
	font-size:1.2em;
}
legend span {
	width:10em;
	text-align:right;
}
input {
	/*padding:0.15em;*/
	/*width:7em;*/
	padding: 2px 18px;
	border:1px solid #ddd;
	/*background:#fafafa;*/
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
}
.radio, .date {
	position:relative;
}
.radio fieldset, .date fieldset {
	border:none;
	width:auto;
	padding:1px 0 0 11em;
	background-image:none;
}
.radio legend, .date legend {
	font-size:1em;
	color:#333;
}
.radio legend span, .date legend span {
	position:absolute;
	left:0;
	top:0.3em;
	width:10em;
	display:block;
}
.radio label, .radio input {
	vertical-align:middle;
	display:inline;
	float:none;
	width:auto;
	/*background:none;*/
	border:none;
}
.radio div {
	float:left;
	white-space:nowrap;
	clear:none;
}
input.default {
	color:#bbb;
}


/* POUR LE MENU
-------------------------------------------------------------- */
ul#menu {
	list-style-type: none;
	/* width: 100%;  précision pour Opera */
	/*margin-top: 10px;*/
	/*margin-left: 488px;*/
	float: right;
	display:block;
}
ul#menu li {
	float: left;
}
ul#menu a {
	float: left;
	margin: 0 2px;
	padding: 5px 15px;
	text-align: center;
	border: 1px solid gray;
	text-decoration: none;
	color: #333;
	background: #d0d0d0; /* avant #2b2422 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
ul#menu a:hover {
	color: #781704;
	border-color:#c5c5c5;
	background:#f6f6f6;
}

/* POUR LA FICHE
-------------------------------------------------------------- */
#titre h1 {
	width: 614px;
	float:left;
	text-align:left;
	text-transform:none;
	letter-spacing:normal;
	text-shadow:none;
	margin:20px 0 0 0;
	font-weight: lighter;
	color:black;
	font-size:16px;
	text-shadow: rgba(0, 0, 0, 0.0976563) 0px 1px 1px;
}
#prix {
	font-size:18px;
	display:inline-block;
	float:right;
	margin-top:20px;
}

.technique {
  clear:both;
  float: left;
  width: 240px;
  margin-top:15px;
}
.photo_description {
	float:right;
	margin: 15px 0 30px 0;
}

#fiche_reference {
	text-align:right;
}
.sia_corner {
	float: left;
	position: absolute;
	top: 10px;
	z-index: 2;
}
#descriptif {
	padding-top: 10px;
	width:520px;
	text-align: justify;
	}
#details {
}

#galleria{
	width: 500px;
	height: 375px;
}
#carnet {
}
#carnet h1 {
	text-align:left;
	text-transform:none;
	letter-spacing:normal;
	text-shadow:none;
}
#carnet ul {
	/*font-family:"Courier New", Courier, monospace;*/
	padding-left:0;
	margin-bottom: 10px;
	/*list-style:none;*/
}
.galleria-tooltip{padding:3px 8px;max-width:50%;background:#ffe;color:#000;z-index:3;position:absolute;font-size:11px;line-height:1.3opacity:0;box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);}

.exclusivite {
	color:#C30;
	display:inline;
	padding-left:10px;
}
#surfaces {
	font-family:"Courier New", Courier, monospace;
	margin-top: 15px;
}
#surfaces caption {
	font-weight:bold;
}

/* CORNER RIBBON */

#wrap {
	position:relative;
	float:right;
	background: #eee;
	padding: 10px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
  z-index:10;
}

.ribbon-shape {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-shape:before, .ribbon-shape:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.ribbon-shape:before {
  left: 0;
}
.ribbon-shape:after {
  right: 0;
}

.ribbon-green-color {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
}
.ribbon-red-color {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF7373), to(#FF0000)); 
  background-image: -webkit-linear-gradient(top, #FF7373, #FF0000); 
  background-image:    -moz-linear-gradient(top, #FF7373, #FF0000); 
  background-image:     -ms-linear-gradient(top, #FF7373, #FF0000); 
  background-image:      -o-linear-gradient(top, #FF7373, #FF0000); 
}
.ribbon-orange-color {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD073), to(#FFAA00)); 
  background-image: -webkit-linear-gradient(top, #FFD073, #FFAA00); 
  background-image:    -moz-linear-gradient(top, #FFD073, #FFAA00); 
  background-image:     -ms-linear-gradient(top, #FFD073, #FFAA00); 
  background-image:      -o-linear-gradient(top, #FFD073, #FFAA00); 
}