@charset "UTF-8";
/* CSS Document */
@font-face{ 
	font-family: 'MyWebFont';
	src: url('WebFont.eot');
	src: url('WebFont.eot?#iefix') format('embedded-opentype'),
	     url('WebFont.woff') format('woff'),
	     url('WebFont.ttf') format('truetype'),
	     url('WebFont.svg#webfont') format('svg');
}
*{margin:0;padding:0;}

body{background:url(http://www.innov-immobilier.fr/fond/fond.jpg) no-repeat center fixed;    background-size: cover;font-family: 'Fira Sans', sans-serif;    font-size: 14px; }
#content{   
    margin: auto;
    max-width: 900px;}
	#top-content{max-width: 900px; margin: auto;}
#header{background-color:#646464; height:41px;width:100%;
	
	
}
a {color:#314e68;}
#logo img{
    margin-top: 30px;
	max-width: 100%;
}
#center  {    margin: auto;  margin-top:20%;}
.btn{
width: 125px;
    padding: 0px;
}
#menu {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dadada+100 */

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #dadada 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#dadada 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */

border-radius:15px;
	
	    height: 45px;
    width: 100%;border:1px solid #3E3E3F;}
	
	
	#menu ul {    list-style: none;}
	#menu ul li{float:left;width:136px;color :#5F6062;    float: left;
    width: 125px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;border-right:1px solid #A5A7AA;background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #dadada 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#dadada 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */}
	#menu ul li:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5dade+0,788696+100 */color:white;

background: #d5dade; /* Old browsers */

background: -moz-linear-gradient(top,  #d5dade 0%, #788696 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5dade), color-stop(100%,#788696)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d5dade 0%,#788696 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d5dade 0%,#788696 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d5dade 0%,#788696 100%); /* IE10+ */

background: linear-gradient(to bottom,  #d5dade 0%,#788696 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5dade', endColorstr='#788696',GradientType=0 ); /* IE6-9 */

}#menu ul li a {color :#5F6062;text-decoration:none;    height: 45px;
    display: inline-block;
    width: 100%;}
#menu ul li a:hover {color :#fff;}
#bloc{
	background-color:rgba(255,255,255,0.90);
	margin-top:20px;    border-radius: 15px;
	
	
}
#content_bloc{padding:2%}
#left{    width: 63%;
    float: left;
	padding:10px;
	
}

h1{color:#314e68;font-weight: normal;}
.gradient{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b6bec8+100 */

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #b6bec8 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b6bec8)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#b6bec8 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#b6bec8 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#b6bec8 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#b6bec8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6bec8',GradientType=0 ); /* IE6-9 */
padding:10px;
border-radius:5px; border:1px solid #3f3e3f ;
}
#right {    float: left;padding:10px;    width: 32%;}


#recherche{font-size:14px}
#recherche label {display: block;
    padding: 5px;}
#big_recherche {width:60%;margin:auto}
#big_recherche  label {display: block;
    padding: 0px;}	
	#big_recherche table {width: 100%;
    
	
	font-weight:bold;}
	#big_recherche tr {height: 40px;}
	#big_recherche select { width:70%}
select {width:100%;font-size:14px}
hr{background-color:#7e7e7e;width:90%;margin:auto;margin-top:10px;}
#recherchetop{    font-size: 15px;
    margin-top: 4px;
    background-color: transparent;
    background-image: url(images/recherchebg.png);
    border: 0;
    height: 32px;
	padding-left: 12px;
}

.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6e939), color-stop(1, #e8bd47));
	background:-moz-linear-gradient(top, #f6e939 5%, #e8bd47 100%);
	background:-webkit-linear-gradient(top, #f6e939 5%, #e8bd47 100%);
	background:-o-linear-gradient(top, #f6e939 5%, #e8bd47 100%);
	background:-ms-linear-gradient(top, #f6e939 5%, #e8bd47 100%);
	background:linear-gradient(to bottom, #f6e939 5%, #e8bd47 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6e939', endColorstr='#e8bd47',GradientType=0);
	background-color:#f6e939;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border:1px solid #3f3e3f;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:13px;
	padding:10px 29px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e8bd47), color-stop(1, #f6e939));
	background:-moz-linear-gradient(top, #e8bd47 5%, #f6e939 100%);
	background:-webkit-linear-gradient(top, #e8bd47 5%, #f6e939 100%);
	background:-o-linear-gradient(top, #e8bd47 5%, #f6e939 100%);
	background:-ms-linear-gradient(top, #e8bd47 5%, #f6e939 100%);
	background:linear-gradient(to bottom, #e8bd47 5%, #f6e939 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8bd47', endColorstr='#f6e939',GradientType=0);
	background-color:#e8bd47;
}
.myButton:active {
	position:relative;
	top:1px;
}
#view_annonce  {margin:auto;}
#view_annonce img {
	    height: 50%;
}

.bouton_tel {
    color: #000;
    border-radius: 10px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e8bd47), color-stop(1, #f6e939));
	background:-moz-linear-gradient(top, #e8bd47 5%, #f6e939 100%);
	background:-webkit-linear-gradient(top, #e8bd47 5%, #f6e939 100%);
	background:-o-linear-gradient(top, #e8bd47 5%, #f6e939 100%);
	background:-ms-linear-gradient(top, #e8bd47 5%, #f6e939 100%);
	background:linear-gradient(to bottom, #e8bd47 5%, #f6e939 100%);
    padding:3px 10px 3px 10px;
	font-size:16px;
	font-weight:bold;
	border:1px solid #3f3e3f;
	font-size: 18px;
}
.list_annonce{margin-bottom:15px;}

.titre_liste_annonce{ background: #f3F3F3;font-weight:bold;padding:3px;text-indent:0em;float:left;border: 1px solid #DADADA;

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #dadada 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#dadada 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
border-top-left-radius:10px;
border-bottom-left-radius:10px;
}

.fake_titre_annonce {
border: 1px solid #DADADA;
background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #dadada 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#dadada 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
}

.prix_liste_annonce{background:#DADADA;text-align:right;float:left;padding:3px;border: 1px solid #DADADA;font-weight:bold;color:white;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#78808d+0,324f69+100 */

background: #78808d; /* Old browsers */

background: -moz-linear-gradient(top,  #78808d 0%, #324f69 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78808d), color-stop(100%,#324f69)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #78808d 0%,#324f69 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #78808d 0%,#324f69 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #78808d 0%,#324f69 100%); /* IE10+ */

background: linear-gradient(to bottom,  #78808d 0%,#324f69 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78808d', endColorstr='#324f69',GradientType=0 ); /* IE6-9 */
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}
#big-titre-annonce{
	width:71%;background: #f3F3F3;font-weight:bold;padding:3px;text-indent:1em;float:left;border: 1px solid #DADADA;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dadada+100 */

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #dadada 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#dadada 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#dadada 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
border-top-left-radius:10px;
border-bottom-left-radius:10px;
}

/*POUP¨*/

#fade 
{
    display: none; /*-- caché par défaut --*/
    background: #000;
    position: fixed; 
    left: 0; 
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .80;
    z-index: 9999;
    /*filter: alpha(opacity=80);*/
}
 
.popup_block
{
    display: none; /*-- caché par défaut --*/
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 99999;
    /*-- Les différentes définitions de l'ombre de la popup en CSS3 --*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    /*-- Coins arrondis en CSS3 --*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
img.btn_close 
{
    float: right;
    margin: -55px -55px 0 0;
}

iframe
{
	
	border: 0px solid #FFFFFF;
	width: 100%;
	margin: 0;
	madding: 0;
}



#blocintro {width:90%;margin:auto;}
#blocintro *{box-sizing: border-box;}

#blocintro #introbloc1 {float:left;width:50%;padding-right:20px;}
#blocintro #introbloc2 {float:left;width:50%;}
#blocintro .myButton {margin-top:20px;}

/* Bandeau cookie bricolage 2022 */
#container_cookie {display:block;position:fixed;bottom:0px;background-color:#373736;padding:20px 2% 20px 2%;color:white;text-align:center;width:96%}
#container_cookie, #container_cookie * {box-sizing: content-box;}
#texte_cookie a {color:white;}
#btns_cookies {margin:15px;}
#btns_cookies div {display:inline-block;border:1px solid white;padding:10px;text-align:center;font-weight:bold;cursor:pointer;text-transform:uppercase;}
#btn_cookies_Oui {background-color:green;margin-right:20px;}
#btn_cookies_Non {background-color:red;}


/* Lien whatsapp 2022 */

#lienWhat {width:300px;display:flex;height:50px;text-decoration:none;float:right;margin-top:80px;margin-right:30px;}
#lienWhat span {flex:1;line-height:50px;font-size:20px;font-weight:bold;color:black;}
#lienWhat img {height:50px;margin:auto;margin-right:10px;}