/* CSS Document */
html {
	/*border:#FF0000 solid 1px;*/
	width:100%;
	height:100%;
}
/**********************************************/
body {
	/*border:#FFFFFF solid 1px;*/
	background-color:#2D2D2D;
	width:100%;
	height:100%;
	color:#FFFFFF;
	font-family: "Tahoma", Verdana, Trebuchet MS;
	font-size:1vw;
	margin: 0;
	padding: 0;
}
/**********************************************/
/*--------------------------------------------*/
/**********************************************/
a.type1 {			color: #FFFFFF; font-size:1em; text-decoration:none }
a.type1:visited {	color: #FFFFFF; text-decoration:none }
a.type1:hover  {	color: #37AAC7; text-decoration:none }
/*----------------------------------------------*/
a.type2 {			color: #FFFFFF; font-size:3em; text-decoration:none }
a.type2:visited {	color: #FFFFFF; text-decoration:none;}
a.type2:hover  {	color: #37AAC7; text-decoration:none; font-style:italic;}
/*----------------------------------------------*/
a.type3 {			color: #FFFFFF; font-size:0.9vw; text-decoration:none }
a.type3:visited {	color: #000000; text-decoration:none }
a.type3:hover  {	color: #37AAC7; text-decoration:none; font-style:italic; font-weight:bold }
/*----------------------------------------------*/
a.type4 {			color: #37AAC7; font-size:3em; text-decoration:none }
a.type4:visited {	color: #FFFFFF; text-decoration:none }
a.type4:hover  {	color: #37AAC7; text-decoration:none; font-style:italic; font-weight:bold }
/*----------------------------------------------*
/**********************************************/
/*--------------------------------------------*/
/**********************************************/
#filtreIndex	{
  display:none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color:#37AAC7;
  z-index:6000;
  opacity:0.7;
  filter: alpha(opacity=50);
}
/**********************************************/
#box_contactIndex, #box_partageIndex, #box_alertIndex {
	background-color:#2D2D2D;
	/*border:#37AAC7 2px solid;*/
	display: none;
	position:fixed;
	top: 16%;
	left:15%;
	width:70%;
	height:75%;
	overflow:hidden;
	z-index:6100;
}
/**********************************************/
#box_headerIndex	{
	/*background-color:#2D2D2D;*/
	border-bottom:1px solid black;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:30px;
	color:#37AAC7;
	font-size:1.6em;
	text-align:center;
}
/**********************************************/
#box_closeIndex	{
	float:right;
	position:absolute;
	top: 0;
	left:96%;
	background-image:url(../../images/close.png);
	background-repeat:no-repeat;
	background-color:#CCCCCC;
	border:1px solid black;
	width:28px;
	height:26px;
	margin-right:10px;
}
/**********************************************/
#box_contentIndex	{
	border:#37AAC7 solid 2px;
	position:absolute;
	top:30px;
	left:0;
	right:0;
	bottom:0;
	width:95%;
	height:80%;
	overflow:hidden;
	margin:10px auto 5px;
	padding-left:10px;
	padding-top:5px;
}
/******************************************/
/*----------------------------------------*/
/******************************************/
h1 {
	font-size:5vw;
}
/*---------------------------------------*/
h2 {
	font-size:1.5vw;
}
/*---------------------------------------*/
h3 {
	font-size:1.5vw;
}
/*---------------------------------------*/
h4 {
	font-size:4vw;
}
/*---------------------------------------*/
h5 {
	font-size:3em;
}
/*---------------------------------------*/
h6 {
	font-size:3em;
}
/*---------------------------------------*/
.ing {
	border-width: 0;
}
/*---------------------------------------*/
.table {
	/*border:#FFFFFF solid 1px;*/
	float: left;
	width:100%;
	height:auto;
	border-collapse:collapse;
	border-spacing:1px;
}
/*----------------------------------------*/
.td_L {
	text-align:left;
}
/*----------------------------------------*/
.td_C {
	text-align:center;
}
/*----------------------------------------*/
.td_R {
	text-align:right;
}
/*----------------------------------------*/
.td_J {
	text-align:justify;
}
/**********************************************/
/*--------------------------------------------*/
/**********************************************/
.slideshow { 
	/*border:#FF0000 solid 5px;*/
	position:fixed;
	top:0;
	left:-400px;
	width:100%;
	min-width:1000px;
	min-height:100%;
	overflow:hidden;
	z-index:0;
}
/**********************************************/
.ing_slide {
	width:100%;
	height:100%;
}

/**********************************************/
/*--------------------------------------------*/
/**********************************************/
.conteneurPrincipal {
	/*border:#FFFF00 solid 1px;*/
	/*background-color:#78DC9C;*/
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:auto;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:700;
}
/**********************************************/
/**********************************************/
.div_flagHight_fr, .div_flagHight_en, .div_flagHight-it {
	/*border:#FFFFFF solid 1px;*/
	display:block;
	background-image:url(../../icones/flag_fr.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size: 120px 24px;
	position:absolute;
	top:5px;
	right:-155px;
	width:150px;
	height:24px;
	padding-left:60px;
	cursor:pointer;
	/*-------------*/
	transition-property:right;
	transition-duration: 2s;
	transition-timing-function:ease;
}
/*---------------------------*/
.div_flagHight_en {
	background-image:url(../../icones/flag_en.png);
}
.div_flagHight-en {
	background-image:url(../../icones/flag_it.png);
}
/*---------------------------*/
.div_flagHight_fr:hover, .div_flagHight_en:hover, .div_flagHight-it:hover {
	right:80px;
}
/**********************************************/
/**********************************************/
.div_enteteIndex {
	/*border:#00FF00 solid 1px;*/
	position:absolute;
	top:0;
	left:0;
	width:98%;
	height:90px;
	margin-left:1%;
	padding-top:3px;
}
/**********************************************/
.div_logo {
	/*border:#FFFF00 solid 1px;*/
	background-image:url(../../images/hight/logo_girafe.png);
	background-repeat:no-repeat;
	background-position:left;
	float:left;
	width:140px;
	height:90px;
	cursor:pointer;
}
/**********************************************/
.div_connexion {
	/*border:#00FFFF solid 1px;*/
	display:block;
	float:right;
	width:auto;
	height:auto;
	color:#FFFFFF;
	text-align:center;
	margin-top:30px;
	margin-right:5px;
}
/**********************************************/
#texteCookies {
	/*border:#FF0000 solid 1px;*/
	display:block;
	display:none;
	float:right;
	width:auto;
	height:auto;
	padding:3px;
	margin-right:5vw;
}
/**********************************************/
#texteCookies label{
	color:#FFFFFF;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:1vw;
}
/**********************************************/
.bt_cookies {
	background-color:#37AAC7;
	color:#FFFFFF;
	font-size:1.2vmax;
}
/**********************************************/
.div_titreIndex {
	/*border:#FFFF00 solid 1px;*/
	display:block;
	float:left;
	width:94%;
	height:auto;
	color:#000000;
	text-align:center;
	margin:95px 0 0 3%;
	padding-right:5px;
}
/**********************************************
.conteneurRecherche_hight {
	/*border:#FF0000 solid 1px;
	display:none;
}
/**********************************************/
/**********************************************/
.div_interCalaire0, .div_interCalaire1 {
	/*background-color:#FF0000;*/
	float:left;
	width:100%;
	height:3px;
	margin-top:1px;
}
/*********************/
.div_interCalaire1 {
	/*background-color:#00FF00;*/
	margin:2% 0 35em 0;
}
/**********************************************/
/**********************************************/
.divMenu_indexHightInclude {
	/*border:#0833D7 solid 1px;*/
	float:left;
	width:100%;
	height:auto;
	display:table;
	margin:auto;
}
/**********************************************/
/*----------------DIV ANNONCE-----------------*/
/**********************************************/
.contenaireAnnonce_hight { 
	/*border:#FF0000 solid 1px;*/
	display:none;
}
/**********************************************/
.contenaireAnnonce_small { 
	/*border:#FF0000 solid 1px;*/
	display:block;
	float:left;
	width:98%;
	height:auto;
	overflow:hidden;
	margin-left:1%;
	margin-top:250px;
}
/**********************************************/
/*--------------------------------------------*/
/**********************************************/
.titre_consulte {
	border:#0FFFF0 solid 1px;
	display:block;
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	padding-left:5px;
}
/**********************************************/
.h2_consulte{
	/*border-top:1px solid #5EBFFF;*/
	float:left;
	width:auto;
	font-size:4em;
	margin:15px 0 15px 0;
	color:#78DC9C;
}
/**********************************************/
.ligne_consulte {
	display:none;
}
/**********************************************/
#conteneurConsulteY, #conteneurConsulteN {
	/*border:#FFF solid 1px;*/
	display:none;
}

.conteneurConsulteY {
	/*border:#00FF00 solid 1px;*/
	position:relative;
	top:0;
	left:0;
	width:87.5em;
	height:auto;
	overflow:hidden;
	margin:10px auto 0 auto;
}

.conteneurConsulteN {
	/*border:#00FF00 solid 1px;*/
	position:relative;
	top:0;
	left:0;
	width:90%;
	height:auto;
	overflow:hidden;
	margin:10px auto 0 auto;
}
/**********************************************/
#td_ing {
	width:100%;
	height:100%;
}
/**********************************************/
.td_Cleg {
	/*background-color:#AAAAAA;*/
	width:50%;
	color:#000000;
	font-size:3em;
	text-align:center;
}
/**********************************************/
/*--------------------------------------------*/
/**********************************************/
.contenaireInternaute, .contenaireAgence {
	/*border:#FFF solid 1px;*/
	display:block;
	float:left;
	width:100%;
	height:auto;
	margin-top:10%;
	margin-bottom:10%;
}
/**********************************************/
.titre_internaute, .titre_agence {
	/*border:#0FFFF0 solid 1px;*/
	position:relative;
	width:87.5em;
	height:auto;
	margin:0 auto 0 auto;
}
/**********************************************/
.h2_internaute, .h2_agence {
	/*border-top:1px solid #5EBFFF;*/
	float:left;
	width:auto;
	font-size:4em;
	color:#8CECF4;
	margin:15px 0 15px 0;
}

.h2_agence {
	color:#F4F37F;
}
/**********************************************/
.ligne_internaute, .ligne_agence {
	border-bottom:2px solid #8CECF4;
	display:none;
	width:65%;
	float:right;
	margin-top:25px;
	margin-right:0px;
}

.ligne_agence {
	border-bottom:2px solid #F4F37F;
}
/**********************************************/
.consultInternaute, .consultAgence {
	/*border:#00FF00 solid 1px;*/
	position:relative;
	top:0;
	left:0;
	width:87.5em;
	height:auto;
	overflow:hidden;
	margin:10px auto 0 auto;
}
/**********************************************/
#bien_consulte, #bien_internaute, #bien_agence {
	float:left;
    width:100%;
    height:auto;
	margin-bottom:10px;
}
/**********************************************/
#table_bienConsulte, #table_bienInternaute, #table_bienAgence {
	/*border:#000000 solid 1px;*/
	background-color:#78DC9C;
	width:100%;
	height:12em;
}

#table_bienInternaute {
	background-color:#8CECF4;
}
#table_bienAgence {
	background-color:#F4F37F;
}
/**********************************************/
.ing_consulte, .ing_internaute, .ing_agence {
	border-width: 0;
	width:100%;
	height:50em;
}
/**********************************************/
/*--------------------------------------------*/
/**********************************************/
.div_adress {
	/*border:#FFFF00 solid 1px;*/
	float:left;
	width:94%;
	height:auto;
	font-size:2.5em;
	text-align:center;
	margin-left:3%;
	margin-top:1%;
}
/*--------------------------------------------*/

#div_interCal1 {
	/*border:#00FFFF solid 1px;*/
	/*background-color:#FFFF00;*/
	float:left;
	width:100%;
	height:10px;
	margin-top:2%;
}
/*--------------------------------------------*/
#div_interCal2 {
	/*border:#00FF00 solid 1px;*/
	/*background-color:#FFFF00;*/
	float:left;
	width:100%;
	height:10px;
	margin-bottom:1%;
}
/**********************************************/
/*----------------DIV ANNONCE-----------------*/
/**********************************************/
.annonceLocation_small, .annonceVilla_small, .annonceAppartement_small {
    border:10px solid #FFFFFF;
	border-radius: 10px;
	float:left;
	width:80%;
	height:70em;
    overflow:hidden;
    text-align:center;
	margin-left:7%;
	margin-bottom:3em;
	cursor:pointer;
}
/*----------------------------------------*/
.ingAnnonce_small {
	width:100%;
	height:200px;
	max-height:500px;
    margin: 0 auto;
    display: block;
}
/*----------------------------------------*/
.anon1 {
	/*background: #FF0000;*/
	width:100%;
	height:500px;
}
/*----------------------------------------*/
.table {
	/*border:#FFFFFF solid 1px;*/
	float: left;
	width:100%;
	height:auto;
	color:#FFFFFF;
	border-collapse:collapse;
	border-spacing:1px;
}
/*--------------------------------------------*/
#td_ville {
	background-color: rgba(0, 0, 0, 0.5);
	width:100%;
	color:#37AAC7;
	font-family:"Courier New", Courier, monospace;
	font-size:5em;
	font-style:italic;
	text-align:center;
}
/*--------------------------------------------*/
#td_quartier {
	background-color: rgba(0, 0, 0, 0.5);
	width:100%;
	color:#37AAC7;
	font-family:"Times New Roman", Times, serif;
	font-size:5em;
	font-style:italic;
	text-align:center;
}
/*--------------------------------------------*/
#td_titre {
	background-color: rgba(0, 0, 0, 0.5);
	width:100%;
	font-family:"Times New Roman", Times, serif;
	font-size:3em;
	font-style:italic;
	text-align:center;
}
/*--------------------------------------------*/
#div_texte {
	/*border:#FFFF00 solid 1px;*/
	background-color: rgba(0, 0, 0, 0.5);
	width:100%;
	overflow:hidden;
	height:auto;
	
	font-family:"Times New Roman", Times, serif;
	font-size:2.5em;
	text-align:center;
}
/*--------------------------------------------*/
#td_ref {
	background-color: rgba(0, 0, 0, 0.5);
	width:50%;
	font-family:"Times New Roman", Times, serif;
	font-size:3em;
	text-align:center;
}
/*--------------------------------------------*/
#td_prix {
	background-color: rgba(0, 0, 0, 0.5);
	width:50%;
	font-family:"Times New Roman", Times, serif;
	font-size:3em;
	text-align:center;
}
/*----------------------------------------*/
.items1 {
    -webkit-animation: scroll 20s infinite;
    -moz-animation: scroll 20s infinite;
    -ms-animation: scroll 20s infinite;
}
/*----------------------------------------*/
.items2 {
    -webkit-animation: scroll 20s infinite;
    -moz-animation: scroll 20s infinite;
    -ms-animation: scroll 50s infinite;
}
/*----------------------------------------*/
.items3 {
    -webkit-animation: scroll 20s infinite;
    -moz-animation: scroll 20s infinite;
    -ms-animation: scroll 35s infinite;
}
/*----------------------------------------*/
@-webkit-keyframes scroll {
	  0%     { margin-top: 0; }
	 27.33%  { margin-top: 0 }
	 33.33%  { margin-top: -500px; }
	 60.66%  { margin-top: -500px; }
	 66.66%  { margin-top: -1000px; }
	 94.99%  { margin-top: -1000px; }
	100%     { margin-top: 0 }
}
/*----------------------------------------*/
@-moz-keyframes scroll {
	 0%     { margin-top: 0; }
	27.33%  { margin-top: 0 }
	33.33%  { margin-top: -500px; }
	60.66%  { margin-top: -500px; }
	66.66%  { margin-top: -1000px; }
	94.99%  { margin-top: -1000px; }
   100%     { margin-top: 0 }
}
/*----------------------------------------*/
@keyframes scroll {
	0%   { margin-top: 0; }
	
	14.00%  { margin-top: 0; }
	20.00%  { margin-top: -500px; }
	
	34.00% { margin-top: -500px; }
	40.00% { margin-top: -1000px; }
	
	54.00% { margin-top: -1000px; }
	60.00% { margin-top: -1500px; }
	
	74.00% { margin-top: -1500px; }
	80.00% { margin-top: -2000px; }
	
	94.00% { margin-top: -2000px; }
	100%  { margin-top: 0 }
}
/*********************************************/
/*-------------------------------------------*/
/*********************************************/
.div_refLegal {
	/*border:#FF0000 solid 1px;*/
	display:block;
	float:left;
	width:94%;
	height:auto;
	margin:0 0 0 3%;
	padding:0;
}
/*********************************************/
/*********************************************/
.divReseau_includeHightIndex {
	/*border:#00CCFF solid 1px;*/
	display:none;
}
/*********************************************/
.divReseau_includeSmallIndex {
	/*border:#aaa500 solid 1px;*/
	display:block;
	float:left;
	width:94%;
	height:auto;
	margin:0 0 0 3%;
	padding:0;
}
/*********************************************/
/*********************************************/
.divVille_includeHightIndex {
	/*border:#00CCFF solid 1px;*/
	display:none;
}
/*********************************************/
.divVille_includeSmallIndex {
	/*border:#0000FF solid 1px;*/
	display:block;
	float:left;
	width:94%;
	height:auto;
	margin:0 3% 3% 3%;
	padding:0;
}
/*********************************************/
/*********************************************/
/*--- Div Top ---*/
.div_top {
	border-radius:5em;
	background:rgba(55,170,199, 1);
	display: none;
	position: fixed;
	bottom:50px;
	right: 5px;
	color:#FFFFFF;
	font-size:3em;
	text-align:center;
	padding:2em;
	cursor: pointer;
	transition:all ease-in 0.2s;
	z-index:99999;
}
.div_top:before{ content: "\25b2"; }
.div_top:hover{
	background:rgba(55,170,199, 0.25);
	transition:all ease-in 0.2s;
}
/******************************************/
/******************************************/
.div_fin {
	/*background-color:#FFFF00;*/
	float:left;
	width:100%;
	height:10px;
	margin-top:10%;
}
/*****************************************/
@media screen and (max-width: 317px) {
	
	/******************/
	.div_connexion {
		float:left;
		width:94%;
		margin:0 0 1% 3%;
	}
	/******************/
	.div_titreIndex {
		margin:120px 0 0 3%;
	}
	/******************/
	
}
/*****************************************/